@phdthesis{Wiedemann, type = {Master Thesis}, author = {Wiedemann, Nico}, title = {Evaluierung neuer HTML5- und JavaScript-Technologien bei der Nutzung in heterogenen Umgebungen}, url = {http://nbn-resolving.de/urn:nbn:de:bsz:ofb1-opus-1262}, pages = {IX, 56}, abstract = {Die 1\&1 Internet AG in Karlsruhe betreibt einen Onlinespeicher, der von Kunden der diversen Tochter- und Schwestergesellschaften haupts{\"a}chlich {\"u}ber ein Browserfrontend bedient wird. Dieses kommuniziert mittels einer definierten JSON-Schnittstelle mit der auf Java basierenden Middleware. Da der Client schon vor einigen Jahren entwickelt wurde, nutzt er noch nicht alle M{\"o}glichkeiten die HTML5 in aktuellen Browsern bietet. Die Beschreibung und Bewertung dieser M{\"o}glichkeiten stellt die Kernaufgabe der Thesis dar. Einer der Schwerpunkt soll dabei auf der Offlinef{\"a}higkeit und intelligenten Benutzung von Caching- \& Sync-Strategien zwischen Onlineanwendung und Offlineclient bestehen. Desweiteren sollen die M{\"o}glichkeiten von aktuellen Browsern ohne Beachtung der R{\"u}ckw{\"a}rtskompatibilit{\"a}t zu {\"a}lteren Browsern genutzt werden. Zu Demonstrationszwecken sollen Beispielanwendungen den Einsatz der neuen Technologien erstellt werden, damit deren praktische Nutzung leichter zu erfassen ist. Das Hauptaugenmerk bei den Beispielanwendungen liegt indes nicht auf der Funktionalit{\"a}t, sondern auf dem Einsatz der jeweiligen Technologie, so dass deren M{\"o}glichkeiten getestet werden k{\"o}nnen. Ebenfalls Teil der Arbeit soll die Erarbeitung von theoretischen Aspekten sowie die Erstellung einer {\"U}bersicht {\"u}ber den aktuellen Stand der Fachliteratur darstellen. Dies soll bei weiterer Nutzung der Ergebnisse die Erarbeitung von erweitertem Fachwissen erleichtern. Basis sollen hier die aktuell Erschienenen Fachb{\"u}cher auf deutsch und englisch sowie - naturgem{\"a}ß nochmals aktueller - die regelm{\"a}ßigen Ver{\"o}ffentlichungen im Internet und in Fachzeitschriften bilden. Die zu besprechenden Themen umfassen die grunds{\"a}tzliche Beschreibung von HTML5 und dem Standardisierungsprozess, die neuen HTML-Element in Bezug auf Formulare, Multimedia-Darstellung, die M{\"o}glichkeiten der Offline-Anwendung (Application Cache, Cache Manifest, DOM Storage), die Drag \& Drop API zur Nutzung beim Dateiupload sowie die File API. M{\"o}gliche Themen f{\"u}r den theoretischen Teil sind g{\"a}ngige Architekturmuster (beispielsweise MVC, MVP, MVVM, PAC), Caching- und Sync-Strategien sowie die Potentiale aktueller Skriptsprachen (ECMAScript 5, Coffeescript, DART).}, language = {de} } @phdthesis{Kunde, type = {Master Thesis}, author = {Kunde, Fabian}, title = {Konzeption und Entwicklung einer Multiplattform-Pr{\"a}sentationsanwendung auf Basis von HTML5 und JavaScript}, url = {http://nbn-resolving.de/urn:nbn:de:bsz:ofb1-opus-1917}, pages = {78}, abstract = {Sp{\"a}testens mit der Markteinf{\"u}hrung des iPhones im Jahr 2007 und mit der Einf{\"u}hrung des Android Betriebssystems im Jahr darauf ist die Bedeutung der mobilen Endger{\"a}te und deren Diversit{\"a}t auf dem Softwaremarkt nicht mehr zu leugnen. Bis heute ist das Marktwachstum bei den mobilen Endger{\"a}ten ungebrochen. Im Jahr 2012 wurden alleine in Deutschland 23 Millionen neue Smartphones verkauft. Somit nutzt inzwischen etwa jeder vierte Bundesb{\"u}rger mobile Software. Dies ist ein hundertprozentiges Wachstum im Vergleich zum Jahr 2010. Mit der Einf{\"u}hrung des ersten iPads (2010) und vieler {\"a}hnlicher Produkte, die meist mit dem Android Betriebssystem betrieben werden, haben sich die M{\"o}glichkeiten und Anforderungen f{\"u}r Softwareentwickler erneut erheblich ver{\"a}ndert und erweitert. Aufgrund der gr{\"o}ßeren Displays und immer besserer Rechenleistungen k{\"o}nnen nun Programme mit komplexen Interfaces, wie sie zuvor nur von Desktoprechnern bekannt waren, auch auf dem mobilen Softwaremarkt Fuß fassen. Bei der Entwicklung einer neuen Anwendung stellt sich immer auch die Frage, auf welchen Endger{\"a}ten sie sp{\"a}ter ausgef{\"u}hrt werden soll. Grunds{\"a}tzlich gibt es derzeit drei M{\"o}glichkeiten Anwendungen f{\"u}r die neuen und mobilen Endger{\"a}te zu entwickeln: des entsprechenden Systems erstellt und verwendet dessen spezielle Schnittstellen. Eine solche App muss folglich f{\"u}r jedes Zielsystem separat entwickelt werden. Um eine plattform{\"u}bergreifende Anwendung zu entwickeln bietet sich derzeit die M{\"o}glichkeit, sogenannte Web-Apps zu implementieren. Hier dient der gemeinsam genutzte WebKit-Webbrowser der verschiedenen Systeme als technische Grundlage. Hierbei k{\"o}nnen die Anwendungen mit Webtechnologien wie HTML5, CSS3 und JavaScript entwickelt werden. Mit JavaScript Frameworks wie jQuery mobile oder Sencha Touch ist es m{\"o}glich,Webanwendungen zu erstellen, die vom Bedienkonzept und ihrer Anmutung kaum von nativen Apps zu unterscheiden sind. Die Entwicklung sogenannter hybrider Apps vereint die M{\"o}glichkeiten der nativen und der webbasierten Apps. Eine Web-App kann dann mit Hilfe eines Frameworks wie z.B. Titanium oder PhoneGap verpackt werden und wird so zu einer hybriden App, die beispielsweise {\"u}ber die Appstores der Hersteller vertrieben werden kann. In dieser Arbeit besch{\"a}ftige ich mich insbesondere mit den M{\"o}glichkeiten der hybriden App-Entwicklung am Beispiel einer Pr{\"a}sentationsanwendung, die ich im Rahmen dieser Arbeit f{\"u}r die visionsbox GmbH aus Offenburg konzipiert und umgesetzt habe. Eine {\"a}hnliche Anwendung auf Basis von Adobe Flash wird bereits seit einiger Zeit von der visionsbox GmbH vertrieben. Meine Aufgabe war es, diese Anwendung auf Basis von Webtechnologien so nachzubilden, dass sie in Zukunft auf m{\"o}glichst vielen Software-Plattformen lauff{\"a}hig ist.}, language = {de} }