cq mobile apps
DESCRIPTION
Talk given at Evolve 2013TRANSCRIPT
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 1 of 79http://localhost:8000/?print-pdf#/
CQ Mobile AppsCQ Mobile Apps /
/
Andrew Savory @savs
Bruce Lefebvre @brucelefebvre
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 2 of 79http://localhost:8000/?print-pdf#/
IntroductionsIntroductions
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 3 of 79http://localhost:8000/?print-pdf#/
AndrewAndrewSenior Technical Product Marketing Manager, [email protected]@savs
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 4 of 79http://localhost:8000/?print-pdf#/
BruceBruceComputer Scientist, CQ@brucelefebvre
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 5 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 6 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 7 of 79http://localhost:8000/?print-pdf#/
You are hereYou are hereYou have a big investment in your existing website:
Lots of contentLots of processesLots of trainingLots of integrations
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 8 of 79http://localhost:8000/?print-pdf#/
You need to address mobileYou need to address mobile
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 9 of 79http://localhost:8000/?print-pdf#/
Mobile challengesMobile challengesMobile websites...are easy (with CQ)Mobile apps are hard
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 10 of 79http://localhost:8000/?print-pdf#/
Mobile apps are hardMobile apps are hardHow do you:
Re-use your contentProvide back-end server infrastructureDevelop for multiple mobile platforms
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 11 of 79http://localhost:8000/?print-pdf#/
Mobile experiences are hardMobile experiences are hardUnique challenges:
New functionality to use (touch, sensors)Constraints (memory, performance, battery, connectivity)Difficult to update
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 12 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 13 of 79http://localhost:8000/?print-pdf#/
Key challengesKey challengesRepurposing content and workflows from CQLeveraging existing infrastructure to feed complex appsEmpowering Marketing and giving control back
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 14 of 79http://localhost:8000/?print-pdf#/
CQ ArchitectureCQ ArchitectureOSGi FrameworkJava, JSP, JSContent storeScalable
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 15 of 79http://localhost:8000/?print-pdf#/
PhoneGapPhoneGap
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 16 of 79http://localhost:8000/?print-pdf#/
Apps written with web techApps written with web techyou know and loveyou know and love
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 17 of 79http://localhost:8000/?print-pdf#/
"...using HTML, CSS, and Javascript to not getlocked into a proprietary vendor platform."
- Brian LeRoux
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 18 of 79http://localhost:8000/?print-pdf#/
Supported platformsSupported platformsiOSAndroidBlackberryWindows Phonemore on the way...
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 19 of 79http://localhost:8000/?print-pdf#/
Device APIDevice APIGeo locationAccelerometerCameraFile systemContactsNotifications<your custom plugin>
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 20 of 79http://localhost:8000/?print-pdf#/
Open sourceOpen source
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 21 of 79http://localhost:8000/?print-pdf#/
In the real worldIn the real world
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 22 of 79http://localhost:8000/?print-pdf#/
http://phonegap.com/app/feature/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 23 of 79http://localhost:8000/?print-pdf#/
PhoneGap BuildPhoneGap BuildCompile in the cloudAvoid vendor SDKsNow part of Creative Cloud
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 24 of 79http://localhost:8000/?print-pdf#/
Content SyncContent Sync
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 25 of 79http://localhost:8000/?print-pdf#/
Standards basedOptimized for low bandwidthAll content welcome
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 26 of 79http://localhost:8000/?print-pdf#/
Scenario: BlueSkyScenario: BlueSky
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 27 of 79http://localhost:8000/?print-pdf#/
The requirementThe requirementCustom mobile applicationRe-use server architectureDeliver a dynamic mobile experience
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 28 of 79http://localhost:8000/?print-pdf#/
What we builtWhat we builtThird-party client app
PhoneGap, Angular.jsServer-side JSPs emitting JSONHypermedia API
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 29 of 79http://localhost:8000/?print-pdf#/
DemoDemo
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 30 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 31 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 32 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 33 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 34 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 35 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 36 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 37 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 38 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 39 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 40 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 41 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 42 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 43 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 44 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 45 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 46 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 47 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 48 of 79http://localhost:8000/?print-pdf#/
The valueThe valueFor users: mobile experience, not mobile effortLeverages existing CQ investment, common technologiesLoosely-coupled API provides flexibility, minimises pain
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 49 of 79http://localhost:8000/?print-pdf#/
Scenario: NewsreaderScenario: Newsreader
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 50 of 79http://localhost:8000/?print-pdf#/
The requirementThe requirementRepurpose contentBuild apps across platformsKeep content up-to-date
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 51 of 79http://localhost:8000/?print-pdf#/
What we builtWhat we builtA PhoneGap app (stored in CQ)PhoneGap Build for cross-platformContentSync for content updates
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 52 of 79http://localhost:8000/?print-pdf#/
InterludeInterludeDo you read the release notes?
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 53 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 54 of 79http://localhost:8000/?print-pdf#/
“Integration with Adobe serviceto generate mobile apps from within Experience Manager”
PhoneGap Build
“Enable more efficient developer workflow to maintain and update content-driven mobile apps”
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 55 of 79http://localhost:8000/?print-pdf#/
DemoDemo
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 56 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 57 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 58 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 59 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 60 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 61 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 62 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 63 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 64 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 65 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 66 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 67 of 79http://localhost:8000/?print-pdf#/
SummarySummaryYou can integrate mobile apps with CQYou can re-use your contentYou can re-use your workflows and integrations
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 68 of 79http://localhost:8000/?print-pdf#/
One more thingOne more thing
CQ MobileCQ Mobile
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 69 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 70 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 71 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 72 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 73 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 74 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 75 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 76 of 79http://localhost:8000/?print-pdf#/
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 77 of 79http://localhost:8000/?print-pdf#/
SummarySummaryMobile websites are easy (with CQ)Mobile apps are hard easy (with CQ)
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 78 of 79http://localhost:8000/?print-pdf#/
Thank YouThank You
Questions?Questions?
28/08/2013 14:49Evolve 2013: CQ Mobile Apps
Page 79 of 79http://localhost:8000/?print-pdf#/
ResourcesResources
- Brian LeRouxPhoneGap Beliefs, Goals, and PhilosophyMobile with Content Sync
ReferencesReferences
designed by from The NounProject
designed by from The Noun Project designed by from The Noun Project
Question Anas Ramadan
Package Hakan YalcinQuestion Henry Ryder