Promedico for iPad

sprocketexponentialMobile - Wireless

Dec 10, 2013 (3 years and 10 months ago)

92 views

Promedico for iPad

Real
world

case
study

on
iPad

applications
.

Requirements


Small iPad application to show on a Fair


Look good


Show possibilities


Display patient files & medication history


Work on the existing environment & data


Visual DataFlex


SQL


Friday, April 01, 2011

Harm Wibier
-

iPad Case Study

2

Choices made


Native application


Harder and more expensive to develop


No experience within DAW


Requires Apple machines


Way too expensive

Friday, April 01, 2011

Harm Wibier
-

iPad Case Study

3


AJAX Library Application


Easy to develop


Looks too much like an web application


Not exciting enough


JQuery Mobile


Looks like a mobile application


Not enough advanced components


Slow


Technique not mature enough

Friday, April 01, 2011

Harm Wibier
-

iPad Case Study

4


Sencha Touch


Looks like an
iPad
application


Advanced components


Panels


Feels smooth and fast


Application in a Page


Good experience with Sencha frameworks


Everybody became excited


Friday, April 01, 2011

Harm Wibier
-

iPad Case Study

5

Native Look and Feel


Panels


Floating and docked


Elastic scrolling


Rotating changes UI


Run full screen


Home screen icon


Splash screen

Friday, April 01, 2011

Harm Wibier
-

iPad Case Study

6

Example


Example live on the iPad


Please don't use the Internet Connection!



Alternative


http://localhost/promedicoipad/

Friday, April 01, 2011

Harm Wibier
-

iPad Case Study

7

Technique


Application in a Page


Complete application loaded at once


Switching screens means switching 'Panels'


GUI defined in JavaScript


Use Sencha Touch classes to define UI


JSON Like panel definition


JavaScript objects 'render to HTML'

Friday, April 01, 2011

Harm Wibier
-

iPad Case Study

8

Technique


Data loaded with AJAX Calls


Visual DataFlex Web Application


JSON used to return data


Extended Sencha Touch grid for column
sorting

Friday, April 01, 2011

Harm Wibier
-

iPad Case Study

9

Implementation


Get a general idea of what the code looks like



WebService


http://localhost/promedicoipad/webservice.wso

Friday, April 01, 2011

Harm Wibier
-

iPad Case Study

10

QUESTIONS?

Friday, April 01, 2011

Harm Wibier
-

iPad Case Study

11

THANKS!

We will be
around and would be happy to answer any specific questions
you may have
...

Friday, April 01, 2011

Harm Wibier
-

iPad Case Study

12