{"id":69,"date":"2023-01-10T08:23:16","date_gmt":"2023-01-10T07:21:09","guid":{"rendered":"https:\/\/sichtraum.hs-augsburg.de\/2023\/template-projekt-2-2-2-2\/"},"modified":"2023-02-03T16:12:33","modified_gmt":"2023-02-03T15:12:33","slug":"huhu","status":"publish","type":"post","link":"https:\/\/sichtraum.hs-augsburg.de\/2023\/huhu\/","title":{"rendered":"Huhu"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":177,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"class_list":["post-69","post","type-post","status-publish","has-post-thumbnail","hentry","category-work"],"grid":"{\r\n  \"colCount\": 15,\r\n  \"colGutter\": 1,\r\n  \"rowGutters\": [\r\n    5,\r\n    5,\r\n    5,\r\n    5,\r\n    5,\r\n    5,\r\n    5,\r\n    5,\r\n    5,\r\n    5,\r\n    5,\r\n    5,\r\n    5\r\n  ],\r\n  \"frameMargin\": 5,\r\n  \"leftFrameMargin\": 5,\r\n  \"rightFrameMargin\": 5,\r\n  \"topFrameMargin\": 10,\r\n  \"bottomFrameMargin\": 5,\r\n  \"rowAttrs\": [\r\n    {\r\n      \"relid\": 4\r\n    },\r\n    {\r\n      \"relid\": 19\r\n    },\r\n    {\r\n      \"relid\": 8\r\n    },\r\n    {\r\n      \"relid\": 11\r\n    },\r\n    {\r\n      \"relid\": 12\r\n    },\r\n    {\r\n      \"relid\": 14\r\n    },\r\n    {\r\n      \"relid\": 108\r\n    },\r\n    {\r\n      \"relid\": 111\r\n    },\r\n    {\r\n      \"relid\": 113\r\n    },\r\n    {\r\n      \"relid\": 116\r\n    },\r\n    {\r\n      \"relid\": 15\r\n    },\r\n    {\r\n      \"relid\": 198\r\n    },\r\n    {\r\n      \"relid\": 6\r\n    },\r\n    {\r\n      \"relid\": 16\r\n    }\r\n  ],\r\n  \"bgColor\": null,\r\n  \"bgImage\": null,\r\n  \"cont\": [\r\n    {\r\n      \"type\": \"text\",\r\n      \"cont\": \"<h1 class=\\\"_Headline\\\">Huhu\u00a0<\/h1><p class=\\\"_Subtitle\\\"><span style=\\\"font-size: 24px;\\\">Der barrierearme Messenger\u00a0<\/span><\/p>\",\r\n      \"align\": \"top\",\r\n      \"row\": 0,\r\n      \"col\": 0,\r\n      \"colspan\": 15,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 5,\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"video\",\r\n      \"cont\": \"https:\/\/i.vimeocdn.com\/video\/1602294743-91f1c71c2db519ce537b610e066686a682252192fe3397eb26f55fbd4bf47be1-d_295x166\",\r\n      \"align\": \"top\",\r\n      \"row\": 1,\r\n      \"col\": 0,\r\n      \"colspan\": 15,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 18,\r\n      \"iframe\": \"<iframe src=\\\"\/\/player.vimeo.com\/video\/795503449?api=1&title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff\\\" width=\\\"426\\\" height=\\\"240\\\" frameborder=\\\"0\\\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe>\",\r\n      \"url\": \"https:\/\/vimeo.com\/795503449\",\r\n      \"w\": 426,\r\n      \"h\": 240,\r\n      \"ar\": 0.5633802816901409,\r\n      \"absolute_position\": false,\r\n      \"frameOverflow\": \"\"\r\n    },\r\n    {\r\n      \"type\": \"text\",\r\n      \"cont\": \"<p class=\\\"_Teaser\\\">Unser Projekt entstand im Auftrag der Caritas mit dem Ziel, einen\u00a0Messenger f\u00fcr kognitiv eingeschr\u00e4nkte Menschen\u00a0zu konfigurieren. Im Fokus stand eine m\u00f6glichst\u00a0barrierefreie\u00a0User Experience, um Betroffenen die Teilnahme an der digitalen Welt \u00a0zu erm\u00f6glichen.<\/p><p>\u00a0<\/p>\",\r\n      \"align\": \"top\",\r\n      \"row\": 2,\r\n      \"col\": 0,\r\n      \"colspan\": 7,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 9,\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"text\",\r\n      \"cont\": \"<p>Huhu ist eine Web-Kommunikationsapp, die besonders f\u00fcr Menschen mit kognitiven und\u00a0motorischen Einschr\u00e4nkungen sowie Senioren ausgelegt ist. Dies gelingt durch ein barrierearmes UX-Design basierend<br \/>auf ausgiebiger Recherche und einer technischen Implementierung. Die Anwendung erm\u00f6glicht das Versenden von Text- und Sprachnachrichten sowie Fotos. Zudem sind Telefonie und Videoanrufe\u00a0wichtige Features. Unsere Anwendung passt sich durch eine Konfiguration und umfangreiche Einstellungsoptionen verschiedensten Einschr\u00e4nkungen an und stellt somit unseren USP dar. Unser Ziel ist es Menschen mit Behinderung und<br \/>Senioren die Angst gegen\u00fcber der Nutzung digitaler Kommunikation zu nehmen und diese zu erm\u00f6glichen.<\/p>\",\r\n      \"align\": \"top\",\r\n      \"row\": 2,\r\n      \"col\": 8,\r\n      \"colspan\": 7,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 1,\r\n      \"relid\": 10,\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"carousel\",\r\n      \"cont\": \"\",\r\n      \"align\": \"top\",\r\n      \"row\": 3,\r\n      \"col\": 0,\r\n      \"colspan\": 15,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 119,\r\n      \"carousel_options\": {\r\n        \"random\": false,\r\n        \"autoplay\": false,\r\n        \"showMultipleSlides\": false,\r\n        \"freeScroll\": false,\r\n        \"mousewheelScroll\": false,\r\n        \"size\": \"aspectRatioOfFirstElement\",\r\n        \"slidesWidth\": \"null\",\r\n        \"transition\": \"sliding\",\r\n        \"loop\": \"1\",\r\n        \"spaceBetween\": 0,\r\n        \"captionsUnderSlides\": false,\r\n        \"autoplaySpeed\": 3000,\r\n        \"autoplayDelay\": 0,\r\n        \"transitionSpeed\": 300\r\n      },\r\n      \"carousel\": [\r\n        {\r\n          \"type\": \"img\",\r\n          \"attid\": 329,\r\n          \"cont\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_v2-1.png\",\r\n          \"sizes\": {\r\n            \"full\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_v2-1.png\",\r\n            \"_1280\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_v2-1-1280x720.png\",\r\n            \"_1024\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_v2-1-1024x576.png\",\r\n            \"_768\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_v2-1-768x432.png\",\r\n            \"_512\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_v2-1-512x288.png\",\r\n            \"_265\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_v2-1-265x149.png\"\r\n          },\r\n          \"w\": 1920,\r\n          \"h\": 1080,\r\n          \"ar\": 0.5625,\r\n          \"alt\": \"\"\r\n        },\r\n        {\r\n          \"type\": \"img\",\r\n          \"attid\": 176,\r\n          \"cont\": \"\/wp-content\/uploads\/2023\/01\/kommunikationsauswahl_dark.png\",\r\n          \"sizes\": {\r\n            \"full\": \"\/wp-content\/uploads\/2023\/01\/kommunikationsauswahl_dark.png\",\r\n            \"_1280\": \"\/wp-content\/uploads\/2023\/01\/kommunikationsauswahl_dark-1280x720.png\",\r\n            \"_1024\": \"\/wp-content\/uploads\/2023\/01\/kommunikationsauswahl_dark-1024x576.png\",\r\n            \"_768\": \"\/wp-content\/uploads\/2023\/01\/kommunikationsauswahl_dark-768x432.png\",\r\n            \"_512\": \"\/wp-content\/uploads\/2023\/01\/kommunikationsauswahl_dark-512x288.png\",\r\n            \"_265\": \"\/wp-content\/uploads\/2023\/01\/kommunikationsauswahl_dark-265x149.png\"\r\n          },\r\n          \"w\": 1920,\r\n          \"h\": 1080,\r\n          \"ar\": 0.5625,\r\n          \"alt\": \"\"\r\n        },\r\n        {\r\n          \"type\": \"img\",\r\n          \"attid\": 330,\r\n          \"cont\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_leseschwaeche_v2.png\",\r\n          \"sizes\": {\r\n            \"full\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_leseschwaeche_v2.png\",\r\n            \"_1280\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_leseschwaeche_v2-1280x720.png\",\r\n            \"_1024\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_leseschwaeche_v2-1024x576.png\",\r\n            \"_768\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_leseschwaeche_v2-768x432.png\",\r\n            \"_512\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_leseschwaeche_v2-512x288.png\",\r\n            \"_265\": \"\/wp-content\/uploads\/2023\/01\/Phones_hell_leseschwaeche_v2-265x149.png\"\r\n          },\r\n          \"w\": 1920,\r\n          \"h\": 1080,\r\n          \"ar\": 0.5625,\r\n          \"alt\": \"\"\r\n        }\r\n      ],\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"text\",\r\n      \"cont\": \"<h1 class=\\\"_Headline2\\\" style=\\\"text-align: left;\\\">Design und User Experience\u00a0<\/h1>\",\r\n      \"align\": \"top\",\r\n      \"row\": 4,\r\n      \"col\": 0,\r\n      \"colspan\": 15,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 13,\r\n      \"absolute_position\": false,\r\n      \"frameOverflow\": \"\"\r\n    },\r\n    {\r\n      \"type\": \"img\",\r\n      \"cont\": \"\/wp-content\/uploads\/2023\/01\/DG.jpg\",\r\n      \"align\": \"top\",\r\n      \"row\": 5,\r\n      \"col\": 0,\r\n      \"colspan\": 7,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 106,\r\n      \"attid\": 201,\r\n      \"sizes\": {\r\n        \"full\": \"\/wp-content\/uploads\/2023\/01\/DG.jpg\",\r\n        \"_2560\": \"\/wp-content\/uploads\/2023\/01\/DG-2560x1707.jpg\",\r\n        \"_1920\": \"\/wp-content\/uploads\/2023\/01\/DG-1920x1280.jpg\",\r\n        \"_1280\": \"\/wp-content\/uploads\/2023\/01\/DG-1280x853.jpg\",\r\n        \"_1024\": \"\/wp-content\/uploads\/2023\/01\/DG-1024x683.jpg\",\r\n        \"_768\": \"\/wp-content\/uploads\/2023\/01\/DG-768x512.jpg\",\r\n        \"_512\": \"\/wp-content\/uploads\/2023\/01\/DG-512x341.jpg\",\r\n        \"_265\": \"\/wp-content\/uploads\/2023\/01\/DG-265x177.jpg\"\r\n      },\r\n      \"w\": 3000,\r\n      \"h\": 2000,\r\n      \"ar\": 0.6666666666666666,\r\n      \"alt\": \"\",\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"text\",\r\n      \"cont\": \"<p>Bei unserem Messenger mussten Designentscheidungen getroffen werden, die am besten f\u00fcr die Zielpersonen geeignet sind. Sie basieren sowohl auf den Ergebnissen unserer User Experience Tests, als auch auf den von der Digitalfabrik zur Verf\u00fcgung gestellten Personas. Wichtig war es ein Konzept zu erschaffen, das sich m\u00f6glichst vielen Einschr\u00e4nkungen durch unsere integrierte Konfiguration anpassen l\u00e4sst. Auch der Aufbau sowie die Sprache m\u00fcssen leicht verst\u00e4ndlich sein.<\/p><p>Die klassische Interaktionsbewegung \\\"Scrollen\\\" wurde durch Pfeil-Buttons nach oben und unten ersetzt, um auch motorisch eingeschr\u00e4nkten Personen eine Bedienung zu erm\u00f6glichen. Allgemein musste die Treffsicherheit und Erkennbarkeit (durch 3D Effekte) der Interaktionsschaltfl\u00e4chen durch unser Design sichergestellt werden.<\/p>\",\r\n      \"align\": \"top\",\r\n      \"row\": 5,\r\n      \"col\": 8,\r\n      \"colspan\": 7,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 1,\r\n      \"relid\": 107,\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"img\",\r\n      \"cont\": \"\/wp-content\/uploads\/2023\/01\/HandWS.jpg\",\r\n      \"align\": \"top\",\r\n      \"row\": 6,\r\n      \"col\": 0,\r\n      \"colspan\": 7,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 110,\r\n      \"attid\": 207,\r\n      \"sizes\": {\r\n        \"full\": \"\/wp-content\/uploads\/2023\/01\/HandWS.jpg\",\r\n        \"_4096\": \"\/wp-content\/uploads\/2023\/01\/HandWS-4096x2731.jpg\",\r\n        \"_3840\": \"\/wp-content\/uploads\/2023\/01\/HandWS-3840x2561.jpg\",\r\n        \"_3200\": \"\/wp-content\/uploads\/2023\/01\/HandWS-3200x2134.jpg\",\r\n        \"_2560\": \"\/wp-content\/uploads\/2023\/01\/HandWS-2560x1707.jpg\",\r\n        \"_1920\": \"\/wp-content\/uploads\/2023\/01\/HandWS-1920x1280.jpg\",\r\n        \"_1280\": \"\/wp-content\/uploads\/2023\/01\/HandWS-1280x854.jpg\",\r\n        \"_1024\": \"\/wp-content\/uploads\/2023\/01\/HandWS-1024x683.jpg\",\r\n        \"_768\": \"\/wp-content\/uploads\/2023\/01\/HandWS-768x512.jpg\",\r\n        \"_512\": \"\/wp-content\/uploads\/2023\/01\/HandWS-512x341.jpg\",\r\n        \"_265\": \"\/wp-content\/uploads\/2023\/01\/HandWS-265x177.jpg\"\r\n      },\r\n      \"w\": 4490,\r\n      \"h\": 2994,\r\n      \"ar\": 0.666815144766147,\r\n      \"alt\": \"\",\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"text\",\r\n      \"cont\": \"<p>Die richtige Wahl der Symbole und Schriftgr\u00f6\u00dfe spielt au\u00dferdem eine bedeutende Rolle, damit Menschen mit Seheinschr\u00e4nkungen keine Nachteile versp\u00fcren. Diesbez\u00fcglich wurde auch auf unruhige Darstellungen wie z.B. auf Texte in Bildern verzichtet. Ebenso haben wir lange an unserer Farbpalette und starken Kontrasten gearbeitet, um jeglicher Farbenblindheit entgegen zu wirken.<\/p><p>Der Analphabetismus begleitet in unsere Zielgruppe viele Betroffene, weshalb wir eine weitere Variante programmiert haben, in der wir komplett auf Text verzichten.<\/p>\",\r\n      \"align\": \"top\",\r\n      \"row\": 6,\r\n      \"col\": 8,\r\n      \"colspan\": 7,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 1,\r\n      \"relid\": 109,\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"text\",\r\n      \"cont\": \"<h1 class=\\\"_Headline2\\\" style=\\\"text-align: left;\\\">Umsetzung<\/h1>\",\r\n      \"align\": \"top\",\r\n      \"row\": 7,\r\n      \"col\": 0,\r\n      \"colspan\": 15,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 112,\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"img\",\r\n      \"cont\": \"\/wp-content\/uploads\/2023\/01\/VueJS.png\",\r\n      \"align\": \"top\",\r\n      \"row\": 8,\r\n      \"col\": 0,\r\n      \"colspan\": 7,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 114,\r\n      \"attid\": 161,\r\n      \"sizes\": {\r\n        \"full\": \"\/wp-content\/uploads\/2023\/01\/VueJS.png\",\r\n        \"_1280\": \"\/wp-content\/uploads\/2023\/01\/VueJS-1280x720.png\",\r\n        \"_1024\": \"\/wp-content\/uploads\/2023\/01\/VueJS-1024x576.png\",\r\n        \"_768\": \"\/wp-content\/uploads\/2023\/01\/VueJS-768x432.png\",\r\n        \"_512\": \"\/wp-content\/uploads\/2023\/01\/VueJS-512x288.png\",\r\n        \"_265\": \"\/wp-content\/uploads\/2023\/01\/VueJS-265x149.png\"\r\n      },\r\n      \"w\": 1920,\r\n      \"h\": 1080,\r\n      \"ar\": 0.5625,\r\n      \"alt\": \"\",\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"text\",\r\n      \"cont\": \"<p>Unsere Anwendung soll grunds\u00e4tzlich auf m\u00f6glichst vielen verschiedenen Smartphones oder alternativ auf Tablets laufen k\u00f6nnen.<\/p><p>Durch die individuelle Konfigurationsm\u00f6glichkeit der Web-App war uns vor allem das Thema Modularit\u00e4t sehr wichtig. Deshalb haben wir uns bei der Frontend-Programmierung f\u00fcr das clientseitige JavaScript-Webframework Vue<span>JS entschieden, da es einen bausteinartigen Ansatz bietet, mit dem sich verschiedene Elemente ein-\/ausblenden oder visuell ver\u00e4ndern lassen.<\/span><\/p>\",\r\n      \"align\": \"top\",\r\n      \"row\": 8,\r\n      \"col\": 8,\r\n      \"colspan\": 7,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 1,\r\n      \"relid\": 115,\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"img\",\r\n      \"cont\": \"\/wp-content\/uploads\/2023\/01\/ToolsKommunikation.png\",\r\n      \"align\": \"top\",\r\n      \"row\": 9,\r\n      \"col\": 0,\r\n      \"colspan\": 7,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 196,\r\n      \"attid\": 164,\r\n      \"sizes\": {\r\n        \"full\": \"\/wp-content\/uploads\/2023\/01\/ToolsKommunikation.png\",\r\n        \"_1280\": \"\/wp-content\/uploads\/2023\/01\/ToolsKommunikation-1280x720.png\",\r\n        \"_1024\": \"\/wp-content\/uploads\/2023\/01\/ToolsKommunikation-1024x576.png\",\r\n        \"_768\": \"\/wp-content\/uploads\/2023\/01\/ToolsKommunikation-768x432.png\",\r\n        \"_512\": \"\/wp-content\/uploads\/2023\/01\/ToolsKommunikation-512x288.png\",\r\n        \"_265\": \"\/wp-content\/uploads\/2023\/01\/ToolsKommunikation-265x149.png\"\r\n      },\r\n      \"w\": 1920,\r\n      \"h\": 1080,\r\n      \"ar\": 0.5625,\r\n      \"alt\": \"\",\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"text\",\r\n      \"cont\": \"<p><span>Die wichtigste Kommunikationsart von Huhu ist die Chatfunktion. Hierf\u00fcr ist die Echtzeitkommunikation besonders wichtig, welche durch das weitverbreitete Open-Source-Paket Socket.io erm\u00f6glicht wird.<\/span><\/p><p><span>F\u00fcr die Backend-Entwicklung haben wir das serverseitige Webframework ExpressJS gew\u00e4hlt. Da unsere Zielgruppe sehr viel Wert auf Datensicherheit legt, haben wir uns f\u00fcr eine Verwaltung der Daten \u00fcber eine PostgreSQL-Datenbank entschlossen. Hier werden beispielsweise Benutzerdaten, Nachrichten sowie Bilder oder Sprachnachrichten gespeichert. Die<\/span> Authentifizierung der Nutzer erfolgt mithilfe von JWT.<\/p><p>Als Kommunikationsschnittstelle zwischen Client und Server und zum plattformunabh\u00e4ngigen Datenaustausch nutzen wir eine REST-API.<\/p>\",\r\n      \"align\": \"top\",\r\n      \"row\": 9,\r\n      \"col\": 8,\r\n      \"colspan\": 7,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 1,\r\n      \"relid\": 197,\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"img\",\r\n      \"cont\": \"\/wp-content\/uploads\/2023\/01\/Huhu_Gruppenfoto.png\",\r\n      \"align\": \"top\",\r\n      \"row\": 10,\r\n      \"col\": 0,\r\n      \"colspan\": 15,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 117,\r\n      \"attid\": 122,\r\n      \"sizes\": {\r\n        \"full\": \"\/wp-content\/uploads\/2023\/01\/Huhu_Gruppenfoto.png\",\r\n        \"_1280\": \"\/wp-content\/uploads\/2023\/01\/Huhu_Gruppenfoto-1280x917.png\",\r\n        \"_1024\": \"\/wp-content\/uploads\/2023\/01\/Huhu_Gruppenfoto-1024x734.png\",\r\n        \"_768\": \"\/wp-content\/uploads\/2023\/01\/Huhu_Gruppenfoto-768x550.png\",\r\n        \"_512\": \"\/wp-content\/uploads\/2023\/01\/Huhu_Gruppenfoto-512x367.png\",\r\n        \"_265\": \"\/wp-content\/uploads\/2023\/01\/Huhu_Gruppenfoto-265x190.png\"\r\n      },\r\n      \"w\": 1920,\r\n      \"h\": 1376,\r\n      \"ar\": 0.7166666666666667,\r\n      \"alt\": \"\",\r\n      \"absolute_position\": false,\r\n      \"frameOverflow\": \"\"\r\n    },\r\n    {\r\n      \"type\": \"text\",\r\n      \"cont\": \"<p><strong>Team<\/strong><br \/>Andrea Burgmann, Isabella Etschel, Lara Blagojevic, Leonie Dieter, Lisa Berger, Luis Faderl, Marco Huber, Marvin Murmann, Regina Feiger, Teresa Hauser, Vanessa Mayr.<\/p><p><strong>Betreuer<br \/><\/strong>Prof. Dr. Wolfgang Kowarschick &amp; Lukas Woyte<\/p><p><strong>Kooperationspartner<\/strong><br \/>Caritas Augsburg &amp; Digitalfabrik<\/p><p><strong>Links<\/strong><br \/><a rel=\\\"noopener\\\" href=\\\"https:\/\/www.caritas-augsburg.de\\\" target=\\\"_blank\\\">https:\/\/www.caritas-augsburg.de<\/a><br \/><a rel=\\\"noopener\\\" href=\\\"https:\/\/tuerantuer.de\/digitalfabrik\\\" target=\\\"_blank\\\">https:\/\/tuerantuer.de\/digitalfabrik<\/a><br \/><br \/><\/p>\",\r\n      \"align\": \"top\",\r\n      \"row\": 11,\r\n      \"col\": 0,\r\n      \"colspan\": 15,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 199,\r\n      \"absolute_position\": false,\r\n      \"frameOverflow\": \"\"\r\n    },\r\n    {\r\n      \"type\": \"text\",\r\n      \"cont\": \"<h1 class=\\\"_Headline2\\\" style=\\\"text-align: left;\\\">Weitere Projekte<\/h1>\",\r\n      \"align\": \"top\",\r\n      \"row\": 12,\r\n      \"col\": 0,\r\n      \"colspan\": 15,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 7,\r\n      \"absolute_position\": false\r\n    },\r\n    {\r\n      \"type\": \"thumbnailgrid\",\r\n      \"cont\": \"\",\r\n      \"align\": \"top\",\r\n      \"row\": 13,\r\n      \"col\": 0,\r\n      \"colspan\": 15,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 0,\r\n      \"relid\": 17,\r\n      \"config\": {\r\n        \"desktop\": {\r\n          \"colCount\": 4,\r\n          \"colGutter\": 2,\r\n          \"rowGutter\": 4\r\n        },\r\n        \"tablet\": {\r\n          \"colCount\": 3,\r\n          \"colGutter\": 3,\r\n          \"rowGutter\": 5\r\n        },\r\n        \"phone\": {\r\n          \"colCount\": 2,\r\n          \"colGutter\": 4,\r\n          \"rowGutter\": 8\r\n        },\r\n        \"layoutType\": \"top-aligned\",\r\n        \"randomorder\": false,\r\n        \"cat_id\": 1,\r\n        \"showfilter\": false,\r\n        \"showtagfilter\": false,\r\n        \"sortedFilters\": false,\r\n        \"sortedTagFilters\": false,\r\n        \"tagFilterBehaviour\": \"or\",\r\n        \"limitThumbnails\": 0,\r\n        \"deselect_tags\": true,\r\n        \"sortbydate\": false\r\n      },\r\n      \"absolute_position\": false\r\n    }\r\n  ]\r\n}","phonegrid":"","_links":{"self":[{"href":"https:\/\/sichtraum.hs-augsburg.de\/2023\/wp-json\/wp\/v2\/posts\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sichtraum.hs-augsburg.de\/2023\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sichtraum.hs-augsburg.de\/2023\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sichtraum.hs-augsburg.de\/2023\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sichtraum.hs-augsburg.de\/2023\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":0,"href":"https:\/\/sichtraum.hs-augsburg.de\/2023\/wp-json\/wp\/v2\/posts\/69\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sichtraum.hs-augsburg.de\/2023\/wp-json\/wp\/v2\/media\/177"}],"wp:attachment":[{"href":"https:\/\/sichtraum.hs-augsburg.de\/2023\/wp-json\/wp\/v2\/media?parent=69"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sichtraum.hs-augsburg.de\/2023\/wp-json\/wp\/v2\/categories?post=69"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sichtraum.hs-augsburg.de\/2023\/wp-json\/wp\/v2\/tags?post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}