SlideShare une entreprise Scribd logo
1  sur  21
Übersicht


        • Einführung in HTML
        • Was ist HTML5 und was sind neue Features
        • HTML5 in der e5 Blankpage Technologie
        • Showcases

@ 2010 Blankpage AG. All rights reserved.
Evolution von HTML
1996 / HTML 2.0




@ 2010 Blankpage AG. All rights reserved.
WHAT-Group:
                                                Evolution von HTML
                                                Kollaboration von Browser-
                                                Entwickler zur Standardisierung
                                                und Erweiterung von HTML




    @ 2010 Blankpage AG. All rights reserved.


@ 2010 Blankpage AG. All rights reserved.
What’s it all about?

   Bringt Alternativen zu
   3rdParty Technologien
                                            Umfänglicher Standard
                                            für die Web-Community
                                                                    Erweitertung von HTML
                                                                    Funktionalitäten




@ 2010 Blankpage AG. All rights reserved.
Nur HTML5?
                                            HTML5
                                             • Strukturierung von Inhalten
                                             • Visualisierungs-Elemente
                                             • Semantik

                                            JavaScript:
                                             • Definition von Logik
                                             (Abläufe, Interaktionen, etc.)
                                             • Geolocation, Offline Storage,
                                               etc.

                                            CSS3
                                             • Definition der Darstellung
                                             • Rendering von Objekten
                                             • Einbindung von Fonts
                                             • Animation / Transitionen
@ 2010 Blankpage AG. All rights reserved.    • Anpassung an Media-Types
HTML5 - Beispiele

        CSS3: Animations
                                            HTML5: Canvas
                                            Javascript: Logik




@ 2010 Blankpage AG. All rights reserved.
Canvas - Kreativer Spielraum
http://robertivan.com/WorldCuphtml5.html
Canvas - Kreativer Spielraum
http://lislis.sakura.ne.jp/canvas/paint/paint.html
Canvas - Kreativer Spielraum
http://www.apple.com/html5/showcase/gallery/
Wie sieht’s aus in der realen Welt?
http://www.blankpage.ch




                                             Content


                                            How to monetize
                                            this opportunity?   Device
                           User



@ 2010 Blankpage AG. All rights reserved.
http://www.blankpage.ch




    Content
                           Device

                                            “BlankPage helps content owners
           User                             to monetize their content quickly,
                                            easily and on all possible output
                                            channels”


@ 2010 Blankpage AG. All rights reserved.
e5 Content Package




       Verpackung von HTML5 Inhalten
    Verpackung und
Beschreibung von Inhalten
                                                                  Cross-Platform:
                                            Schutz von Inhalten   Kompatibel zu
                                                durch DRM          verschiedenen
                                                                      Devices




@ 2010 Blankpage AG. All rights reserved.
Publishing Workflow

    Desktop-Tools zum Inhalte
           aufarbeiten


                                            Einbindung von interaktiven
                                                Elementen (HTML5)
               U ra
               G




                                                         Verpackter Inhalt
                sa n
                 ua
                   bi te
                     lit ed
                        y




@ 2010 Blankpage AG. All rights reserved.
Publishing Workflow
            E-Shop
(e5 Commerce, Apple, Android, etc.)


                                            ©

                                            $

@ 2010 Blankpage AG. All rights reserved.
Showcase: Native iOS & HTML5
Showcase: HTML5
Showcase: HTML5 & Native iOS

          HTML5                             Native iOS   HTML5




@ 2010 Blankpage AG. All rights reserved.
Showcase: Cross-Platform Publishing


                                            HTML5 & CSS3

                                             Automatischer
                                                  Reflow für
                                            unterschiedliche
                                                     Output
                                                   Channels


@ 2010 Blankpage AG. All rights reserved.
Empower Your Content.




@ 2010 Blankpage AG. All rights reserved.

Contenu connexe

Similaire à Mobile App Stores- HTML5 & Web apps

Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhoneWebapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhonedie.agilen GmbH
 
3D - Spiel mit der Technik, Tekom 2016
3D - Spiel mit der Technik, Tekom 20163D - Spiel mit der Technik, Tekom 2016
3D - Spiel mit der Technik, Tekom 2016Robert Siegel
 
Collaboration day 2016 - IBM Watson in ihren zukünftigen Business Applikationen
Collaboration day 2016  - IBM Watson in ihren zukünftigen Business ApplikationenCollaboration day 2016  - IBM Watson in ihren zukünftigen Business Applikationen
Collaboration day 2016 - IBM Watson in ihren zukünftigen Business ApplikationenBelsoft
 
Sencha Touch & PhoneGap
Sencha Touch & PhoneGapSencha Touch & PhoneGap
Sencha Touch & PhoneGapStefan Kolb
 
Technologievergleich für RIA
Technologievergleich für RIATechnologievergleich für RIA
Technologievergleich für RIAOliver Belikan
 
Sencha Touch und PhoneGap
Sencha Touch und PhoneGapSencha Touch und PhoneGap
Sencha Touch und PhoneGapIndiginox
 
Ganz Huxley, Schöne neue SOA-Welt - Jax 2010 - OPITZ CONSULTING - Niko Köbler
Ganz Huxley, Schöne neue SOA-Welt  - Jax 2010 - OPITZ CONSULTING - Niko KöblerGanz Huxley, Schöne neue SOA-Welt  - Jax 2010 - OPITZ CONSULTING - Niko Köbler
Ganz Huxley, Schöne neue SOA-Welt - Jax 2010 - OPITZ CONSULTING - Niko KöblerOPITZ CONSULTING Deutschland
 
Frontendtechnologien Fuer Ria V1.0
Frontendtechnologien Fuer Ria V1.0Frontendtechnologien Fuer Ria V1.0
Frontendtechnologien Fuer Ria V1.0Oliver Belikan
 
HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009Felix Sasaki
 
Haskell aus einer Java EE Perspektive
Haskell aus einer Java EE PerspektiveHaskell aus einer Java EE Perspektive
Haskell aus einer Java EE PerspektiveTorsten Fink
 
Datenintegration und Datenbewirtschaftung mit Oracle - OPITZ CONSULTING - Til...
Datenintegration und Datenbewirtschaftung mit Oracle - OPITZ CONSULTING - Til...Datenintegration und Datenbewirtschaftung mit Oracle - OPITZ CONSULTING - Til...
Datenintegration und Datenbewirtschaftung mit Oracle - OPITZ CONSULTING - Til...OPITZ CONSULTING Deutschland
 
Dzug Zope Optimized
Dzug Zope OptimizedDzug Zope Optimized
Dzug Zope OptimizedAndreas Jung
 
Creasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der ZukunftCreasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der ZukunftCreasoft AG
 
Content kills your Concept?!
Content kills your Concept?!Content kills your Concept?!
Content kills your Concept?!kuehlhaus AG
 
W3C/DFKI Automotive Workshop
W3C/DFKI Automotive WorkshopW3C/DFKI Automotive Workshop
W3C/DFKI Automotive WorkshopGeorg Rehm
 
Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...
Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...
Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...Octopoda Consulting GmbH
 

Similaire à Mobile App Stores- HTML5 & Web apps (20)

Html5 versus Adobe Flash
Html5 versus Adobe FlashHtml5 versus Adobe Flash
Html5 versus Adobe Flash
 
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhoneWebapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
 
3D - Spiel mit der Technik, Tekom 2016
3D - Spiel mit der Technik, Tekom 20163D - Spiel mit der Technik, Tekom 2016
3D - Spiel mit der Technik, Tekom 2016
 
Collaboration day 2016 - IBM Watson in ihren zukünftigen Business Applikationen
Collaboration day 2016  - IBM Watson in ihren zukünftigen Business ApplikationenCollaboration day 2016  - IBM Watson in ihren zukünftigen Business Applikationen
Collaboration day 2016 - IBM Watson in ihren zukünftigen Business Applikationen
 
Sencha Touch & PhoneGap
Sencha Touch & PhoneGapSencha Touch & PhoneGap
Sencha Touch & PhoneGap
 
Technologievergleich für RIA
Technologievergleich für RIATechnologievergleich für RIA
Technologievergleich für RIA
 
Kevin Hofer
Kevin HoferKevin Hofer
Kevin Hofer
 
Sencha Touch und PhoneGap
Sencha Touch und PhoneGapSencha Touch und PhoneGap
Sencha Touch und PhoneGap
 
Ganz Huxley, Schöne neue SOA-Welt - Jax 2010 - OPITZ CONSULTING - Niko Köbler
Ganz Huxley, Schöne neue SOA-Welt  - Jax 2010 - OPITZ CONSULTING - Niko KöblerGanz Huxley, Schöne neue SOA-Welt  - Jax 2010 - OPITZ CONSULTING - Niko Köbler
Ganz Huxley, Schöne neue SOA-Welt - Jax 2010 - OPITZ CONSULTING - Niko Köbler
 
Frontendtechnologien Fuer Ria V1.0
Frontendtechnologien Fuer Ria V1.0Frontendtechnologien Fuer Ria V1.0
Frontendtechnologien Fuer Ria V1.0
 
HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
 
Haskell aus einer Java EE Perspektive
Haskell aus einer Java EE PerspektiveHaskell aus einer Java EE Perspektive
Haskell aus einer Java EE Perspektive
 
2011 09-09 activiti
2011 09-09 activiti2011 09-09 activiti
2011 09-09 activiti
 
Datenintegration und Datenbewirtschaftung mit Oracle - OPITZ CONSULTING - Til...
Datenintegration und Datenbewirtschaftung mit Oracle - OPITZ CONSULTING - Til...Datenintegration und Datenbewirtschaftung mit Oracle - OPITZ CONSULTING - Til...
Datenintegration und Datenbewirtschaftung mit Oracle - OPITZ CONSULTING - Til...
 
Dzug Zope Optimized
Dzug Zope OptimizedDzug Zope Optimized
Dzug Zope Optimized
 
mühlnickel beit_PechaKucha
mühlnickel beit_PechaKuchamühlnickel beit_PechaKucha
mühlnickel beit_PechaKucha
 
Creasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der ZukunftCreasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der Zukunft
 
Content kills your Concept?!
Content kills your Concept?!Content kills your Concept?!
Content kills your Concept?!
 
W3C/DFKI Automotive Workshop
W3C/DFKI Automotive WorkshopW3C/DFKI Automotive Workshop
W3C/DFKI Automotive Workshop
 
Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...
Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...
Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...
 

Plus de Aberla

Mobile Banking 2011: Clairmail
Mobile Banking 2011: ClairmailMobile Banking 2011: Clairmail
Mobile Banking 2011: ClairmailAberla
 
Mobile Banking 2011: DAB
Mobile Banking 2011: DABMobile Banking 2011: DAB
Mobile Banking 2011: DABAberla
 
Mobile Banking 2011: Sparkasse
Mobile Banking 2011: SparkasseMobile Banking 2011: Sparkasse
Mobile Banking 2011: SparkasseAberla
 
Mobile Banking 2011: Credit Suisse
Mobile Banking 2011: Credit SuisseMobile Banking 2011: Credit Suisse
Mobile Banking 2011: Credit SuisseAberla
 
Mobile Banking 2011: Danske Bank
Mobile Banking 2011: Danske BankMobile Banking 2011: Danske Bank
Mobile Banking 2011: Danske BankAberla
 
Mobile Banking 2011: Postfinance
Mobile Banking 2011: PostfinanceMobile Banking 2011: Postfinance
Mobile Banking 2011: PostfinanceAberla
 
ESeconf2011 - Haug Thomas: "Sauberer Code mit Metriken"
ESeconf2011 - Haug Thomas: "Sauberer Code mit Metriken"ESeconf2011 - Haug Thomas: "Sauberer Code mit Metriken"
ESeconf2011 - Haug Thomas: "Sauberer Code mit Metriken"Aberla
 
ESEconf2011 - Cruywagen Leon: "Cool ways to work smarter in the cloud"
ESEconf2011 - Cruywagen Leon: "Cool ways to work smarter in the cloud"ESEconf2011 - Cruywagen Leon: "Cool ways to work smarter in the cloud"
ESEconf2011 - Cruywagen Leon: "Cool ways to work smarter in the cloud"Aberla
 
ESEconf2011 - Wichmann Klaus-Peter: "Kennen Sie die Leistungsfähigkeit Ihres ...
ESEconf2011 - Wichmann Klaus-Peter: "Kennen Sie die Leistungsfähigkeit Ihres ...ESEconf2011 - Wichmann Klaus-Peter: "Kennen Sie die Leistungsfähigkeit Ihres ...
ESEconf2011 - Wichmann Klaus-Peter: "Kennen Sie die Leistungsfähigkeit Ihres ...Aberla
 
ESEconf2011 - Hanin Makram: "Embedding Performance into Continuous Integratio...
ESEconf2011 - Hanin Makram: "Embedding Performance into Continuous Integratio...ESEconf2011 - Hanin Makram: "Embedding Performance into Continuous Integratio...
ESEconf2011 - Hanin Makram: "Embedding Performance into Continuous Integratio...Aberla
 
ESEconf2011 - Lorenz Oliver: "'Agil heisst nicht beliebit' - Scrum als wirksa...
ESEconf2011 - Lorenz Oliver: "'Agil heisst nicht beliebit' - Scrum als wirksa...ESEconf2011 - Lorenz Oliver: "'Agil heisst nicht beliebit' - Scrum als wirksa...
ESEconf2011 - Lorenz Oliver: "'Agil heisst nicht beliebit' - Scrum als wirksa...Aberla
 
ESEconf2011 - Schilling Rüdiger: "Generative Konzepte für den Plattform-Zoo -...
ESEconf2011 - Schilling Rüdiger: "Generative Konzepte für den Plattform-Zoo -...ESEconf2011 - Schilling Rüdiger: "Generative Konzepte für den Plattform-Zoo -...
ESEconf2011 - Schilling Rüdiger: "Generative Konzepte für den Plattform-Zoo -...Aberla
 
ESEconf2011 - Freixa Vidal Roger: "Oracle's Java Strategy"
ESEconf2011 - Freixa Vidal Roger: "Oracle's Java Strategy"ESEconf2011 - Freixa Vidal Roger: "Oracle's Java Strategy"
ESEconf2011 - Freixa Vidal Roger: "Oracle's Java Strategy"Aberla
 
ESEconf2011 - Westphal Ralf: "Slice me nice - Produktiv, schnell, zufrieden"
ESEconf2011 - Westphal Ralf: "Slice me nice - Produktiv, schnell, zufrieden"ESEconf2011 - Westphal Ralf: "Slice me nice - Produktiv, schnell, zufrieden"
ESEconf2011 - Westphal Ralf: "Slice me nice - Produktiv, schnell, zufrieden"Aberla
 
ESEconf2011 - Caine Matthew: "Creating an Environment of Teamwork, Quality, I...
ESEconf2011 - Caine Matthew: "Creating an Environment of Teamwork, Quality, I...ESEconf2011 - Caine Matthew: "Creating an Environment of Teamwork, Quality, I...
ESEconf2011 - Caine Matthew: "Creating an Environment of Teamwork, Quality, I...Aberla
 
ESEconf2011 - Schwaber Ken: "Scrum: Necessary but not sufficient for agility"
ESEconf2011 - Schwaber Ken: "Scrum: Necessary but not sufficient for agility"ESEconf2011 - Schwaber Ken: "Scrum: Necessary but not sufficient for agility"
ESEconf2011 - Schwaber Ken: "Scrum: Necessary but not sufficient for agility"Aberla
 
ESEconf2011 - Kaiser Traian: "How to measure productivity in software develop...
ESEconf2011 - Kaiser Traian: "How to measure productivity in software develop...ESEconf2011 - Kaiser Traian: "How to measure productivity in software develop...
ESEconf2011 - Kaiser Traian: "How to measure productivity in software develop...Aberla
 
ESEconf2011 - Haas Thomas & Jenni Joscha: "Ein Softwareprojekt zum Festpreis ...
ESEconf2011 - Haas Thomas & Jenni Joscha: "Ein Softwareprojekt zum Festpreis ...ESEconf2011 - Haas Thomas & Jenni Joscha: "Ein Softwareprojekt zum Festpreis ...
ESEconf2011 - Haas Thomas & Jenni Joscha: "Ein Softwareprojekt zum Festpreis ...Aberla
 
ESEconf2011 - Buschmann Frank: "What architects need to know"
ESEconf2011 - Buschmann Frank: "What architects need to know"ESEconf2011 - Buschmann Frank: "What architects need to know"
ESEconf2011 - Buschmann Frank: "What architects need to know"Aberla
 
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"Aberla
 

Plus de Aberla (20)

Mobile Banking 2011: Clairmail
Mobile Banking 2011: ClairmailMobile Banking 2011: Clairmail
Mobile Banking 2011: Clairmail
 
Mobile Banking 2011: DAB
Mobile Banking 2011: DABMobile Banking 2011: DAB
Mobile Banking 2011: DAB
 
Mobile Banking 2011: Sparkasse
Mobile Banking 2011: SparkasseMobile Banking 2011: Sparkasse
Mobile Banking 2011: Sparkasse
 
Mobile Banking 2011: Credit Suisse
Mobile Banking 2011: Credit SuisseMobile Banking 2011: Credit Suisse
Mobile Banking 2011: Credit Suisse
 
Mobile Banking 2011: Danske Bank
Mobile Banking 2011: Danske BankMobile Banking 2011: Danske Bank
Mobile Banking 2011: Danske Bank
 
Mobile Banking 2011: Postfinance
Mobile Banking 2011: PostfinanceMobile Banking 2011: Postfinance
Mobile Banking 2011: Postfinance
 
ESeconf2011 - Haug Thomas: "Sauberer Code mit Metriken"
ESeconf2011 - Haug Thomas: "Sauberer Code mit Metriken"ESeconf2011 - Haug Thomas: "Sauberer Code mit Metriken"
ESeconf2011 - Haug Thomas: "Sauberer Code mit Metriken"
 
ESEconf2011 - Cruywagen Leon: "Cool ways to work smarter in the cloud"
ESEconf2011 - Cruywagen Leon: "Cool ways to work smarter in the cloud"ESEconf2011 - Cruywagen Leon: "Cool ways to work smarter in the cloud"
ESEconf2011 - Cruywagen Leon: "Cool ways to work smarter in the cloud"
 
ESEconf2011 - Wichmann Klaus-Peter: "Kennen Sie die Leistungsfähigkeit Ihres ...
ESEconf2011 - Wichmann Klaus-Peter: "Kennen Sie die Leistungsfähigkeit Ihres ...ESEconf2011 - Wichmann Klaus-Peter: "Kennen Sie die Leistungsfähigkeit Ihres ...
ESEconf2011 - Wichmann Klaus-Peter: "Kennen Sie die Leistungsfähigkeit Ihres ...
 
ESEconf2011 - Hanin Makram: "Embedding Performance into Continuous Integratio...
ESEconf2011 - Hanin Makram: "Embedding Performance into Continuous Integratio...ESEconf2011 - Hanin Makram: "Embedding Performance into Continuous Integratio...
ESEconf2011 - Hanin Makram: "Embedding Performance into Continuous Integratio...
 
ESEconf2011 - Lorenz Oliver: "'Agil heisst nicht beliebit' - Scrum als wirksa...
ESEconf2011 - Lorenz Oliver: "'Agil heisst nicht beliebit' - Scrum als wirksa...ESEconf2011 - Lorenz Oliver: "'Agil heisst nicht beliebit' - Scrum als wirksa...
ESEconf2011 - Lorenz Oliver: "'Agil heisst nicht beliebit' - Scrum als wirksa...
 
ESEconf2011 - Schilling Rüdiger: "Generative Konzepte für den Plattform-Zoo -...
ESEconf2011 - Schilling Rüdiger: "Generative Konzepte für den Plattform-Zoo -...ESEconf2011 - Schilling Rüdiger: "Generative Konzepte für den Plattform-Zoo -...
ESEconf2011 - Schilling Rüdiger: "Generative Konzepte für den Plattform-Zoo -...
 
ESEconf2011 - Freixa Vidal Roger: "Oracle's Java Strategy"
ESEconf2011 - Freixa Vidal Roger: "Oracle's Java Strategy"ESEconf2011 - Freixa Vidal Roger: "Oracle's Java Strategy"
ESEconf2011 - Freixa Vidal Roger: "Oracle's Java Strategy"
 
ESEconf2011 - Westphal Ralf: "Slice me nice - Produktiv, schnell, zufrieden"
ESEconf2011 - Westphal Ralf: "Slice me nice - Produktiv, schnell, zufrieden"ESEconf2011 - Westphal Ralf: "Slice me nice - Produktiv, schnell, zufrieden"
ESEconf2011 - Westphal Ralf: "Slice me nice - Produktiv, schnell, zufrieden"
 
ESEconf2011 - Caine Matthew: "Creating an Environment of Teamwork, Quality, I...
ESEconf2011 - Caine Matthew: "Creating an Environment of Teamwork, Quality, I...ESEconf2011 - Caine Matthew: "Creating an Environment of Teamwork, Quality, I...
ESEconf2011 - Caine Matthew: "Creating an Environment of Teamwork, Quality, I...
 
ESEconf2011 - Schwaber Ken: "Scrum: Necessary but not sufficient for agility"
ESEconf2011 - Schwaber Ken: "Scrum: Necessary but not sufficient for agility"ESEconf2011 - Schwaber Ken: "Scrum: Necessary but not sufficient for agility"
ESEconf2011 - Schwaber Ken: "Scrum: Necessary but not sufficient for agility"
 
ESEconf2011 - Kaiser Traian: "How to measure productivity in software develop...
ESEconf2011 - Kaiser Traian: "How to measure productivity in software develop...ESEconf2011 - Kaiser Traian: "How to measure productivity in software develop...
ESEconf2011 - Kaiser Traian: "How to measure productivity in software develop...
 
ESEconf2011 - Haas Thomas & Jenni Joscha: "Ein Softwareprojekt zum Festpreis ...
ESEconf2011 - Haas Thomas & Jenni Joscha: "Ein Softwareprojekt zum Festpreis ...ESEconf2011 - Haas Thomas & Jenni Joscha: "Ein Softwareprojekt zum Festpreis ...
ESEconf2011 - Haas Thomas & Jenni Joscha: "Ein Softwareprojekt zum Festpreis ...
 
ESEconf2011 - Buschmann Frank: "What architects need to know"
ESEconf2011 - Buschmann Frank: "What architects need to know"ESEconf2011 - Buschmann Frank: "What architects need to know"
ESEconf2011 - Buschmann Frank: "What architects need to know"
 
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"
 

Mobile App Stores- HTML5 & Web apps

  • 1.
  • 2. Übersicht • Einführung in HTML • Was ist HTML5 und was sind neue Features • HTML5 in der e5 Blankpage Technologie • Showcases @ 2010 Blankpage AG. All rights reserved.
  • 3. Evolution von HTML 1996 / HTML 2.0 @ 2010 Blankpage AG. All rights reserved.
  • 4. WHAT-Group: Evolution von HTML Kollaboration von Browser- Entwickler zur Standardisierung und Erweiterung von HTML @ 2010 Blankpage AG. All rights reserved. @ 2010 Blankpage AG. All rights reserved.
  • 5. What’s it all about? Bringt Alternativen zu 3rdParty Technologien Umfänglicher Standard für die Web-Community Erweitertung von HTML Funktionalitäten @ 2010 Blankpage AG. All rights reserved.
  • 6. Nur HTML5? HTML5 • Strukturierung von Inhalten • Visualisierungs-Elemente • Semantik JavaScript: • Definition von Logik (Abläufe, Interaktionen, etc.) • Geolocation, Offline Storage, etc. CSS3 • Definition der Darstellung • Rendering von Objekten • Einbindung von Fonts • Animation / Transitionen @ 2010 Blankpage AG. All rights reserved. • Anpassung an Media-Types
  • 7. HTML5 - Beispiele CSS3: Animations HTML5: Canvas Javascript: Logik @ 2010 Blankpage AG. All rights reserved.
  • 8. Canvas - Kreativer Spielraum http://robertivan.com/WorldCuphtml5.html
  • 9. Canvas - Kreativer Spielraum http://lislis.sakura.ne.jp/canvas/paint/paint.html
  • 10. Canvas - Kreativer Spielraum http://www.apple.com/html5/showcase/gallery/
  • 11. Wie sieht’s aus in der realen Welt?
  • 12. http://www.blankpage.ch Content How to monetize this opportunity? Device User @ 2010 Blankpage AG. All rights reserved.
  • 13. http://www.blankpage.ch Content Device “BlankPage helps content owners User to monetize their content quickly, easily and on all possible output channels” @ 2010 Blankpage AG. All rights reserved.
  • 14. e5 Content Package Verpackung von HTML5 Inhalten Verpackung und Beschreibung von Inhalten Cross-Platform: Schutz von Inhalten Kompatibel zu durch DRM verschiedenen Devices @ 2010 Blankpage AG. All rights reserved.
  • 15. Publishing Workflow Desktop-Tools zum Inhalte aufarbeiten Einbindung von interaktiven Elementen (HTML5) U ra G Verpackter Inhalt sa n ua bi te lit ed y @ 2010 Blankpage AG. All rights reserved.
  • 16. Publishing Workflow E-Shop (e5 Commerce, Apple, Android, etc.) © $ @ 2010 Blankpage AG. All rights reserved.
  • 19. Showcase: HTML5 & Native iOS HTML5 Native iOS HTML5 @ 2010 Blankpage AG. All rights reserved.
  • 20. Showcase: Cross-Platform Publishing HTML5 & CSS3 Automatischer Reflow für unterschiedliche Output Channels @ 2010 Blankpage AG. All rights reserved.
  • 21. Empower Your Content. @ 2010 Blankpage AG. All rights reserved.