mobile web (2.0): einführung

69
Introduction Introduction to mobile web to mobile web Technical 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.ch Universität St.Gallen, 6.05.2009

Upload: university-st-gallen-iwi3-hsg

Post on 28-Nov-2014

5.626 views

Category:

Technology


0 download

DESCRIPTION

Einführung in die Grundlagen des Mobile Web, teilweise des Mobile Web 2.0, im Kontext von Anwendungen in Unternehmen. Die in der Präsentation angesprochenen Interviewsequenzen finden sich auf dem Wissensblog: www.business20.ch, in drei Teilen, publiziert ab Mitte Juni. (Suchbegriffe: Mobile+Web+BIS+Namics) und ohne Begleittext im Youtube Channel: http://www.youtube.com/user/iwiunisg

TRANSCRIPT

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

Page 2: Mobile Web (2.0): Einführung

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

Page 3: Mobile Web (2.0): Einführung

ÜBERBLICKWas ist Mobile Web 2.0

17.06.2009

Introduction

to mobile web

3

Page 4: Mobile Web (2.0): Einführung

Ü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

Page 5: Mobile Web (2.0): Einführung

Überblick

Introduction

to mobile web

51

Page 6: Mobile Web (2.0): Einführung

Überblick

«Mobile Web»

als Teil des «Webs»

Introduction

to mobile web

61

Vorführender
Präsentationsnotizen
all IP environment (alle Technologien werden auf dem Mobiltelefon zugänglich)
Page 7: Mobile Web (2.0): Einführung

Überblick

Introduction

to mobile web

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

content/uploads/2007/05/web10_20.gif

Page 8: Mobile Web (2.0): Einführung

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

Page 9: Mobile Web (2.0): Einführung

Die sieben Prinzipien (1)

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

Machtbilanz

Introduction

to mobile web

9 1

Page 10: Mobile Web (2.0): Einführung

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

Vorführender
Präsentationsnotizen
Heute nutzen wir Nummern um Personen zu finden, zu kontaktieren und zu identifizieren (z.B. Telefonnummer, Pass Nr., Sozialversicherungs-Nr.) In Zukunft könnten Tags diese Aufgabe übernehmen. Ein „tag“ ist ein Schlagwort welches wie ein Betreff oder eine Kategorie fungiert.
Page 11: Mobile Web (2.0): Einführung

Mehrsprachiger mobiler Zugang  wird entscheidend für das 

Mobile Web 2.0

Introduction

to mobile web

111

Die sieben Prinzipien (3)

Page 12: Mobile Web (2.0): Einführung

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

Vorführender
Präsentationsnotizen
Geräte-Konvergenz (bspw. iPhone) Geräte kommunizieren & synchronisieren untereinander Kanalkonvergenz Anbieter-Konvergenz (Kanalkonvergenz) Angebots-Konvergenz
Page 13: Mobile Web (2.0): Einführung

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

Vorführender
Präsentationsnotizen
Ajax = Asynchronous Java Script & XML Kombination verschiedener bereits existierender Technologien zu einer, die auf eine unkonventionelle Art zusammen arbeiten Erlaubt dynamischere Interaktion des Users mit den Endgeräten.
Page 14: Mobile Web (2.0): Einführung

Mobile Web 2.0 wird  location‐based

Services 

vorantreiben

Introduction

to mobile web

141

Die sieben Prinzipien (6)

Page 15: Mobile Web (2.0): Einführung

Die sieben Prinzipien (7)

Mobile Web 2.0 wird die  mobile Suche 

vorantreiben

Introduction

to mobile web

15 1

Page 16: Mobile Web (2.0): Einführung

Überblick

Mögliche Wendepunkte zum Mobile Web 3.0

Introduction

to mobile web

161

Implizites Web?

Semantisches Web?

Web 3.0?

Vorführender
Präsentationsnotizen
Semantik Aufmerksamkeit (implizites Verhalten) Personalisierung
Page 17: Mobile Web (2.0): Einführung

ENTWICKLUNG DES  NUTZERVERHALTENS

iPhone, PDA, Handy und Co.

17.06.2009

Introduction

to mobile web

17

Page 18: Mobile Web (2.0): Einführung

Entwicklung des Nutzerverhaltens

Introduction

to mobile web

182 Quelle: Nielson

Mobile, 2008

Page 19: Mobile Web (2.0): Einführung

Entwicklung des Nutzerverhaltens

Introduction

to mobile web

192

Quelle: Fittau

& Maass

Consulting

GmbH, 2009

Page 20: Mobile Web (2.0): Einführung

Entwicklung des Nutzerverhaltens

Introduction

to mobile web

202

Page 21: Mobile Web (2.0): Einführung

MOBILE ENDGERÄTEiPhone, PDA, Handy und Co.

17.06.2009

Introduction

to mobile web

21

Page 22: Mobile Web (2.0): Einführung

Mobiltelefon

Introduction

to mobile web

22 3

Die Evolution der Endgeräte  treibt die Entwicklung des 

Mobile Web 2.0 

Page 23: Mobile Web (2.0): Einführung

Mobile Endgeräte

Introduction

to mobile web

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

Nokia 2600

Page 24: Mobile Web (2.0): Einführung

Mobile Endgeräte

PDAs

Introduction

to mobile web

243

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

Palm Tungsten

E2 Fujitsu Loox

720

Page 25: Mobile Web (2.0): Einführung

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

Page 26: Mobile Web (2.0): Einführung

Mobile Endgeräte

MIDs

Introduction

to mobile web

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

Nokia N810

Page 27: Mobile Web (2.0): Einführung

Mobile Endgeräte

UMPCs

Introduction

to mobile web

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

Wibrain

B1 UMPC

Page 28: Mobile Web (2.0): Einführung

Mobile Endgeräte

Netbooks

Introduction

to mobile web

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

Asus

EeePC

S101

Page 29: Mobile Web (2.0): Einführung

Mobile Endgeräte

Introduction

to mobile web

293

Leistungsvergleich

Quelle: eigene Darstellung

Page 30: Mobile Web (2.0): Einführung

Mobile Endgeräte

Introduction

to mobile web

303

Leistungsvergleich

Page 31: Mobile Web (2.0): Einführung

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

Page 32: Mobile Web (2.0): Einführung

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

Page 33: Mobile Web (2.0): Einführung

Mobile Endgeräte

Funktechnologien:

3Quelle: http://www.swisscom-

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

Introduction

to mobile web

33

Page 34: Mobile Web (2.0): Einführung

Mobile Endgeräte

Gerätefunk

Introduction

to mobile web

343

Page 35: Mobile Web (2.0): Einführung

STANDARDSDer kleinste gemeinsame Nenner

17.06.2009

Introduction

to mobile web

35

Page 36: Mobile Web (2.0): Einführung

Standards

4Introduction

to mobile web

36

Standards sorgen für eine  kontinuierliche und 

flächendeckende Verbreitung  des Mobile Web

Page 37: Mobile Web (2.0): Einführung

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

Page 38: Mobile Web (2.0): Einführung

Übersicht

KommunikationsstandardsKommunikationsstandardsSystemstandardsSystemstandards

Standards

4

Funk‐

& ÜbertragungsstandardsFunk‐

& Übertragungsstandards

Protokolle und SprachenProtokolle und Sprachen

MiddlewareMiddleware

AnwendungsstandardsAnwendungsstandards

HardwarestandardsHardwarestandards

Introduction

to mobile web

38

Page 39: Mobile Web (2.0): Einführung

Systemstandards ‐

Anwendungsstandards

Standards

4

AnwendungsstandardsAnwendungsstandards

SDKsSDKs

MiddlewareMiddleware

AJAXAJAX J2MEJ2ME

OMAPIOMAPI

Introduction

to mobile web

39

Page 40: Mobile Web (2.0): Einführung

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

Page 41: Mobile Web (2.0): Einführung

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

Page 42: Mobile Web (2.0): Einführung

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

Page 43: Mobile Web (2.0): Einführung

WEB APPLIKATIONEN VS. NATIVE APPLIKATIONEN

17.06.2009

Introduction

to mobile web

43

Page 44: Mobile Web (2.0): Einführung

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

Page 45: Mobile Web (2.0): Einführung

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

Page 46: Mobile Web (2.0): Einführung

Beispiele

native Anwendung Online‐Anwendung

Introduction

to mobile web

46 5

Page 47: Mobile Web (2.0): Einführung

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

Page 48: Mobile Web (2.0): Einführung

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

Page 49: Mobile Web (2.0): Einführung

Auswirkungen von APIs

Früher (ohne APIs)

Zugriff auf Dienste und Datenbanken  wie Flaschenhals:

Introduction

to mobile web

49 5

Page 50: Mobile Web (2.0): Einführung

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

Page 51: Mobile Web (2.0): Einführung

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

Page 52: Mobile Web (2.0): Einführung

PERSPEKTIVE: UNTERNEHMENMobile BIS: Productivity

Killer or

Thriller?

17.06.2009

Introduction

to mobile web

52

Page 53: Mobile Web (2.0): Einführung

Anforderungen

Produktivität. Standardisierung. Stabilität.

Introduction

to mobile web

536salesforce.com soonr.com

Produktivität als Issueerkannt!

Page 54: Mobile Web (2.0): Einführung

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!

Page 55: Mobile Web (2.0): Einführung

Anforderungen

Produktivität. Standardisierung. Stabilität.

Introductionto

mobile web

556

Source: mobile2null.com

Kein Standard OS!

Page 56: Mobile Web (2.0): Einführung

Anforderungen

Produktivität. Standardisierung. Stabilität.

Introduction

to mobile web

566

KeinStandard UI & UX!

Page 57: Mobile Web (2.0): Einführung

Beispiel namics

Introduction

to mobile web

576

Vorführender
Präsentationsnotizen
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
Page 58: Mobile Web (2.0): Einführung

namics

mobile portal

Introduction

to mobile web

586

Page 59: Mobile Web (2.0): Einführung

namics

mobile portal

Introduction

to mobile web

596

Page 60: Mobile Web (2.0): Einführung

namics

mobile portal

Introduction

to mobile web

606

Page 61: Mobile Web (2.0): Einführung

MOBILE WEB:  DISRUPTIVE INNOVATION?

17.06.2009

Introduction

to mobile web

61

Page 62: Mobile Web (2.0): Einführung

Anforderungen

Systeme. Technologien. Kultur.

Introduction

to mobile web

627

Nutzung bestehender Konzepte

Vorführender
Präsentationsnotizen
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
Page 63: Mobile Web (2.0): Einführung

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

Page 64: Mobile Web (2.0): Einführung

Anforderungen

Systeme. Technologien. Kultur.

Introduction

to mobile web

647

Kultureller Wandel 

notwendig!

Vorführender
Präsentationsnotizen
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
Page 65: Mobile Web (2.0): Einführung

MOBILE BIS FRAMEWORKBE Framework applied

17.06.2009

Introduction

to mobile web

65

Page 66: Mobile Web (2.0): Einführung

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

Page 67: Mobile Web (2.0): Einführung

Mobile BIS Framework

8Introduction

to mobile web

67

Page 68: Mobile Web (2.0): Einführung

Mobile BIS Framework

8Introduction

to mobile web

68

Vorführender
Präsentationsnotizen
BE Framework hat keine Anwendersicht Überlegungen zum Kontext mobiler Applikation von grosser Wichtigkeit Mobiles BIS als Konsequenz von Strategie- und Prozessebene, hat jedoch kaum Einfluss darauf
Page 69: Mobile Web (2.0): Einführung

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)