52
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 [email protected] Implementing Mobile Solutions

Eduhub Days 2012: Implementing Mobile Solutions

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: 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

[email protected]

Implementing Mobile Solutions

Page 2: Eduhub Days 2012: 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

Page 3: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 4: Eduhub Days 2012: Implementing Mobile Solutions

4

Competence Center Mobile Business

Page 5: Eduhub Days 2012: Implementing Mobile Solutions

5

Vorstellung

High demand for mobile support

Page 6: Eduhub Days 2012: Implementing Mobile Solutions

6

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

Gartner-Report G00216625, Sep 2011

Page 7: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 8: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 9: Eduhub Days 2012: Implementing Mobile Solutions

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.

Page 10: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 12: Eduhub Days 2012: Implementing Mobile Solutions

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.

Page 13: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 14: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 15: Eduhub Days 2012: Implementing Mobile Solutions

15

Access statistics, March 2012

Page 16: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 17: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 18: Eduhub Days 2012: Implementing Mobile Solutions

18

Access statistics, March 2012

Page 19: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 20: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 21: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 22: Eduhub Days 2012: Implementing Mobile Solutions

22

Mobile Enterprise / Consumer Application

Platform (MEAP / MCAP)

Gartner-Report G00213327, Jun 2011

Gartner-Report G00211688, Apr 2011

X X

Page 23: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 24: Eduhub Days 2012: Implementing Mobile Solutions

24

Homescreen Icons for Web Apps

http://app.unisg.ch

Page 25: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 26: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 27: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 28: Eduhub Days 2012: Implementing Mobile Solutions

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.

Page 29: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 30: Eduhub Days 2012: Implementing Mobile Solutions

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.

Page 31: Eduhub Days 2012: Implementing Mobile Solutions

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.

Page 32: Eduhub Days 2012: Implementing Mobile Solutions

32

Additional Content

http://xkcd.com/773/

Campus

App

Page 33: Eduhub Days 2012: Implementing Mobile Solutions

33

HSG App as extension for the official website.

Page 34: Eduhub Days 2012: Implementing Mobile Solutions

34

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

Page 35: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 36: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 37: Eduhub Days 2012: Implementing Mobile Solutions

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)

Page 38: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 39: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 40: Eduhub Days 2012: Implementing Mobile Solutions

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.

Page 41: Eduhub Days 2012: Implementing Mobile Solutions

41

Page 42: Eduhub Days 2012: Implementing Mobile Solutions

42

Page 43: Eduhub Days 2012: Implementing Mobile Solutions

43

Page 44: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 46: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 47: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 48: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 49: Eduhub Days 2012: Implementing Mobile Solutions

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

Page 50: Eduhub Days 2012: Implementing Mobile Solutions

50

Thank you!

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

Please visit www.ccmb.ch for more information.

Page 51: Eduhub Days 2012: Implementing Mobile Solutions

51

St.Gallen Mobile Business Forum

May 8th, St.Gallen

Page 52: Eduhub Days 2012: Implementing Mobile Solutions

52

Contact Mag. Thomas Sammer

University of St. Gallen

Müller-Friedberg-Str. 8

CH-9000 St. Gallen

[email protected]

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

Thank You!