SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Downloaden Sie, um offline zu lesen
Illustration: @mac_fun, Tokyo
               Mobile App Entwicklung


  Webapp, nativ oder hybride App?

Seite 1 / 13   Webapp, nativ oder hybride App?                                   @gradl
Langfristige Prognose




                                                           Quelle: statista Juni 2012
Seite 2 / 13   Webapp, nativ oder hybride App?                                          @gradl
                                                 Seite 2
klassiche WebApp
                   Vorteile:
                   • Zielgruppe maximal, da
                     wie mobile Webseite
                     sofort auf vielen Geräten
                     (Mobile OS) verfügbar
                   • User bekommt z.B. über
                     Browserweiche für
                     Smartphone optimierte
                     Seite direkt aus dem CMS



Seite 3 / 13   Webapp, nativ oder hybride App?   @gradl
klassiche WebApp
                      Probleme:
                      • Ladezeiten
                      • Verbreitung durch App
                        Store fällt weg

                      --> Geringe Reichweite




Seite 4 / 13   Webapp, nativ oder hybride App?   @gradl
Native App
                    Vorteile:
                    • Schnelle Reaktion auf Klick
                    • Cooles Design und
                      Datensparsamkeit
                    • Funktionen / Interaktion
                    • Schnelle Reaktion /
                      Datensparsamkeit
                    • Verbreitung durch App
                      Store

Seite 5 / 13   Webapp, nativ oder hybride App?      @gradl
Konzept der Nativen App




<forecast>
<place value="10865" name="München">
<date value="20090806">
<date>20090806</date>
<Tn>15</Tn>
<!-- .. -->




                                                                         Illustration: HDM-I
</date></place></forecast>




    Seite 6 / 13                       Webapp, nativ oder hybride App?             @gradl
Native App
                     Nachteile:
                     • Hoher Entwicklungsaufwand
                       (Schnittstellenkonzept,
                       Backendanpassungen)
                     • Frontend für jede Plattform
                       neu erstellen
                     • Abhängigkeit von OS
                       Updates

                     --> Hohe Kosten

Seite 7 / 13   Webapp, nativ oder hybride App?   @gradl
Beispiele aus der Praxis




Seite 8 / 13   Webapp, nativ oder hybride App?   @gradl
Illustration: Bitkom
Seite 9 / 13   Webapp, nativ oder hybride App?   @gradl
Hybride App
                       Vorteile:
                       • Funktionen (Kamera oder
                         Standort+Ausrichtung)
                         verfügbar

                       • Verbreitung über
                         unterschiedliche App Stores
                         + zusätzlicher Traffic über
                         Browserweiche


Seite 10 / 13   Webapp, nativ oder hybride App?    @gradl
Wie funktioniert z.B. PhoneGap?




                                                  Illustration: PhoneGap
Seite 11 / 13   Webapp, nativ oder hybride App?               @gradl
Welche Funktionen sind möglich?




                                                       Quelle: PhoneGap
Seite 12 / 13   Webapp, nativ oder hybride App?   @gradl
Illustration: @mac_fun, Tokyo
                       Vielen Dank
                für die Aufmerksamkeit!
                                                             twitter: @gradl
                                            xing.com/profile/Nikolaus_Gradl



Seite 13 / 13        Webapp, nativ oder hybride App?                                                     @gradl

Weitere ähnliche Inhalte

Andere mochten auch

Dr. Lilian Landes: Web 2.0 für Geisteswissenschaftler? Neue Formate und Initi...
Dr. Lilian Landes: Web 2.0 für Geisteswissenschaftler? Neue Formate und Initi...Dr. Lilian Landes: Web 2.0 für Geisteswissenschaftler? Neue Formate und Initi...
Dr. Lilian Landes: Web 2.0 für Geisteswissenschaftler? Neue Formate und Initi...Sybille Greisinger
 
Museum 2.0 in Bayern - eine Bestandsaufnahme
Museum 2.0 in Bayern - eine BestandsaufnahmeMuseum 2.0 in Bayern - eine Bestandsaufnahme
Museum 2.0 in Bayern - eine BestandsaufnahmeSybille Greisinger
 
Theo Grassl: "Museum 5.0 - die (R)Evolution beginnt!"
Theo Grassl: "Museum 5.0 - die (R)Evolution beginnt!"Theo Grassl: "Museum 5.0 - die (R)Evolution beginnt!"
Theo Grassl: "Museum 5.0 - die (R)Evolution beginnt!"Sybille Greisinger
 
MunichLovesU - Twittern für München
MunichLovesU - Twittern für MünchenMunichLovesU - Twittern für München
MunichLovesU - Twittern für MünchenSonya Schlenk
 
Eine Reise durch Zeit und Raum. Die Ausweitung des Museums ins Digitale
Eine Reise durch Zeit und Raum. Die Ausweitung des Museums ins DigitaleEine Reise durch Zeit und Raum. Die Ausweitung des Museums ins Digitale
Eine Reise durch Zeit und Raum. Die Ausweitung des Museums ins DigitaleHelge_David
 
Social media in museum education
Social media in museum educationSocial media in museum education
Social media in museum educationBianca Bocatius
 
German Museum Education with Social Media
German Museum Education with Social MediaGerman Museum Education with Social Media
German Museum Education with Social MediaBianca Bocatius
 
Social Media in der musealen Vermittlung
Social Media in der musealen VermittlungSocial Media in der musealen Vermittlung
Social Media in der musealen VermittlungBianca Bocatius
 
Workshop Webbasierte Partizipation
Workshop Webbasierte PartizipationWorkshop Webbasierte Partizipation
Workshop Webbasierte PartizipationBianca Bocatius
 

Andere mochten auch (9)

Dr. Lilian Landes: Web 2.0 für Geisteswissenschaftler? Neue Formate und Initi...
Dr. Lilian Landes: Web 2.0 für Geisteswissenschaftler? Neue Formate und Initi...Dr. Lilian Landes: Web 2.0 für Geisteswissenschaftler? Neue Formate und Initi...
Dr. Lilian Landes: Web 2.0 für Geisteswissenschaftler? Neue Formate und Initi...
 
Museum 2.0 in Bayern - eine Bestandsaufnahme
Museum 2.0 in Bayern - eine BestandsaufnahmeMuseum 2.0 in Bayern - eine Bestandsaufnahme
Museum 2.0 in Bayern - eine Bestandsaufnahme
 
Theo Grassl: "Museum 5.0 - die (R)Evolution beginnt!"
Theo Grassl: "Museum 5.0 - die (R)Evolution beginnt!"Theo Grassl: "Museum 5.0 - die (R)Evolution beginnt!"
Theo Grassl: "Museum 5.0 - die (R)Evolution beginnt!"
 
MunichLovesU - Twittern für München
MunichLovesU - Twittern für MünchenMunichLovesU - Twittern für München
MunichLovesU - Twittern für München
 
Eine Reise durch Zeit und Raum. Die Ausweitung des Museums ins Digitale
Eine Reise durch Zeit und Raum. Die Ausweitung des Museums ins DigitaleEine Reise durch Zeit und Raum. Die Ausweitung des Museums ins Digitale
Eine Reise durch Zeit und Raum. Die Ausweitung des Museums ins Digitale
 
Social media in museum education
Social media in museum educationSocial media in museum education
Social media in museum education
 
German Museum Education with Social Media
German Museum Education with Social MediaGerman Museum Education with Social Media
German Museum Education with Social Media
 
Social Media in der musealen Vermittlung
Social Media in der musealen VermittlungSocial Media in der musealen Vermittlung
Social Media in der musealen Vermittlung
 
Workshop Webbasierte Partizipation
Workshop Webbasierte PartizipationWorkshop Webbasierte Partizipation
Workshop Webbasierte Partizipation
 

Ähnlich wie Nativ hybride apps

Mobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesMobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesAdrian Oggenfuss
 
Go-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno BartelsGo-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno BartelsinsertEFFECT GmbH
 
Webinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig istWebinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig istwasmitweb GmbH
 
Hybrid-Apps 2.0 - Status Quo & Performance
Hybrid-Apps 2.0 - Status Quo & PerformanceHybrid-Apps 2.0 - Status Quo & Performance
Hybrid-Apps 2.0 - Status Quo & PerformanceFLYACTS GmbH
 
Ansätze mobiler App Entwicklung mit Vor- und Nachteilen
Ansätze mobiler App Entwicklung mit Vor- und NachteilenAnsätze mobiler App Entwicklung mit Vor- und Nachteilen
Ansätze mobiler App Entwicklung mit Vor- und NachteilenCrowdArchitects GmbH
 
MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.
MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.
MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.Niels de Bruijn
 
App oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum WebinarApp oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum WebinarEduvision Ausbildungen
 
Bautagebuch App für Android, iPhone und iPad
Bautagebuch App für Android, iPhone und iPadBautagebuch App für Android, iPhone und iPad
Bautagebuch App für Android, iPhone und iPadbauskript
 
Entstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenEntstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenBjörn Rohles
 
Startup Idee Squared Online
Startup Idee Squared OnlineStartup Idee Squared Online
Startup Idee Squared OnlineLars Inselmann
 
Itbetw appsfactory trommen
Itbetw appsfactory trommenItbetw appsfactory trommen
Itbetw appsfactory trommenITB Berlin
 

Ähnlich wie Nativ hybride apps (20)

Mobile Applikationen: Cross-Plattform-Entwicklung
Mobile Applikationen: Cross-Plattform-EntwicklungMobile Applikationen: Cross-Plattform-Entwicklung
Mobile Applikationen: Cross-Plattform-Entwicklung
 
Mobile Applikationen - Juni 2013 - Cross-Plattform-Entwicklung
Mobile Applikationen - Juni 2013 - Cross-Plattform-EntwicklungMobile Applikationen - Juni 2013 - Cross-Plattform-Entwicklung
Mobile Applikationen - Juni 2013 - Cross-Plattform-Entwicklung
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Mobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesMobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & Websites
 
Mobile Applikationen: Idee und Planung
Mobile Applikationen: Idee und  PlanungMobile Applikationen: Idee und  Planung
Mobile Applikationen: Idee und Planung
 
Go-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno BartelsGo-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
 
Webinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig istWebinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig ist
 
Mobile Websites
Mobile WebsitesMobile Websites
Mobile Websites
 
Hybrid-Apps 2.0 - Status Quo & Performance
Hybrid-Apps 2.0 - Status Quo & PerformanceHybrid-Apps 2.0 - Status Quo & Performance
Hybrid-Apps 2.0 - Status Quo & Performance
 
Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...
Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...
Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...
 
Ansätze mobiler App Entwicklung mit Vor- und Nachteilen
Ansätze mobiler App Entwicklung mit Vor- und NachteilenAnsätze mobiler App Entwicklung mit Vor- und Nachteilen
Ansätze mobiler App Entwicklung mit Vor- und Nachteilen
 
MT AG APEX goes Mobile
MT AG APEX goes MobileMT AG APEX goes Mobile
MT AG APEX goes Mobile
 
MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.
MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.
MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.
 
App oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum WebinarApp oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum Webinar
 
Mobile Applikationen - Juni 2013 - Idee, Konzeption, Architektur
Mobile Applikationen - Juni 2013 - Idee, Konzeption, ArchitekturMobile Applikationen - Juni 2013 - Idee, Konzeption, Architektur
Mobile Applikationen - Juni 2013 - Idee, Konzeption, Architektur
 
Bautagebuch App für Android, iPhone und iPad
Bautagebuch App für Android, iPhone und iPadBautagebuch App für Android, iPhone und iPad
Bautagebuch App für Android, iPhone und iPad
 
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
 
Entstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenEntstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische Unternehmen
 
Startup Idee Squared Online
Startup Idee Squared OnlineStartup Idee Squared Online
Startup Idee Squared Online
 
Itbetw appsfactory trommen
Itbetw appsfactory trommenItbetw appsfactory trommen
Itbetw appsfactory trommen
 

Nativ hybride apps

  • 1. Illustration: @mac_fun, Tokyo Mobile App Entwicklung Webapp, nativ oder hybride App? Seite 1 / 13 Webapp, nativ oder hybride App? @gradl
  • 2. Langfristige Prognose Quelle: statista Juni 2012 Seite 2 / 13 Webapp, nativ oder hybride App? @gradl Seite 2
  • 3. klassiche WebApp Vorteile: • Zielgruppe maximal, da wie mobile Webseite sofort auf vielen Geräten (Mobile OS) verfügbar • User bekommt z.B. über Browserweiche für Smartphone optimierte Seite direkt aus dem CMS Seite 3 / 13 Webapp, nativ oder hybride App? @gradl
  • 4. klassiche WebApp Probleme: • Ladezeiten • Verbreitung durch App Store fällt weg --> Geringe Reichweite Seite 4 / 13 Webapp, nativ oder hybride App? @gradl
  • 5. Native App Vorteile: • Schnelle Reaktion auf Klick • Cooles Design und Datensparsamkeit • Funktionen / Interaktion • Schnelle Reaktion / Datensparsamkeit • Verbreitung durch App Store Seite 5 / 13 Webapp, nativ oder hybride App? @gradl
  • 6. Konzept der Nativen App <forecast> <place value="10865" name="München"> <date value="20090806"> <date>20090806</date> <Tn>15</Tn> <!-- .. --> Illustration: HDM-I </date></place></forecast> Seite 6 / 13 Webapp, nativ oder hybride App? @gradl
  • 7. Native App Nachteile: • Hoher Entwicklungsaufwand (Schnittstellenkonzept, Backendanpassungen) • Frontend für jede Plattform neu erstellen • Abhängigkeit von OS Updates --> Hohe Kosten Seite 7 / 13 Webapp, nativ oder hybride App? @gradl
  • 8. Beispiele aus der Praxis Seite 8 / 13 Webapp, nativ oder hybride App? @gradl
  • 9. Illustration: Bitkom Seite 9 / 13 Webapp, nativ oder hybride App? @gradl
  • 10. Hybride App Vorteile: • Funktionen (Kamera oder Standort+Ausrichtung) verfügbar • Verbreitung über unterschiedliche App Stores + zusätzlicher Traffic über Browserweiche Seite 10 / 13 Webapp, nativ oder hybride App? @gradl
  • 11. Wie funktioniert z.B. PhoneGap? Illustration: PhoneGap Seite 11 / 13 Webapp, nativ oder hybride App? @gradl
  • 12. Welche Funktionen sind möglich? Quelle: PhoneGap Seite 12 / 13 Webapp, nativ oder hybride App? @gradl
  • 13. Illustration: @mac_fun, Tokyo Vielen Dank für die Aufmerksamkeit! twitter: @gradl xing.com/profile/Nikolaus_Gradl Seite 13 / 13 Webapp, nativ oder hybride App? @gradl