{"id":24,"type":"Standard","slug":"\/leistungen\/web-applikationen","media":[],"seo":{"title":"Web-Applikationen & PWAs aus Hamburg","meta":[{"name":"description","content":"Progressive Web-Apps aus dem Labor. PWAs von erfahrenen Entwicklern. Mit Liebe und Know How. Direkt aus dem Herzen von Hamburg."},{"name":"generator","content":"TYPO3 CMS x T3Headless"},{"property":"og:title","content":"Labor f\u00fcr digitale Angelegenheiten"},{"property":"og:description","content":"Progressive Web-Apps aus dem Labor. PWAs von erfahrenen Entwicklern. Mit Liebe und Know How. Direkt aus dem Herzen von Hamburg."},{"name":"twitter:title","content":"Labor f\u00fcr digitale Angelegenheiten"},{"name":"twitter:description","content":"Progressive Web-Apps aus dem Labor. PWAs von erfahrenen Entwicklern. Mit Liebe und Know How. Direkt aus dem Herzen von Hamburg."},{"name":"twitter:card","content":"summary"}],"link":[{"href":"https:\/\/backend.lfda.de\/leistungen\/web-applikationen","rel":"canonical"}],"htmlAttrs":{"lang":"en","dir":null},"bodyAttrs":{"class":"pid-24 layout-layout-0"}},"meta":{"title":"Web-Applikationen & PWAs aus Hamburg","subtitle":"","abstract":"Progressive Web-Apps aus dem Labor. PWAs von erfahrenen Entwicklern. Mit Liebe und Know How. Direkt aus dem Herzen von Hamburg.","description":"Progressive Web-Apps aus dem Labor. PWAs von erfahrenen Entwicklern. Mit Liebe und Know How. Direkt aus dem Herzen von Hamburg.","keywords":"","canonical":"","robots":{"noIndex":false,"noFollow":false},"author":"","authorEmail":"","ogTitle":"Labor f\u00fcr digitale Angelegenheiten","ogDescription":"Progressive Web-Apps aus dem Labor. PWAs von erfahrenen Entwicklern. Mit Liebe und Know How. Direkt aus dem Herzen von Hamburg.","ogImage":null,"twitterTitle":"Labor f\u00fcr digitale Angelegenheiten","twitterDescription":"Progressive Web-Apps aus dem Labor. PWAs von erfahrenen Entwicklern. Mit Liebe und Know How. Direkt aus dem Herzen von Hamburg.","twitterCard":"","twitterImage":null},"categories":"","breadcrumbs":[{"title":"Home","link":"\/","target":"","active":1,"current":0,"spacer":0,"hasSubpages":1},{"title":"Leistungen","link":"\/leistungen","target":"","active":1,"current":0,"spacer":0,"hasSubpages":1},{"title":"Web-Applikationen","link":"\/leistungen\/web-applikationen","target":"","active":1,"current":1,"spacer":0,"hasSubpages":0}],"appearance":{"layout":"layout-0","backendLayout":"default"},"content":{"colPos0":[{"id":44,"type":"text","colPos":0,"categories":"","appearance":{"layout":"101","frameClass":"default","spaceBefore":"","spaceAfter":""},"content":{"header":"Die Vorteile von Web-Apps im \u00dcberblick","subheader":"","headerLayout":0,"headerPosition":"","headerLink":"","bodytext":"<ul class=\"list-arrow\"> \t&lt;li class=\"western\"&gt;offline-Funktionen, Funktion auch ohne Internetzugang oder bei langsamem Internetzugang&lt;\/li&gt; \t&lt;li class=\"western\"&gt;geringe Ladezeiten, hohe Geschwindigkeit&lt;\/li&gt; \t&lt;li class=\"western\"&gt;Zugriff auf Standort, Kamera oder Mikrofon des Endger\u00e4ts&lt;\/li&gt; \t&lt;li class=\"western\"&gt;Pushfunktionen m\u00f6glich&lt;\/li&gt; \t&lt;li class=\"western\"&gt;verbessertes User Interface im Vergleich zu Standard-Internetseiten&lt;\/li&gt; \t&lt;li class=\"western\"&gt;M\u00f6glichkeit des schnellen Datenzugriffs auf Informationssysteme&lt;\/li&gt; \t&lt;li class=\"western\"&gt;Kombinierbarkeit mit klassischen Internetseiten&lt;\/li&gt; \t&lt;li class=\"western\"&gt;responsive f\u00fcr mobile Endger\u00e4te und Desktop-Computer&lt;\/li&gt; \t&lt;li class=\"western\"&gt;Plattform-\u00fcbergreifend f\u00fcr iOS, Android, Windows, macOS und Linux&lt;\/li&gt; \t&lt;li class=\"western\"&gt;hohe Kostenersparnis \u2013 einmal entwickeln, alle Plattformen und Endsysteme erreichen&lt;\/li&gt; \t&lt;li class=\"western\"&gt;kein aktives Update durch die Nutzer erforderlich&lt;\/li&gt; <\/ul>"}},{"id":45,"type":"text","colPos":0,"categories":"","appearance":{"layout":"100","frameClass":"default","spaceBefore":"","spaceAfter":""},"content":{"header":"Wo und wie kann eine Web-App eingesetzt werden?","subheader":"","headerLayout":0,"headerPosition":"","headerLink":"","bodytext":"<p>Web-Apps k\u00f6nnen in vielf\u00e4ltiger Weise eingesetzt werden. Sie bieten Vorteile, die sie f\u00fcr unterschiedlichste Einsatzgebiete pr\u00e4destinieren.<\/p>\n<p><strong>Vorteil des Downloads:<\/strong><\/p>\n<ul class=\"list-arrow\"> \t&lt;li&gt;Messeinformationssysteme, Musikfestivals (Terminorganisation), Kongresse&lt;br \/&gt; \tAn diesen Orten gibt es nicht immer eine ausreichende Internetverbindung. Eine App-Entwicklung f\u00fcr mehrere Betriebssysteme w\u00e4re h\u00e4ufig unwirtschaftlich. Benutzer sind nicht unbedingt geneigt, eine \"normale\" App f\u00fcr eine tempor\u00e4re Anwendung zu installieren. Durch die Installation&nbsp;der Web-App entsteht bei der Nutzung nur ein geringer Datenverkehr.&lt;\/li&gt; <\/ul>\n<p><strong>Vorteil der Funktionalit\u00e4t: Verbesserte Datenanbindung \/ Datenschutz oder Push-Mitteilungen<\/strong><\/p>\n<ul class=\"list-arrow\"> \t&lt;li&gt;Mitarbeiterinformationssysteme auf mobilen Ger\u00e4ten&nbsp;oder Desktop, interne Informationssysteme, Au\u00dfendienst-Support bzw. Extranets&lt;br \/&gt; \t\u00dcberall dort, wo Mitarbeiter auf ein internes Informationssystem zugreifen, sehen wir Web-Apps als Vorteil. Vor allem durch die M\u00f6glichkeit von Push-Mitteilungen ergibt sich ein Vorteil zu klassischen Intranets.&lt;\/li&gt; \t&lt;li&gt;Bedienung von Ger\u00e4ten, Home-Automation, Maschinenbedienung, Information&lt;br \/&gt; \tWenn Menschen auf Maschinen treffen, entsteht ein (Daten)-Informationsfluss oder Interaktion. Web-Apps k\u00f6nnten einfache Lichtschalter sein \u2013 oder ein Home-Steuerungssystem. Sie k\u00f6nnen aber auch \u00c4rzten in Krankenh\u00e4usern Patienteninformationen auf einen Tablet-Computer liefern. Die M\u00f6glichkeiten sind unbegrenzt.&lt;\/li&gt; \t&lt;li&gt;Shopsysteme&lt;br \/&gt; \tAuch bei Shopsystemen werden sich in Zukunft Oberfl\u00e4chen durchsetzen, die mit Web-Apps realisiert sind. Internetshops bed\u00fcrfen einer oft komplexen Bedienung mit Kundenkonten, Suchfiltern, Wunschlisten und vielem mehr. Kunden werden in der Zukunft nicht bereit sein, f\u00fcr jeden Shop eine eigene native App zu installieren. Hier bieten Web-Apps die L\u00f6sung.&lt;\/li&gt; <\/ul>\n<p><strong>Vorteil Performance, Kombinierbarkeit mit klassischen Internetseiten<\/strong><\/p>\n<ul class=\"list-arrow\"> \t&lt;li&gt;Einbindung von sehr schnell funktionierenden Datenbankabfragesystemen oder Formularen in klassische Internetseiten&lt;br \/&gt; \tHier kann mit einer Web-App eine viel schnellere Performance realisiert werden. Beispiele der Anwendung sind \u00f6ffentliche Informationssysteme, Formulardatenbanken oder auch Leistungsverzeichnisse.&lt;\/li&gt; <\/ul>"}},{"id":46,"type":"textpic","colPos":0,"categories":"","appearance":{"layout":"103","frameClass":"default","spaceBefore":"","spaceAfter":""},"content":{"header":"Zusammengefasst","subheader":"","headerLayout":0,"headerPosition":"","headerLink":"","enlargeImageOnClick":false,"bodytext":"<p>Web-Apps sind geeignet, Ihr Projekt oder Ihre Kundenkommunikation auf ideale Weise digital zu st\u00fctzen. Erweitern Sie Ihre Produkte oder Dienstleistungen im Internet durch eine Web-App. Nutzen Sie Vorteile der Kundenbindung oder machen Sie Ihre Mitarbeiterkommunikation oder den Arbeitsalltag mit einer Web-App angenehmer und wirtschaftlicher. Web Applikationen sind die Internetanwendungen der Zukunft.<\/p>","gallery":{"position":{"horizontal":"right","vertical":"intext","noWrap":true},"width":700,"count":{"files":1,"columns":1,"rows":1},"columnSpacing":10,"border":{"enabled":false,"width":2,"padding":0},"rows":{"1":{"columns":{"1":{"publicUrl":"https:\/\/backend.lfda.de\/fileadmin\/_processed_\/6\/f\/csm_miniaturwunderland-ticketbuchung-mac_24ebc49446.webp","properties":{"title":"LfdA: Miniaturwunderland Ticketbuchung","alternative":"LfdA: Miniaturwunderland Ticketbuchung","description":"Web-App f\u00fcr die Ticketbuchung: Miniatur Wunderland Hamburg.","link":null,"linkData":null,"mimeType":"image\/webp","type":"image","filename":"csm_miniaturwunderland-ticketbuchung-mac_24ebc49446.webp","originalUrl":"\/fileadmin\/user_upload\/Referenzen\/miniaturwunderland-ticketbuchung-mac.jpg","uidLocal":30,"fileReferenceUid":101,"size":"22 KB","dimensions":{"width":700,"height":393},"cropDimensions":{"width":700,"height":393},"crop":{"default":{"cropArea":{"x":0,"y":0,"width":1,"height":1},"selectedRatio":"NaN","focusArea":null}},"autoplay":null,"extension":"webp"}}}}}}}},{"id":47,"type":"text","colPos":0,"categories":"","appearance":{"layout":"102","frameClass":"default","spaceBefore":"","spaceAfter":""},"content":{"header":"Web-Apps: Unsere Leistungen","subheader":"","headerLayout":0,"headerPosition":"","headerLink":"","bodytext":"<ul class=\"list-arrow\"> \t&lt;li&gt;Zuh\u00f6ren&lt;\/li&gt; \t&lt;li&gt;Strategie, Anforderungen, Funktion&lt;\/li&gt; \t&lt;li&gt;Konzeption&lt;\/li&gt; \t&lt;li&gt;Pflichtenheft oder ausf\u00fchrliches Angebot&lt;\/li&gt; \t&lt;li&gt;User Interface und User Experience Design (UI und UX)&lt;\/li&gt; \t&lt;li&gt;Programmierung&lt;\/li&gt; \t&lt;li&gt;Projektmanagement&lt;\/li&gt; \t&lt;li&gt;umfangreiches Testen&lt;\/li&gt; \t&lt;li&gt;Schulung&lt;\/li&gt; \t&lt;li&gt;Betreuung&lt;\/li&gt; <\/ul>\n<p><a href=\"mailto:post@lfda.de\" class=\"link-button\" title=\"E-Mail\">Ich bin interessiert und m\u00f6chte mehr Informationen<\/a><\/p>"}},{"id":48,"type":"text","colPos":0,"categories":"","appearance":{"layout":"103","frameClass":"default","spaceBefore":"","spaceAfter":""},"content":{"header":"Wie wir Web-Apps umsetzen","subheader":"","headerLayout":0,"headerPosition":"","headerLink":"","bodytext":"<p>Web-Apps sind vorwiegend Client-Side-Rendering-Applikationen, die mit JavaScript realisiert werden. Dabei nutzt LfdA das Vue.js-Framework. Die Daten werden mittels einer API zwischen dem Front- und Backend ausgetauscht. Die Programmierung im Backend erfolgt bei uns mit der Programmiersprache Python und dem Django-Framework. Alles zusammen garantiert beste Performance und erm\u00f6glicht hochindividuelle, ma\u00dfgeschneiderte Anwendungen.<\/p>"}}],"colPos10":[{"id":43,"type":"text","colPos":10,"categories":"","appearance":{"layout":"100","frameClass":"default","spaceBefore":"","spaceAfter":""},"content":{"header":"App war gestern \u2013 heute ist Web-App","subheader":"","headerLayout":0,"headerPosition":"","headerLink":"","bodytext":"<ul class=\"list-arrow\"> \t&lt;li&gt;Keine Installation erforderlich&lt;\/li&gt; \t&lt;li&gt;Volle Funktionalit\u00e4t einer App&lt;\/li&gt; \t&lt;li&gt;Intelligente User Interfaces&lt;\/li&gt; \t&lt;li&gt;Mobil und am Arbeitsplatz&lt;\/li&gt; \t&lt;li&gt;plattform\u00fcbergreifend&lt;\/li&gt; <\/ul>\n<p><strong>Das sind Progessive Web-Apps oder auch kurz PWA.<\/strong><\/p>\n<p>Web-Apps sind Programme, die direkt im Internetbrowser auf dem Endger\u00e4t ausgef\u00fchrt werden. Sie werden nur einmal geladen. Danach stehen sie dem Benutzer auch offline zur Verf\u00fcgung. Lediglich Daten oder neue Versionen der Applikation werden nachgeladen. Neben der daraus resultierenden schnellen Performance bieten PWAs&nbsp;alle Funktionen, die auch mit einer normalen App realisierbar sind.<\/p>"}}]},"i18n":[{"languageId":0,"locale":"en_DE","title":"Deutsch","navigationTitle":"Deutsch","twoLetterIsoCode":"en","hreflang":"en-DE","direction":"ltr","flag":"flags-de","link":"\/leistungen\/web-applikationen","active":1,"current":0,"available":1}]}