Das Dokument beschreibt die zunehmende Bedeutung des mobilen Internets, insbesondere die Notwendigkeit von responsive Webdesign und mobilem Content aufgrund der steigenden Nutzerzahlen im Jahr 2014. Es werden verschiedene Fallbeispiele präsentiert, darunter mobile Anwendungen und Plattformen für kulturelle Veranstaltungen sowie Entwicklungen im Bereich digitaler Publikationen. Die zentrale Botschaft ist, dass mobile Technologien nicht nur kleinere Versionen von Desktop-Websites sind, sondern sich auf Nutzungskontexte und Performance konzentrieren müssen.

1. Mobile Web und Publishing
Fallbeispiele
Webmontag MRN 9. Mai 2011
Michael Grüterich
Montag, 9. Mai 2011

2. Worum geht es?
2014 wird es mehr mobile
Internetnutzer geben als
Desktop Internetnutzer
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

3. Worum geht es?
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

4. PC
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

5. 2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

6. Mobile
Content /
Desktop
Service
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

7. Worum geht es?
Mobile ≠ kleiner Bildschirm
Mobile = Nutzungskontext
Mobile = Bandbreite
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

8. Worum geht es?
Nutzungskontext:
a Wofür Situation / Aufgabe a
a Wann Jetzt / Echtzeit a
a Wo Hier a
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

9. Worum geht es?
Bandbreite
2,1 MB
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

10. Worum geht es?
Bandbreite
0,2 MB
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

11. Worum geht es?
Must-haves:
Responsive Webdesign
Responsive Content
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

12. Worum geht es?
Fallbeispiele
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

13. In Kooperation mit:
Metropolregion Rhein-Neckar
Innovationstars Portal, Mobile Version und App
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

14. Metropolregion Rhein-Neckar
Innovationstars Portal, Mobile Version und App
Redaktionssystem a
TXT a
JSON Desktop Website
Veranstaltungs-
datenbank a
TXT
REST
Webservice a
JSON Mobile Website
a
JSON iPhone App
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

15. MEIER Lange Nacht der Museen
Sponsoring / Delta Medien GmbH, Mannheim
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

16. MEIER Lange Nacht der Museen
Sponsoring / Delta Medien GmbH, Mannheim
a
HTML Desktop Website
Zend-basiertes
a
CMS
HTML Mobile Website
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

17. Karlstorbahnhof e.V.
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

18. Karlstorbahnhof e.V.
a
HTML Desktop Website
CMS
(Zope/ZMS) a
HTML Mobile Website
a
JSON Mobile App
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

19. Risiko Manager Web-App
Bank-Verlag Medien GmbH
§ Prototyp auf für IOS/Android Devices auf Basis von HTML 5 / CSS 3
§ mit CMS-Schnittstelle
§ Adaptive Darstellungslogik für unterschiedliche Devices
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

20. Sales Business iPad Edition
Springer Fachmedien Wiesbaden GmbH
§ Entwicklung eines iPad Prototypen mit Adobe Digital Publishing Suite im
Auftrag der Springer Fachmedien Wiesbaden GmbH
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

21. Adobe Digital Publishing Platform
XML
CMS z.B. Adobe Content
Woodwing .indd .issue Adobe Viewer
Indesign Bundler
K4 TXT
iPad
.mp4 .swf .xy Adroid Tablet etc.
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

22. Erfahrungswerte
§ Modellierung von Content (Semantik) nimmt
an Bedeutung zu. U Nutzungskontext
§ Performance ist kein Luxus, sondern essentiell
(auch für das Front-End)
§ Mobile Web dreht sich stärker um sinnvolle
Datenaggregation (Feeds, Social Media etc.)
§ Desktop Websites werden Elemente aus dem
Mobile übernehmen
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

23. Ehre, wem Ehre gebührt ...
§ Brian Fling
http://pinchzoom.com/fling
http://www.slideshare.net/fling/presentations
http://mobiledesign.org/
§ Bryan Rieger
http://www.slideshare.net/bryanrieger
http://bryanrieger.com/
§ Jonathan Stark
Buch: Building iPhone Apps with HTML, CSS, and JavaScript
http://ofps.oreilly.com/titles/9780596805784/
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

24. Das ist xmachina
8
2011 xmachina GmbH www.xmachina.de
2008 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

25. xmachina
advanced e-business
§ Gegründet: 1996
§ Standort: Heidelberg
§ Mitarbeiter/innen: 20
§ Honorarumsatz 2010: 1.75 Mio. €
§ Full-Service-Dienstleister für Kommunikations- und
E-Business-Lösungen in den digitalen Medien
§ Konzeption/Design, Softwareentwicklung, Systembetrieb,
Online-Marketing, Projektmanagement
§ Schwesteragentur: KünkelLopka GmbH
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

26. Leistungen – alles für Ihren Erfolg
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

27. xmachina Technologie-Knowhow
xmachina beherrscht die relevanten
Technologien und Prozesse, die für
anspruchsvolle Software im E-Business
Umfeld notwendig sind.
2011 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011

28. Namhafte Kunden
Montag, 9. Mai 2011

29. Vielen Dank für Ihre Aufmerksamkeit!
xmachina GmbH
advanced e-business
Maaßstr. 24
69123 Heidelberg
+49 6221 822020
weitere Informtionen http://xmachina.de
Ihr Ansprechpartner:
Michael Grüterich
06221 8220-24
18
2011 xmachina GmbH www.xmachina.de
2008 xmachina GmbH www.xmachina.de
Montag, 9. Mai 2011