MOBILEAPPLICATIONDEVELOPMENT
Lecturer:MSc.HoangAnhViet
CS2015-2016
MOBILEAPPLICATIONDEVELOPMENT
Chapter02-ApporWeb
(c)HoangAnhViet2016
Content
• MobileWeb
• MobileApplicaEons
• MarkeEng
(c)HoangAnhViet2016
Mobile App Development
HTML5
CSS /
HTML / JS
NATIVE
HYBRID
Native code
Objective C,
+
Java,
HTML5
C# / XAML, C++
(c)HoangAnhViet2016
(c)HoangAnhViet2016
MobileWeb
(c)HoangAnhViet2016
1.1MobileWeb
FIGURE2-1:TheincreaseinthenumberofmobileInternetusers
(c)HoangAnhViet2016
1.1MobileWeb
FIGURE2-1:TheincreaseinthenumberofmobileInternetusers
(c)HoangAnhViet2016
1.1MobileWeb
FIGURE2-1:TheincreaseinthenumberofmobileInternetusers
(c)HoangAnhViet2016
1.1MobileWeb
FIGURE2-1:TheincreaseinthenumberofmobileInternetusers
(c)HoangAnhViet2016
MobileContent
(c)HoangAnhViet2016
1.1MobileContent
FIGURE2-2:Desktopwebsiteofacommercialsite(c)HoangAnhViet2016 FIGURE2-3:MobileversionofsiteshowninFigure2-2
1.2MobileBrowsers
(c)HoangAnhViet2016
FIGURE2-4:Topfivemobilebrowsers
TABLE2-1:MobileOSMarketSharebyCountryasofFebruary2012
1.3MobileOSMarketShare
(c)HoangAnhViet2016
1.4MobileUserBrowsingBehavior
• Inordertocreateagreatmobileinterface,you
shouldspendEmeidenEfyingbehaviorsofmobile
users
• Usersmightneedaccesstoyourmobilecontent:
– RepeBBon
– Boredom
– Urgency
(c)HoangAnhViet2016
1.5AdvantagesofMobileWeb
1. Immediacy–MobileWebsitesAreInstantlyAvailable
Amobilewebsiteisinstantlyaccessibletousersviaabrowser
acrossarangeofdevices(iPhone,Android,BlackBerry,etc).
Appsontheotherhandrequiretheusertofirstdownload
andinstalltheappfromanappmarketplacebeforethe
contentorapplicaAoncanbeviewed-asignificantbarrier
betweeniniAalengagementandacAon/conversion
2. CompaBbility–MobileWebsitesareCompaBbleAcross
Devices
Asinglemobilewebsitecanreachusersacrossmanydifferent
typesofmobiledevices,whereasnaAveappsrequirea
separateversiontobedevelopedforeachtypeofdevice.
Furthermore,mobilewebsiteURLsareeasilyintegrated
withinothermobiletechnologiessuchasSMS,QRCodesand
nearfieldcommunicaAon(NFC).
(c)HoangAnhViet2016
1.5AdvantagesofMobileWeb
3. Upgradability–MobileWebsitesCanBeUpdatedInstantly
Amobilewebsiteismuchmoredynamicthananappintermsof
pureflexibilitytoupdatecontent.Ifyouwanttochangethedesign
orcontentofamobilewebsiteyousimplypublishtheeditonceand
thechangesareimmediatelyvisible;updaAnganappontheother
handrequirestheupdatestobepushedtousers,whichthenmust
bedownloadedinordertoupdatetheapponeachtypeofdevice.
5. Findability–MobileWebsitesCanbeFoundEasily
Mobilewebsitesaremucheasierforuserstofindbecausetheir
pagescanbedisplayedinsearchresultsandlistedinindustryspecificdirectories,makingiteasyforqualifiedvisitorstofindyou.
Mostimportantly,visitorstoyourregularwebsitecanbe
automaAcallysenttoyourmobilesitewhentheyareonahandheld
(usingdevice-detecAon).Incontrast,thevisibilityofappsare
largelyrestrictedtomanufacturerappstores.
(c)HoangAnhViet2016
1.5AdvantagesofMobileWeb
5. Shareability–MobileWebsitesCanbeSharedEasilyby
Publishers,andBetweenUsers
MobilewebsiteURLsareeasilysharedbetweenusersviaasimple
link(e.g.withinanemailortextmessage,FacebookorTwi[er
post).Publisherscaneasilydirectuserstoamobilewebsitefroma
blogorwebsite,oreveninprint.Anappsimplycannotbesharedin
thisfashion.
6. Reach–MobileWebsitesHaveBroaderReach
Becauseamobilewebsiteisaccessibleacrosspla]ormsandcanbe
easilysharedamongusers,aswellassearchengines,ithasfar
greaterreachcapabilitythananaEveapp.
(c)HoangAnhViet2016
1.5AdvantagesofMobileWeb
7. LifeCycle–MobileWebsitesCan’tbeDeleted
Theaverageshelf-lifeofanappispreSyshort,lessthan30days
accordingtosomeresearch,sounlessyourappissomethingtruly
uniqueand/oruseful(ideally,both),it’squesAonablehowlongit
willlastonauser’sdevice.Mobilewebsitesontheotherhandare
alwaysavailableforuserstoreturntothem.
8. AMobileWebsiteCanbeanApp!
Justlikeastandardwebsite,mobilewebsitescanbedevelopedas
database-drivenwebapplicaAonsthatactverymuchlikenaAve
apps.AmobilewebapplicaAoncanbeapracAcalalternaAveto
naAveappdevelopment.
(c)HoangAnhViet2016
1.5AdvantagesofMobileWeb
9. TimeandCost-MobileWebsitesareEasierandLessExpensive
Lastbutcertainlynotleast,mobilewebsitedevelopmentis
considerablymoreAmeandcost-effecAvethandevelopmentofa
naAveapp,especiallyifyouneedtohaveapresenceondifferent
plaXorms(requiringdevelopmentofmulApleapps).
10. SupportandSustainability
TheinvestmentconsideraAonsofappvswebsitedon’tendwiththe
iniAallaunch;properlysupporAnganddevelopinganapp
(upgrades,tesAng,compaAbilityissuesandongoingdevelopment)
ismoremuchmoreexpensiveandinvolvedthansupporAnga
websiteoverAme.
(c)HoangAnhViet2016
Content
• MobileWeb
• MobileApplicaBons
• MarkeEng
(c)HoangAnhViet2016
MobileApplicaEons
(c)HoangAnhViet2016
FIGURE2-5:MobilebrowsingbehaviorintheU.S.
(c)HoangAnhViet2016
2.1YouneedMobileapps?
•
•
•
•
•
•
•
•
•
Ifyourequiregraphicsandprocessingpower
Ifyourequiretheuseofthedevice’scamera
Ifyouneedtousethedevice’smicrophone
Ifyourequireaccesstothedevice’saddressbook
Ifyourequireaccesstothedevice’smedialibrary
Ifyouwillbeusingthemarketforpayment
IfyourequireuseofpushnoEficaEons
Ifyouneedtorunasabackgroundservice
Ifyouwanttodesignagame
(c)HoangAnhViet2016
2.2WhentoCreateanApp
FIGURE2-6:Planstodevelopanapp
(c)HoangAnhViet2016