Eduhub Days 2012: Implementing Mobile Solutions

1 Picture from http://www.samsung.com/ch/news/picturelibrary.html

Thomas Sammer, Project Leader “Mobile Uni-App”, PhD Student & Research Associate@UniSG Eduhub Days 2012, Murten, April 3rd, 2012

thomas.sammer@unisg.ch

Implementing Mobile Solutions

2 Picture from http://presse.samsung.ch/app/images/ch/144/Samsung_GalaxyTAB_P1000_lifestyle_05.jpg

Introduction

Challenges

Agenda

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

Introduction

Challenges

Agenda

Approaches

Lessons Learned at the University of St.Gallen

Framework for mobile Implementations

4

Competence Center Mobile Business

5

Vorstellung

High demand for mobile support

6

In business the market volume for smartphone and tablet apps is overtaking BI and ERP market volumes.

Gartner-Report G00216625, Sep 2011

7

In education many institutes are starting initiatives for mobile solutions leading to many isolated applications.

Bildquelle: http://4.bp.blogspot.com/_T2buuNUUNTA/TS3DLzzi5hI/AAAAAAAAEW0/VAxlLLkRjbM/s1600/The_World_Closer_Copyright_Nakheel_S.jpg

8

Standards for the implementation of mobile solutions are missing...

Bildquelle: http://4.bp.blogspot.com/_T2buuNUUNTA/TS3DLzzi5hI/AAAAAAAAEW0/VAxlLLkRjbM/s1600/The_World_Closer_Copyright_Nakheel_S.jpg

9

Es fehlt sowohl an Erfahrung als auch an Standards.

Bildquelle: http://img.fotowelt.chip.de/imgserver/communityimages/102700/102783/1280x.jpg

…and there are many hurdles to take.

10 Picture from http://www.samsung.com/ch/news/picturelibrary.html

Introduction

Challenges

Agenda

Approaches

Lessons Learned at the University of St.Gallen

Framework for mobile Implementations

11

Overview on mobile platforms

http://connect.icrossing.co.uk/wp-content/uploads/2012/02/iCrossing_Mobile-marketing_2012_V2.gif

12

Overview on mobile platforms

App StoreAndroid

MarketApp World

Nokia Store /

OviMarkt

Logo

Apple Google RIM NokiaBetreiber

Betriebs-

systeme

10/ 2008 04/ 2009 05/ 2009Go live 07/ 2008

352,800

(10/2011)

43,000

(11/2011)104,576

(9/2011)

Angebot

(Anzahl Apps)

512,749

(10/2011)

hTC, Motorola,

Samsung, LG

und weitere

BlackberryNokia, Sony

Ericsson und

weitere

HardwareiPhone, iPad,

iPod Touch

Marketplace

Microsoft

10/ 2010

40,000

(11/2011)

Nokia,

Samsung, hTC

und weitere

App Catalog

Palm / HP

…

06/ 2009

7,062

(6/2011)

HP, Palm

Gartner Report: http://venturebeat.com/2011/04/07/windows-phone-beat-iphon/

Gartner: Windows Phone to beat iPhone by 2015 (thanks to Nokia).

There will be at least 3 different platforms to serve.

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

14

Diffusion of programming standards

http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html

2009

Java

C#

C

Javascript

Objective-C

2012

Java

C#

C

Javascript

Objective-C

15

Access statistics, March 2012

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

17

Bridging backends and frontends

DB RSS PDF Web-

service

http://modolabs.com/framework.php

Middleware

Backen

ds

Fron

tend

s Fro

nten

ds M

idd

leware

18

Access statistics, March 2012

19

Time to exchange experiences: • Have you launched mobile projects? • What are your experiences? • What challenges have you recognized? • What products do you use?

Picture from http://www.samsung.com/ch/news/picturelibrary.html

20

From Adobe InDesign to an iPad App

http://presse.samsung.ch/app/images/ch/147/samsung_galaxysii_i9100_lifestyle10.jpg

Introduction

Challenges

Agenda

Approaches

Lessons Learned at the University of St.Gallen

Framework for mobile Implementations

21

Native App

What is commonly kwon as App.

Apps are developed (in the normal case) for one mobile

operating system.

Apps are normaly not compatible with other operating

systems.

If an application is written for iOS, it has to be written for

Android too to be compatible with Android devices.

There are cross platform mobile development tools (phone

gap, mosync, ...), but...

For more information about cross platform mobile development please visit

http://mashable.com/2010/08/11/cross-platform-mobile-development-tools/ or

http://en.wikipedia.org/wiki/Multiple_phone_web_based_application_framework

Approaches

Native App Web App Hybrid App / Wrapper App

22

Mobile Enterprise / Consumer Application

Platform (MEAP / MCAP)

Gartner-Report G00213327, Jun 2011

Gartner-Report G00211688, Apr 2011

X X

23

Web App

Are websites that are optimized for mobile

devices.

Web apps are compatible with most / all mobile

devices.

With HTML5, CSS3, Javascript and SQL Light

Web Apps can access most hardware modules /

capabilites.

Web Apps can be stored to the Homescreen

Approaches

Native App Web App Hybrid App / Wrapper App

24

Homescreen Icons for Web Apps

http://app.unisg.ch

25

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 and

open every functionality in an in-app browser as web app.

Approaches

Native App Web App Hybrid App / Wrapper App

26

Time to exchange experiences: • Have you already made experiences with cross platform development? • What is your opinion on native vs. web app?

Picture from http://www.samsung.com/ch/news/picturelibrary.html

27

From Adobe InDesign to an iPad App

Picture from http://presse.samsung.ch/app/images/ch/144/Samsung_GalaxyTAB_P1000_lifestyle_04.jpg

Introduction

Challenges

Agenda

Approaches

Lessons Learned at the University of St.Gallen

Framework for mobile Implementations

28

Es fehlt sowohl an Erfahrung als auch an Standards.

Bildquelle: http://4.bp.blogspot.com/_T2buuNUUNTA/TS3DLzzi5hI/AAAAAAAAEW0/VAxlLLkRjbM/s1600/The_World_Closer_Copyright_Nakheel_S.jpg

We want to build a standard, that every institute can reach its goals faster and more efficient.

29

Institutes in Switzerland should be able to set-up a mobile app / web app with less effort and developments should be interchangeable between institutes.

Bildquelle: http://www.syngenta.com/country/ch/de/SyngentaSchweiz/Standorte/PublishingImages/schweiz.jpg

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.

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.

32

Additional Content

http://xkcd.com/773/

Campus

App

33

HSG App as extension for the official website.

34

Also „not mobile“ users access app.unisg.ch

35

Time to exchange experiences: • What about your communication channels? • Do you think additional communication channels are necessary (eg. PR and organizational and learning)?

Picture from http://www.samsung.com/ch/news/picturelibrary.html

36 http://www.flickr.com/photos/-joao-/5589980573/sizes/l/in/photostream/

Introduction

Challenges

Agenda

Approaches

Lessons Learned at the University of St.Gallen

Framework for mobile Implementations

37

Frontend: Audience / Target group D

iver

sity

of

Pla

tfo

rms

Open Setting Fixed Setting Target Setting

Equipment for Lectures or Labs

Ads for iOS

Campus App, LMS App

Students and Staff who will be equipped (B2E) iOS Users

Every User (Students and Staff) will bring / use their own device (BYOD)

38

Backend: Content / Services

Service Interface Priority

LMS LMS

Campus Map Google Maps

People Directory LDAP

Timetables DB1

Public Transport SBB-Interface

Events Calendar RSS-Feed

Sports DB3

Library DB4

Student Dining PDFs

LMS-App

Campus-App

Depends on your vendor BlackBoard Mobile,

Moodle Mobile aso. are quick wins

Have to be developed from scratch or by

customizing frameworks, e.g. Kurogo Framework

39

4 ways to go

Div

ersi

ty o

f B

ack-

end

s +

-

Fixed Setting Open Setting

Native App with Middleware

(e.g. E-OSCE)

mFramework with

Middleware (e.g. Kurogo, Phone

Gap, Rhodes, ...)

Desktop Publishing App

Export

Out of the Box-Solutions

(e.g. Blackboard Mobile, Study Blue, momo Mobile

Moodle)

mFramework

40

Native apps D

iver

sity

of

Bac

k-en

ds

+ -

Fixed Setting Open Setting

Native App with Middleware

(e.g. E-OSCE)

mFramework with

Middleware (e.g. Kurogo, Phone

Gap, Rhodes, ...)

Desktop Publishing App

Export

Out of the Box-Solutions

(e.g. Blackboard Mobile, Study Blue,

momo Mobile Moodle)

mFramework

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

Implement Native Apps; Simple Apps or Magazine Apps can be easiely created.

41

42

43

44

Project E-OSCE D

iver

sity

of

Bac

k-en

ds

+ -

Fixed Setting Open Setting

Native App with Middleware

(e.g. E-OSCE)

mFramework with

Middleware (e.g. Kurogo, Phone

Gap, Rhodes, ...)

Desktop Publishing App

Export

Out of the Box-Solutions

(e.g. Blackboard Mobile, Study Blue,

momo Mobile Moodle)

mFramework

AAA/SWITCH Project E-OSCE Visit http://www.e-osce.ch/ for more Information

DB

DB

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

46

Out of the box solutions D

iver

sity

of

Bac

k-en

ds

+ -

Fixed Setting Open Setting

Native App with Middleware

(e.g. E-OSCE)

mFramework with

Middleware (e.g. Kurogo, Phone

Gap, Rhodes, ...)

http://www.blackboard.com/Platforms/Mobile/overview.aspx

Out of the Box-Solutions

(e.g. Blackboard Mobile, Study Blue,

momo Mobile Moodle)

mFramework

Desktop Publishing App

Export

47

HTML5 and mFramework for multi device support

Div

ersi

ty o

f B

ack-

end

s +

-

Fixed Setting Open Setting

Native App with Middleware

(e.g. E-OSCE)

mFramework with

Middleware (e.g. Kurogo, Phone

Gap, Rhodes, ...)

http://phonegap.com/

Out of the Box-Solutions

(e.g. Blackboard Mobile, Study Blue,

momo Mobile Moodle)

mFramework

openappmkt.com

apps.ft.com Financial Times dropped their native iOS app and use instead a HTML5 web app that is offline accessible.

Openappmkt.com is an app market based on HTML5 that offers a wide range of HTML5 apps. Most are offline useable.

Desktop Publishing App

Export

48

Middleware-based mFrameworks D

iver

sity

of

Bac

k-en

ds

+ -

Fixed Setting Open Setting

Native App with Middleware

(e.g. E-OSCE)

mFramework with

Middleware (e.g. Kurogo, Phone

Gap, Rhodes, ...)

Out of the Box-Solutions

(e.g. Blackboard Mobile, Study Blue,

momo Mobile Moodle)

mFramework

Other examples: http://m.mit.edu/about/ or http://m.harvard.edu/info/

For further information visit http://modolabs.com/framework.php

Kurogo Framework by Modo Labs

Used and recommended by app.unisg.ch

Desktop Publishing App

Export

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?

Picture from http://www.samsung.com/ch/news/picturelibrary.html

50

Thank you!

Picture from http://www.samsung.com/ch/news/picturelibrary.html

Please visit www.ccmb.ch for more information.

51

St.Gallen Mobile Business Forum

May 8th, St.Gallen

52

Contact Mag. Thomas Sammer

University of St. Gallen

Müller-Friedberg-Str. 8

CH-9000 St. Gallen

thomas.sammer@unisg.ch

Supplement Further information about the project is available on http://www.ccmb.ch

Thank You!