In this presentation I share with you the process that I follow to develop mobile web apps with jQuery Mobile, Sencha Touch and PhoneGap.

1. HOW I DEVELOP MOBILE WEB APPS
Jorge Ramon
MiamiCoder.com

2. REQUIREMENTS GATHERING1
Go to the people who know the most about what is
needed, preferably the future users of the app.
MiamiCoder.com

3. DEVELOPMENT ENVIRONMENT SETUP2
Set up my workstation, source control, code libraries
and frameworks that I will use.
MiamiCoder.com

4. LOW FIDELITY UI PROTOTYPING3
Create low-fidelity prototypes of the UI. Short work
sessions with the users or clients.
MiamiCoder.com

5. HIGH FIDELITY UI PROTOTYPING4
Make high-fidelity prototypes of the UI, based on the
low-fidelity prototypes. Keep working with users or
clients.
MiamiCoder.com

6. UI CREATION WITH MOCK DATA5
Create working UI that users can test on emulator or
device. Use mock data for screens, and simulate
network connections and other processes.
MiamiCoder.com

7. CLIENT-SIDE CONTROLLERS & SERVICES6
Mini-iterations of: Create behavior-driven tests,
create controllers and wire screens to controllers.
MiamiCoder.com

8. SERVER-SIDE ENDPOINTS & SERVICES7
Mini-iterations of: Create behavior-driven tests for
endpoints, create endpoints, create behavior-driven
tests for the services layer.
MiamiCoder.com

9. TESTS ON EMULATOR AND DEVICES8
End-to-end tests of the app on different emulators
and devices. Functional & non-functional tests. Pay
extra attention to usability and performance.
MiamiCoder.com

10. PACKAGING9
Package the application for deployment through
enterprise portal or app store.
MiamiCoder.com

11. LEARN MORE!
Learn more about developing line-of-business mobile apps:
http://miamicoder.com/
MiamiCoder.com