Eduhub Days 2012: Implementing Mobile Solutions

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

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

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

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. Gartner-Report G00216625, Sep 2011 6

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

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

…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

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

Overview on mobile platforms http://connect.icrossing.co.uk/wp-content/uploads/2012/02/iCrossing_Mobile-marketing_2012_V2.gif 11

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

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

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

Access statistics, March 2012 15

http://modolabs.com/framework.php 16http://files.sharenator.com/wires_A_Server_Room_Nightmare-s600x383-12112-580.jpg

Bridging backends and frontends Backends Frontends Middleware RSS PDF DB Web- service Frontends Middleware http://modolabs.com/framework.php 17

Access statistics, March 2012 18

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

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

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

Mobile Enterprise / Consumer ApplicationPlatform (MEAP / MCAP) X X Gartner-Report G00213327, Jun 2011 Gartner-Report G00211688, Apr 2011 22

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

Homescreen Icons for Web Appshttp://app.unisg.ch 24

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

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

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

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

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

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

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

Additional Content Campus App http://xkcd.com/773/ 32

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 arenecessary (eg. PR and organizational and learning)? 35 Picture from http://www.samsung.com/ch/news/picturelibrary.html

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/

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

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

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

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

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

45http://www.finews.ch/news/finanzplatz/6139-postfinance-setzt-auf-ipad-kundenberatung

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

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

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

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

Thank you! Please visit www.ccmb.ch for more information. 50 Picture from http://www.samsung.com/ch/news/picturelibrary.html

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 University of St. Gallen Müller-Friedberg-Str. 8 CH-9000 St. Gallen thomas.sammer@unisg.ch 52

Eduhub Days 2012: Implementing Mobile Solutions

by Universität St. Gallen (HSG) on Apr 04, 2012

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Eduhub Days 2012: Implementing Mobile Solutions Presentation Transcript