


{"id":1312,"date":"2018-03-06T20:14:56","date_gmt":"2018-03-06T19:14:56","guid":{"rendered":"http:\/\/blogs.gm.fh-koeln.de\/bente\/?p=1312"},"modified":"2019-04-12T11:27:49","modified_gmt":"2019-04-12T09:27:49","slug":"ipppba-responsive-web-clients-vs-native-app-design","status":"publish","type":"post","link":"http:\/\/blogs.gm.fh-koeln.de\/bente\/2018\/03\/06\/ipppba-responsive-web-clients-vs-native-app-design\/","title":{"rendered":"BA: Kriterienbasierter Ansatz zur Technologiewahl bei der Entwicklung mobiler Web Clients"},"content":{"rendered":"<h3><strong>Problemstellung<\/strong><\/h3>\n<p class=\"lead\">F\u00fcr die Erstellung mobiler Web Clients stehen unz\u00e4hlige Tools zur Auswahl, bei denen Vor- und Nachteile nicht immer klar erkennbar sind. Es ist nicht immer klar welches Tool sich f\u00fcr welchen Anwendungsfall eignet, so erfolgt bei der Umsetzung die Technologiewahl oft zuf\u00e4llig oder nur bedingt fundiert. Auch lassen sich Gemeinsamkeiten bei verschiedenen Technologien nicht immer erkennen.<\/p>\n<p>In der Praxis kann Dies insbesondere dann zu Problemen f\u00fchren, wenn sich im Nachgang herausstellt, dass es f\u00fcr das umgesetzte Projekt eine passendere Technologiewahl gegeben h\u00e4tte und das Projekt im schlimmsten Fall noch einmal f\u00fcr eine weitere Plattform implementiert werden muss.<\/p>\n<h3><strong>Abgeleitete Forschungsfrage<\/strong><\/h3>\n<ul>\n<li>Welche wesentlichen Unterschiede gibt es bei der Erstellung von mobilen Web Clients zwischen Responsive Web Clients, nativem App Design und Cross Plattform Development?<\/li>\n<li>Lassen sich Anwendungen in Kategorien einteilen, f\u00fcr die eine fundierte Technologieentscheidung getroffen werden kann?<\/li>\n<li>Welches der Konzepte eignet sich f\u00fcr welchen Anwendungsfall besser?<\/li>\n<\/ul>\n<h3><strong>Vorgehen<\/strong><\/h3>\n<p>Um eine Entscheidungshilfe bei der Erstellung eines Web Clients zu leisten sollen wesentliche Unterschiede bei der Entwicklung herausgearbeitet werden. Relevante Konzepte f\u00fcr Mobile Web Clients sind die native App Entwicklung auf der jeweiligen Plattform, die Cross Plattform Entwicklung unter Zuhilfenahme entsprechender Tools sowie die plattformunabh\u00e4ngige Entwicklung von Responsive Web Clients, diese drei Konzepte werden als Forschungsgegenstand genommen.<\/p>\n<p>Es sollen Unterschiede und Gemeinsamkeiten herausgestellt werden. Dies geschieht durch Recherche \u00fcber die jeweiligen Konzepte in Literatur und einschl\u00e4gigen Internetforen.<\/p>\n<p>Im Anschluss werden durch Recherche in den App Stores verschiedener Anbieter, Entwicklerforen und Literatur mobile Applikationen in Kategorien eingeteilt basierend auf den Anforderungen, die sie an das jeweilige Ger\u00e4t stellen und ihrer Funktionsweise. Relevante Unterscheidungsfragen hierzu k\u00f6nnten sein:<\/p>\n<ul>\n<li>Liest\/schreibt der Client aus\/in den Speicher?<\/li>\n<li>Ben\u00f6tigt der Client Zugriff auf weitere Apps?<\/li>\n<li>Ben\u00f6tigt der Client Zugriff auf Ger\u00e4tefunktionen (Kamera, Mikrofon etc.)<\/li>\n<\/ul>\n<p>Erkenntnisse \u00fcber die Vor- und Nachteile der verschiedenen Konzepte werden durch Implementierung erzielt. F\u00fcr die verschiedenen Anwendungskategorien wird jeweils ein Prototyp definiert, diese prototypischen Anwendungen werden dann je einmal in einem Cross Plattform Development Tool, einem nativem App Development Tool und als Responsive Web Client implementiert. So kann f\u00fcr die verschiedenen Anwendungsf\u00e4lle das passendste Konzept ermittelt werden. Bewertet wird hierbei nach Entwicklungsaufwand und genereller Umsetzbarkeit.<\/p>\n<p>Abschlie\u00dfend werden alle Ergebnisse zusammengefasst so dass eine m\u00f6gliche Empfehlung f\u00fcr ein Konzept je Anwendungsfall ausgesprochen werden kann.<\/p>\n<h3>Bearbeitung durch<\/h3>\n<p>Merlin Bodis<\/p>\n<h3>Abschluss<\/h3>\n<p>Mai 2019<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bei der Implementierung von Clients ist ein Mobile Client heutzutage in der Regel gesetzt. Allerdings steht man immer vor der Entscheidung, ob es eine native App sein muss, oder ob auch ein Responsive Web Client gen\u00fcgt. Bestimmte Anwendungen funktionieren nur mit nativen Apps, beispielsweise gewisse Zugriffe auf Systemfunktionen. Allerdings handelt man sich unter Umst\u00e4nden einen signifikanten Entwicklungs- und Wartungsaufwand ein. Eine Responsive Web App ist einfacher zu realisieren, bietet aber nicht ganz den gleichen Standard in Punkto User Experience und Funktionsumfang.\u00a0In dieser Arbeit sollen Technologien und Designpatterns f\u00fcr Mobile Clients verglichen werden, um zu einer m\u00f6glichst allgemeinen Aussage bez\u00fcglich der obigen Problemstellung zu kommen. Idealerweise kann im Sinne einer Methodik ein Satz von &#8222;wenn &#8211; dann&#8220; Regeln formuliert werden, gepaart mit Technologieempfehlungen.\u00a0<\/p>\n","protected":false},"author":39,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[26413],"tags":[27555,21847,50747,6843,50711,50748,21839,9947,9935],"class_list":["post-1312","post","type-post","status-publish","format-standard","hentry","category-abgeschlossene-arbeit","tag-cross-plattform-entwicklung","tag-evaluierung","tag-hybrid-app","tag-mobile","tag-native-app","tag-progressive-web-app","tag-proof-of-concept","tag-ui","tag-webtechnologie"],"acf":[],"_links":{"self":[{"href":"http:\/\/blogs.gm.fh-koeln.de\/bente\/wp-json\/wp\/v2\/posts\/1312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blogs.gm.fh-koeln.de\/bente\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blogs.gm.fh-koeln.de\/bente\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blogs.gm.fh-koeln.de\/bente\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"http:\/\/blogs.gm.fh-koeln.de\/bente\/wp-json\/wp\/v2\/comments?post=1312"}],"version-history":[{"count":5,"href":"http:\/\/blogs.gm.fh-koeln.de\/bente\/wp-json\/wp\/v2\/posts\/1312\/revisions"}],"predecessor-version":[{"id":1730,"href":"http:\/\/blogs.gm.fh-koeln.de\/bente\/wp-json\/wp\/v2\/posts\/1312\/revisions\/1730"}],"wp:attachment":[{"href":"http:\/\/blogs.gm.fh-koeln.de\/bente\/wp-json\/wp\/v2\/media?parent=1312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blogs.gm.fh-koeln.de\/bente\/wp-json\/wp\/v2\/categories?post=1312"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blogs.gm.fh-koeln.de\/bente\/wp-json\/wp\/v2\/tags?post=1312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}