{"id":31897,"date":"2019-01-15T15:59:57","date_gmt":"2019-01-15T14:59:57","guid":{"rendered":"https:\/\/2023.oneclick-cloud.com\/blog\/unkategorisiert\/webapplikationen-und-webanwendungen\/"},"modified":"2023-08-25T12:21:15","modified_gmt":"2023-08-25T10:21:15","slug":"webapplikationen-webanwendungen","status":"publish","type":"post","link":"https:\/\/one2.sem-webagentur.de\/de\/blog\/trends\/webapplikationen-webanwendungen\/","title":{"rendered":"Webapplikationen und Webanwendungen"},"content":{"rendered":"

In den vergangenen zwei Dekaden hat sich das Internet von einem Informationsmedium zu einem Kommunikationskanal und Arbeitsmedium entwickelt. Anwendungsprogramme, die bis vor wenigen Jahren haupts\u00e4chlich auf dem jeweiligen Computer des Benutzers lokal installiert wurden, werden in zunehmendem Ma\u00dfe als Webanwendungen, sind auch Webapplikationen genannt, konzipiert und in Form von cloudbasierten Software-as-a-Service-L\u00f6sungen (SaaS)<\/a> angeboten.<\/p>\n

Was sind Webapplikationen?<\/h2>\n

Eine Webapplikation ist ein Softwareprogramm, das auf einem Webserver ausgef\u00fchrt wird. Im Gegensatz zu herk\u00f6mmlichen Desktop-Anwendungen, die lokal auf einem Computer installiert und genutzt werden, muss auf Webanwendungen \u00fcber einen Webbrowser zugegriffen werden. Die meisten Webapplikationen, kurz Web-Apps bezeichnet, basieren auf der Client-Server-Architektur.<\/p>\n

Webanwendungen k\u00f6nnen dieselbe Funktionalit\u00e4t wie eine lokal installierte Software bereitstellen. Dokumente und Daten werden in der Cloud gespeichert und auf den lokalen Rechner heruntergeladen. G Suite (fr\u00fcher Google Apps) und Microsoft Office 365 sind Beispiele f\u00fcr die neueste Generation von Webapplikationen. Mobile Anwendungen, die eine Verbindung zum Internet herstellen, zum Beispiel die Facebook- und Dropbox-App oder eine Online-Banking-App, sind Beispiele daf\u00fcr, wie Webanwendungen f\u00fcr die zunehmende Nutzung des mobilen Webs konzipiert werden.<\/p>\n

Im Bereich des Mobile Computing<\/a> werden Webapplikationen manchmal nativen Apps gegen\u00fcbergestellt. Bei native Apps handelt es sich um Anwendungen, die speziell f\u00fcr eine bestimmte Plattform oder ein bestimmtes Ger\u00e4t entwickelt und auf diesem Ger\u00e4t installiert werden. Beide schlie\u00dfen sich jedoch nicht gegenseitig aus, da viele Anwendungen Elemente von nativen und Web-Apps enthalten. Programme, die beide Ans\u00e4tze kombinieren, werden als Hybridanwendungen bezeichnet.<\/p>\n

Eine relativ junge Entwicklung unter den Webapplikationen sind die sogenannten Progressive Web Apps, abgek\u00fcrzt PWA. Hierbei handelt es sich um Webanwendungen, die dem Benutzer die gleichen Funktionen wie native Apps bieten, aber wie normale Webseiten geladen und unter der gleichen URL wie die dazugeh\u00f6rige Webseite gehostet werden. Ein gro\u00dfer Vorteil der PWAs ist, dass sie im Gegensatz zu nativen Apps auf allen Plattformen und mit allen Browsern genutzt werden k\u00f6nnen und nicht auf den Endger\u00e4ten installiert werden m\u00fcssen.<\/p>\n

\"Definition<\/p>\n

Die Struktur von Web-Apps<\/h2>\n

Softwareanwendungen werden normalerweise in logische Bl\u00f6cke unterteilt, die als „Schichten“ bezeichnet werden. Jede dieser Schichten \u00fcbernimmt eine bestimmte Funktion. Herk\u00f6mmliche Anwendungsprogramme bestehen nur aus einer Schicht, die sie sich auf dem Computer des Nutzers befindet. Webanwendungen sind in der Regel als ein n-Schicht-Ansatz strukturiert. Obwohl viele Variationen m\u00f6glich sind, ist eine dreischichtige Anwendung die am h\u00e4ufigsten genutzte Struktur. In der gebr\u00e4uchlichsten Form werden die drei Schichten als Pr\u00e4sentationsschicht, Anwendungsschicht und Speicherschicht bezeichnet. Ein Webbrowser ist in dieser Struktur die erste Ebene, die Pr\u00e4sentationsschicht. Ein Webserver ist die mittlere Schicht und eine Datenbank ist die dritte Schicht.<\/p>\n

Bei komplexeren Webapplikationen kann eine dreistufige L\u00f6sung gegebenenfalls nicht ausreichen. In diesen F\u00e4llen wird ein mehr als 3-schichtiger Ansatz verwendet. Hierbei kann beispielsweise eine zus\u00e4tzliche Integrationsschicht hinzugef\u00fcgt werden, die die Datenschicht von den \u00fcbrigen Ebenen trennt. Die Integrationsschicht dient als benutzerfreundliche Schnittstelle f\u00fcr den Zugriff auf die Daten, anstatt eine SQL-Abfrage direkt an der Client-Tabelle in der Datenbank durchzuf\u00fchren. Dadurch kann die zugrundeliegende Datenbank ersetzt werden, ohne die anderen Ebenen zu \u00e4ndern.<\/p>\n

Der Anwendungsablauf bei Webapplikationen<\/h2>\n

Der Benutzer l\u00f6st \u00fcber das Internet eine Anforderung an den Webserver aus, entweder \u00fcber einen Webbrowser oder \u00fcber die Benutzeroberfl\u00e4che der Anwendung. Der Webserver leitet diese Anfrage an den entsprechenden Webanwendungsserver weiter, der die angeforderte Aufgabe ausf\u00fchrt. Zum Beispiel die Abfrage einer Datenbank oder die Verarbeitung der Daten und generiert dann die Ergebnisse. Der Webanwendungsserver sendet die Ergebnisse mit den angeforderten Informationen oder verarbeiteten Daten an den Webserver zur\u00fcck, der dem Client wiederum mit den angeforderten Informationen antwortet, die auf dem Display des Benutzers angezeigt werden.<\/p>\n

Was ist der Unterschied zwischen Webseiten und Webapplikationen?<\/h2>\n

Der Begriff Webseite wird verwendet, um eine statische Internetressource zu beschreiben, die keine oder sehr wenig Interaktionen mit einem Benutzer bietet. Eine herk\u00f6mmliche Webseite soll die Nutzer informieren. Sie k\u00f6nnen also auf der Webseite prim\u00e4r Informationen anzeigen oder lesen. Die besten Beispiele f\u00fcr Webseiten sind Blogs, Nachrichten und Wetterseiten. Benutzer k\u00f6nnen den Abschnitt eines Artikels oder Beitrags ausw\u00e4hlen. Dieser kann auch eine Schaltfl\u00e4che zum Abonnieren enthalten, jedoch keine weiteren Interaktionsm\u00f6glichkeiten.<\/p>\n

Im Gegensatz dazu bieten Webanwendungen mehr Benutzerinteraktionen. Der Nutzer einer webanwendung kann Daten auf der Webseite eingeben, \u00e4ndern und bearbeiten. Webapplikationen senden h\u00e4ufig Anforderungen an einen Webserver, um eine Benutzereingabe zu erfassen, zu verarbeiten und zu beantworten.<\/p>\n

\"Die<\/p>\n

Die Vorteile von Webanwendungen<\/h2>\n

Webapplikationen haben gegen\u00fcber Desktop-Anwendungen mehrere Vorteile. Da sie in Webbrowsern ausgef\u00fchrt werden, m\u00fcssen Entwickler keine Web-Apps f\u00fcr mehrere Plattformen entwickeln. Eine einzelne Anwendung, die in Chrome ausgef\u00fchrt wird, funktioniert beispielsweise sowohl unter Windows als auch unter OS X oder Mozilla Firefox. Entwickler m\u00fcssen keine Softwareupdates an Benutzer verteilen, wenn die Webanwendung aktualisiert wird. Durch die Aktualisierung der Anwendung auf dem Server haben alle Benutzer Zugriff auf die aktualisierte Version.<\/p>\n

Aus Anwendersicht kann eine Web-App eine konsistentere Benutzeroberfl\u00e4che auf mehreren Plattformen bereitstellen, da das Erscheinungsbild vom Browser und nicht vom Betriebssystem abh\u00e4ngt. Dar\u00fcber hinaus werden die Daten, die Nutzer in eine Web-App eingeben, remote verarbeitet und gespeichert. Auf diese Weise k\u00f6nnen Nutzer von mehreren Ger\u00e4ten auf dieselben Daten zugreifen, anstatt Dateien zwischen Computersystemen zu \u00fcbertragen.<\/p>\n

Die Nachteile von Webapplikationen<\/h2>\n

Webanwendungen haben gegen\u00fcber Desktopanwendungen auch Nachteile. Da sie nicht direkt vom Betriebssystem ausgef\u00fchrt werden, haben sie nur eingeschr\u00e4nkten Zugriff auf Systemressourcen wie CPU, Arbeitsspeicher und Dateisystem. Daher sind High-End-Programme wie Software zur Videobearbeitung und andere Medienanwendungen im Allgemeinen als Desktopanwendungen leistungsf\u00e4higer. Web-Apps sind auch vollst\u00e4ndig vom Webbrowser abh\u00e4ngig. Wenn der Browser beispielsweise abst\u00fcrzt, k\u00f6nnen nicht gespeicherte Arbeitsfortschritte verloren gehen. Browser-Updates k\u00f6nnen au\u00dferdem zu Inkompatibilit\u00e4ten mit Web-Apps f\u00fchren und unerwartete Probleme verursachen.<\/p>\n

Die Nutzervorlieben sind so individuell wie die Nutzer selbst. Manche Menschen bevorzugen Desktop-Apps, andere bevorzugen Webanwendungen. Daher bieten viele Software-Unternehmen mittlerweile Desktop- und Web-Versionen ihrer beliebtesten Programme an, wie z.B. Microsoft Office. In den meisten F\u00e4llen sind Dateien, die in der Online-Version gespeichert sind, mit der Desktop-Version kompatibel und umgekehrt. Nutzer m\u00fcssen daher keine Nachteile bef\u00fcrchten, wenn sie sich zwischen beiden Anwendungen bewegen.<\/p>\n

 <\/p>\n

 <\/p>\n

Bildquellen:<\/em><\/p>\n

    \n
  • Bild 1: \u00a9 Geralt | pixabay.com<\/li>\n
  • Bild 2: \u00a9 krzysztof | pixabay.com<\/li>\n
  • Bild 3: \u00a9 Geralt | pixabay.com<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

    SaaS-L\u00f6sungen in Form von Webanwendungen \u2713 Definition \u2713 technischer Aufbau \u2713 Anwendungsablauf \u2713 Abgrenzungen \u25ba Jetzt weiterlesen!<\/p>\n","protected":false},"author":3,"featured_media":30103,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[55],"tags":[79],"class_list":["post-31897","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","tag-cloud-computing-de"],"acf":[],"_links":{"self":[{"href":"https:\/\/one2.sem-webagentur.de\/de\/wp-json\/wp\/v2\/posts\/31897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/one2.sem-webagentur.de\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/one2.sem-webagentur.de\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/one2.sem-webagentur.de\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/one2.sem-webagentur.de\/de\/wp-json\/wp\/v2\/comments?post=31897"}],"version-history":[{"count":1,"href":"https:\/\/one2.sem-webagentur.de\/de\/wp-json\/wp\/v2\/posts\/31897\/revisions"}],"predecessor-version":[{"id":31898,"href":"https:\/\/one2.sem-webagentur.de\/de\/wp-json\/wp\/v2\/posts\/31897\/revisions\/31898"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/one2.sem-webagentur.de\/de\/wp-json\/wp\/v2\/media\/30103"}],"wp:attachment":[{"href":"https:\/\/one2.sem-webagentur.de\/de\/wp-json\/wp\/v2\/media?parent=31897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/one2.sem-webagentur.de\/de\/wp-json\/wp\/v2\/categories?post=31897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/one2.sem-webagentur.de\/de\/wp-json\/wp\/v2\/tags?post=31897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}