Implementing Mobile SolutionsThomas Sammer, Project Leader “Mobile Uni-App”, PhD Student & Research Associate@UniSGEduhub ...
Agenda   Introduction   Challenges   Approaches   Lessons Learned at the University of St.Gallen   Framework for mobile Im...
Agenda   Introduction   Challenges   Approaches   Lessons Learned at the University of St.Gallen   Framework for mobile Im...
Competence Center Mobile Business                                    4
VorstellungHigh demand for mobile support                                 5
In business the market volume for smartphone andtablet apps is overtaking BI and ERP market volumes.                      ...
In education many institutes are starting initiatives for   mobile solutions leading to many isolated applications.       ...
Standards for the implementation of mobile solutions   are missing...                                                     ...
…and there are many hurdles to take.Es fehlt sowohl an Erfahrung als auch an Standards.                                   ...
Agenda   Introduction   Challenges   Approaches   Lessons Learned at the University of St.Gallen   Framework for mobile Im...
Overview on mobile platforms          http://connect.icrossing.co.uk/wp-content/uploads/2012/02/iCrossing_Mobile-marketing...
Overview on mobile platforms                                 Android                                  Nokia Store /Markt  ...
Overview on mobile platforms         http://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Apple_logo_Think_Different_v...
Diffusion of programming standards                                     2009                      2012                     ...
Access statistics, March 2012                                15
http://modolabs.com/framework.php                                                                           16http://files...
Bridging backends and frontends                                        Backends Frontends Middleware              RSS   PD...
Access statistics, March 2012                                18
Time to exchange experiences:• Have you launched mobile projects?• What are your experiences?• What challenges have you re...
From Adobe InDesign to an iPad AppAgenda   Introduction   Challenges   Approaches   Lessons Learned at the University of S...
Native App                                                    Approaches       Native App                         Web App ...
Mobile Enterprise / Consumer ApplicationPlatform (MEAP / MCAP)         X                                    X             ...
Web App                                         Approaches      Native App                  Web App             Hybrid App...
Homescreen Icons for Web Appshttp://app.unisg.ch                                24
Hybrid App / Wrapper App                                         Approaches      Native App                   Web App     ...
Time to exchange experiences:• Have you already made experiences with crossplatform development?• What is your opinion on ...
From Adobe InDesign to an iPad AppAgenda   Introduction   Challenges   Approaches   Lessons Learned at the University of S...
We want to build aErfahrung als auch aninstitute can   Es fehlt sowohl an standard, that every Standards.   reach its goal...
Institutes in Switzerland should be able to set-up amobile app / web app with less effort and developmentsshould be interc...
Visit http://app.unisg.ch                   We are using the Kurogo Framework.                   It supports web apps op...
Ausführliche FAQ                    Very positive and encouraging feedback.                    Growing user base.       ...
Additional Content                                  Campus                                   App                     http:...
HSG App as extension for the official website.                                                 33
Also „not mobile“ users access app.unisg.ch                                              34
Time to exchange experiences:• What about your communication channels?• Do you think additional communication channels are...
Agenda   Introduction   Challenges   Approaches   Lessons Learned at the University of St.Gallen   Framework for mobile Im...
Frontend: Audience / Target group                         Every User (Students and Staff) will bring /               Stude...
Backend: Content / ServicesService            Interface       Priority              Depends on your vendorLMS             ...
4 ways to go                                                       mFramework      - Diversity of Back-ends +   Native App...
Native apps                                             mFramework+                         Native App with        withDiv...
41
42
43
Project E-OSCE                                                  mFramework+                         Native App with       ...
45http://www.finews.ch/news/finanzplatz/6139-postfinance-setzt-auf-ipad-kundenberatung
Out of the box solutions                                             mFramework+                         Native App with  ...
HTML5 and mFramework for multi device                            support                                             mFram...
Middleware-based mFrameworks                                             mFramework+                         Native App wi...
Time to exchange experiences:• Which of the quadrants does your institute cover?• Do you think such a clustering is valuab...
Thank you!   Please visit www.ccmb.ch for more information.                                                               ...
St.Gallen Mobile Business ForumMay 8th, St.Gallen                                  51
Thank You! Supplement Further information about the project is available on http://www.ccmb.ch Contact Mag. Thomas Sammer ...
Upcoming SlideShare
Loading in …5
×

Eduhub Days 2012: Implementing Mobile Solutions

1,095 views
954 views

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,095
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
17
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Eduhub Days 2012: Implementing Mobile Solutions

  1. 1. Implementing Mobile SolutionsThomas Sammer, Project Leader “Mobile Uni-App”, PhD Student & Research Associate@UniSGEduhub Days 2012, Murten, April 3rd, 2012 thomas.sammer@unisg.ch 1 Picture from http://www.samsung.com/ch/news/picturelibrary.html
  2. 2. Agenda Introduction Challenges Approaches Lessons Learned at the University of St.Gallen Framework for mobile Implementations 2 Picture from http://presse.samsung.ch/app/images/ch/144/Samsung_GalaxyTAB_P1000_lifestyle_05.jpg
  3. 3. Agenda Introduction Challenges Approaches Lessons Learned at the University of St.Gallen Framework for mobile Implementations 3 Picture from http://presse.samsung.ch/app/images/ch/144/Samsung_GalaxyTAB_P1000_lifestyle_05.jpg
  4. 4. Competence Center Mobile Business 4
  5. 5. VorstellungHigh demand for mobile support 5
  6. 6. In business the market volume for smartphone andtablet apps is overtaking BI and ERP market volumes. Gartner-Report G00216625, Sep 2011 6
  7. 7. In education many institutes are starting initiatives for mobile solutions leading to many isolated applications. 7Bildquelle: http://4.bp.blogspot.com/_T2buuNUUNTA/TS3DLzzi5hI/AAAAAAAAEW0/VAxlLLkRjbM/s1600/The_World_Closer_Copyright_Nakheel_S.jpg
  8. 8. Standards for the implementation of mobile solutions are missing... 8Bildquelle: http://4.bp.blogspot.com/_T2buuNUUNTA/TS3DLzzi5hI/AAAAAAAAEW0/VAxlLLkRjbM/s1600/The_World_Closer_Copyright_Nakheel_S.jpg
  9. 9. …and there are many hurdles to take.Es fehlt sowohl an Erfahrung als auch an Standards. 9 Bildquelle: http://img.fotowelt.chip.de/imgserver/communityimages/102700/102783/1280x.jpg
  10. 10. Agenda Introduction Challenges Approaches Lessons Learned at the University of St.Gallen Framework for mobile Implementations 10 Picture from http://www.samsung.com/ch/news/picturelibrary.html
  11. 11. Overview on mobile platforms http://connect.icrossing.co.uk/wp-content/uploads/2012/02/iCrossing_Mobile-marketing_2012_V2.gif 11
  12. 12. Overview on mobile platforms Android Nokia Store /Markt App Store App World App Catalog Marketplace Market OviBetreiber Apple Google RIM Nokia Palm / HP MicrosoftLogoBetriebs-systeme … hTC, Motorola, Nokia, Sony Nokia, iPhone, iPad,Hardware Samsung, LG Blackberry Ericsson und HP, Palm Samsung, hTC iPod Touch und weitere weitere und weitereGo live 07/ 2008 10/ 2008 04/ 2009 05/ 2009 06/ 2009 10/ 2010Angebot 512,749 352,800 43,000 104,576 7,062 40,000(Anzahl Apps) (10/2011) (10/2011) (11/2011) (9/2011) (6/2011) (11/2011) Gartner: Windows Phone to beat iPhone by 2015 (thanks to Nokia). There will be at least 3 different platforms to serve. Gartner Report: http://venturebeat.com/2011/04/07/windows-phone-beat-iphon/ 12
  13. 13. Overview on mobile platforms http://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Apple_logo_Think_Different_vectorized.sv g/604px-Apple_logo_Think_Different_vectorized.svg.png 13
  14. 14. Diffusion of programming standards 2009 2012 Java Java C C C# Objective-C C# Javascript Javascript Objective-C http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html 14
  15. 15. Access statistics, March 2012 15
  16. 16. http://modolabs.com/framework.php 16http://files.sharenator.com/wires_A_Server_Room_Nightmare-s600x383-12112-580.jpg
  17. 17. Bridging backends and frontends Backends Frontends Middleware RSS PDF DB Web- service Frontends Middleware http://modolabs.com/framework.php 17
  18. 18. Access statistics, March 2012 18
  19. 19. Time to exchange experiences:• Have you launched mobile projects?• What are your experiences?• What challenges have you recognized?• What products do you use? 19 Picture from http://www.samsung.com/ch/news/picturelibrary.html
  20. 20. From Adobe InDesign to an iPad AppAgenda Introduction Challenges Approaches Lessons Learned at the University of St.Gallen Framework for mobile Implementations http://presse.samsung.ch/app/images/ch/147/samsung_galaxysii_i9100_lifestyle10.jpg 20
  21. 21. Native App Approaches Native App Web App Hybrid App / Wrapper App What is commonly kwon as App. Apps are developed (in the normal case) for one mobileoperating system. Apps are normaly not compatible with other operatingsystems. If an application is written for iOS, it has to be written forAndroid too to be compatible with Android devices. There are cross platform mobile development tools (phonegap, mosync, ...), but... For more information about cross platform mobile development please visit http://mashable.com/2010/08/11/cross-platform-mobile-development-tools/ or 21 http://en.wikipedia.org/wiki/Multiple_phone_web_based_application_framework
  22. 22. Mobile Enterprise / Consumer ApplicationPlatform (MEAP / MCAP) X X Gartner-Report G00213327, Jun 2011 Gartner-Report G00211688, Apr 2011 22
  23. 23. Web App Approaches Native App Web App Hybrid App / Wrapper App Are websites that are optimized for mobiledevices. Web apps are compatible with most / all mobiledevices. With HTML5, CSS3, Javascript and SQL LightWeb Apps can access most hardware modules /capabilites. Web Apps can be stored to the Homescreen 23
  24. 24. Homescreen Icons for Web Appshttp://app.unisg.ch 24
  25. 25. Hybrid App / Wrapper App Approaches Native App Web App Hybrid App / Wrapper App Hybrid apps are native apps that use in-app browsers to open web apps. They can integrate certain functionalities as web apps. Wrapper apps are hybrid apps that have no functionality implemented as native app andopen every functionality in an in-app browser as web app. 25
  26. 26. Time to exchange experiences:• Have you already made experiences with crossplatform development?• What is your opinion on native vs. web app? 26 Picture from http://www.samsung.com/ch/news/picturelibrary.html
  27. 27. From Adobe InDesign to an iPad AppAgenda Introduction Challenges Approaches Lessons Learned at the University of St.Gallen Framework for mobile Implementations 27 Picture from http://presse.samsung.ch/app/images/ch/144/Samsung_GalaxyTAB_P1000_lifestyle_04.jpg
  28. 28. We want to build aErfahrung als auch aninstitute can Es fehlt sowohl an standard, that every Standards. reach its goals faster and more efficient. 28Bildquelle: http://4.bp.blogspot.com/_T2buuNUUNTA/TS3DLzzi5hI/AAAAAAAAEW0/VAxlLLkRjbM/s1600/The_World_Closer_Copyright_Nakheel_S.jpg
  29. 29. Institutes in Switzerland should be able to set-up amobile app / web app with less effort and developmentsshould be interchangeable between institutes. 29 Bildquelle: http://www.syngenta.com/country/ch/de/SyngentaSchweiz/Standorte/PublishingImages/schweiz.jpg
  30. 30. Visit http://app.unisg.ch  We are using the Kurogo Framework.  It supports web apps optimized for many devices.  It is developed for Universities and their needs. 30
  31. 31. Ausführliche FAQ  Very positive and encouraging feedback.  Growing user base.  Fast development of new modules.  Web apps are accepted by students,  but you have to communicate right.  Dont’t speak of apps (unless it is an iOS app).  Elaborated FAQs are needed.  app.unisg.ch is an extension to our existing web site. 31
  32. 32. Additional Content Campus App http://xkcd.com/773/ 32
  33. 33. HSG App as extension for the official website. 33
  34. 34. Also „not mobile“ users access app.unisg.ch 34
  35. 35. Time to exchange experiences:• What about your communication channels?• Do you think additional communication channels arenecessary (eg. PR and organizational and learning)? 35 Picture from http://www.samsung.com/ch/news/picturelibrary.html
  36. 36. Agenda Introduction Challenges Approaches Lessons Learned at the University of St.Gallen Framework for mobile Implementations 36 http://www.flickr.com/photos/-joao-/5589980573/sizes/l/in/photostream/
  37. 37. Frontend: Audience / Target group Every User (Students and Staff) will bring / Students and Staff who will use their own device (BYOD) iOS Users be equipped (B2E) Campus App, Equipment for LMS App Lectures or LabsDiversity of Platforms Ads for iOS Open Setting Target Setting Fixed Setting 37
  38. 38. Backend: Content / ServicesService Interface Priority Depends on your vendorLMS LMS LMS-App BlackBoard Mobile, Moodle Mobile aso. areCampus Map Google Maps quick winsPeople Directory LDAPTimetables DB1 Have to be developedPublic Transport SBB-Interface from scratch or by Campus-AppEvents Calendar RSS-Feed customizing frameworks, e.g. Kurogo FrameworkSports DB3Library DB4Student Dining PDFs 38
  39. 39. 4 ways to go mFramework - Diversity of Back-ends + Native App with with Middleware Middleware (e.g. E-OSCE) (e.g. Kurogo, Phone Gap, Rhodes, ...) Out of the Box- Desktop Solutions Publishing App (e.g. Blackboard Mobile, Study Blue, momo Mobile Export Moodle) mFramework Fixed Setting Open Setting 39
  40. 40. Native apps mFramework+ Native App with withDiversity of Back-ends Middleware Middleware (e.g. E-OSCE) (e.g. Kurogo, Phone Gap, Rhodes, ...) Out of the Box- Desktop Solutions (e.g. Blackboard Publishing App Mobile, Study Blue, Export momo Mobile Moodle) mFramework- Fixed Setting Open Setting Implement Native Apps; Simple Apps or Magazine Apps can be easiely created. http://tv.adobe.com/de/watch/digital-publishing-solution/multi-channel-publishing-mit-indesign-cs5-in-4- schritten-aufs-ipad/ http://www.adobe.com/products/indesign.html 40
  41. 41. 41
  42. 42. 42
  43. 43. 43
  44. 44. Project E-OSCE mFramework+ Native App with with AAA/SWITCH Project E-OSCEDiversity of Back-ends Middleware Middleware (e.g. E-OSCE) (e.g. Kurogo, Phone Visit http://www.e-osce.ch/ for more Information Gap, Rhodes, ...) Out of the Box- Desktop Solutions (e.g. Blackboard Publishing App Mobile, Study Blue, Export momo Mobile Moodle) mFramework- Fixed Setting Open Setting DB DB 44
  45. 45. 45http://www.finews.ch/news/finanzplatz/6139-postfinance-setzt-auf-ipad-kundenberatung
  46. 46. Out of the box solutions mFramework+ Native App with withDiversity of Back-ends Middleware Middleware (e.g. E-OSCE) (e.g. Kurogo, Phone Gap, Rhodes, ...) Out of the Box- Desktop Solutions (e.g. Blackboard Publishing App Mobile, Study Blue, Export momo Mobile Moodle) mFramework- Fixed Setting Open Setting http://www.blackboard.com/Platforms/Mobile/overview.aspx 46
  47. 47. HTML5 and mFramework for multi device support mFramework apps.ft.com openappmkt.com+ Native App with with Financial Times dropped their native Openappmkt.com is an app marketDiversity of Back-ends iOS app and use instead a HTML5 based on HTML5 that offers a wide Middleware Middleware web app that is offline accessible. range of HTML5 apps. Most are (e.g. E-OSCE) (e.g. Kurogo, Phone Gap, Rhodes, ...) offline useable. Out of the Box- Desktop Solutions (e.g. Blackboard Publishing App Mobile, Study Blue, Export momo Mobile Moodle) mFramework- Fixed Setting Open Setting http://phonegap.com/ 47
  48. 48. Middleware-based mFrameworks mFramework+ Native App with with Kurogo FrameworkDiversity of Back-ends Middleware Middleware by Modo Labs (e.g. E-OSCE) (e.g. Kurogo, Phone Gap, Rhodes, ...) Out of the Box- Desktop Solutions (e.g. Blackboard Publishing App Mobile, Study Blue, Export momo Mobile Moodle) mFramework- Fixed Setting Open Setting Used and recommended by app.unisg.ch Other examples: http://m.mit.edu/about/ or http://m.harvard.edu/info/ For further information visit http://modolabs.com/framework.php 48
  49. 49. Time to exchange experiences:• Which of the quadrants does your institute cover?• Do you think such a clustering is valuable?• Do you have any comments on that? 49 Picture from http://www.samsung.com/ch/news/picturelibrary.html
  50. 50. Thank you! Please visit www.ccmb.ch for more information. 50 Picture from http://www.samsung.com/ch/news/picturelibrary.html
  51. 51. St.Gallen Mobile Business ForumMay 8th, St.Gallen 51
  52. 52. Thank You! Supplement Further information about the project is available on http://www.ccmb.ch Contact Mag. Thomas Sammer University of St. Gallen Müller-Friedberg-Str. 8 CH-9000 St. Gallen thomas.sammer@unisg.ch 52

×