SlideShare uma empresa Scribd logo
1 de 9
Baixar para ler offline
HTML5 mit Wow-Effekt – generiert aus XML-Daten!
Ralph Musau
TANNER AG, Projektleiter
DOKU-FORUM 2015
TANNER AG © 2014 www.tanner.dewww.tanner.deTANNER AG © 2015
HTML5 mit Wow-Effekt –
generiert aus XML-Daten!
Schwarzenberg, 07.05.2015
Ralph Muhsau, TANNER AG
© 2014 vertraulich | Folie 2TANNER AG © 2015 Folie 2
1. Anforderungen an Dokumente auf mobilen
Geräten
2. Live-Demo
3. Architektur HTML5-Generator
4. Deployment
5. Status und Ausblick
© 2014 vertraulich | Folie 3TANNER AG © 2015 Folie 3
Anforderungen an Dokumente auf mobilen Geräten
PDF ePUB iBooks Folio HTML5
Plattform-
unterstützung
++ + – + +
Responsive Design – + – (–)1 +
Look & Feel – – ++ ++ +
Einfache Verteilung + + + – –
Offline-
Verfügbarkeit
+ + + + (–)2
Multimedia
mit sog. Widgets
(–)3 – + + ++
© 2014 vertraulich | Folie 4TANNER AG © 2015 Folie 4
 Plattform-
unterstützung
 Responsive Design
 Multimedia-Widgets Look & Feel
Live-Demo
© 2014 vertraulich | Folie 5TANNER AG © 2015 Folie 5
Architektur HTML5-Generator
Redaktions-
system
Inhalt
XML
Struktur
XML
Bilder
TIFF, PNG
Text-
generator
Bild-
generator
Navigation
HTML
Thumbnails
PNG
Webbilder
PNG
Inhalt
HTML
Suchindex
JSON
Logik
JavaScript
Layout
CSS, PNG
Mediaconfig
Bild-
bearbeitung
© 2014 vertraulich | Folie 6TANNER AG © 2015 Folie 6
 Webserver
 App mit komplettem, fixierten Inhalt
 z. B. für Messeeinsatz, ohne App-Store
 Kiosk-App
 Bibliothek mit allen verfügbaren Dokumenten
 Online-Link und/oder herunterladbar
 Aktualisierungshinweis bei neuer Version
Deployment
© 2014 vertraulich | Folie 7TANNER AG © 2015 Folie 7
 Einsatz als Standalone-EXE
 Integration in Redaktionssystem
Status & Ausblick
© 2014 vertraulich | Folie 8TANNER AG © 2015 Folie 8Kemptener Straße 99 ▪ D-88131 Lindau (B)
ralph.muhsau@tanner.de
Vielen Dank für Ihr Interesse!

Mais conteúdo relacionado

Mais de TANNER AG

15. TANNER-Hochschulwettbewerb Präsentation Team Trslic.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Trslic.pdf15. TANNER-Hochschulwettbewerb Präsentation Team Trslic.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Trslic.pdfTANNER AG
 
15. TANNER-Hochschulwettbewerb Präsentation Team Koch.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Koch.pdf15. TANNER-Hochschulwettbewerb Präsentation Team Koch.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Koch.pdfTANNER AG
 
15. TANNER-Hochschulwettbewerb Präsentation Team Engmann.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Engmann.pdf15. TANNER-Hochschulwettbewerb Präsentation Team Engmann.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Engmann.pdfTANNER AG
 
14. TANNER-Hochschulwettbewerb | Beitrag Team Yu (Hochschule Merseburg)
 14. TANNER-Hochschulwettbewerb | Beitrag Team Yu (Hochschule Merseburg) 14. TANNER-Hochschulwettbewerb | Beitrag Team Yu (Hochschule Merseburg)
14. TANNER-Hochschulwettbewerb | Beitrag Team Yu (Hochschule Merseburg)TANNER AG
 
14. TANNER-Hochschulwettbewerb | Beitrag Team Dell (Technische Hochschule Mit...
14. TANNER-Hochschulwettbewerb | Beitrag Team Dell (Technische Hochschule Mit...14. TANNER-Hochschulwettbewerb | Beitrag Team Dell (Technische Hochschule Mit...
14. TANNER-Hochschulwettbewerb | Beitrag Team Dell (Technische Hochschule Mit...TANNER AG
 
14. TANNER-Hochschulwettbewerb | Beitrag Team Lohmann (Fachhochschule Südwest...
14. TANNER-Hochschulwettbewerb | Beitrag Team Lohmann (Fachhochschule Südwest...14. TANNER-Hochschulwettbewerb | Beitrag Team Lohmann (Fachhochschule Südwest...
14. TANNER-Hochschulwettbewerb | Beitrag Team Lohmann (Fachhochschule Südwest...TANNER AG
 
14. TANNER-Hochschulwettbewerb | Beitrag Team Mayer (Karlsruher Institut für ...
14. TANNER-Hochschulwettbewerb | Beitrag Team Mayer (Karlsruher Institut für ...14. TANNER-Hochschulwettbewerb | Beitrag Team Mayer (Karlsruher Institut für ...
14. TANNER-Hochschulwettbewerb | Beitrag Team Mayer (Karlsruher Institut für ...TANNER AG
 
13. TANNER-Hochschulwettbewerb | Beitrag Team Stoll (Technische Hochschule Mi...
13. TANNER-Hochschulwettbewerb | Beitrag Team Stoll (Technische Hochschule Mi...13. TANNER-Hochschulwettbewerb | Beitrag Team Stoll (Technische Hochschule Mi...
13. TANNER-Hochschulwettbewerb | Beitrag Team Stoll (Technische Hochschule Mi...TANNER AG
 
13. TANNER-Hochschulwettbewerb | Beitrag Team Roth (Hochschule Aalen)
13. TANNER-Hochschulwettbewerb | Beitrag Team Roth (Hochschule Aalen)13. TANNER-Hochschulwettbewerb | Beitrag Team Roth (Hochschule Aalen)
13. TANNER-Hochschulwettbewerb | Beitrag Team Roth (Hochschule Aalen)TANNER AG
 
13. TANNER-Hochschulwettbewerb | Beitrag Team Kunz (Hochschule Merseburg)
13. TANNER-Hochschulwettbewerb | Beitrag Team Kunz (Hochschule Merseburg)13. TANNER-Hochschulwettbewerb | Beitrag Team Kunz (Hochschule Merseburg)
13. TANNER-Hochschulwettbewerb | Beitrag Team Kunz (Hochschule Merseburg)TANNER AG
 
13. TANNER-Hochschulwettbewerb | Beitrag Team Dörfl (Hochschule München)
13. TANNER-Hochschulwettbewerb | Beitrag Team Dörfl (Hochschule München)13. TANNER-Hochschulwettbewerb | Beitrag Team Dörfl (Hochschule München)
13. TANNER-Hochschulwettbewerb | Beitrag Team Dörfl (Hochschule München)TANNER AG
 
13. TANNER-Hochschulwettbewerb | Beitrag Team Bögemann (Fachhochschule Südwes...
13. TANNER-Hochschulwettbewerb | Beitrag Team Bögemann (Fachhochschule Südwes...13. TANNER-Hochschulwettbewerb | Beitrag Team Bögemann (Fachhochschule Südwes...
13. TANNER-Hochschulwettbewerb | Beitrag Team Bögemann (Fachhochschule Südwes...TANNER AG
 
Dokumentationserstellung integriert im PDM-Prozess
Dokumentationserstellung integriert im PDM-ProzessDokumentationserstellung integriert im PDM-Prozess
Dokumentationserstellung integriert im PDM-ProzessTANNER AG
 
Intelligente Informationen
Intelligente InformationenIntelligente Informationen
Intelligente InformationenTANNER AG
 
Von Papier zu digital – Anforderungen & Erstellungsprozesse
Von Papier zu digital – Anforderungen & ErstellungsprozesseVon Papier zu digital – Anforderungen & Erstellungsprozesse
Von Papier zu digital – Anforderungen & ErstellungsprozesseTANNER AG
 
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...TANNER AG
 
12. TANNER-Hochschulwettbewerb | Beitrag Team Kerchnawe (Hochschule Merseburg)
12. TANNER-Hochschulwettbewerb | Beitrag Team Kerchnawe (Hochschule Merseburg) 12. TANNER-Hochschulwettbewerb | Beitrag Team Kerchnawe (Hochschule Merseburg)
12. TANNER-Hochschulwettbewerb | Beitrag Team Kerchnawe (Hochschule Merseburg) TANNER AG
 
12. TANNER-Hochschulwettbewerb | Beitrag Team Kühle (Fachhochschule Südwestfa...
12. TANNER-Hochschulwettbewerb | Beitrag Team Kühle (Fachhochschule Südwestfa...12. TANNER-Hochschulwettbewerb | Beitrag Team Kühle (Fachhochschule Südwestfa...
12. TANNER-Hochschulwettbewerb | Beitrag Team Kühle (Fachhochschule Südwestfa...TANNER AG
 
12. TANNER-Hochschulwettbewerb | Beitrag Team Windel (Technische Hochschule K...
12. TANNER-Hochschulwettbewerb | Beitrag Team Windel (Technische Hochschule K...12. TANNER-Hochschulwettbewerb | Beitrag Team Windel (Technische Hochschule K...
12. TANNER-Hochschulwettbewerb | Beitrag Team Windel (Technische Hochschule K...TANNER AG
 
A Digital Journey – von der Idee über den Service und zurück| DOKU-FORUM 2017
A Digital Journey – von der Idee über den Service und zurück| DOKU-FORUM 2017A Digital Journey – von der Idee über den Service und zurück| DOKU-FORUM 2017
A Digital Journey – von der Idee über den Service und zurück| DOKU-FORUM 2017TANNER AG
 

Mais de TANNER AG (20)

15. TANNER-Hochschulwettbewerb Präsentation Team Trslic.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Trslic.pdf15. TANNER-Hochschulwettbewerb Präsentation Team Trslic.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Trslic.pdf
 
15. TANNER-Hochschulwettbewerb Präsentation Team Koch.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Koch.pdf15. TANNER-Hochschulwettbewerb Präsentation Team Koch.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Koch.pdf
 
15. TANNER-Hochschulwettbewerb Präsentation Team Engmann.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Engmann.pdf15. TANNER-Hochschulwettbewerb Präsentation Team Engmann.pdf
15. TANNER-Hochschulwettbewerb Präsentation Team Engmann.pdf
 
14. TANNER-Hochschulwettbewerb | Beitrag Team Yu (Hochschule Merseburg)
 14. TANNER-Hochschulwettbewerb | Beitrag Team Yu (Hochschule Merseburg) 14. TANNER-Hochschulwettbewerb | Beitrag Team Yu (Hochschule Merseburg)
14. TANNER-Hochschulwettbewerb | Beitrag Team Yu (Hochschule Merseburg)
 
14. TANNER-Hochschulwettbewerb | Beitrag Team Dell (Technische Hochschule Mit...
14. TANNER-Hochschulwettbewerb | Beitrag Team Dell (Technische Hochschule Mit...14. TANNER-Hochschulwettbewerb | Beitrag Team Dell (Technische Hochschule Mit...
14. TANNER-Hochschulwettbewerb | Beitrag Team Dell (Technische Hochschule Mit...
 
14. TANNER-Hochschulwettbewerb | Beitrag Team Lohmann (Fachhochschule Südwest...
14. TANNER-Hochschulwettbewerb | Beitrag Team Lohmann (Fachhochschule Südwest...14. TANNER-Hochschulwettbewerb | Beitrag Team Lohmann (Fachhochschule Südwest...
14. TANNER-Hochschulwettbewerb | Beitrag Team Lohmann (Fachhochschule Südwest...
 
14. TANNER-Hochschulwettbewerb | Beitrag Team Mayer (Karlsruher Institut für ...
14. TANNER-Hochschulwettbewerb | Beitrag Team Mayer (Karlsruher Institut für ...14. TANNER-Hochschulwettbewerb | Beitrag Team Mayer (Karlsruher Institut für ...
14. TANNER-Hochschulwettbewerb | Beitrag Team Mayer (Karlsruher Institut für ...
 
13. TANNER-Hochschulwettbewerb | Beitrag Team Stoll (Technische Hochschule Mi...
13. TANNER-Hochschulwettbewerb | Beitrag Team Stoll (Technische Hochschule Mi...13. TANNER-Hochschulwettbewerb | Beitrag Team Stoll (Technische Hochschule Mi...
13. TANNER-Hochschulwettbewerb | Beitrag Team Stoll (Technische Hochschule Mi...
 
13. TANNER-Hochschulwettbewerb | Beitrag Team Roth (Hochschule Aalen)
13. TANNER-Hochschulwettbewerb | Beitrag Team Roth (Hochschule Aalen)13. TANNER-Hochschulwettbewerb | Beitrag Team Roth (Hochschule Aalen)
13. TANNER-Hochschulwettbewerb | Beitrag Team Roth (Hochschule Aalen)
 
13. TANNER-Hochschulwettbewerb | Beitrag Team Kunz (Hochschule Merseburg)
13. TANNER-Hochschulwettbewerb | Beitrag Team Kunz (Hochschule Merseburg)13. TANNER-Hochschulwettbewerb | Beitrag Team Kunz (Hochschule Merseburg)
13. TANNER-Hochschulwettbewerb | Beitrag Team Kunz (Hochschule Merseburg)
 
13. TANNER-Hochschulwettbewerb | Beitrag Team Dörfl (Hochschule München)
13. TANNER-Hochschulwettbewerb | Beitrag Team Dörfl (Hochschule München)13. TANNER-Hochschulwettbewerb | Beitrag Team Dörfl (Hochschule München)
13. TANNER-Hochschulwettbewerb | Beitrag Team Dörfl (Hochschule München)
 
13. TANNER-Hochschulwettbewerb | Beitrag Team Bögemann (Fachhochschule Südwes...
13. TANNER-Hochschulwettbewerb | Beitrag Team Bögemann (Fachhochschule Südwes...13. TANNER-Hochschulwettbewerb | Beitrag Team Bögemann (Fachhochschule Südwes...
13. TANNER-Hochschulwettbewerb | Beitrag Team Bögemann (Fachhochschule Südwes...
 
Dokumentationserstellung integriert im PDM-Prozess
Dokumentationserstellung integriert im PDM-ProzessDokumentationserstellung integriert im PDM-Prozess
Dokumentationserstellung integriert im PDM-Prozess
 
Intelligente Informationen
Intelligente InformationenIntelligente Informationen
Intelligente Informationen
 
Von Papier zu digital – Anforderungen & Erstellungsprozesse
Von Papier zu digital – Anforderungen & ErstellungsprozesseVon Papier zu digital – Anforderungen & Erstellungsprozesse
Von Papier zu digital – Anforderungen & Erstellungsprozesse
 
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
 
12. TANNER-Hochschulwettbewerb | Beitrag Team Kerchnawe (Hochschule Merseburg)
12. TANNER-Hochschulwettbewerb | Beitrag Team Kerchnawe (Hochschule Merseburg) 12. TANNER-Hochschulwettbewerb | Beitrag Team Kerchnawe (Hochschule Merseburg)
12. TANNER-Hochschulwettbewerb | Beitrag Team Kerchnawe (Hochschule Merseburg)
 
12. TANNER-Hochschulwettbewerb | Beitrag Team Kühle (Fachhochschule Südwestfa...
12. TANNER-Hochschulwettbewerb | Beitrag Team Kühle (Fachhochschule Südwestfa...12. TANNER-Hochschulwettbewerb | Beitrag Team Kühle (Fachhochschule Südwestfa...
12. TANNER-Hochschulwettbewerb | Beitrag Team Kühle (Fachhochschule Südwestfa...
 
12. TANNER-Hochschulwettbewerb | Beitrag Team Windel (Technische Hochschule K...
12. TANNER-Hochschulwettbewerb | Beitrag Team Windel (Technische Hochschule K...12. TANNER-Hochschulwettbewerb | Beitrag Team Windel (Technische Hochschule K...
12. TANNER-Hochschulwettbewerb | Beitrag Team Windel (Technische Hochschule K...
 
A Digital Journey – von der Idee über den Service und zurück| DOKU-FORUM 2017
A Digital Journey – von der Idee über den Service und zurück| DOKU-FORUM 2017A Digital Journey – von der Idee über den Service und zurück| DOKU-FORUM 2017
A Digital Journey – von der Idee über den Service und zurück| DOKU-FORUM 2017
 

HTML5 mit Wow-Effekt – generiert aus XML-Daten! | DOKU-FORUM 2015

  • 1. HTML5 mit Wow-Effekt – generiert aus XML-Daten! Ralph Musau TANNER AG, Projektleiter DOKU-FORUM 2015
  • 2. TANNER AG © 2014 www.tanner.dewww.tanner.deTANNER AG © 2015 HTML5 mit Wow-Effekt – generiert aus XML-Daten! Schwarzenberg, 07.05.2015 Ralph Muhsau, TANNER AG
  • 3. © 2014 vertraulich | Folie 2TANNER AG © 2015 Folie 2 1. Anforderungen an Dokumente auf mobilen Geräten 2. Live-Demo 3. Architektur HTML5-Generator 4. Deployment 5. Status und Ausblick
  • 4. © 2014 vertraulich | Folie 3TANNER AG © 2015 Folie 3 Anforderungen an Dokumente auf mobilen Geräten PDF ePUB iBooks Folio HTML5 Plattform- unterstützung ++ + – + + Responsive Design – + – (–)1 + Look & Feel – – ++ ++ + Einfache Verteilung + + + – – Offline- Verfügbarkeit + + + + (–)2 Multimedia mit sog. Widgets (–)3 – + + ++
  • 5. © 2014 vertraulich | Folie 4TANNER AG © 2015 Folie 4  Plattform- unterstützung  Responsive Design  Multimedia-Widgets Look & Feel Live-Demo
  • 6. © 2014 vertraulich | Folie 5TANNER AG © 2015 Folie 5 Architektur HTML5-Generator Redaktions- system Inhalt XML Struktur XML Bilder TIFF, PNG Text- generator Bild- generator Navigation HTML Thumbnails PNG Webbilder PNG Inhalt HTML Suchindex JSON Logik JavaScript Layout CSS, PNG Mediaconfig Bild- bearbeitung
  • 7. © 2014 vertraulich | Folie 6TANNER AG © 2015 Folie 6  Webserver  App mit komplettem, fixierten Inhalt  z. B. für Messeeinsatz, ohne App-Store  Kiosk-App  Bibliothek mit allen verfügbaren Dokumenten  Online-Link und/oder herunterladbar  Aktualisierungshinweis bei neuer Version Deployment
  • 8. © 2014 vertraulich | Folie 7TANNER AG © 2015 Folie 7  Einsatz als Standalone-EXE  Integration in Redaktionssystem Status & Ausblick
  • 9. © 2014 vertraulich | Folie 8TANNER AG © 2015 Folie 8Kemptener Straße 99 ▪ D-88131 Lindau (B) ralph.muhsau@tanner.de Vielen Dank für Ihr Interesse!