SlideShare uma empresa Scribd logo
1 de 14
Automatisierte
Generierung hybrider
Apps für Mobile Devices
Implementierung eines Workflows mit Web-Technologien
und einem Content Management System

Bachelor Thesis von
Jens Küsters

FOM Hochschule Neuss, 5. April 2013
Motivation
§  Wachsende Bedeutung von Apps auf Mobile Devices als
    neuer Ausgabekanal für Content

§  Entwicklung nativer Apps meist zeit- und kostenintensiv

§  Reine Web-Apps nicht sichtbar in Stores und mit
    schlechteren Monetarisierungsmöglichkeiten

§  Ersteller von App-Inhalten sollten mit ihrem gewohnten
    Tool arbeiten können
Ziele
§  Überblick über das aktuelle Umfeld im Mobile Computing

§  Betrachtung von Hybrid-Apps im Vergleich
    zu nativen und Web-Apps

§  Konzeptionierung eines Workflows zur automatisierten Erstellung
    von plattformübergreifenden Hybrid-Apps aus einem CMS heraus

§  Erstellung eines Prototyps unter Verwendung von Web-
    Technologien und vorhandener Frameworks sowie eines CMS
Grundlagen des
Mobile Computings
§  Mobile Devices

§  Plattformen

§  Native Apps

§  Web-Apps

§  Hybrid-Apps
Plattformübergreifende
Entwicklung hybrider Apps
§  HTML5, CSS3, JavaScript

§  Responsive Web Design

§  Retina & Co.

§  Frameworks
Konzeptionierung eines
automatisierten Workflows
§  Templates

§  Workflow im CMS

§  Konsolidierungsschicht

§  App Building

§  Publikation, Vermarktung & Aktualisierung
Schematische Übersicht
Implementierung
eines Prototyps
§  App für eine fiktive Technologie-Konferenz

§  Zielplattformen: iOS und Android

§  Polopoly CMS

§  Templates mit jQuery Mobile

§  Konsolidierungsschicht mit Java & Grails

§  PhoneGap Build
Ergebnis
§  Funktionsfähige Apps für iOS und Android

§  Plattformunabhängiges responsives Design

§  Bis auf Signieren und Herunterladen der fertigen
    Apps alle Schritte aus Polopoly CMS heraus
    möglich

§  Die definierten Ziele wurden erreicht
Lessons Learned

§  Schwierigkeiten bei der Umsetzung des Crawlers

§  Tests auf möglichst vielen Devices
  wünschenswert

§  Debugging ist kompliziert und zeitintensiv

§  Langer Weg von Änderungen in die fertigen Apps
Fazit
§  Ein weitgehend automatisierter Workflow ist möglich

§  Verbindung vorhandener Technologien und Frameworks

§  Brüche im Workflow sind nicht zu verhindern

§  Herausforderungen bei UX und UI

§  Prototyp kann als Basis für ein marktfähiges Produkt
    dienen
Vielen Dank für die
Aufmerksamkeit!

Mais conteúdo relacionado

Destaque

Verteidigung der MasterThesis
Verteidigung der MasterThesisVerteidigung der MasterThesis
Verteidigung der MasterThesischris2newz
 
Bachelor Thesis Presentation
Bachelor Thesis PresentationBachelor Thesis Presentation
Bachelor Thesis Presentationanderspurup
 
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Wolfram Nagel
 
Kolloquium Produktion & Logistik. Twitter, Microblogs & Co. - Neue Technologi...
Kolloquium Produktion & Logistik. Twitter, Microblogs & Co. - Neue Technologi...Kolloquium Produktion & Logistik. Twitter, Microblogs & Co. - Neue Technologi...
Kolloquium Produktion & Logistik. Twitter, Microblogs & Co. - Neue Technologi...Lutz Gerlach
 
Präsentation zu Bachelor-Arbeit
Präsentation zu Bachelor-ArbeitPräsentation zu Bachelor-Arbeit
Präsentation zu Bachelor-ArbeitDavid Baumeister
 
Horst Wohlfarth 24.1.14 Kolloquium - "wie geht es weiter?"
Horst Wohlfarth 24.1.14 Kolloquium - "wie geht es weiter?"Horst Wohlfarth 24.1.14 Kolloquium - "wie geht es weiter?"
Horst Wohlfarth 24.1.14 Kolloquium - "wie geht es weiter?"StiftungHeureka
 
Präsentation zur Seminararbeit "Mobile Computing im Personalwesen"
Präsentation zur Seminararbeit "Mobile Computing im Personalwesen"Präsentation zur Seminararbeit "Mobile Computing im Personalwesen"
Präsentation zur Seminararbeit "Mobile Computing im Personalwesen"Tobias Kalder
 
Recruiting richtig machen.
Recruiting richtig machen.Recruiting richtig machen.
Recruiting richtig machen.Marcus Fischer
 
Employer Branding: How To Recruit & Retain Strong Personal Brands
Employer Branding: How To Recruit & Retain Strong Personal BrandsEmployer Branding: How To Recruit & Retain Strong Personal Brands
Employer Branding: How To Recruit & Retain Strong Personal BrandsRyan Mickley
 
Blogosphaere Mainz 2008
Blogosphaere Mainz 2008Blogosphaere Mainz 2008
Blogosphaere Mainz 2008Jan Schmidt
 
Employer Brandung: Gemeinsam statt einsam.
Employer Brandung: Gemeinsam statt einsam.Employer Brandung: Gemeinsam statt einsam.
Employer Brandung: Gemeinsam statt einsam.Jörg Buckmann
 
Employer Branding Workshop, building Talent Relationships
Employer Branding Workshop, building Talent RelationshipsEmployer Branding Workshop, building Talent Relationships
Employer Branding Workshop, building Talent RelationshipsAlexander Crépin
 
Kolloqium Bachelorarbeit V1
Kolloqium Bachelorarbeit V1Kolloqium Bachelorarbeit V1
Kolloqium Bachelorarbeit V1Nils Meder
 
Employer Branding & Recruiting heute
Employer Branding & Recruiting heuteEmployer Branding & Recruiting heute
Employer Branding & Recruiting heuteMarcus Fischer
 
Bachelor\'s Thesis Presentation
Bachelor\'s Thesis PresentationBachelor\'s Thesis Presentation
Bachelor\'s Thesis PresentationNatalia_Ladygina
 
Employer Branding versus Personalmarketing
Employer Branding versus Personalmarketing   Employer Branding versus Personalmarketing
Employer Branding versus Personalmarketing pludoni GmbH
 
Bachelor-Verteidigung
Bachelor-VerteidigungBachelor-Verteidigung
Bachelor-Verteidigungwruge
 

Destaque (20)

Verteidigung der MasterThesis
Verteidigung der MasterThesisVerteidigung der MasterThesis
Verteidigung der MasterThesis
 
Verteidigung
VerteidigungVerteidigung
Verteidigung
 
Bachelor Thesis Presentation
Bachelor Thesis PresentationBachelor Thesis Presentation
Bachelor Thesis Presentation
 
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
 
Kolloquium Produktion & Logistik. Twitter, Microblogs & Co. - Neue Technologi...
Kolloquium Produktion & Logistik. Twitter, Microblogs & Co. - Neue Technologi...Kolloquium Produktion & Logistik. Twitter, Microblogs & Co. - Neue Technologi...
Kolloquium Produktion & Logistik. Twitter, Microblogs & Co. - Neue Technologi...
 
Präsentation zu Bachelor-Arbeit
Präsentation zu Bachelor-ArbeitPräsentation zu Bachelor-Arbeit
Präsentation zu Bachelor-Arbeit
 
Horst Wohlfarth 24.1.14 Kolloquium - "wie geht es weiter?"
Horst Wohlfarth 24.1.14 Kolloquium - "wie geht es weiter?"Horst Wohlfarth 24.1.14 Kolloquium - "wie geht es weiter?"
Horst Wohlfarth 24.1.14 Kolloquium - "wie geht es weiter?"
 
Präsentation zur Seminararbeit "Mobile Computing im Personalwesen"
Präsentation zur Seminararbeit "Mobile Computing im Personalwesen"Präsentation zur Seminararbeit "Mobile Computing im Personalwesen"
Präsentation zur Seminararbeit "Mobile Computing im Personalwesen"
 
Recruiting richtig machen.
Recruiting richtig machen.Recruiting richtig machen.
Recruiting richtig machen.
 
Employer Branding: How To Recruit & Retain Strong Personal Brands
Employer Branding: How To Recruit & Retain Strong Personal BrandsEmployer Branding: How To Recruit & Retain Strong Personal Brands
Employer Branding: How To Recruit & Retain Strong Personal Brands
 
Sportfuss
SportfussSportfuss
Sportfuss
 
Blogosphaere Mainz 2008
Blogosphaere Mainz 2008Blogosphaere Mainz 2008
Blogosphaere Mainz 2008
 
Employer Brandung: Gemeinsam statt einsam.
Employer Brandung: Gemeinsam statt einsam.Employer Brandung: Gemeinsam statt einsam.
Employer Brandung: Gemeinsam statt einsam.
 
Bachelor Thesis
Bachelor ThesisBachelor Thesis
Bachelor Thesis
 
Employer Branding Workshop, building Talent Relationships
Employer Branding Workshop, building Talent RelationshipsEmployer Branding Workshop, building Talent Relationships
Employer Branding Workshop, building Talent Relationships
 
Kolloqium Bachelorarbeit V1
Kolloqium Bachelorarbeit V1Kolloqium Bachelorarbeit V1
Kolloqium Bachelorarbeit V1
 
Employer Branding & Recruiting heute
Employer Branding & Recruiting heuteEmployer Branding & Recruiting heute
Employer Branding & Recruiting heute
 
Bachelor\'s Thesis Presentation
Bachelor\'s Thesis PresentationBachelor\'s Thesis Presentation
Bachelor\'s Thesis Presentation
 
Employer Branding versus Personalmarketing
Employer Branding versus Personalmarketing   Employer Branding versus Personalmarketing
Employer Branding versus Personalmarketing
 
Bachelor-Verteidigung
Bachelor-VerteidigungBachelor-Verteidigung
Bachelor-Verteidigung
 

Semelhante a Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)

Creasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform AppsCreasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform AppsCreasoft AG
 
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstelleniOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellenMichael Kühnel
 
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT Group
 
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...Christian Sauter
 
Cross Plattform Entwicklung für Mobile Anwendungen
Cross Plattform Entwicklung für Mobile AnwendungenCross Plattform Entwicklung für Mobile Anwendungen
Cross Plattform Entwicklung für Mobile AnwendungenMarkus Eiglsperger
 
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
 
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...Klaus Rüggenmann
 
Beschleunigen Sie Ihre Web-Entwicklung mit AngularJS Framework
Beschleunigen Sie Ihre Web-Entwicklung mit AngularJS FrameworkBeschleunigen Sie Ihre Web-Entwicklung mit AngularJS Framework
Beschleunigen Sie Ihre Web-Entwicklung mit AngularJS FrameworkDieter Ziegler
 
Mobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesMobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesAdrian Oggenfuss
 
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
 
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...Marc Müller
 
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Bokowsky + Laymann GmbH
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX GmbH
 
Progressive Web Apps and TYPO3
Progressive Web Apps and TYPO3Progressive Web Apps and TYPO3
Progressive Web Apps and TYPO3flossels
 
jQuery Mobile 1.3 - Das Kompendium mit 200 Seiten
jQuery Mobile 1.3 - Das Kompendium mit 200 SeitenjQuery Mobile 1.3 - Das Kompendium mit 200 Seiten
jQuery Mobile 1.3 - Das Kompendium mit 200 Seitendie.agilen GmbH
 
We4IT Flyer - aveedo
We4IT Flyer - aveedoWe4IT Flyer - aveedo
We4IT Flyer - aveedoWe4IT Group
 
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...Gregor Biswanger
 

Semelhante a Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium) (20)

Creasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform AppsCreasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform Apps
 
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstelleniOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
 
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
 
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...
 
Cross Plattform Entwicklung für Mobile Anwendungen
Cross Plattform Entwicklung für Mobile AnwendungenCross Plattform Entwicklung für Mobile Anwendungen
Cross Plattform Entwicklung für Mobile Anwendungen
 
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
 
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
 
Zinit.leistungen.webentwicklung.v1.0.de
Zinit.leistungen.webentwicklung.v1.0.deZinit.leistungen.webentwicklung.v1.0.de
Zinit.leistungen.webentwicklung.v1.0.de
 
Beschleunigen Sie Ihre Web-Entwicklung mit AngularJS Framework
Beschleunigen Sie Ihre Web-Entwicklung mit AngularJS FrameworkBeschleunigen Sie Ihre Web-Entwicklung mit AngularJS Framework
Beschleunigen Sie Ihre Web-Entwicklung mit AngularJS Framework
 
Mobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesMobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & Websites
 
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
 
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...
 
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
 
App Entwicklung Kosten
App Entwicklung KostenApp Entwicklung Kosten
App Entwicklung Kosten
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
 
Progressive Web Apps and TYPO3
Progressive Web Apps and TYPO3Progressive Web Apps and TYPO3
Progressive Web Apps and TYPO3
 
Cross-platform Web Apps
Cross-platform Web AppsCross-platform Web Apps
Cross-platform Web Apps
 
jQuery Mobile 1.3 - Das Kompendium mit 200 Seiten
jQuery Mobile 1.3 - Das Kompendium mit 200 SeitenjQuery Mobile 1.3 - Das Kompendium mit 200 Seiten
jQuery Mobile 1.3 - Das Kompendium mit 200 Seiten
 
We4IT Flyer - aveedo
We4IT Flyer - aveedoWe4IT Flyer - aveedo
We4IT Flyer - aveedo
 
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
 

Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)

  • 1. Automatisierte Generierung hybrider Apps für Mobile Devices Implementierung eines Workflows mit Web-Technologien und einem Content Management System Bachelor Thesis von Jens Küsters FOM Hochschule Neuss, 5. April 2013
  • 2. Motivation §  Wachsende Bedeutung von Apps auf Mobile Devices als neuer Ausgabekanal für Content §  Entwicklung nativer Apps meist zeit- und kostenintensiv §  Reine Web-Apps nicht sichtbar in Stores und mit schlechteren Monetarisierungsmöglichkeiten §  Ersteller von App-Inhalten sollten mit ihrem gewohnten Tool arbeiten können
  • 3. Ziele §  Überblick über das aktuelle Umfeld im Mobile Computing §  Betrachtung von Hybrid-Apps im Vergleich zu nativen und Web-Apps §  Konzeptionierung eines Workflows zur automatisierten Erstellung von plattformübergreifenden Hybrid-Apps aus einem CMS heraus §  Erstellung eines Prototyps unter Verwendung von Web- Technologien und vorhandener Frameworks sowie eines CMS
  • 4. Grundlagen des Mobile Computings §  Mobile Devices §  Plattformen §  Native Apps §  Web-Apps §  Hybrid-Apps
  • 5. Plattformübergreifende Entwicklung hybrider Apps §  HTML5, CSS3, JavaScript §  Responsive Web Design §  Retina & Co. §  Frameworks
  • 6. Konzeptionierung eines automatisierten Workflows §  Templates §  Workflow im CMS §  Konsolidierungsschicht §  App Building §  Publikation, Vermarktung & Aktualisierung
  • 8. Implementierung eines Prototyps §  App für eine fiktive Technologie-Konferenz §  Zielplattformen: iOS und Android §  Polopoly CMS §  Templates mit jQuery Mobile §  Konsolidierungsschicht mit Java & Grails §  PhoneGap Build
  • 9. Ergebnis §  Funktionsfähige Apps für iOS und Android §  Plattformunabhängiges responsives Design §  Bis auf Signieren und Herunterladen der fertigen Apps alle Schritte aus Polopoly CMS heraus möglich §  Die definierten Ziele wurden erreicht
  • 10.
  • 11.
  • 12. Lessons Learned §  Schwierigkeiten bei der Umsetzung des Crawlers §  Tests auf möglichst vielen Devices wünschenswert §  Debugging ist kompliziert und zeitintensiv §  Langer Weg von Änderungen in die fertigen Apps
  • 13. Fazit §  Ein weitgehend automatisierter Workflow ist möglich §  Verbindung vorhandener Technologien und Frameworks §  Brüche im Workflow sind nicht zu verhindern §  Herausforderungen bei UX und UI §  Prototyp kann als Basis für ein marktfähiges Produkt dienen
  • 14. Vielen Dank für die Aufmerksamkeit!