{"id":24929,"date":"2023-08-07T08:00:00","date_gmt":"2023-08-07T06:00:00","guid":{"rendered":"https:\/\/blog.mi.hdm-stuttgart.de\/?p=24929"},"modified":"2023-08-07T21:57:24","modified_gmt":"2023-08-07T19:57:24","slug":"how-to-post-erstellen","status":"publish","type":"post","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/08\/07\/how-to-post-erstellen\/","title":{"rendered":"How To: Post erstellen"},"content":{"rendered":"\n

Ein Blog lebt von Besuchern. Und ein lebendiger Blog ist die Voraussetzung f\u00fcr erfolgreiches Content-Marketing!<\/p>\n\n\n\n

Damit die etwas eingestaubten Fassaden des Computer Science Blogs mehr Farbe und Struktur bekommen, hast du hier eine Anleitung, wie du einen Blog-Beitrag erstellen kannst. Du bekommst dabei n\u00fctzliche Tipps und eine Struktur, die dem Computer Science Blog w\u00fcrdig ist. So kannst du sicher gehen, dass dein Artikel nicht nur innerlich gut aussieht, sondern auch das ansprechende \u00c4u\u00dfere erh\u00e4lt, was er verdient \ud83d\ude0a<\/p>\n\n\n\n

Info: Dieser Post ist prim\u00e4r adressiert an Studierende der Hochschule der Medien Stuttgart, die planen einen Blog-Beitrag innerhalb eines Moduls im Studiengang MI, MM oder CSM zu schreiben. S\u00e4mtliche Informationen sind erfahrungsbasiert, durch Quellen unterst\u00fctzt aber auch f\u00fcr andere Blogs mit WordPress nutzbar.<\/em><\/p>\n\n\n\n

Was muss ich tun?<\/em><\/h4>\n\n\n\n

Wenn du dieser Anleitung folgst, erstellst du einen Blog-Beitrag mit den aktuellen Anforderungen bez\u00fcglich des Designs und anderen n\u00fctzlichen Eigenschaften. Dies soll dir erm\u00f6glichen, vor allem auch die sagenumwobene Suchmaschinenoptimierung (SEO)<\/strong> zu bew\u00e4ltigen und somit eine m\u00f6glichst hohe Reichweite deines Beitrags zu erzielen.<\/p>\n\n\n\n

\ud83d\udca1 Solltest du schonmal einen Blog-Beitrag erstellt haben, dann modifiziere gerne die Parameter so, dass sie dieser Vorlage entsprechen. So kannst du sicher gehen, dass er nicht in den Untiefen des Blogs verschwindet \ud83d\ude09<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"
Bild 1 | Login
mit LDAP<\/figcaption><\/figure>\n\n\n\n

1) Anmeldung per LDAP<\/h4>\n\n\n\n

Hurra! Du bist auf dem Blog gelandet und m\u00f6chtest einen Beitrag schreiben. Herzlich Willkommen! <\/p>\n\n\n\n

Du hast von deinen Dozierenden die Nachricht erhalten, dass du einen Blog-Beitrag erstellen sollst. Wenn du dieses Tutorial liest, dann hast du schonmal alles richtig gemacht! Du musst dich nun zuerst \u00fcber LDAP<\/strong> mit deinen HdM-Zugangsdaten (K\u00fcrzel und Passwort) anmelden und bekommst dadurch Zugang zum Dashboard des Blogs. Der Login-Button ist oben rechts in der Desktop-Version zu finden. Der Blog ist auf dem Content Management System (CMS) WordPress auf<\/strong>gebaut und hat damit schon viele Vorteile ein<\/strong>gebaut (oder Nachteile\u2026 je nachdem wie du es betrachten magst) \ud83d\ude09<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

2) Einen neuen Blog-Beitrag erstellen<\/h4>\n\n\n\n

Um einen neuen Post zu erstellen, musst du in der Seitenleiste (links) auf den Men\u00fcpunkt \u201cPosts\u201d gehen. Dort findest du den Button \u201cAdd New\u201d \u2795, mit dem du zu dem Interface f\u00fcr die Bearbeitung eines Posts kommst.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

3) Der Editor<\/h4>\n\n\n\n

Falls du schonmal mit WordPress gearbeitet hast, kannst du direkt zu Abschnitt 5<\/a> springen\u2026<\/p>\n\n\n\n

So… Jetzt sind wir Newbies unter uns! \ud83d\ude4c<\/p>\n\n\n\n

WordPress ist mit einem WYSIWYG-Editor<\/strong> aufgebaut (= What you see is what you get<\/em>). Du kannst also, wie in anderen Text-Editoren, das Aussehen deines Textes durch nur einen Klick<\/span> auf die jeweilige Funktion ver\u00e4ndern. Beim ersten \u00d6ffnen des Postes bekommst du automatisch eine Einf\u00fchrung von WordPress. Wir empfehlen dir, sie durchzugehen, damit du dich besser zurecht findest. <\/p>\n\n\n\n

Generell ist jedes Element eines Posts (Paragraph, Bild, Video) in einem Block<\/strong> dargestellt. Dieser Block hat seine eigene Konfiguration bez\u00fcglich Breite, Textversatz und anderen Parametern. Die verschiedenen Bl\u00f6cke kannst du \u00fcber das \u2795 Zeichen erreichen und erkunden. Vielleicht wirst du dabei auch inspiriert f\u00fcr einen Aufbau deines Beitrags \ud83c\udf08<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

4) Das Interface<\/h4>\n\n\n\n

Beim ersten Betreten sind verschiedene Standard-Werte eingestellt, die wir nun Schritt-f\u00fcr-Schritt gemeinsam \u00e4ndern wollen. Wenn du es das erste Mal siehst, kann das Interface schon \u00fcberw\u00e4ltigend sein. Aber keine Angst, es sind nur viele Einstellungsm\u00f6glichkeiten, die alle ihre Daseinsberechtigung haben. Richtig benutzt, kann WordPress ganz sch\u00f6n m\u00e4chtig sein. Durchklicken ist nat\u00fcrlich auch erstmal okay \ud83d\ude0a<\/p>\n\n\n\n

Generell siehst du den Editor<\/strong> in der Mitte des Blogs, die einstellbaren Werte auf der rechten Seite und verschiedene Ansichten und \u00dcbersichten<\/strong> im unteren Bereich.<\/p>\n\n\n\n

\"\"<\/a>
Bild 2 | WordPress Interface<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

5) Randdaten f\u00fcr den Post<\/h4>\n\n\n\n
    \n
  1. Headline sollte in Title Case<\/a> geschrieben sein (Gro\u00dfschreibung au\u00dfer bei \u201cminor\u201d words, z.B: \u201cThe Quick Brown Fox Jumps over the Lazy Dog\u201d). Bei den restlichen \u00dcberschriften ist es generell dir \u00fcberlassen, wir empfehlen jedoch den Titel Case f\u00fcr alle Headlines.<\/li>\n\n\n\n
  2. Der erste Block deines Beitrags ist in der Regel eine Einleitung. WordPress nimmt automatisch die ersten 55 Zeichen, um den Inhalt in Suchmaschinen und auf Social Media anzuteasern. Um dies zu verbessern, solltest du eine kurze Zusammenfassung als Excerpt<\/a> hinterlegen.<\/li>\n\n\n\n
  3. Dein Titelbild solltest du \u00fcber das Featured Image<\/a> zum Blog-Beitrag hinzuf\u00fcgen. Damit stellst du sicher, dass es sowohl im Blog auf der \u00dcbersichtsseite, als auch bei Suchmaschinen zur Pr\u00e4sentation genutzt wird. Du findest die Option im Men\u00fc auf der rechten Seite im Bereich Post <\/em>unter Kategorie<\/em> und Tags<\/em>.<\/li>\n<\/ol>\n\n\n\n

    Es gibt noch vieles mehr, aber am Besten klickst du dich einfach mal selbst durch die Optionen durch \u263a\ufe0f<\/p>\n\n\n\n

    Good2Know:<\/span> Sobald du deinen Post live und in Farbe sehen m\u00f6chtest, kannst du auf Preview in der oberen Men\u00fcleiste klicken. Dort hast du die M\u00f6glichkeit den Post in einem neuen Tab anzuschauen und die Gr\u00f6\u00dfe der Anwendung (Desktop, Tablet, Mobile) zu \u00e4ndern. Dies ist besonders wichtig f\u00fcr das Responsive Design<\/strong>, welches auch wieder einen guten Einfluss auf die SEO hat.<\/p>\n\n\n\n

    \"\"<\/a>
    Bild 3 | Preview Post in New Tab<\/figcaption><\/figure>\n\n\n\n

    Achtung:<\/span> Man unterscheidet zwischen Entwurf (Draft) und ver\u00f6ffentlicht (published). Sei dir bewusst, dass du die Entwurfs-Funktion (Switch to Draft) verwendest w\u00e4hrend deinem Bearbeitungsprozess und erst dann ver\u00f6ffentlichst, wenn der Beitrag tats\u00e4chlich fertig ist (Schedule…).<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    6) Basic SEO<\/h4>\n\n\n\n

    Der Blog hat das umfassende SEO-Tool \u201cAll in One SEO\u201d integriert. Suchmaschinenoptimierung<\/strong> ist wichtig, um die Reichweite des Posts zu erh\u00f6hen. Eine Suchmaschine achtet dabei auf verschiedene Faktoren bei der Anzeige (L\u00e4nge, Anzahl Keywords, Keyphrases, interne Links, externe Links, etc.), um einen Artikel zu ranken und dementsprechend oben (oder weiter unten) bei den Suchergebnissen anzuzeigen.<\/p>\n\n\n\n

    \"\"<\/a>
    Bild 4 | Basic SEO Overview (rechte Seite)<\/figcaption><\/figure>\n\n\n\n
    \"\"<\/a>
    Bild 5 | SEO Analysis Score<\/figcaption><\/figure>\n\n\n\n

    Du kannst mit Hilfe des Tools jederzeit deinen SEO-Score anschauen, der mit insgesamt 100 Punkten bewertet werden kann (100 = Best Possible Option<\/em>). Er zeigt dir anhand der Punktzahl und visuellem Feedback, was du an deinem Artikel \u00e4ndern solltest, um die h\u00f6chste Punktzahl zu bekommen.<\/p>\n\n\n\n

    In Bild 5 siehst du eine schlechte Bewertung mit 0 von 100 Punkten. Du kannst den Instruktionen von WordPress folgen, um den Score zu verbessern.<\/p>\n\n\n\n

    Au\u00dferdem gibt es ein Textanalyse-Tool, mit dem die Lesbarkeit des Artikels gepr\u00fcft wird. So wird beispielsweise auf die Nutzung der Passivform geachtet, und ob es viele wiederholte Formulierungen gibt. Ein sehr guter Start f\u00fcr die Verbesserung, auch wenn es manchmal auch Sinn machen kann, nicht nur auf die KI zu achten und bei der Korrektur dem Instinkt zu folgen \ud83d\ude0b<\/p>\n\n\n\n

    Hier einige Tipps f\u00fcr die Optimierung:<\/p>\n\n\n\n

      \n
    1. F\u00fcr die Darstellung von Bildern im Web<\/strong> reicht in vielen F\u00e4llen eine Aufl\u00f6sung von 72 dpi <\/strong>(Pixel pro Inch). Mit dieser Aufl\u00f6sung verkleinert sich die Bilddatei aber der Verlust durch die Kompression ist durch die meisten Menschen nicht sichtbar. Damit du die Bandbreite sparen kannst, solltest du deine Bilder noch vor dem Upload<\/a> bearbeiten (geht in allen g\u00e4ngigen Bildbearbeitungsprogrammen und ist teilweise im Betriebssystem schon integriert, wie z.b. bei macOS).<\/li>\n\n\n\n
    2. Benenne alle Medien-Dateien vor dem Upload kurz und mit sprechenden Bezeichnern (“katzenbild” statt “1234”). Die Dateinamen<\/strong> wirken sich zwar nicht auf die Geschwindigkeit der Seite aus, aber daf\u00fcr auf die Suchmaschinenoptimierung im Allgemeinen und damit dem Ranking der Website. Generell empfiehlt sich dabei die englische Schreibweise ohne Umlaute und Sonderzeichen.<\/li>\n<\/ol>\n\n\n\n

      <\/p>\n\n\n\n

      7) Darstellung im Blog<\/h4>\n\n\n\n
      \"\"<\/a><\/figure>\n\n\n\n

      Um den Artikel am bestm\u00f6glichen Platz im Blog anzuzeigen, solltest du ihm eine passende Kategorie <\/strong>zuordnen. So kann dein Beitrag besser gefunden werden f\u00fcr eine spezielle Suche.
      Falls du Anregungen zu einer Kategorie hast, dann sage den Admins gerne Bescheid!
      Du kannst auch durch Tags<\/strong>, die zum Artikel passen, die Reichweite erh\u00f6hen. Diese sind immer spezifischer als die Kategorie.<\/p>\n\n\n\n

      Generell w\u00fcrden wir empfehlen, dass die Oberkategorien als Kategorie<\/em> und speziellere Themen als Tags<\/em> hinzugef\u00fcgt werden. So wird die Buzzword-Liste des Blogs (Darstellung der Tags) gef\u00fcllt mit sinnvollen Worten.<\/p>\n\n\n\n

      <\/p>\n\n\n\n

      <\/p>\n\n\n\n

      8) Fertig geschrieben?<\/h4>\n\n\n\n

      Sobald du den Beitrag geschrieben, den SEO-Score verbessert und ggf. nach Feedback deiner Dozierenden und Kommiliton*innen gefragt hast, steht der Ver\u00f6ffentlichung nichts mehr im Wege!<\/p>\n\n\n\n

      Danke f\u00fcr deinen Beitrag! Wir sind sicher, er wird durchstarten! \ud83d\ude80<\/em><\/p>\n\n\n\n

      <\/p>\n\n\n\n

      \n\n\n\n

      Hintergrundinfo: Dieser Post entstand als Ergebnis des Relaunches des Computer Science and Media Blogs im August 2023. Bei Fragen und Anregungen bitte an die Admins der Seite wenden \ud83d\ude42<\/p>\n\n\n\n

      <\/p>\n\n\n\n

      <\/p>\n","protected":false},"excerpt":{"rendered":"

      Du bist Studierende*r an der Hochschule der Medien Stuttgart und m\u00f6chtest in diesem Blog einen Post ver\u00f6ffentlichen? Hier ist eine Anleitung f\u00fcr dich.<\/p>\n","protected":false},"author":1133,"featured_media":25556,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[657],"tags":[955,954],"ppma_author":[904],"class_list":["post-24929","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teaching-and-learning","tag-blog","tag-wordpress"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/08\/pexels-blog_pic-scaled.jpg","jetpack-related-posts":[{"id":23713,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2022\/11\/17\/vom-uni-projekt-in-den-app-store\/","url_meta":{"origin":24929,"position":0},"title":"Vom Uni-Projekt in den App Store","author":"Fabian Hiller","date":"17. November 2022","format":false,"excerpt":"An der HdM arbeiten jedes Semester unz\u00e4hlige Studierende an verschiedenen Ideen. Von Apps \u00fcber Videoproduktionen bis hin zu Verpackungstechnik ist dabei alles zu finden. Kaum eine Idee besteht jedoch \u00fcber das Semester hinaus. Mit der Abgabe zur Benotung enden leider bereits die meisten Projekte. Dieser Beitrag soll Inspiration bieten, falls\u2026","rel":"","context":"In "Allgemein"","block_context":{"text":"Allgemein","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/allgemein\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2022\/11\/unisex-app-screenshots.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2022\/11\/unisex-app-screenshots.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2022\/11\/unisex-app-screenshots.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2022\/11\/unisex-app-screenshots.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2022\/11\/unisex-app-screenshots.jpg?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2022\/11\/unisex-app-screenshots.jpg?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":25735,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/09\/13\/fastchat-your-words-instantly-delivered\/","url_meta":{"origin":24929,"position":1},"title":"FastChat – Your Words, Instantly Delivered","author":"Michael Dick","date":"13. September 2023","format":false,"excerpt":"Einf\u00fchrung Herzlich willkommen zu unserem Blogbeitrag \u00fcber FastChat, einer neuen Web-Chat-Anwendung, die das Kommunizieren im Internet auf ein neues Level hebt. In diesem Beitrag m\u00f6chten wir euch die Hintergrundgeschichte zu diesem Projekt, unsere Ziele und die Funktionalit\u00e4ten vorstellen, welche wir erfolgreich umgesetzt haben. Tauchen wir ein!\u00a0 Unsere Idee f\u00fcr FastChat\u2026","rel":"","context":"In "Allgemein"","block_context":{"text":"Allgemein","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/allgemein\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/09\/W_QwicX4WJDR2dKB4QjdppG7EF6IIhCEhDAhLUwZVqX2aHDevpVSAuBbz3tV3zaTEtIeWbiE3At_usAvJ3fl5Fx3Rohme2aszYrChgGMn6oyTmHH9_6xo1xrIQwnjpvaZ_iFRnKrl0m9L_3o2H3j7wo.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/09\/W_QwicX4WJDR2dKB4QjdppG7EF6IIhCEhDAhLUwZVqX2aHDevpVSAuBbz3tV3zaTEtIeWbiE3At_usAvJ3fl5Fx3Rohme2aszYrChgGMn6oyTmHH9_6xo1xrIQwnjpvaZ_iFRnKrl0m9L_3o2H3j7wo.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/09\/W_QwicX4WJDR2dKB4QjdppG7EF6IIhCEhDAhLUwZVqX2aHDevpVSAuBbz3tV3zaTEtIeWbiE3At_usAvJ3fl5Fx3Rohme2aszYrChgGMn6oyTmHH9_6xo1xrIQwnjpvaZ_iFRnKrl0m9L_3o2H3j7wo.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/09\/W_QwicX4WJDR2dKB4QjdppG7EF6IIhCEhDAhLUwZVqX2aHDevpVSAuBbz3tV3zaTEtIeWbiE3At_usAvJ3fl5Fx3Rohme2aszYrChgGMn6oyTmHH9_6xo1xrIQwnjpvaZ_iFRnKrl0m9L_3o2H3j7wo.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":25607,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/08\/15\/usability-in-code-an-overview-from-ide-to-ai\/","url_meta":{"origin":24929,"position":2},"title":"Usability in Code an Overview from IDE to AI","author":"Marc Schillke","date":"15. August 2023","format":false,"excerpt":"Wenn man \u00fcber Usability Kontext von IT redet, wird ein integraler Part gerne komplett \u00fcbersehen: Den Entwickler.Wie soll Usability richtig umgesetzt werden wenn, der der Beides umsetzten, muss von beiden Themen w\u00e4hrend seiner Arbeit nichts mitbekommt?Warum h\u00f6rt Usability immer dort auf, wo der Entwickler auf sein Handwerkszeug schaut? Die Fragen\u2026","rel":"","context":"In "Allgemein"","block_context":{"text":"Allgemein","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/allgemein\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/08\/download.webp?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/08\/download.webp?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/08\/download.webp?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/08\/download.webp?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/08\/download.webp?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/08\/download.webp?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":26129,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2024\/02\/27\/ctf-infrastruktur-als-proof-of-concept-in-der-microsoft-azure-cloud\/","url_meta":{"origin":24929,"position":3},"title":"CTF-Infrastruktur als Proof-of-Concept in der Microsoft Azure Cloud","author":"jk233","date":"27. February 2024","format":false,"excerpt":"Einf\u00fchrung Eine eigene Capture-The-Flag (CTF) Plattform zu betreiben bringt besondere Herausforderungen mit sich. Neben umfangreichem Benutzermanagement, dem Bereitstellen und sicherem Hosten von absichtlich verwundbaren Systemen, sowie einer m\u00f6glichst einfachen Methode, spielbare Systeme von externen Quellen einzubinden. So m\u00f6chte man vielleicht der eigenen Community die M\u00f6glichkeit bieten, eigene Szenarien zu entwickeln,\u2026","rel":"","context":"In "Allgemein"","block_context":{"text":"Allgemein","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/allgemein\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2024\/02\/HkdUqtOvFEbZdRFQaVd9LpUF6TaU8VoYhJn2kK0A-rzTGuPjvqiNLsNYpHnMuPZpLr5RFCfTW30d46KxetHLb8mYfYqN_70fqpOvYevgh1bfHZFI_UUKHbqRjDrHQ-b8QG2jXXV6E2zh2W35Rr6gpnk.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2024\/02\/HkdUqtOvFEbZdRFQaVd9LpUF6TaU8VoYhJn2kK0A-rzTGuPjvqiNLsNYpHnMuPZpLr5RFCfTW30d46KxetHLb8mYfYqN_70fqpOvYevgh1bfHZFI_UUKHbqRjDrHQ-b8QG2jXXV6E2zh2W35Rr6gpnk.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2024\/02\/HkdUqtOvFEbZdRFQaVd9LpUF6TaU8VoYhJn2kK0A-rzTGuPjvqiNLsNYpHnMuPZpLr5RFCfTW30d46KxetHLb8mYfYqN_70fqpOvYevgh1bfHZFI_UUKHbqRjDrHQ-b8QG2jXXV6E2zh2W35Rr6gpnk.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2024\/02\/HkdUqtOvFEbZdRFQaVd9LpUF6TaU8VoYhJn2kK0A-rzTGuPjvqiNLsNYpHnMuPZpLr5RFCfTW30d46KxetHLb8mYfYqN_70fqpOvYevgh1bfHZFI_UUKHbqRjDrHQ-b8QG2jXXV6E2zh2W35Rr6gpnk.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2024\/02\/HkdUqtOvFEbZdRFQaVd9LpUF6TaU8VoYhJn2kK0A-rzTGuPjvqiNLsNYpHnMuPZpLr5RFCfTW30d46KxetHLb8mYfYqN_70fqpOvYevgh1bfHZFI_UUKHbqRjDrHQ-b8QG2jXXV6E2zh2W35Rr6gpnk.png?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":23579,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2022\/08\/30\/google-geodata-visualizer\/","url_meta":{"origin":24929,"position":4},"title":"Google Geodata Visualizer","author":"sk331","date":"30. August 2022","format":false,"excerpt":"Ein Projekt von Kai Kustermann, Michael Litschko, Sarah Mauff und Sebastian K\u00f6pp Einleitung Im Sommersemester 2022 haben wir uns als 4-k\u00f6pfige Gruppe dazu entschlossen, einen Google Geodata Visualizer zu erstellen. Das Projekt ist aus der Idee einer McDonald\u2019s-Achievement-Card entstanden. Die Idee war eine Website, die dem Benutzer anzeigt, welche McDonald\u2019s\u2026","rel":"","context":"In "Cloud Technologies"","block_context":{"text":"Cloud Technologies","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/scalable-systems\/cloud-technologies\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2022\/08\/16.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":25162,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/07\/31\/gesichter-der-tauschung-wie-deepfakes-unsere-identitat-bedrohen\/","url_meta":{"origin":24929,"position":5},"title":"Gesichter der T\u00e4uschung – Wie Deepfakes unsere Identit\u00e4t bedrohen","author":"Susanne Wei\u00df","date":"31. July 2023","format":false,"excerpt":"Stell dir vor: Deine Tochter ruft dich an - die Stimme klingt zumindest wie deine Tochter, die Schauspielerin Margot Robbie im neuen Barbie-Film tr\u00e4gt statt ihrem dein Gesicht und pl\u00f6tzlich taucht im Internet ein Video auf, das dich bei einer Straftat zeigt - du bist jedoch unschuldig und das Video\u2026","rel":"","context":"In "Allgemein"","block_context":{"text":"Allgemein","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/allgemein\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/07\/Website_banner_blog_deepfake_800x450-%E2%80%93-6-1024x576-panorama.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/07\/Website_banner_blog_deepfake_800x450-%E2%80%93-6-1024x576-panorama.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/07\/Website_banner_blog_deepfake_800x450-%E2%80%93-6-1024x576-panorama.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/07\/Website_banner_blog_deepfake_800x450-%E2%80%93-6-1024x576-panorama.png?resize=700%2C400&ssl=1 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"authors":[{"term_id":904,"user_id":1133,"is_guest":0,"slug":"nadine_weber","display_name":"Nadine Weber","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/e3e4f9c8c8e3d36033c6946d8f9bc74bdb3e14f7741c5abae82b2d7c61232118?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/posts\/24929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/users\/1133"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/comments?post=24929"}],"version-history":[{"count":13,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/posts\/24929\/revisions"}],"predecessor-version":[{"id":25558,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/posts\/24929\/revisions\/25558"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/media\/25556"}],"wp:attachment":[{"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/media?parent=24929"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/categories?post=24929"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/tags?post=24929"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/ppma_author?post=24929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}