SlideShare a Scribd company logo
1 of 10
Mobile Web Development 
with
Agenda 
Mobile application scenarios 
Mobile application approaches 
Building mobile Web applications 
ASP.NET Class Libraries 
Customization & Extensibility
MMoobbiillee AApppplliiccaattiioonn AApppprrooaacchheess 
OOvveerrvviieeww
Mobile Application Approaches 
Traditional Challenges 
Multi-device applications ttoooo ddiiffffiiccuulltt 
• DDiiffffeerreenntt ffoorrmm ffaaccttoorrss 
• DDiiffffeerreenntt ddeevviiccee ccaappaabbiilliittiieess 
• DDiiffffeerreenntt WWeebb ssttaannddaarrddss 
VVeerryy lliittttllee sskkiillll rreeuussee 
• DDiiffffeerreenntt ppllaattffoorrmmss 
• DDiiffffeerreenntt AAPPIIss 
• DDiiffffeerreenntt llaanngguuaaggeess 
LLooccaall CCooddee 
MMoobbiillee WWeebb PPaaggeess 
MMoobbiillee WWeebb 
BBrroowwsseerr 
DDeevviiccee OOppeerraattiinngg SSyysstteemm
Mobile Application Approaches 
Architectural Advantages 
AAddvvaannttaaggeess ooff mmoobbiillee WWeebb aappppss AAddvvaannttaaggeess ooff ssmmaarrtt ddeevviiccee aappppss 
Offline functionality 
Local execution 
Local data 
Rich user experience 
Multimedia 
Elaborate UI 
Integration with assets 
on the device 
Credit card readers 
Barcode scanners 
GPS receivers 
Adaptive rendering 
Dynamic support for many 
device/browser 
combinations 
Support for low-end browser 
devices 
Single code base 
Simplified maintenance 
Natural extension to existing 
Web sites 
Server-side execution 
No client deployment 
No client execution
Mobile Application Approaches 
Microsoft Mobile Development 
SSmmaarrtt DDeevviiccee 
PPrrooggrraammmmaabbiilliittyy 
LLooccaall 
CCooddee 
AASSPP..NNEETT MMoobbiillee 
CCoonnttrroollss 
MMoobbiillee WWeebb 
PPaaggeess 
MMoobbiillee WWeebb 
BBrroowwsseerr 
..NNEETT CCoommppaacctt 
FFrraammeewwoorrkk 
DDeevviiccee OOppeerraattiinngg SSyysstteemm
ASP.NET Mobile Controls 
Integrates with 
Visual Studio .NET 
for ease of use 
.NET Framework 
ASP.NET 
Windows Forms 
Web 
Forms 
Mobile 
Web 
Forms 
Web Services 
Services Framework 
Common Language Runtime 
System Services 
& 
.NET Compact 
Framework 
Base Data Debug … 
Extends ASP.NET 
for mobile 
Web applications 
Targets multiple 
devices and mark-up 
languages
Building Mobile Web Applications 
Visual Studio and 
ASP.NET Mobile Controls 
VViissuuaall 
BBaassiicc CC++++ CC## JJ## …… 
AASSPP..NNEETT 
WWeebb FFoorrmmss 
WWeebb 
SSeerrvviicceess 
WWiinnddoowwss 
FFoorrmmss 
AADDOO..NNEETT aanndd XXMMLL 
BBaassee CCllaassss LLiibbrraarriieess 
Common LLaanngguuaaggee RRuunnttiimmee 
VViissuuaall SSttuuddiioo ..NNEETT 
MMoobbiillee WWeebb 
PPrrooggrraammmmaabbiilliittyy 
• IInntteeggrraatteedd IIDDEE 
• VViissuuaall ddeessiiggnn aanndd 
ddeebbuuggggiinngg 
• SSiimmppllee iinntteeggrraattiioonn 
wwiitthh ddaattaa aanndd XXMMLL 
AASSPP..NNEETT MMoobbiillee 
CCoonnttrroollss 
• FFeeaattuurree ooff AASSPP..NNEETT 
• AAddaappttiivvee rreennddeerriinngg 
ffoorr ddeevviiccee pprrooppeerrttiieess 
• UUsseess ffuullll ..NNEETT 
FFrraammeewwoorrkk
Device Support – 200+ Devices 
ACCESS Compact: NetFront 2.0, Fujitsu F503i, Mitsubishi D502i, Mitsubishi D503i, NEC N210i, NEC 
N502i, Sony SO503i 
Ericsson 2.0: Ericsson R380, Ericsson R320, Ericsson R520m, Ericsson T20s 
GoAmerica Go.Web: Compaq iPAQ H3650, Palm Vx, RIM Blackberry 857, RIM Blackberry 950, RIM 
Blackberry 957, 
Microsoft Mobile Explorer: Sony CMD-Z5, Sony CMD-J5, Benefon Q, 
Microsoft Pocket Internet Explorer: Casio Cassiopeia E-125, Compaq iPAQ H3630, Compaq iPAQ H3650, 
HP Jornada 720, Compaq iPAQ H3670 
Nokia: Nokia 3330, Nokia 6210, Nokia 7110, Nokia 9110i 
Openwave UP.Browser 3.x: Audiovox CDM-9000, Ericsson R280LX, Hitachi C407H, Kyocera QCP 2035A, 
Kyocera QCP 3035, LG V111, Mitsubishi T250, Motorola StarTAC 7868W, Motorola TimePort P8767, 
Samsung SCH-6100, Samsung SCH-850, Samsung SCH-8500, Samsung UpRoar M100, Sanyo C401SA, 
Sanyo SCP-4500, Sanyo SCP-5000, Sprint Touchpoint, Sprint Touchpoint 2200, Sprint Touchpoint 3000 
Openwave UP.Browser 4.x: Alcatel One Touch 701, Audiovox CDM-135, Audiovox CDM-9100, Motorola 
i1000plus, Motorola i2000plus, Motorola i50sx, Motorola i85s, Motorola T2288, Motorola TimePort 
P7382i, Motorola TimePort P7389, Motorola V100, Motorola V120c, Motorola V2288, Motorola V60c, 
Siemens C35i, Siemens S35i, Siemens SL45 
Miscellaneous Browsers: Handspring Visor Platinum (Qualcomm Eudora Internet Suite 2.1; Blazer 1.0 and 
Omnisky 2.1.0.15), IBM WorkPad c505 (ilinx Xiino 1.01J), Kyocera QCP 6035 (Qualcomm Eudora 2.0), 
Nokia 9210 (Symbian Crystal 6.0), Palm VII (MyPalm 1.0), Palm Vx (AU-Systems 2.12181.1 and Omnisky 
2.0.04), Palm m505 (MyPalm 1.1), Panasonic P210i, Panasonic P502i, Sharp J-SH04 (Original Equipment 
Manufacturer's Version 3.0), Sharp Zaurus MI-E1 (Original Equipment Manufacturer's Version 6.1), Sony 
CLIE PEG-N700C (ilinz Palmscape 4.0SJ), Toshiba J-T05 (Original Equipment Manufacturer's Version 3.0),
Namespace Hierarchy 
WWeebb FFoorrmmss MMoobbiillee WWeebb FFoorrmmss 
NNaammeeSSppaaccee 
SSyysstteemm..WWeebb..UUII..MMoobbiilleeCCoonnttrroollss 
NNaammeeSSppaaccee 
SSyysstteemm..WWeebb..UUII 
PPaaggee 
SSyysstteemm..WWeebb..UUII..PPaaggee 
CCoonnttrrooll 
SSyysstteemm..WWeebb..UUII..CCoonnttrrooll 
DDeesskkttoopp SSeerrvveerr CCoonnttrroollss 
MMoobbiillee PPaaggee 
SSyysstteemm..WWeebb..UUII..MMoobbiilleeCCoonnttrroollss..MMoobbiilleePPaaggee 
MMoobbiillee CCoonnttrrooll 
SSyysstteemm..WWeebb..UUII..MMoobbiilleeCCoonnttrroollss..MMoobbiilleeCCoonnttrrooll 
MMoobbiillee SSeerrvveerr CCoonnttrroollss

More Related Content

Viewers also liked

Synapseindia android apps intro to android development
Synapseindia android apps  intro to android developmentSynapseindia android apps  intro to android development
Synapseindia android apps intro to android development
Synapseindiappsdevelopment
 

Viewers also liked (6)

Synapse india sharing info on dotnet framework part2
Synapse india sharing info on dotnet framework part2Synapse india sharing info on dotnet framework part2
Synapse india sharing info on dotnet framework part2
 
Synapseindia android apps programming with app inventor
Synapseindia android apps programming with app inventorSynapseindia android apps programming with app inventor
Synapseindia android apps programming with app inventor
 
Synapseindia android apps intro to android development
Synapseindia android apps  intro to android developmentSynapseindia android apps  intro to android development
Synapseindia android apps intro to android development
 
SynapseIndia asp.net2.0 ajax Development
SynapseIndia asp.net2.0 ajax DevelopmentSynapseIndia asp.net2.0 ajax Development
SynapseIndia asp.net2.0 ajax Development
 
SynapseIndia dotnet web development architecture module
SynapseIndia dotnet web development architecture moduleSynapseIndia dotnet web development architecture module
SynapseIndia dotnet web development architecture module
 
Synapseindia android middleware
Synapseindia android middlewareSynapseindia android middleware
Synapseindia android middleware
 

Similar to Synapse india mobile apps part2

Introducing The WSO2 Platform
Introducing The WSO2 Platform Introducing The WSO2 Platform
Introducing The WSO2 Platform
WSO2
 
Philly ete-2011
Philly ete-2011Philly ete-2011
Philly ete-2011
davyjones
 

Similar to Synapse india mobile apps part2 (20)

Crossware-Introduction_AmitDhagat-reduced.pdf
Crossware-Introduction_AmitDhagat-reduced.pdfCrossware-Introduction_AmitDhagat-reduced.pdf
Crossware-Introduction_AmitDhagat-reduced.pdf
 
Teksun Corporate Overview 2014
Teksun Corporate Overview 2014Teksun Corporate Overview 2014
Teksun Corporate Overview 2014
 
Overview of azure microservices and the impact on integration
Overview of azure microservices and the impact on integrationOverview of azure microservices and the impact on integration
Overview of azure microservices and the impact on integration
 
WSO2 Platform Overview - WSO2 Meetup 01 - 16th Oct 2014
WSO2 Platform Overview - WSO2 Meetup 01 - 16th Oct 2014WSO2 Platform Overview - WSO2 Meetup 01 - 16th Oct 2014
WSO2 Platform Overview - WSO2 Meetup 01 - 16th Oct 2014
 
Livo presentation
Livo presentationLivo presentation
Livo presentation
 
Fortbragg Techday Presentation
Fortbragg Techday PresentationFortbragg Techday Presentation
Fortbragg Techday Presentation
 
Kamailio World 2017: Getting Real with WebRTC
Kamailio World 2017: Getting Real with WebRTCKamailio World 2017: Getting Real with WebRTC
Kamailio World 2017: Getting Real with WebRTC
 
Optimizing content for the "mobile web"
Optimizing content for the "mobile web"Optimizing content for the "mobile web"
Optimizing content for the "mobile web"
 
UBNCorpSlides_v5
UBNCorpSlides_v5UBNCorpSlides_v5
UBNCorpSlides_v5
 
Introducing The WSO2 Platform
Introducing The WSO2 Platform Introducing The WSO2 Platform
Introducing The WSO2 Platform
 
Mobile Web High Performance
Mobile Web High PerformanceMobile Web High Performance
Mobile Web High Performance
 
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
 
Single Page Applications – Know The Ecosystem system
Single Page Applications – Know The Ecosystem systemSingle Page Applications – Know The Ecosystem system
Single Page Applications – Know The Ecosystem system
 
MicroEJ, the OS for IoT
MicroEJ, the OS for IoTMicroEJ, the OS for IoT
MicroEJ, the OS for IoT
 
MicroEJ OS for IoT devices
MicroEJ OS for IoT devicesMicroEJ OS for IoT devices
MicroEJ OS for IoT devices
 
Philly ete-2011
Philly ete-2011Philly ete-2011
Philly ete-2011
 
Enabling application portability with the greatest of ease!
Enabling application portability with the greatest of ease!Enabling application portability with the greatest of ease!
Enabling application portability with the greatest of ease!
 
Getting Started with Android - OSSPAC 2009
Getting Started with Android - OSSPAC 2009Getting Started with Android - OSSPAC 2009
Getting Started with Android - OSSPAC 2009
 
Rock Your Web Apps with Vaadin: Coding Serbia 2014
Rock Your Web Apps with Vaadin: Coding Serbia 2014Rock Your Web Apps with Vaadin: Coding Serbia 2014
Rock Your Web Apps with Vaadin: Coding Serbia 2014
 
Mobilise your ASP.NET website
Mobilise your ASP.NET websiteMobilise your ASP.NET website
Mobilise your ASP.NET website
 

More from Synapseindiappsdevelopment

More from Synapseindiappsdevelopment (20)

Synapse india elance top in demand in it skills
Synapse india elance top in demand in it skillsSynapse india elance top in demand in it skills
Synapse india elance top in demand in it skills
 
SynapseIndia dotnet module development part 1
SynapseIndia  dotnet module development part 1SynapseIndia  dotnet module development part 1
SynapseIndia dotnet module development part 1
 
SynapseIndia dotnet framework library
SynapseIndia  dotnet framework librarySynapseIndia  dotnet framework library
SynapseIndia dotnet framework library
 
SynapseIndia dotnet development platform overview
SynapseIndia  dotnet development platform overviewSynapseIndia  dotnet development platform overview
SynapseIndia dotnet development platform overview
 
SynapseIndia dotnet development framework
SynapseIndia  dotnet development frameworkSynapseIndia  dotnet development framework
SynapseIndia dotnet development framework
 
SynapseIndia dotnet web applications development
SynapseIndia  dotnet web applications developmentSynapseIndia  dotnet web applications development
SynapseIndia dotnet web applications development
 
SynapseIndia mobile build apps management
SynapseIndia mobile build apps managementSynapseIndia mobile build apps management
SynapseIndia mobile build apps management
 
SynapseIndia mobile apps deployment framework internal architecture
SynapseIndia mobile apps deployment framework internal architectureSynapseIndia mobile apps deployment framework internal architecture
SynapseIndia mobile apps deployment framework internal architecture
 
SynapseIndia java and .net development
SynapseIndia java and .net developmentSynapseIndia java and .net development
SynapseIndia java and .net development
 
SynapseIndia dotnet development panel control
SynapseIndia dotnet development panel controlSynapseIndia dotnet development panel control
SynapseIndia dotnet development panel control
 
SynapseIndia dotnet development ajax client library
SynapseIndia dotnet development ajax client librarySynapseIndia dotnet development ajax client library
SynapseIndia dotnet development ajax client library
 
SynapseIndia mobile apps deployment framework architecture
SynapseIndia mobile apps deployment framework architectureSynapseIndia mobile apps deployment framework architecture
SynapseIndia mobile apps deployment framework architecture
 
SynapseIndia mobile apps
SynapseIndia mobile appsSynapseIndia mobile apps
SynapseIndia mobile apps
 
SynapseIndia dotnet client library Development
SynapseIndia dotnet client library DevelopmentSynapseIndia dotnet client library Development
SynapseIndia dotnet client library Development
 
SynapseIndia creating asp controls programatically development
SynapseIndia creating asp controls programatically developmentSynapseIndia creating asp controls programatically development
SynapseIndia creating asp controls programatically development
 
SynapseIndia mobile apps trends, 2013
SynapseIndia mobile apps  trends, 2013SynapseIndia mobile apps  trends, 2013
SynapseIndia mobile apps trends, 2013
 
SynapseIndia drupal presentation on drupal info
SynapseIndia drupal  presentation on drupal infoSynapseIndia drupal  presentation on drupal info
SynapseIndia drupal presentation on drupal info
 
SynapseIndia drupal presentation on drupal best practices
SynapseIndia drupal  presentation on drupal best practicesSynapseIndia drupal  presentation on drupal best practices
SynapseIndia drupal presentation on drupal best practices
 
SynapseIndia drupal presentation on drupal
SynapseIndia drupal  presentation on drupalSynapseIndia drupal  presentation on drupal
SynapseIndia drupal presentation on drupal
 
SynapseIndia dotnet debugging development process
SynapseIndia dotnet debugging development processSynapseIndia dotnet debugging development process
SynapseIndia dotnet debugging development process
 

Synapse india mobile apps part2

  • 2. Agenda Mobile application scenarios Mobile application approaches Building mobile Web applications ASP.NET Class Libraries Customization & Extensibility
  • 4. Mobile Application Approaches Traditional Challenges Multi-device applications ttoooo ddiiffffiiccuulltt • DDiiffffeerreenntt ffoorrmm ffaaccttoorrss • DDiiffffeerreenntt ddeevviiccee ccaappaabbiilliittiieess • DDiiffffeerreenntt WWeebb ssttaannddaarrddss VVeerryy lliittttllee sskkiillll rreeuussee • DDiiffffeerreenntt ppllaattffoorrmmss • DDiiffffeerreenntt AAPPIIss • DDiiffffeerreenntt llaanngguuaaggeess LLooccaall CCooddee MMoobbiillee WWeebb PPaaggeess MMoobbiillee WWeebb BBrroowwsseerr DDeevviiccee OOppeerraattiinngg SSyysstteemm
  • 5. Mobile Application Approaches Architectural Advantages AAddvvaannttaaggeess ooff mmoobbiillee WWeebb aappppss AAddvvaannttaaggeess ooff ssmmaarrtt ddeevviiccee aappppss Offline functionality Local execution Local data Rich user experience Multimedia Elaborate UI Integration with assets on the device Credit card readers Barcode scanners GPS receivers Adaptive rendering Dynamic support for many device/browser combinations Support for low-end browser devices Single code base Simplified maintenance Natural extension to existing Web sites Server-side execution No client deployment No client execution
  • 6. Mobile Application Approaches Microsoft Mobile Development SSmmaarrtt DDeevviiccee PPrrooggrraammmmaabbiilliittyy LLooccaall CCooddee AASSPP..NNEETT MMoobbiillee CCoonnttrroollss MMoobbiillee WWeebb PPaaggeess MMoobbiillee WWeebb BBrroowwsseerr ..NNEETT CCoommppaacctt FFrraammeewwoorrkk DDeevviiccee OOppeerraattiinngg SSyysstteemm
  • 7. ASP.NET Mobile Controls Integrates with Visual Studio .NET for ease of use .NET Framework ASP.NET Windows Forms Web Forms Mobile Web Forms Web Services Services Framework Common Language Runtime System Services & .NET Compact Framework Base Data Debug … Extends ASP.NET for mobile Web applications Targets multiple devices and mark-up languages
  • 8. Building Mobile Web Applications Visual Studio and ASP.NET Mobile Controls VViissuuaall BBaassiicc CC++++ CC## JJ## …… AASSPP..NNEETT WWeebb FFoorrmmss WWeebb SSeerrvviicceess WWiinnddoowwss FFoorrmmss AADDOO..NNEETT aanndd XXMMLL BBaassee CCllaassss LLiibbrraarriieess Common LLaanngguuaaggee RRuunnttiimmee VViissuuaall SSttuuddiioo ..NNEETT MMoobbiillee WWeebb PPrrooggrraammmmaabbiilliittyy • IInntteeggrraatteedd IIDDEE • VViissuuaall ddeessiiggnn aanndd ddeebbuuggggiinngg • SSiimmppllee iinntteeggrraattiioonn wwiitthh ddaattaa aanndd XXMMLL AASSPP..NNEETT MMoobbiillee CCoonnttrroollss • FFeeaattuurree ooff AASSPP..NNEETT • AAddaappttiivvee rreennddeerriinngg ffoorr ddeevviiccee pprrooppeerrttiieess • UUsseess ffuullll ..NNEETT FFrraammeewwoorrkk
  • 9. Device Support – 200+ Devices ACCESS Compact: NetFront 2.0, Fujitsu F503i, Mitsubishi D502i, Mitsubishi D503i, NEC N210i, NEC N502i, Sony SO503i Ericsson 2.0: Ericsson R380, Ericsson R320, Ericsson R520m, Ericsson T20s GoAmerica Go.Web: Compaq iPAQ H3650, Palm Vx, RIM Blackberry 857, RIM Blackberry 950, RIM Blackberry 957, Microsoft Mobile Explorer: Sony CMD-Z5, Sony CMD-J5, Benefon Q, Microsoft Pocket Internet Explorer: Casio Cassiopeia E-125, Compaq iPAQ H3630, Compaq iPAQ H3650, HP Jornada 720, Compaq iPAQ H3670 Nokia: Nokia 3330, Nokia 6210, Nokia 7110, Nokia 9110i Openwave UP.Browser 3.x: Audiovox CDM-9000, Ericsson R280LX, Hitachi C407H, Kyocera QCP 2035A, Kyocera QCP 3035, LG V111, Mitsubishi T250, Motorola StarTAC 7868W, Motorola TimePort P8767, Samsung SCH-6100, Samsung SCH-850, Samsung SCH-8500, Samsung UpRoar M100, Sanyo C401SA, Sanyo SCP-4500, Sanyo SCP-5000, Sprint Touchpoint, Sprint Touchpoint 2200, Sprint Touchpoint 3000 Openwave UP.Browser 4.x: Alcatel One Touch 701, Audiovox CDM-135, Audiovox CDM-9100, Motorola i1000plus, Motorola i2000plus, Motorola i50sx, Motorola i85s, Motorola T2288, Motorola TimePort P7382i, Motorola TimePort P7389, Motorola V100, Motorola V120c, Motorola V2288, Motorola V60c, Siemens C35i, Siemens S35i, Siemens SL45 Miscellaneous Browsers: Handspring Visor Platinum (Qualcomm Eudora Internet Suite 2.1; Blazer 1.0 and Omnisky 2.1.0.15), IBM WorkPad c505 (ilinx Xiino 1.01J), Kyocera QCP 6035 (Qualcomm Eudora 2.0), Nokia 9210 (Symbian Crystal 6.0), Palm VII (MyPalm 1.0), Palm Vx (AU-Systems 2.12181.1 and Omnisky 2.0.04), Palm m505 (MyPalm 1.1), Panasonic P210i, Panasonic P502i, Sharp J-SH04 (Original Equipment Manufacturer's Version 3.0), Sharp Zaurus MI-E1 (Original Equipment Manufacturer's Version 6.1), Sony CLIE PEG-N700C (ilinz Palmscape 4.0SJ), Toshiba J-T05 (Original Equipment Manufacturer's Version 3.0),
  • 10. Namespace Hierarchy WWeebb FFoorrmmss MMoobbiillee WWeebb FFoorrmmss NNaammeeSSppaaccee SSyysstteemm..WWeebb..UUII..MMoobbiilleeCCoonnttrroollss NNaammeeSSppaaccee SSyysstteemm..WWeebb..UUII PPaaggee SSyysstteemm..WWeebb..UUII..PPaaggee CCoonnttrrooll SSyysstteemm..WWeebb..UUII..CCoonnttrrooll DDeesskkttoopp SSeerrvveerr CCoonnttrroollss MMoobbiillee PPaaggee SSyysstteemm..WWeebb..UUII..MMoobbiilleeCCoonnttrroollss..MMoobbiilleePPaaggee MMoobbiillee CCoonnttrrooll SSyysstteemm..WWeebb..UUII..MMoobbiilleeCCoonnttrroollss..MMoobbiilleeCCoonnttrrooll MMoobbiillee SSeerrvveerr CCoonnttrroollss