Building Mobile Web Apps

Download Building Mobile Web Apps

Post on 23-Feb-2016




0 download

Embed Size (px)


Presented at: Nextbridge LHR C1 May 03, 20112. Building Mobile Web Apps. Procedure & Techniques for Mobile Web Apps. Questions regarding previous session?. ?. RECAPE. Do we fit in the wheel?. RoR. PHP. .NET. Heaven is!. Todays. AGENDA. Topics we will cover in this presentation. - PowerPoint PPT Presentation


jQuery Advance

Building Mobile Web AppsProcedure & Techniques for Mobile Web AppsPresented at:Nextbridge LHR C1May 03, 20112Questions regarding previous session??RECAPEDo we fit in the wheel?

PHPRoR.NETHeaven is!

AGENDATodaysTopics we will cover in this presentationReal cross platform possible?Can we do from scratch?The big sandwichExisting libraries & comparisonExample ApplicationTopic 1Real cross platform possible?Real cross platform possible?Real cross platform possible?What is common?What is common?ScreenKeypadBatteryInterfaceOSWhat is common?Web BrowserWhat is common?Web BrowsersTopic 2Can we do from scratch?Sample screen shot of a web page in mobile

Bar-bone structure of Mobile Web App

What feature browser support?Does this all we need for a Mobile App??Other features we may need?Topic 3The big sandwich21Three questionsDoes one single thing can Cover all features?Cover all vendors?Cover all platforms?We need platform?One Platform Deals all complexities Expose Single Language Api We need platform?

PhoneGapPhoneGapIts expose simple JS APIPhoneGap Api Reference

How to setup PhoneGap on WindowsHow to setup PhoneGap on WindowsHow to setup PhoneGap on WindowsBird Eye View

Detail View

Any thing to ask??Is something Missing??PhoneGap Api Reference

What is missing?User ExperienceHere comes?Mobile UI LibrariesTopic 4Existing librariesA lot of things availableIts all up to you?ChooseWhich fits you?Features on a glancejQuery MobilejQ TouchChoclate ChipiUISencha TouchBasic Mobile Interface ListList with Custom FormattingStandard Alert DialogInput Dialog with button (e.g; 'OK', 'Cancel')Custom Toolbars (headers and footers)Form ElementsAnimationsSample tests we have taken Inserting 500 items in database Retrieving 500 items from database and display in Displaying 1000 items with JS Loop Displaying a page of 1000 items with hardcoded html.Tests results performanceTests results smoothnessTests results effects qualityFramework?Choice Is all YoursTopic 5Example ApplicationNow its your turn to speak

Building mobile web appsProcedure & Techniques for Mobile Web AppsDesigned & delivered by:Nazar HussainTraining Manager

Assisted by:Khawar ShahzadAssociate Software Engineer Presented at:Nextbridge LHR C1May 03, 2012