SlideShare ist ein Scribd-Unternehmen logo
1 von 14
Downloaden Sie, um offline zu lesen
September 2013 – Webinar und tekom-Jahrestagung 2013

TechComm goes mobile
Responsive HTML5 (Online) | App (Offline)

ohne Programmierung
in wenigen Minuten

Seite 1
26.09.2013
Georg Eck Geschäftsführer, Adobe Certified Expert, WebWorks University Coach | Adobe | WebWorks | Tetra 4D
TechComm goes mobile
Responsive HTML5 (Online) und App (Offline)
Über Georg Eck
 Gründer und CEO … mehr als 20 Jahre Erfahrung
 Adobe und WebWorks Certified Expert

Über SQUIDDS
 Adobe Silver Solution Partner und Certified Reseller
 Partner von SAP/Right Hemisphere, Tetra 4D und Acolada
 Affiliate und Platinum Partner von WebWorks – Central and Eastern Europe
 Experts in TechComm Workflows für Print- und Online Dokumentation
 Autoren, Experten für Projekte mit DITA-, 3D- und RichMedia Informationen

Seite 2
26.09.2013
Was genau ist
responsive HTML5?

Seite 3
TechComm goes mobile
Responsive HTML5 (Online) und App (Offline)
Responsive HTML5 (Online) oder App (Offline)?

Seite 4
26.09.2013
TechComm goes mobile
Responsive HTML5 (Online) und App (Offline)
Was ist responsive?
 HTML5/Responsive/UX Design
White Paper: http://bit.ly/Kpx4Hj
 Test URL:
www.responsinator.com

Vorteile/Nachteile:
+ schnell, immer aktuell

- immer Internet notwendig
+ keine Daten offline
+ auf allen heutigen Browsern
+…
Seite 5
26.09.2013
TechComm goes mobile
Responsive HTML5 (Online) und App (Offline)
Beispiel:

Hilfe – auf Tablet und Smartphone (Online)
Inhalt

Seite 6
26.09.2013

Anleitung

Video
Workflow
HTML5 und App

Seite 7
TechComm goes mobile
Responsive HTML5 (Online) und App (Offline)
Step (1): WebWorks ePublisher

»Design der Vorlagen (Stationeries)
»Prototyp/Pre-Publishing
»Produktiv
Step (2): Create App
for iOS, Android, Windows Phone, Blackberry

Seite 8
26.09.2013
TechComm goes mobile
Responsive HTML5 (Online) und App (Offline)

HTML5 oder/und

APP

Vorteile/Nachteile:
3D-PDF
Seite 9
26.09.2013

Video

- hohes Datenvolumen
+ Offline verwendbar
+ keine großen Ladezeiten
- für n-Plattformen
LIVE

Seite 10
TechComm goes mobile
Responsive HTML5 (Online) und App (Offline)

HTML5 oder/und

APP*

+ ohne Programmierung

+ in wenigen Minuten
3D PDF
Seite 11
26.09.2013

Video

*) für iOS, Android,
WindowsPhone, Blackberry
Weitere Use Cases und
Erstellung aus dem CMS

Seite 12
TechComm goes mobile
Responsive HTML5 (Online) und App (Offline)
Weitere Use Cases
 SEO friendly und Social Media Integration
» Facebook
» Twitter
» Google+
» DISQUS
 Integration von weiteren Funktionen, Apps
» Datenübertragung
» Augmented Reality
» Rich Media: 3D, Video, …
****
 CMS Integration
siehe weitere Erfolgsgeschichte: Unify (früher Siemens Enterprise Communications), …
Seite 13
26.09.2013
SQUIDDS®
People.Products.Passion. e.K.
Donaustrasse 36 | 90451 Nürnberg
Deutschland
Fon: +49 (0) 911 / 21 53 47 - 0
eMail: kontakt@squidds.de
twitter.com/squidds
xing.com/profile/Georg_Eck
facebook.com/squidds und /eck.georg
linkedin.com/in/eckgeorg, slideshare.net/squidds
www.squidds.de
www.finalyser.de
www.make-a-muffin.de
www.WORKFLOWblog.de

Weitere ähnliche Inhalte

Andere mochten auch

Virtual class week 4 talking on the phone_26.4.2013
Virtual class week 4 talking on the phone_26.4.2013Virtual class week 4 talking on the phone_26.4.2013
Virtual class week 4 talking on the phone_26.4.2013Đại học trực tuyến
 
Business english course
Business english courseBusiness english course
Business english coursekayceebollozos
 
More sentences with multiple clauses
More sentences with multiple clausesMore sentences with multiple clauses
More sentences with multiple clausesFernando Benitez Leal
 
Sistematika Penulisan Artikel - PKM
Sistematika Penulisan Artikel - PKMSistematika Penulisan Artikel - PKM
Sistematika Penulisan Artikel - PKMLatifah Usman
 
Exercise introducing yourself_lesson_2
Exercise introducing yourself_lesson_2Exercise introducing yourself_lesson_2
Exercise introducing yourself_lesson_2sorave
 
Toefl skills 6 8 more than one clause
Toefl skills 6 8 more than one clauseToefl skills 6 8 more than one clause
Toefl skills 6 8 more than one clauseMarla Yoshida
 
Leave a Message
Leave a MessageLeave a Message
Leave a Messageladole
 
Leave A Message
Leave A MessageLeave A Message
Leave A Messageansterhaar
 

Andere mochten auch (16)

Virtual class week 4 talking on the phone_26.4.2013
Virtual class week 4 talking on the phone_26.4.2013Virtual class week 4 talking on the phone_26.4.2013
Virtual class week 4 talking on the phone_26.4.2013
 
Business english course
Business english courseBusiness english course
Business english course
 
Telephone Etiquette - Sunset Reef
Telephone Etiquette - Sunset ReefTelephone Etiquette - Sunset Reef
Telephone Etiquette - Sunset Reef
 
Use of Telephones in Business
Use of Telephones in BusinessUse of Telephones in Business
Use of Telephones in Business
 
Sentences with multiple clauses
Sentences with multiple clausesSentences with multiple clauses
Sentences with multiple clauses
 
How to teach pronunciation
How to teach pronunciationHow to teach pronunciation
How to teach pronunciation
 
Sentences with one clause
Sentences with one clauseSentences with one clause
Sentences with one clause
 
Telephone Handling
Telephone HandlingTelephone Handling
Telephone Handling
 
noun clause part 2
noun clause part 2noun clause part 2
noun clause part 2
 
More sentences with multiple clauses
More sentences with multiple clausesMore sentences with multiple clauses
More sentences with multiple clauses
 
Sistematika Penulisan Artikel - PKM
Sistematika Penulisan Artikel - PKMSistematika Penulisan Artikel - PKM
Sistematika Penulisan Artikel - PKM
 
Exercise introducing yourself_lesson_2
Exercise introducing yourself_lesson_2Exercise introducing yourself_lesson_2
Exercise introducing yourself_lesson_2
 
Toefl skills 6 8 more than one clause
Toefl skills 6 8 more than one clauseToefl skills 6 8 more than one clause
Toefl skills 6 8 more than one clause
 
Leave a Message
Leave a MessageLeave a Message
Leave a Message
 
Leave A Message
Leave A MessageLeave A Message
Leave A Message
 
Unit 15 N.I. Would You Like To Leave A Message
Unit 15 N.I. Would You Like To Leave A MessageUnit 15 N.I. Would You Like To Leave A Message
Unit 15 N.I. Would You Like To Leave A Message
 

Mehr von Georg Eck

MEIKO - auf dem Weg zur mobilen Dokumentation
MEIKO - auf dem Weg zur mobilen DokumentationMEIKO - auf dem Weg zur mobilen Dokumentation
MEIKO - auf dem Weg zur mobilen DokumentationGeorg Eck
 
Warum werden Webseiten in 2 Jahren unbedeutender und Apps wichtiger werden? (...
Warum werden Webseiten in 2 Jahren unbedeutender und Apps wichtiger werden? (...Warum werden Webseiten in 2 Jahren unbedeutender und Apps wichtiger werden? (...
Warum werden Webseiten in 2 Jahren unbedeutender und Apps wichtiger werden? (...Georg Eck
 
Maschinen Visualisierung | TechComm GO MOBILE (#tekom15 #tcworld15)
Maschinen Visualisierung | TechComm GO MOBILE (#tekom15 #tcworld15)Maschinen Visualisierung | TechComm GO MOBILE (#tekom15 #tcworld15)
Maschinen Visualisierung | TechComm GO MOBILE (#tekom15 #tcworld15)Georg Eck
 
TechCommToGo + Kisters 3DVS | GO MOBILE
TechCommToGo + Kisters 3DVS | GO MOBILETechCommToGo + Kisters 3DVS | GO MOBILE
TechCommToGo + Kisters 3DVS | GO MOBILEGeorg Eck
 
tekom regional: Technische Dokumentation auf mobilen Endgeräten
tekom regional: Technische Dokumentation auf mobilen Endgerätentekom regional: Technische Dokumentation auf mobilen Endgeräten
tekom regional: Technische Dokumentation auf mobilen EndgerätenGeorg Eck
 
3D-DAY in Friedrichshafen
3D-DAY in Friedrichshafen3D-DAY in Friedrichshafen
3D-DAY in FriedrichshafenGeorg Eck
 
WORKSHOP Autorensysteme 4.0
WORKSHOP Autorensysteme 4.0WORKSHOP Autorensysteme 4.0
WORKSHOP Autorensysteme 4.0Georg Eck
 
INFO10: Vom DITA Content zur mobilen Dokumentation (tekom f15)
INFO10: Vom DITA Content zur mobilen Dokumentation (tekom f15)INFO10: Vom DITA Content zur mobilen Dokumentation (tekom f15)
INFO10: Vom DITA Content zur mobilen Dokumentation (tekom f15)Georg Eck
 
TERM CHECK LIGHT / PLUS / ENTERPRISE (tekom)
TERM CHECK LIGHT / PLUS / ENTERPRISE (tekom)TERM CHECK LIGHT / PLUS / ENTERPRISE (tekom)
TERM CHECK LIGHT / PLUS / ENTERPRISE (tekom)Georg Eck
 
Responsive Publishing in der TechComm - zum Mitnehmen (MOB16)
Responsive Publishing in der TechComm- zum Mitnehmen (MOB16)Responsive Publishing in der TechComm- zum Mitnehmen (MOB16)
Responsive Publishing in der TechComm - zum Mitnehmen (MOB16)Georg Eck
 
Showcase: Mobile Dokumentation - TechComm goes mobile
Showcase: Mobile Dokumentation - TechComm goes mobileShowcase: Mobile Dokumentation - TechComm goes mobile
Showcase: Mobile Dokumentation - TechComm goes mobileGeorg Eck
 
Publikationsstrategien im 21. Jahrhundert - Go Mobile (#tekom | TH-Nürnberg)
Publikationsstrategien im 21. Jahrhundert - Go Mobile (#tekom | TH-Nürnberg)Publikationsstrategien im 21. Jahrhundert - Go Mobile (#tekom | TH-Nürnberg)
Publikationsstrategien im 21. Jahrhundert - Go Mobile (#tekom | TH-Nürnberg)Georg Eck
 
TechComm Responsive Publishing Suite | TechComm Mobile App 2.0
TechComm Responsive Publishing Suite | TechComm Mobile App 2.0TechComm Responsive Publishing Suite | TechComm Mobile App 2.0
TechComm Responsive Publishing Suite | TechComm Mobile App 2.0Georg Eck
 
11. Kamingespräch | XML-Editoren | TERM CHECK
11. Kamingespräch | XML-Editoren | TERM CHECK11. Kamingespräch | XML-Editoren | TERM CHECK
11. Kamingespräch | XML-Editoren | TERM CHECKGeorg Eck
 
tekom/tcworld 2013 – T2: Einheitliche Terminologie in Technischer Dokumentation
tekom/tcworld 2013 – T2: Einheitliche Terminologie in Technischer Dokumentationtekom/tcworld 2013 – T2: Einheitliche Terminologie in Technischer Dokumentation
tekom/tcworld 2013 – T2: Einheitliche Terminologie in Technischer DokumentationGeorg Eck
 
tekom/tcworld 2013 – T1: 3D-PDF-Tools von Tetra4D im Vergleich mit SAP VEA
tekom/tcworld 2013 – T1: 3D-PDF-Tools von Tetra4D im Vergleich mit SAP VEAtekom/tcworld 2013 – T1: 3D-PDF-Tools von Tetra4D im Vergleich mit SAP VEA
tekom/tcworld 2013 – T1: 3D-PDF-Tools von Tetra4D im Vergleich mit SAP VEAGeorg Eck
 
Terminologie PRÜFEN, MANAGEN und RECHERCHIEREN
Terminologie PRÜFEN, MANAGEN und RECHERCHIERENTerminologie PRÜFEN, MANAGEN und RECHERCHIEREN
Terminologie PRÜFEN, MANAGEN und RECHERCHIERENGeorg Eck
 
Online-Hilfen für mobile Geräte - von der Planung bis zur Auslieferung
Online-Hilfen für mobile Geräte - von der Planung bis zur AuslieferungOnline-Hilfen für mobile Geräte - von der Planung bis zur Auslieferung
Online-Hilfen für mobile Geräte - von der Planung bis zur AuslieferungGeorg Eck
 
Roadmap - die Einführung eines CMS/ECM
Roadmap - die Einführung eines CMS/ECMRoadmap - die Einführung eines CMS/ECM
Roadmap - die Einführung eines CMS/ECMGeorg Eck
 
Finalyser – the PlugIn- and ExtendScript-Collection for FrameMaker 11
Finalyser – the PlugIn- and ExtendScript-Collection for FrameMaker 11Finalyser – the PlugIn- and ExtendScript-Collection for FrameMaker 11
Finalyser – the PlugIn- and ExtendScript-Collection for FrameMaker 11Georg Eck
 

Mehr von Georg Eck (20)

MEIKO - auf dem Weg zur mobilen Dokumentation
MEIKO - auf dem Weg zur mobilen DokumentationMEIKO - auf dem Weg zur mobilen Dokumentation
MEIKO - auf dem Weg zur mobilen Dokumentation
 
Warum werden Webseiten in 2 Jahren unbedeutender und Apps wichtiger werden? (...
Warum werden Webseiten in 2 Jahren unbedeutender und Apps wichtiger werden? (...Warum werden Webseiten in 2 Jahren unbedeutender und Apps wichtiger werden? (...
Warum werden Webseiten in 2 Jahren unbedeutender und Apps wichtiger werden? (...
 
Maschinen Visualisierung | TechComm GO MOBILE (#tekom15 #tcworld15)
Maschinen Visualisierung | TechComm GO MOBILE (#tekom15 #tcworld15)Maschinen Visualisierung | TechComm GO MOBILE (#tekom15 #tcworld15)
Maschinen Visualisierung | TechComm GO MOBILE (#tekom15 #tcworld15)
 
TechCommToGo + Kisters 3DVS | GO MOBILE
TechCommToGo + Kisters 3DVS | GO MOBILETechCommToGo + Kisters 3DVS | GO MOBILE
TechCommToGo + Kisters 3DVS | GO MOBILE
 
tekom regional: Technische Dokumentation auf mobilen Endgeräten
tekom regional: Technische Dokumentation auf mobilen Endgerätentekom regional: Technische Dokumentation auf mobilen Endgeräten
tekom regional: Technische Dokumentation auf mobilen Endgeräten
 
3D-DAY in Friedrichshafen
3D-DAY in Friedrichshafen3D-DAY in Friedrichshafen
3D-DAY in Friedrichshafen
 
WORKSHOP Autorensysteme 4.0
WORKSHOP Autorensysteme 4.0WORKSHOP Autorensysteme 4.0
WORKSHOP Autorensysteme 4.0
 
INFO10: Vom DITA Content zur mobilen Dokumentation (tekom f15)
INFO10: Vom DITA Content zur mobilen Dokumentation (tekom f15)INFO10: Vom DITA Content zur mobilen Dokumentation (tekom f15)
INFO10: Vom DITA Content zur mobilen Dokumentation (tekom f15)
 
TERM CHECK LIGHT / PLUS / ENTERPRISE (tekom)
TERM CHECK LIGHT / PLUS / ENTERPRISE (tekom)TERM CHECK LIGHT / PLUS / ENTERPRISE (tekom)
TERM CHECK LIGHT / PLUS / ENTERPRISE (tekom)
 
Responsive Publishing in der TechComm - zum Mitnehmen (MOB16)
Responsive Publishing in der TechComm- zum Mitnehmen (MOB16)Responsive Publishing in der TechComm- zum Mitnehmen (MOB16)
Responsive Publishing in der TechComm - zum Mitnehmen (MOB16)
 
Showcase: Mobile Dokumentation - TechComm goes mobile
Showcase: Mobile Dokumentation - TechComm goes mobileShowcase: Mobile Dokumentation - TechComm goes mobile
Showcase: Mobile Dokumentation - TechComm goes mobile
 
Publikationsstrategien im 21. Jahrhundert - Go Mobile (#tekom | TH-Nürnberg)
Publikationsstrategien im 21. Jahrhundert - Go Mobile (#tekom | TH-Nürnberg)Publikationsstrategien im 21. Jahrhundert - Go Mobile (#tekom | TH-Nürnberg)
Publikationsstrategien im 21. Jahrhundert - Go Mobile (#tekom | TH-Nürnberg)
 
TechComm Responsive Publishing Suite | TechComm Mobile App 2.0
TechComm Responsive Publishing Suite | TechComm Mobile App 2.0TechComm Responsive Publishing Suite | TechComm Mobile App 2.0
TechComm Responsive Publishing Suite | TechComm Mobile App 2.0
 
11. Kamingespräch | XML-Editoren | TERM CHECK
11. Kamingespräch | XML-Editoren | TERM CHECK11. Kamingespräch | XML-Editoren | TERM CHECK
11. Kamingespräch | XML-Editoren | TERM CHECK
 
tekom/tcworld 2013 – T2: Einheitliche Terminologie in Technischer Dokumentation
tekom/tcworld 2013 – T2: Einheitliche Terminologie in Technischer Dokumentationtekom/tcworld 2013 – T2: Einheitliche Terminologie in Technischer Dokumentation
tekom/tcworld 2013 – T2: Einheitliche Terminologie in Technischer Dokumentation
 
tekom/tcworld 2013 – T1: 3D-PDF-Tools von Tetra4D im Vergleich mit SAP VEA
tekom/tcworld 2013 – T1: 3D-PDF-Tools von Tetra4D im Vergleich mit SAP VEAtekom/tcworld 2013 – T1: 3D-PDF-Tools von Tetra4D im Vergleich mit SAP VEA
tekom/tcworld 2013 – T1: 3D-PDF-Tools von Tetra4D im Vergleich mit SAP VEA
 
Terminologie PRÜFEN, MANAGEN und RECHERCHIEREN
Terminologie PRÜFEN, MANAGEN und RECHERCHIERENTerminologie PRÜFEN, MANAGEN und RECHERCHIEREN
Terminologie PRÜFEN, MANAGEN und RECHERCHIEREN
 
Online-Hilfen für mobile Geräte - von der Planung bis zur Auslieferung
Online-Hilfen für mobile Geräte - von der Planung bis zur AuslieferungOnline-Hilfen für mobile Geräte - von der Planung bis zur Auslieferung
Online-Hilfen für mobile Geräte - von der Planung bis zur Auslieferung
 
Roadmap - die Einführung eines CMS/ECM
Roadmap - die Einführung eines CMS/ECMRoadmap - die Einführung eines CMS/ECM
Roadmap - die Einführung eines CMS/ECM
 
Finalyser – the PlugIn- and ExtendScript-Collection for FrameMaker 11
Finalyser – the PlugIn- and ExtendScript-Collection for FrameMaker 11Finalyser – the PlugIn- and ExtendScript-Collection for FrameMaker 11
Finalyser – the PlugIn- and ExtendScript-Collection for FrameMaker 11
 

tekom/tcworld 2013 - AppToGo = responsive HTML5 + App

  • 1. September 2013 – Webinar und tekom-Jahrestagung 2013 TechComm goes mobile Responsive HTML5 (Online) | App (Offline) ohne Programmierung in wenigen Minuten Seite 1 26.09.2013 Georg Eck Geschäftsführer, Adobe Certified Expert, WebWorks University Coach | Adobe | WebWorks | Tetra 4D
  • 2. TechComm goes mobile Responsive HTML5 (Online) und App (Offline) Über Georg Eck  Gründer und CEO … mehr als 20 Jahre Erfahrung  Adobe und WebWorks Certified Expert Über SQUIDDS  Adobe Silver Solution Partner und Certified Reseller  Partner von SAP/Right Hemisphere, Tetra 4D und Acolada  Affiliate und Platinum Partner von WebWorks – Central and Eastern Europe  Experts in TechComm Workflows für Print- und Online Dokumentation  Autoren, Experten für Projekte mit DITA-, 3D- und RichMedia Informationen Seite 2 26.09.2013
  • 3. Was genau ist responsive HTML5? Seite 3
  • 4. TechComm goes mobile Responsive HTML5 (Online) und App (Offline) Responsive HTML5 (Online) oder App (Offline)? Seite 4 26.09.2013
  • 5. TechComm goes mobile Responsive HTML5 (Online) und App (Offline) Was ist responsive?  HTML5/Responsive/UX Design White Paper: http://bit.ly/Kpx4Hj  Test URL: www.responsinator.com Vorteile/Nachteile: + schnell, immer aktuell - immer Internet notwendig + keine Daten offline + auf allen heutigen Browsern +… Seite 5 26.09.2013
  • 6. TechComm goes mobile Responsive HTML5 (Online) und App (Offline) Beispiel: Hilfe – auf Tablet und Smartphone (Online) Inhalt Seite 6 26.09.2013 Anleitung Video
  • 8. TechComm goes mobile Responsive HTML5 (Online) und App (Offline) Step (1): WebWorks ePublisher »Design der Vorlagen (Stationeries) »Prototyp/Pre-Publishing »Produktiv Step (2): Create App for iOS, Android, Windows Phone, Blackberry Seite 8 26.09.2013
  • 9. TechComm goes mobile Responsive HTML5 (Online) und App (Offline) HTML5 oder/und APP Vorteile/Nachteile: 3D-PDF Seite 9 26.09.2013 Video - hohes Datenvolumen + Offline verwendbar + keine großen Ladezeiten - für n-Plattformen
  • 11. TechComm goes mobile Responsive HTML5 (Online) und App (Offline) HTML5 oder/und APP* + ohne Programmierung + in wenigen Minuten 3D PDF Seite 11 26.09.2013 Video *) für iOS, Android, WindowsPhone, Blackberry
  • 12. Weitere Use Cases und Erstellung aus dem CMS Seite 12
  • 13. TechComm goes mobile Responsive HTML5 (Online) und App (Offline) Weitere Use Cases  SEO friendly und Social Media Integration » Facebook » Twitter » Google+ » DISQUS  Integration von weiteren Funktionen, Apps » Datenübertragung » Augmented Reality » Rich Media: 3D, Video, … ****  CMS Integration siehe weitere Erfolgsgeschichte: Unify (früher Siemens Enterprise Communications), … Seite 13 26.09.2013
  • 14. SQUIDDS® People.Products.Passion. e.K. Donaustrasse 36 | 90451 Nürnberg Deutschland Fon: +49 (0) 911 / 21 53 47 - 0 eMail: kontakt@squidds.de twitter.com/squidds xing.com/profile/Georg_Eck facebook.com/squidds und /eck.georg linkedin.com/in/eckgeorg, slideshare.net/squidds www.squidds.de www.finalyser.de www.make-a-muffin.de www.WORKFLOWblog.de