mobile web (2.0): einführung

IntroductionIntroduction to mobile webto mobile webTechnical

Basics and Enterprise Aspects

Matthias Fehske

Michael Näf

Patrick Rossbund

Andrea Tribelhorn

Projektarbeit (Ausschnitte) zur Lehrveranstaltung: Business Information Systems Going

Mobile

Prof. Dr. Andrea Back, IWI-HSG, www.business20.unisg.chUniversität St.Gallen, 6.05.2009

12345678

Gliederung

Überblick

Entwicklung des Nutzerverhaltens

Mobile Endgeräte

Standards

Web Applikationen vs. native Applikationen

Perspektive: Unternehmen

Mobile Web: Disruptive

Innovation?

Mobile BIS Framework

2

Introduction

to mobile web

ÜBERBLICKWas ist Mobile Web 2.0

17.06.2009

Introduction

to mobile web

3

Überblick

Anfänge des Mobile Webs

Introduction

to mobile web

41

WAP

(Wireless 

Application 

Protocol)

1997 eingeführter

Standard, um 

Mobiltelefonen

(resp.Handhelds

im

allg.) Zugang

zu

e‐Mails und 

textbasiertern

Websites zu

verschaffen

Überblick

Introduction

to mobile web

51

Überblick

«Mobile Web»

als Teil des «Webs»

Introduction

to mobile web

61

Überblick

Introduction

to mobile web

71Quelle: http://edufuture.de/wp‐

content/uploads/2007/05/web10_20.gif

Die sieben Prinzipien des Mobile Web 2.0

1Introduction

to mobile web

8

Mobile 

Content

Mobile 

Content

I am a tagI am a tag

Multilingual 

mobile access

Multilingual 

mobile access

Digital 

Convergence

Digital 

Convergence

Ajax/

Widgets

Ajax/

Widgets

LocationLocation

Mobile SearchMobile Search

Capturing

Content

at 

the

point of 

inspiration

Capturing

Content

at 

the

point of 

inspiration

Extending

the

web

Extending

the

web

Uniquely

mobile

Uniquely

mobile

Mobile Web 2.0

Quelle: Jaokar, A., Fish, T. (2006). Mobile 

Web 2.0. London: Futuretext

Limited

Die sieben Prinzipien (1)

Inhalte, welche auf dem  mobilen Endgerät kreiert  werden, ändern die 

Machtbilanz

Introduction

to mobile web

9 1

Die sieben Prinzipien (2)

Ich bin keine Nummer – Ich bin ein „Tag“

Introduction

to mobile web

10

tag‐cloud von www.flickr.comwww.svah.ch; www.schweizerpass.admin.ch

1

Mehrsprachiger mobiler Zugang  wird entscheidend für das 

Mobile Web 2.0

Introduction

to mobile web

111

Die sieben Prinzipien (3)

Die sieben Prinzipien (4)

Introduction

to mobile web

121

+ =

Mobile Web 2.0 und digitale Konvergenz

Handy iPod touch iPhone

Geräte‐Konvergenz

Anbieter‐, Angebots‐

und Kanal‐Konvergenz

Geräte

kommunizieren

miteinander

& synchronisieren

sich

Die sieben Prinzipien (5)

AJAX ist eine disruptive

Kraft innerhalb des Web 2.0

Introduction

to mobile web

131

AJAX = Asynchronous Java Script & XML

Quelle: http://www.ajaxinfo.com/default~viewart~5.htm

Mobile Web 2.0 wird  location‐based

Services 

vorantreiben

Introduction

to mobile web

141

Die sieben Prinzipien (6)

Die sieben Prinzipien (7)

Mobile Web 2.0 wird die  mobile Suche 

vorantreiben

Introduction

to mobile web

15 1

Überblick

Mögliche Wendepunkte zum Mobile Web 3.0

Introduction

to mobile web

161

Implizites Web?

Semantisches Web?

Web 3.0?

ENTWICKLUNG DES  NUTZERVERHALTENS

iPhone, PDA, Handy und Co.

17.06.2009

Introduction

to mobile web

17

Entwicklung des Nutzerverhaltens

Introduction

to mobile web

182 Quelle: Nielson

Mobile, 2008

Entwicklung des Nutzerverhaltens

Introduction

to mobile web

192

Quelle: Fittau

& Maass

Consulting

GmbH, 2009

Entwicklung des Nutzerverhaltens

Introduction

to mobile web

202

MOBILE ENDGERÄTEiPhone, PDA, Handy und Co.

17.06.2009

Introduction

to mobile web

21

Mobiltelefon

Introduction

to mobile web

22 3

Die Evolution der Endgeräte  treibt die Entwicklung des 

Mobile Web 2.0 

Mobile Endgeräte

Introduction

to mobile web

233http://www.handyforme.de/images/nokia2600.jpg

Nokia 2600

Mobile Endgeräte

PDAs

Introduction

to mobile web

243

http://www.ladoshki.com http://sid.cps.unizar.es

Palm Tungsten

E2 Fujitsu Loox

720

Mobile Endgeräte

SmartPhones

Introduction

to mobile web

253

http://dailymobile.se http://blog.directorgate.com

Nokia E71 Apple iPhone

http://www.gadgetguild.com

Android

CP

http://blog.fommy.com

HTC P3700

Mobile Endgeräte

MIDs

Introduction

to mobile web

263http://www.mobilelinuxinfo.com/images/nokia‐n810.jpg

Nokia N810

Mobile Endgeräte

UMPCs

Introduction

to mobile web

273http://www.flickr.com/photos/15932083@N05/2176875531/

Wibrain

B1 UMPC

Mobile Endgeräte

Netbooks

Introduction

to mobile web

283http://www.eeepc.it/wp‐content/gallery/eeepc‐s101/EeePCS101_05.jpg

Asus

EeePC

S101

Mobile Endgeräte

Introduction

to mobile web

293

Leistungsvergleich

Quelle: eigene Darstellung

Mobile Endgeräte

Introduction

to mobile web

303

Leistungsvergleich

Mobile Endgeräte

Betriebssysteme

Introduction

to mobile web

313

http://www.iphoneland.it

Android

http://www.zdnet.de

Windows Mobile

http://www.symbian‐freeware.com

Symbian

Mobile Endgeräte

Betriebssysteme

Introduction

to mobile web

323

http://blog.directorgate.com

iPhone

OS

http://www.palminfocenter.com

Palm OS

http://www.computerworld.com

Openmoko

Mobile Endgeräte

Funktechnologien:

3Quelle: http://www.swisscom-

mobile.ch/scm/upload/virtualfolder/W25_Technologien_pdf_01_d.pdf

Introduction

to mobile web

33

Mobile Endgeräte

Gerätefunk

Introduction

to mobile web

343

STANDARDSDer kleinste gemeinsame Nenner

17.06.2009

Introduction

to mobile web

35

Standards

4Introduction

to mobile web

36

Standards sorgen für eine  kontinuierliche und 

flächendeckende Verbreitung  des Mobile Web

Standards

Organisationen:

W3C (World Wide

Web Consortium)

ICANN (Internet Corporation for

Assigned

Names

and Numbers)

MIPI (mobile industry

processor

interface)

4Introduction

to mobile web

37

Übersicht

KommunikationsstandardsKommunikationsstandardsSystemstandardsSystemstandards

Standards

4

Funk‐

& ÜbertragungsstandardsFunk‐

& Übertragungsstandards

Protokolle und SprachenProtokolle und Sprachen

MiddlewareMiddleware

AnwendungsstandardsAnwendungsstandards

HardwarestandardsHardwarestandards

Introduction

to mobile web

38

Systemstandards ‐

Anwendungsstandards

Standards

4

AnwendungsstandardsAnwendungsstandards

SDKsSDKs

MiddlewareMiddleware

AJAXAJAX J2MEJ2ME

OMAPIOMAPI

Introduction

to mobile web

39

Standards

4

System ASystem A

Middleware

AMiddleware

A

Betriebssystem ABetriebssystem A

Anwendung 

X

Anwendung 

XAnwendung 

Y

Anwendung 

Y

System BSystem B

Middleware

BMiddleware

B

Betriebssystem BBetriebssystem B

Anwendung 

X

Anwendung 

XAnwendung 

Y

Anwendung 

Y

Hardware AHardware A Hardware BHardware B

Introduction

to mobile web

40

Systemstandards ‐

Middleware

Funk‐

und ÜbertragungsstandardsFunk‐

und Übertragungsstandards

Standards

Etablierte StandardsEtablierte Standards

4

EDGEEDGE

GPRSGPRS

GSM (2G)GSM (2G)

Aktuelle StandardsAktuelle Standards

UMTS (3G)UMTS (3G)

HSDPAHSDPA

SpeziellSpeziell

WiMANWiMANWWANWWAN

DVB‐HDVB‐H

WLANWLAN

Introduction

to mobile web

41

Kommunikationsstandards

Standards

4

Protokolle und SprachenProtokolle und Sprachen

Mobile‐spezifischMobile‐spezifisch Web & Netzwerk allgemeinWeb & Netzwerk allgemein

WAPWAP

i‐modei‐mode HTMLHTML

XMLXML

JavascriptJavascript

TCP & 

TCP/IP

TCP & 

TCP/IP

QoSQoS

SSLSSL

Introduction

to mobile web

42

Kommunikationsstandards

WEB APPLIKATIONEN VS. NATIVE APPLIKATIONEN

17.06.2009

Introduction

to mobile web

43

Was ist was?

„native“

bzw. Desktopanwendung

wird als festes Programm auf dem  Endgerät installiert

Web‐

oder Onlineanwendung

Daten liegen auf Server und werden  vom Endgerät über Browser abgerufen

Introduction

to mobile web

44 5

Wo ist der Unterschied?

native Anwendung

Internetzugang nicht zwingend

üblicherweise schneller

erweiterter Funktionsumfang („lokale Intelligenz nutzen“)

keine Komplikationen bei  Darstellung im Browserfenster

Online‐Anwendung

keine Installation notwendig

Aktualisierung auf Server

erheblich geringerer  Programmierungsauwand

mittlerweile nahezu nahtlose  Einpassung

Introduction

to mobile web

45 5

Beispiele

native Anwendung Online‐Anwendung

Introduction

to mobile web

46 5

Beispiel: Google Maps

ursprünglich Online‐Anwendung

mittlerweile in vielen nativen Varianten  verfügbar (iPhone

OS, Symbian

etc.)

Applications, Widgets

Introduction

to mobile web

475

Definitionen

Application: Anwendungssoftware

(≠

Systemsoftware)

Widget: kleines Programm in größere Anwendung/Programm 

eingebunden

API:  Application

Programme Interface (Programmierschnittstelle)

Mash‐Up: Kombination bestehender Inhalte & Daten zu neuer 

Anwendung

Introduction

to mobile web

485

Auswirkungen von APIs

Früher (ohne APIs)

Zugriff auf Dienste und Datenbanken  wie Flaschenhals:

Introduction

to mobile web

49 5

Auswirkungen von APIs

Jetzt: wie Aktenschrank

Beispiel Facebook: Zugriff auf Facebook

Messenger, 

Statusnachrichten, Fotouploads etc. in  verschiedenen Programmen integriert

ohne separaten Login

Introduction

to mobile web

505

Implikationen für Unternehmen:  Interview mit Marcel Albertin, Namics

AG

Videos zu diesem und den weiteren Themenaspekten:

Produktivität, Standards, Stabilität  und Strategie, Technologie, Kultur siehe: 

‐

Youtube‐Channel: http://www.youtube.com/user/iwiunisg ‐

Wissens‐Blog: http://www.business20.ch

Introduction

to mobile web

515

PERSPEKTIVE: UNTERNEHMENMobile BIS: Productivity

Killer or

Thriller?

17.06.2009

Introduction

to mobile web

52

Anforderungen

Produktivität. Standardisierung. Stabilität.

Introduction

to mobile web

536salesforce.com soonr.com

Produktivität als Issueerkannt!

Anforderungen

Produktivität. Standardisierung. Stabilität.

Introductionto

mobile web

546

•

iPhone •

Windows Mobile•

Symbian•

Producer

Native OS

•

Producer

Native OS•

Google Android

…

Keine Standard Sprache!

Anforderungen

Produktivität. Standardisierung. Stabilität.

Introductionto

mobile web

556

Source: mobile2null.com

Kein Standard OS!

Anforderungen

Produktivität. Standardisierung. Stabilität.

Introduction

to mobile web

566

KeinStandard UI & UX!

Beispiel namics

Introduction

to mobile web

576

namics

mobile portal

Introduction

to mobile web

586

namics

mobile portal

Introduction

to mobile web

596

namics

mobile portal

Introduction

to mobile web

606

MOBILE WEB:  DISRUPTIVE INNOVATION?

17.06.2009

Introduction

to mobile web

61

Anforderungen

Systeme. Technologien. Kultur.

Introduction

to mobile web

627

Nutzung bestehender Konzepte

Anforderungen

Systeme. Technologien.

Kultur.

Introduction

to mobile web

637

Neue Technologien 

als disruptiveTreiber

OLED Lokalisierung & Sensorik

Mobile Beamer Gestures

& Mutli-Touch

AJAX Web Service & APIs

Hardware

Software

Anforderungen

Systeme. Technologien. Kultur.

Introduction

to mobile web

647

Kultureller Wandel 

notwendig!

MOBILE BIS FRAMEWORKBE Framework applied

17.06.2009

Introduction

to mobile web

65

Mobile BIS Framework

Remember? Business Engineering Framework, IWI‐HSG, Universität St. Gallen

(Prof. Dr. H. Oesterle, Prof. Dr. R. Winter, u.a.)

8Introduction

to mobile web

66

Mobile BIS Framework

8Introduction

to mobile web

67

Mobile BIS Framework

8Introduction

to mobile web

68

DANKE FÜR EURE  AUFMERKSAMKEIT!

17.06.2009

Introduction

to mobile web

69

Detailierte

Ausführungen im 

Textbeitrag

(Skript FJ 2010)

Detailierte

Ausführungen im 

Textbeitrag

(Skript FJ 2010)