Wer kennt es nicht? Die sozialen Netzwerke leben von den Bildern der jeweiligen Beiträge. Das Internet umfasst Millionen, wenn nicht Milliarden von Bildern zu den verschiedensten Themen und Produkten. Viele dieser Bilder sind lizenziert, bspw. mit einer Creative Commons (CC) Lizenz. In diesem Artikel werden Sie erfahren, was es mit den Creative Commons auf sich hat und anhand eines Beispiels lernen, wie Sie den erlaubten Umgang mit diesen Lizenzen erkennen können.
Nach § 7 des Urheberrechtsgesetzes ist jede:r Schöpfer:in eines Werkes auch gleichzeitig sein:e Urheber.:in Das heißt, jedes Selfie, das Sie schießen, und jedes Urlaubsfoto, das Sie machen, ist Ihr Werk und durch das Urheberrecht geschützt. Das bedeutet wiederum, dass alle Bilder und Medien, die im Internet zu finden sind, eine:n Urheber:in haben und rechtlich geschützt sind.1 Aber was genau heißt eigentlich die Bilder sind geschützt?
Mit dem Schutz der Bilder ist gemeint, dass Sie selbst entscheiden dürfen, was andere Menschen mit Ihrem Bild machen und ob sie Ihre Bilder überhaupt verwenden dürfen. Nach § 13 des Urheberrechtsgesetzes dürfen Sie entscheiden, ob Sie als Urheber:in genannt werden sollen und wie diese Bezeichnung aussehen soll. Verstößt jemand gegen die von Ihnen vorgegebenen Einschränkungen, können Sie nach § 97 des Urheberrechtsgesetzes dagegen vorgehen. Sie können den:die Nutzer:in Ihres Bildes auffordern, es nicht mehr zu verwenden und haben die Möglichkeit, gerichtlich dagegen vorzugehen. 2
In den letzten Corona-Semestern konnten viele Kurse nur online angeboten werden. Dadurch sind auch im Kurs Content Management in den Studiengängen Informationsmanagement und Informationsmanagement berufsbegleitend einige Screencasts entstanden.
In einem nächsten Schritt haben wir die Screencast-Videos mit Interaktionselementen wie Wiederholungsfragen, Links, Inhaltsübersichten, Checklisten oder kleinen Quizzes über h5p ergänzt:
Im aktuellen Wintersemester 21/22 setzen wir die um h5p erweiterten Screencasts für Content Management das erste Mal aktiv in der Lehre ein und sind gespannt auf die Rückmeldung der Studierenden.
Stud.IP und h5p
Bisher fehlte uns eine zentrale Möglichkeiten der Bereitstellung von h5p-Lernmodulen, da unser Moodle diese Funktionalität nicht bietet. Die Erstellung und Bereitstellung von h5p über WordPress funktioniert zwar gut, aber ist etwas weit weg von unseren Lehrinhalten über separat notwendige WordPress-Installationen. Daher freuen wir uns über den Testbetrieb von Stud.IP seit diesem Semester an der Fakultät 3. In Stud.IP ist jetzt direkt in Veranstaltungen die Erstellung und Einbindung von h5p Lernmodulen möglich – ohne Medienbruch durch den Sprung zu einer separaten WordPress-Installation:
Austausch und Kompatibilität von h5p Lernmodulen
Die Kompatibilität und die Standardisierung von h5p Lernmodulen ist besonders hilfreich, wenn man die Lernmodule nachträglich auf verschiedene Arten bereitstellen möchte. Unabhängig davon, in welcher Umgebung h5p Lernmodule erstellt wurden (WordPress, Stud.IP, …), können sie jederzeit per Download und erneuten Upload in ein anderes System plattformübergreifend bereit gestellt und ausgetauscht werden.
Nachhaltigkeit ist ein Begriff, der uns derzeit so gut wie überall begegnet – auch im Bibliothekswesen wird das Thema seit ein paar Jahren präsenter. Oft wird es jedoch als eher abstrakt wahrgenommen, was beim Versuch der konkreten Umsetzung zu Problemen führen kann. Durch die Konkretisierung in Form der Nachhaltigkeitsziele der Agenda 2030 ist die Thematik zuletzt deutlich greifbarer geworden und findet bereits vermehrt Einzug in diversen Bibliotheken. Was genau es mit den Nachhaltigkeitszielen auf sich hat, was sie für Bibliotheken bedeuten und wie Institutionen schon mit geringem Aufwand einen Beitrag leisten können, wird im folgenden Artikel kurz vorgestellt.
In 17 Zielen die Welt verändern – die Nachhaltigkeitsziele der Agenda 2030
„Ja, wir könnten jetzt was gegen den Klimawandel tun, aber wenn wir dann in 50 Jahren feststellen würden, dass sich alle Wissenschaftler doch vertan haben und es gar keine Klimaerwärmung gibt, dann hätten wir völlig ohne Grund dafür gesorgt, dass man selbst in den Städten die Luft wieder atmen kann, dass die Flüsse nicht mehr giftig sind, dass Autos weder Krach machen noch stinken und dass wir nicht mehr abhängig sind von Diktatoren und deren Ölvorkommen. Da würden wir uns schön ärgern.“
Marc-Uwe Kling, Auszug aus „Die Känguru-Apokryphen“
Die Ziele für nachhaltige Entwicklung wurden zuerst 2015 im Rahmen der „2030 Agenda“ festgelegt und dienen als Aufruf zum Handeln, um Armut zu beenden, den Planeten zu schützen und das Leben und die Perspektiven aller Menschen weltweit zu verbessern. Die Mitgliedsstaaten der Vereinten Nationen einigten sich dabei auf einen Katalog mit 17 übergeordneten Zielen aus den Bereichen der ökonomischen, ökologischen und sozialen Entwicklung, die innerhalb von 15 Jahren erreicht werden sollen. 12
Da dafür nur noch knappe 10 Jahre bleiben, rief der UN-Generalsekretär 2019 alle Bereiche der Gesellschaft dazu auf, sich für ein „Jahrzehnt des Handelns“ auf folgenden drei Ebenen zu mobilisieren:
Relevanz und Potenzial der Nachhaltigkeitsziele der Agenda 2030 für Bibliotheken
„Die größte Gefahr für unseren Planeten ist der Glaube, dass jemand anderes ihn rettet.“
Robert Swan
Inwiefern spielen nun die zuvor genannten Agenda 2030 Ziele eine konkrete Rolle in und für Bibliotheken? Auf diese Frage gibt es erst einmal mehr als nur eine (gute) Antwort. Abgesehen vom universalen Appell des UN-Generalsekretärs hat sich auch Deutschland als Mitgliedstaat der UN konkret dazu verpflichtet, an ihrer Umsetzung mitzuwirken. Da scheint es nur konsequent, dass deutsche Institutionen wie Bibliotheken diese Ziele ebenso verfolgen. Sie können als zentrale öffentliche Einrichtungen für Zugang zu Information und Bildung einen wichtigen Beitrag zum Erfolg der 2030-Agenda leisten und in diesem Sinne zu einer nachhaltigen Entwicklung der Gesellschaft beitragen. 2
Ebenso werden das wachsende Interesse und Bewusstsein für die Thematik im Bibliothekswesen generell immer sichtbarer. Dies äußert sich neben den konkreten Initiativen einzelner Bibliotheken vor allem in strukturellen Neuerungen wie z.B. dem Aufstieg der IFLA-Interessensgruppe ENSULIB (Environment, Sustainability and Libraries) zur offiziellen IFLA-Sektion, der Einführung des Green Library Awards oder der Gründung des Netzwerk Grüne Bibliothek. Im Kontext der Nachhaltigkeitsziele geht es oft vorrangig darum, auf welche Weise einzelne Institutionen zu ihrer Umsetzung beitragen können. Insbesondere Bibliotheken können nicht nur vieles zur Erreichung der Ziele beitragen, sie können auch selbst von diesem Prozess profitieren.345
Tatsächlich kann das Engagement in Sachen Nachhaltigkeit ebenso nicht zu unterschätzende positive Nebeneffekte für Bibliotheken haben. Wird dieses Engagement auch gut wahrnehmbar kommuniziert, können sich infolgedessen zahlreiche positive Auswirkungen ergeben: die Verbesserung in der öffentlichen Wahrnehmung, Vernetzung und Kooperationen mit Einrichtungen vor Ort, überregionale Vernetzung und Austausch mit anderen Bibliotheken, ebenso wie eine Grundlage für erfolgreiche Lobbyarbeit etc. – um nur ein paar zu nennen.
„Macht doch alles nur mehr Arbeit?“ Vorteile eines Engagements im Sinne der Nachhaltigkeitsziele der Agenda 2030
„Das Beste, was der Stadtbibliothek seit langem passiert ist“
Mitarbeiterin der Stadtbibliothek Heilbronn über das Nachhaltigkeitsprojekt „Treffpunkt Deutsch“
Der 2016 entstandene „Treffpunkt Deutsch“ der Stadtbibliothek Heilbronn hatte beispielsweise zum Ziel, freiwillige Mentor_innen und Menschen, die Deutsch lernen möchten, zusammenzubringen. Dies hat er auch sehr erfolgreich geschafft, darüber hinaus aber auch einen lebendigen Treffpunkt für Interessierte, einen Ort für regen Kulturaustausch und nicht zuletzt ein neues Stück Heimat geschaffen. Das zeigt, dass Projekte im Sinne der Nachhaltigkeitsziele auch dabei helfen können, das Potenzial der eigenen Einrichtung neu zu evaluieren. 6
Grundsätzlich sind Bibliotheken durch Ihre Angebote und Dienstleistungen bereits in ihrem Kern nachhaltige Organisationen, werden aber selten primär als solche wahrgenommen. Diese Eigenschaft kann jedoch im Rahmen des Engagements im Sinne der Agenda 2030 besonders gut sichtbar gemacht und verstärkt werden. Ein Hinweis darauf, dass Bibliotheken und ihr Potenzial noch viel zu wenig im politischen Bewusstsein verankert sind, zeigt unter anderem eine Stellungnahme des Deutschen Bibliotheksverbandes (dbv). Anlässlich des Neuauflagenentwurfs der Deutschen Nachhaltigkeitsstrategie, in dem Bibliotheken keine Erwähnung fanden, macht der dbv darin gezielt darauf aufmerksam, dass Bibliotheken bei der Umsetzung der Agenda-Ziele eine wichtige Rolle spielen können. Diese Aussage wird durch konkrete Beispiele für viele der 17 Nachhaltigkeitsziele veranschaulicht (siehe hierzu interaktive Grafik). 78
Biblio2030 – Inspiration, Unterstützung und Austausch für Bibliotheken
Nachhaltigkeit kann in Bibliotheken auf viele verschiedene Weisen umgesetzt werden – so viele, dass es zunächst sogar überfordernd wirken kann. Unterstützung und Orientierung bietet dabei unter anderem das Projekt Biblio2030. Die vom dbv betreute Webseite versammelt in ihrer Beispielsammlung hierzu diverse Best Practice Beispiele aus Nachhaltigkeitsprojekten von deutschsprachigen Bibliotheken jeder Ausrichtung und Größe. Dazu gibt es dort auch ein Upload-Portal, um eigene Projekte der Sammlung hinzuzufügen. Als kleinen Einblick in die Projektvielfalt im Folgenden eine Auswahl zu einigen Zielen9:
Auf der Biblio2030-Seite haben Bibliotheken außerdem Zugriff auf zahlreiche Materialien zum Download bzw. zur Bestellung, um auf die Agenda2030 und ihre Projekte aufmerksam zu machen. 10
Man muss nicht gleich die Welt retten – Kleine Einstiegsprojekte für einen ersten Schritt in Richtung nachhaltige Bibliothek
Auch wenn Biblio2030 und ähnliche Plattformen dafür sorgen, dass man nicht immer gleich das Rad neu erfinden muss, stehen nicht jeder Bibliothek die Ressourcen für umfassendere Projekte wie die Einrichtung von Makerspaces, Repaircafés oder ähnlichem zur Verfügung. Denn aller Anfang ist bekanntlich schwer – womit soll man beginnen und mit welchen Mitteln das Ganze umsetzen?
Im Folgenden dazu einige Beispiele, die auch mit geringen Ressourcen in der eigenen Bibliothek umgesetzt werden können:
Schwer zu tragen? Plastiktüten wiederverwenden! Oft werden Plastiktüten nach ihrer Verwendung weggeworfen. In der Stadtbücherei Walldorf gibt es daher ein Fach, in dem Tüten gesammelt und für andere zur Nutzung weitergegeben werden.
Ganz auf Plastiktüten verzichten – Die Bio-Baumwoll-LeseStoffTasche zum Ausleihen! Für die robusten Stofftaschen aus Bio-Baumwolle der Volksbücherei Fürth sind auch die größten Bücherstapel kein Problem. Turnbeutel und Tragetasche gibt es für je 2€ Leihgebühr – wenn die Tasche nicht mehr benötigt wird, kann sie wieder abgegeben werden und man bekommt die 2€ zurück.
Wer frisst hier den Strom? Energiesparpakete verleihen! In vielen Haushalten lässt sich einiges an Strom sparen, Elektrogeräte verbrauchen nämlich nicht nur in Benutzung, sondern auch im „Stand-by-Modus“ viel Energie. Wie viel genau, das kann man mit dem Energiesparpaket testen, dass Bibliotheken kostenlos beim Umweltbundesamt anfordern können.
Was grünt und blüht denn da? Saattauschbörse in der Bibliothek! Saatgut aller Art kann in der Stadtbibliothek Alzenau abgegeben oder entdeckt werden – egal ob Blumen, Gemüse, Obst, Sprossen oder Kräuter, alles findet einen Platz in der Saatgut-Tauschbörse. Die Bibliothek stellt dazu auch vorgebastelte Tütchen bereit, die mit Sortennamen, Säh- und Erntezeitraum beschriftet werden können.
Babysteps in Richtung „Bibliothek der Dinge“ – Regenschirme zum Ausleihen! Heute muss man nicht mehr alles besitzen, am besten sogar mehrfach. Wenn es regnet, geht man als Bibliothekskunde fix in die nächstgelegene Mülheimer Bibliothek und leiht sich kostenfrei einen Regenschirm aus!
Weitere Inspirationsquellen und Hilfsmittel
Mit den zuvor genannten Beispielen sollte ein erster Schritt in Richtung Nachhaltigkeit für alle möglich sein. Für Interessierte hier abschließend noch eine Liste mit weiteren Anlaufstellen für Informationen, Hilfestellung und Inspiration:
Netzwerk Grüne Bibliothek Initiative zur Vernetzung von Institutionen und zur Bündelung von Informationen über gezielten Einsatz für die 17 Nachhaltigkeitsziele in Bibliotheken
IFLA Library Map of the World Interaktive Weltkarte, die u.a. Informationen über das Erreichen der Nachhaltigkeitsziele in Bibliotheken weltweit verzeichnet
3 International Federation of Library Associations (IFLA) (2020): ENSULIB granted permission in becoming an IFLA Section. Online unter https://www.ifla.org/node/93187 [Abruf am 31.01.2021]
4 International Federation of Library Associations (IFLA) (2021): IFLA Green Library Award. Online unter https://www.ifla.org/node/10159 [Abruf am 31.01.2021]
Am Anfang steht die Keywordrecherche. Ob Blog, Onlineshop oder Unternehmenswebsite, die Onlinepräsenz spielt heutzutage eine immer größere Rolle und ist nicht mehr wegzudenken. [1] Du möchtest auch mit deiner Präsenz im Netz überzeugen und so viele Menschen wie möglich erreichen? Dann ist die Keywordrecherche genau das Richtige für dich! Finde heraus, worum es sich hierbei handelt und wieso sie so wichtig ist.
Im Vordergrund der Recherche stehen sogenannte Keywords, aber was genau ist ein Keyword?
Im Deutschen steht der Begriff Keyword für Such- und Schlüsselbegriff sowie Schlag- und Schlüsselwort und wird bei der Recherche im Internet in das Suchfeld einer Suchmaschine eingegeben. [2] Damit die passenden Ergebnisse für deine Suchanfrage rausgefiltert werden, gleicht die Suchmaschine die eingegebenen Keywords mit den Seiten aus dem Index ab. [3]
Arten von Keywords
Bevor du dich mit der Recherche befasst, ist es wichtig, zwischen den verschiedenen Arten und Nutzerintentionen von Keywords unterscheiden zu können. Im Folgenden findest du die wichtigsten Varianten. [4]
Fokus Keyword
Das Fokus Keyword wird von dir definiert und ist der Hauptbegriff, für den deine jeweilige Seite in den Suchergebnissen ranken soll. [5]
Nischen Keyword
Von einem Nischen Keyword ist die Rede, wenn ein Suchbegriff ein niedrigeres Suchvolumen, aber auch wenig Wettbewerb hat. Neben dem Fokus Keyword werden auch Nischenkeywords verwendet, da es hier einfacher ist mit diesen Suchbegriffen zu ranken. [6]
Brand Keyword
Von einem Brand Keyword ist die Rede, wenn du mit deiner Suchanfrage nach einer bestimmten Marke suchst. [7]
Bildschirmfoto – Brand Keyword
Informationsorientiertes Keyword
Wenn nach einer bestimmten Information gesucht wird, werden informationsorientierte Keywords verwendet. [8]
Bildschirmfoto – Informationsorientiertes Keyword
Navigationsorientiertes Keyword
Keywords sind navigationsorientiert, wenn du mit deiner Anfrage gezielt nach einer Seite suchst. [9]
Bildschirmfoto – Navigationsorientiertes Keyword
Transaktionsorientiertes Keyword
Wie der Name bereits verrät, sind transaktionsorientierte Keywords Suchbegriffe, die das Durchführen einer Transaktion zum Ziel haben. [10]
Bildschirmfoto – Transaktionsorientiertes Keyword
Compound Keyword
Ein Compound Keyword ist gemeint, wenn du mit deiner Eingabe mehrere Nutzerintentionen erfüllst. Schauen wir uns folgende Suchanfrage an:
Bildschirmfoto – Compound Keyword
Hier suchen wir nicht nur nach einer bestimmten Marke (Brand Keyword), sondern auch nach einer Möglichkeit, den Schuh zu kaufen (transaktionsorientiertes Keyword). [11]
Keywords und ihre Wortlänge
Keywords können zudem auch in ihrer Wortanzahl unterschieden werden. Hierbei unterscheiden wir zwischen Short-, Mid- und Long Tail Keywords.
Short Tail Keyword
Das Short Tail Keyword besteht lediglich aus ein oder zwei Suchbegriffen. Diese haben in der Regel ein hohes Suchvolumen. Aufgrund der Wortanzahl handelt es sich bei den Suchergebnissen eher um unspezifische Treffer. [12]
Mid Tail Keyword
Eine weitere Variante ist das Mid Tail Keyword, welches aus 2 bis 3 Wörtern bestehen kann. Hiermit können Suchergebnisse bereits etwas konkretisiert werden. [13]
Long Tail Keyword
Beim Long Tail Keyword handelt es sich um die spezifischste Suchanfrage. Hier werden Phrasen mit mehreren Wörtern verwendet. [14]
Was ist eine Keywordrecherche?
Bei der Keywordrecherche handelt es sich um eine Methode, mit der du herausfinden kannst, welche Suchanfragen für dich, deinen Kunden oder für deine Zielgruppe wichtig sein können. Zu beachten ist hier, welche Keywords am meisten gesucht werden und welche Nutzerintention diese haben, denn anhand dieser Informationen kannst du deine Website sinnvoll optimieren und weiter ausbauen. Die Keywordrecherche ist der erste und wichtigste Schritt für dein Optimierungsvorhaben und sollte daher fester Bestandteil deiner Arbeit sein. [15]
Dabei kann dir die Recherche helfen
Die Recherche von Keywords ist für den Erfolg einer Website von großer Bedeutung und daher ein fester Bestandteil des Online-Marketings. Du fragst dich trotzdem wieso du dich an einer Recherche versuchen solltest? Hier findest du meine Top 4 Gründe:
1. Do it for the Blog!
Mit Hilfe der Recherche kann auch die Themenfindung für deinen Blog deutlich vereinfacht werden. Mit der Keywordrecherche kannst du herausfinden wonach deine Zielgruppe am meisten sucht. Schreibe deinen Blogbeitrag und pflege dabei Keywords ein. Starte mit dem Fokus Keyword und füge anschließend passende Nischenkeywords hinzu.
Achtung: Keywords sollten nicht nur verwendet werden, weil sie ein hohes Suchvolumen haben. Die Chancen auf ein gutes Ranking sind hier eher gering, da auch weitere Einflussfaktoren wie der Wettbewerb eine Rolle spielen. Trau dich ruhig Keywords mit etwas weniger Suchvolumen zu nutzen. Eine weitere Alternative wären Long Tail Keywords.[16]
2. Werde dir über den Markt bewusst
Die Keywordrecherche hilft dir dabei den Markt besser kennenzulernen und zu verstehen, denn durch diese Methode können unter anderem Probleme und Ängste deiner Kunden offengelegt, neue Kunden dazugewonnen, Mitbewerber analysiert oder neue Märkte erschlossen werden.[17]
3. Für mehr Buzz: Advertising in Suchmaschinen
Falls du Interesse an der Suchmaschinenwerbung (SEA) hast, wird dir die Recherche auch hier helfen, eine erfolgreiche Ads Kampagne auf die Beine zu stellen. Kampagnen mit den richtigen Keywords haben eine größere Reichweite und bringen dir zudem mehr Traffic.[18]
4. Gib deiner Seite den letzten Schliff
Unabhängig davon, ob du einen Blog, Onlineshop oder einer Unternehmensseite führst, durch die Recherche kannst du wertvolle Erkenntnisse gewinnen, um deine Seite zu optimieren. Je besser deine Inhalte sind, desto wahrscheinlicher ist es, dass deine Seite gefunden wird!
Tipp: Setzte dich mit deinen Produkten oder deinen Dienstleistungen auseinander und schaue welche Suchbegriffe genutzt werden. Hier ist dein Verstand gefragt! [19]
Do it yourself!
Du bist neugierig geworden? Dann probier es einfach mal aus! Einen genauen Leitfaden findest du in diesem Video.
Hier findest du eine Übersicht der verwendeten Online-Tools aus dem Video sowie einige Alternativen:
Die Keywordrecherche ist ein unverzichtbares Werkzeug im Online-Marketing und ist das A und O, wenn du deine Seite optimieren möchtest. Schöpfe das volle Potenzial deiner Seite aus, schreibe relevante Blogbeiträge, lerne den Markt und deine Kunden besser kennen oder plane eine erfolgreiche Ads Kampagne. Mit dieser Methode gelingt es dir bestimmt!
Auf der Website befinden sich…
…Großartige, Originelle, Ordentliche, Greifbare, Leserliche Ergebnisse!
Und wie erreiche ich dieses?
Indem du deine Inhalte aus SEO-Sicht optimierst! Die nächsten Schritte erklären dir kurz und knapp, was du in Bezug auf deinen Content machen kannst, damit deine Website bei Google eine gute Bewertung erhält. Kommen wir zum Grundlegenden.
Warum sollte ich meine Inhalte für Google optimieren?
Der Weg zu einem besseren Ranking bei Google.
Zuallererst ist es wichtig, dass du den Grund für die Optimierung deiner Ergebnisse verstehst. Siehst du den freundlich lächelnden Smiley? Das bist du. Du hast eine Website, die mit Inhalten gefüllt werden muss. Der Begriff „Inhalt“ ist jedoch sehr breit aufgestellt. Also kommen wir zur ersten eigentlichen Frage – welche Inhalte gibt es?
Content über Content
Wie du sicher schon bemerkt hast, wird der Inhalt einer Website meistens auch „Content“ genannt. Hinter diesem Begriff verstecken sich allerhand Ergebnisse, die du auf deiner Website veröffentlichen kannst, um deine jeweilige Zielgruppe anzusprechen.
Jede dieser Inhaltsformen bringt besondere Anforderungen mit sich. Im nächsten Schritt erfährst du genauer, was du bei Bildern, Texten und Videos machen kannst, damit Google sagt: „Deine Website hat tolle Inhalte, sie bekommt den ersten Platz!“[1]
Bilder, Texte und Videos aus SEO-Sicht
Selbstverständlich gibt es außer Bildern, Texten und Videos noch weitere Inhalte, die du auf deiner Website platzieren kannst. Bei jeglichem Content ist es allerdings wichtig, dass du darauf achtest, dass dieser den Nutzern einen Mehrwert bietet. Das erreichst du im Allgemeinen, wenn der Inhalt einzigartig und auf die jeweilige Zielgruppe ausgerichtet ist. Dabei soll er bestenfalls zu Interaktionen, wie dem Klicken auf Buttons, Teilen oder Liken von Beiträgen oder dem Ausfüllen des Kontaktformulars führen[2]. Damit du dies in Bezug auf Texte, Bilder und Videos erreichst, gehe ich darauf nun detailliert ein.
Bilder optimieren
Durch Bilder auf Platz 1
Es ist wichtig, dass du Bilder auf deiner Website nutzt, da diese zum einen die Optik deiner Seite sehr aufwerten, aber auch wichtige Informationen an den Nutzer bringen können. Das Ranking von bebilderten Websites ist einfach besser.
Dateiformat & Dateigröße anpassen
In Bezug auf die Ladezeit deiner Website rate ich dir, auf Dateigröße und dennoch gute Qualität der Bilder zu achten. Dazu solltest du hochauflösende Bilder ggf. komprimieren und gängige Dateiformate nutzen, wie:
PNG
JPG
GIF
Richtige Datei-Metadaten nutzen
Wie Google den Inhalt deines Bildes erkennt? Durch den Dateinamen! Deshalb bitte das Motiv immer als Name verwenden und nicht einen Platzhalter, wie „Bild1“. Trenne mehrere Wörter dabei mit Bindestrichen (keine Unterstriche verwenden!). Ein letzter Tipp zum Dateinamen – vermeide Großbuchstaben, Sonderzeichen und Umlaute.
Bei der Festlegung des Alt- und Title-Tags gibt es allerdings ebenfalls SEO-Möglichkeiten, du du nutzen solltest. Beim Title-Tag bitte den Dateinamen des Bildes verwenden, da Google dadurch einen Blick in den Bildinhalt erlangt. Den Title-Tag kann der Nutzer sehen, indem er mit der Maus über das Bild fährt.
Der Alt-Tag hingegen erscheint dem User, wenn das Bild nicht angezeigt werden kann. Zudem nutzen Programme diesen, um den Inhalt für Sehbehinderte zu umschreiben. Der Tag ist im Allgemeinen dazu da, das Bild thematisch zu beschreiben, sodass Google es einordnen kann. Dabei kannst du zum Beispiel Synonyme gut unterbringen.
Kontext & Thematik
Dein Bild sollte thematisch immer zum restlichen Inhalt deiner Website passen, da Google, wie zuvor erwähnt, den Bildinhalt erkennen kann und das bei dem Ranking der gesamten Seite berücksichtigt. Bei der Bildposition ist es von großer Bedeutung, dass sich das Bild immer auf den jeweiligen Text bezieht.
schummeln geht nicht
Da die Technologien von Google immer besser werden, kann die Suchmaschine mittlerweile, unabhängig von den Metadaten, grob erkennen, was sich auf deinem Bild befindet, sodass die Angabe falscher Metadaten sehr schädlich ist. Auch ist es besser, wenn du die Bilder selbst erstellst und keine Bilder nimmst, die schon sehr viel im Web herumschwirren. Lade jedes Bild aber bitte nur einmal, sonst handelt es sich um Duplicate-Content! Nichtsdestotrotz kannst du es mehrfach einbetten, wenn es passt“[3].
Suchmaschinenoptimierte Texte
Mit Texten nach oben klettern
Auch Texte beinhalten einige Aspekte, die du beachten und optimieren solltest, damit deine Website bei Google nach oben klettern kann.
Text ist Text
Egal ob es sich bei deinem Text um eine Produktbeschreibung, einen Blogbeitrag oder Ähnlichem handelt – jeder Text sollte für die Suchmaschine aufbereitet und von dieser verstanden werden, um dein Ranking zu verbessern.
Keywords sind King
Bitte nutze Keywords in deinen Texten. Normalerweise geschieht das fast automatisch, wenn du deinen schriftlichen Content an deiner Zielgruppe ausrichtest. Allerdings solltest du Aspekte, wie die Keyworddichte besonders beachten.
Die Keyworddichte beschreibt dabei das relative Verhältnis der Keywords zum restlichen Inhalt deines Textes. Diese sollte ca. 3-4% betragen. Da die Texte in der Regel aber für die Nutzer deiner Website geschrieben werden, ist es ratsam, das Schriftstück nicht zu überladen. Beachte dabei:
Keywords in allen Abschnitten & in den Überschriften verwenden
Synonyme von Keywords nutzen
Kein zwanghafter Einsatz der Keywords
Grammatikalische Anpassungen & Füllwörter sind erlaubt
Benutzerfreundlichkeit ist das A und O!
Auf den Aufbau kommt es an
Die Hierarchie der Überschriften
Deine Überschriften müssen logisch aufgebaut sein. Dabei gibt es immer nur eine als <h1> (HTML) ausgezeichnete Headline. Anschließend kann es mehrere <h2> geben. Werden Abschnitte darunter nochmals gegliedert, kommen <h3> Überschriften zum Einsatz.
Absätze – nicht nur schick, sondern auch praktisch
Absätze sind nützlich, wenn du die Strukturierung deines Textes und die Lesbarkeit für den Nutzer verbessern möchtest. Zudem kannst du sogenannte Sprungmarken einbinden, damit der User zu bestimmten Textstellen springen kann. Diese sind möglicherweise ebenfalls Teil des Google-Suchergebnisses – eine Win-win-Situation!
Nutzer lieben ausklappbare Texte, denn sie ermöglichen eine schnelle Navigation und Übersicht deiner Website. Gerade auf den mobilen Endgeräten ist das von großer Bedeutung. Wichtige Inhalte sollten jedoch gut sichtbar sein. Bezüglich der Schriftart und -farbe musst du ein paar Sachen berücksichtigen:
Herkömmliche Browser müssen deine Schriftart darstellen können
Nutzer müssen deine Schrift gut lesen können
Schriftfarbe ungleich der Hintergrundfarbe verwenden
Technisch: Den Text nicht über „display:none“ verstecken
Die Länge ist alles (oder doch nicht?)
Bezüglich der Textlänge gibt es keine allgemeine Regel. Stattdessen musst du dich in deine Zielgruppe hineinversetzen und überlegen: „Warum sucht der Nutzer danach? Möchte er Informationen bekommen oder nur eine Transaktion abschließen?“ Denn dein Text sollte so lang wie nötig, aber so kurz wie möglich sein. Das heißt, du musst die Suchanfrage deines Nutzers bestmöglich beantworten, ohne den Text künstlich durch Phrasen etc. zu verlängern [4].
Videos sind nicht gleich Videos
Das Ranking pushen durch Videos
Videos können dein Ranking ebenfalls pushen, wenn du weißt wie. Hier ein paar Tipps und Tricks!
Das passende Storytelling
Jedes Video sollte dem Nutzer einen Mehrwert bieten, also inhaltlich wertvoll und aussagekräftig sein. Gestalte die Erzählweise spannend, damit der User lange auf dem Video verweilt, was bei Google und YouTube stark ins Ranking mit einfließt.
Videos zum Mitmachen
Feedback von den Zuschauern in Form von Kommentaren, positiven Bewertungen und Aufrufen wird von Suchmaschinen stark berücksichtigt, weil es einen Einblick in die Qualität und Relevanz des Filmchens gibt. Nichtsdestotrotz musst du dein Video auch aus technischer Sicht etwas aufpeppen, damit es gefunden und thematisch eingestuft werden kann.
Auch hier kommen Keywords zum Einsatz
Bereits zu Beginn solltest du ein Hauptkeyword festlegen. Dies ist dann der zentrale Begriff mit dem du im Ranking gegen Andere antrittst. Der Begriff sollte das Videothema dabei bestmöglich aufgreifen. Tipp: Vergleiche die Synonyme des Begriffs und achte dabei auf ihre Suchbeliebtheit, bzw. das sogenannte Suchvolumen. Das kannst du beispielsweise mit dem Google Keyword-Planner kostenfrei herausfinden.
Den richtigen Namen & Titel finden
Wie bei der Benennung anderer Inhalte ist es essenziell, dass sich der Name auf die Thematik des Videos bezieht und das Keyword enthält. Auch der Titel des Filmchens sollte das Hauptkeyword beherbergen, allerdings möglichst weit vorne, da es dann eine größere Relevanz hat. Beachte:
Der Titel sollte den Inhalt optimal benennen & Neugier wecken
Gestalte den Titel so kurz, wie möglich (max. 60 Zeichen)
Die Gestaltung der Description
Die Description, übersetzt Beschreibung, ist der begleitende Text deines Videos. Er ist am einfachsten zu indexieren und sollte aus mindestens 150-200 Zeichen bestehen. Nutze hier bitte ebenfalls Keywords! Die Reihenfolge spielt allerdings keine Rolle. Unterstütze dein Hauptkeyword durch Synonyme und Nebenkeywords, da es dadurch thematisch genauer eingeordnet werden kann.
Zusätzlich kannst du die Beschreibung dazu nutzen, um deine Ziele zu erreichen. So kannst du URLs in ihrer vollen Läge zu Beginn einbinden, damit die User diese möglichst anklicken. Auch Hashtags (#) können zum Beispiel bei YouTube eingebunden werden und dienen dann automatisch als Links zur Suchergebnisseite. Die Hashtagverwendung bringt folgende Tipps mit sich:
Die Hashtags müssen zum Inhalt passen
Nicht mehr als 15 Stück verwenden
Vor allem bei aktuellen Themen nutzen
Der erste Eindruck zählt – das Thumbnail
Das Vorschaubild muss so gestaltet sein, dass es den Nutzer neugierig auf den Inhalt des Videos macht. Dabei sollte es in Kombination mit dem Titel den Inhalt bzw. die Thematik ansprechend und bestmöglich veranschaulichen.
Videos überall
Internetseiten mit bewegtem Content erhalten bei Google eine größere Relevanz, als Seiten, die nur Text beinhalten. Deshalb bietet es sich an, eigene Videos auf der Website zu platzieren. YouTube kannst du in dem Fall gut als Hoster gebrauchen. Bestenfalls erscheinst du mit dem Video dadurch in den Google-Suchergebnissen mitsamt des Thumbnails. Folgendes kannst du zusätzlich machen:
Nutze zusätzliche Portale & Netzwerke, um Nutzer zu erreichen
Mache Werbung für dein Video über Social Media Kanäle
Es gibt auch die Möglichkeit des Erwerbs von Reichweite, indem du Geld investierst [5].
Content Marketing – eine moderne Disziplin
Die Contentoptimierung in Bezug auf Internetseiten ist mittlerweile ein großer Bestandteil im Arbeitsleben von vielen SEO-Spezialisten geworden. Zum Abschluss hast du hier einen kleinen Überblick, was hinter diesem riesigen Bereich genau steckt und warum das Content Marketing so wichtig ist.
Ein kleines Quiz – teste dich!
Viel Erfolg!
Ich hoffe, dass du mit Hilfe von diesem Beitrag deinem Traum, ganz oben in den Suchergebnissen bei Google zu sein, ein Stückchen näher gekommen bist. Natürlich gibt es keinen goldenen Weg, da sich Technologien fortwährend weiterentwickeln und verändern. Doch hab Geduld, die Arbeit lohnt sich!
4 Vgl. Dziki, Luisa (2018): How To: So schreibst du einen SEO-Text. Herausgegeben von: Seokratie GmbH. Zuletzt aktualisiert am 06.09.2018. Online unter https://www.seokratie.de/seo-texte-schreiben/ [Abruf am 27.05.2020]
5Vgl. how2 AG (2014): Videos selbst Optimieren: Die 10 wichtigsten Punkte für ein besseres Ranking auf Google und YouTube. Zuletzt aktualisiert am 07.09.2014. Online unter https://how2.expert/blog/erklaervideo-video-seo.html [Abruf am 27.05.2020]
Was ein Video ist muss ich dir wohl nicht mehr erklären. Bewegte Bilder gibt es durch die Erfindung des Fernsehers bereits viele Jahrzehnte. Videos sind hingegen erst durch das Internet sehr populär geworden. YouTube hat dabei selbstverständlich eine riesige Rolle gespielt.
Bewegte Bilder wurden zunächst live übertragen und durch Videos schließlich auch vorgefertigt aufgezeichnet. Die Technik hat sich durch höhere Auflösungen und bessere Farben etc. deutlich verbessert, aber gab es wirklich revolutionäre Veränderungen für den Zuschauer? Wir sitzen vor dem Bildschirm und gucken nur zu. An der Technik haben wir doch schon so viel getan, warum nicht auch dem Zuschauer neue Funktionen geben? Bist du auch davon gelangweilt die Geschehnisse einfach hinzunehmen? Dann sind interaktive Videos genau das Richtige für dich.
Wenn dir jemand mehr Kontrolle geben will, würdest du es ablehnen?
Interaktive Videos animieren den Nutzern Interaktion durchzuführen und ermöglichen somit Kontrolle über den Inhalt. Somit werden diese Art von Videos nicht passiv konsumiert – ganz im Gegenteil: Du als Zuschauer nimmst eine aktive Rolle ein und beeinflusst den Inhalt. Obwohl diese Videos schon seit Jahren existieren, sind sie immer noch kaum verbreitet.[1]
Einsatzmöglichkeiten
Diese Technik kann in vielen Bereichen eingesetzt werden.
Beispiele:
Lehre
Werbung
Entertainment
Vorteile von interaktiven Videos
Die Marketingagentur Room214 gibt mit ihrer Statistik an, dass die Click-Through-Rate bei interaktiven Videos bei 5-12 % liegt. Die üblichen Videos hingegen liegen bei nur 1-2 %. Außerdem wurden sie zu 90% vollständig angeschaut. Normale Videos wurden hingegen zu 50% – 85% komplett angeschaut. Ein weiterer Vorteil ist, dass die Anzahl der Aufrufe steigt. Dies kommt zustande, weil verschiedene Szenarien auswählbar sind und die Neugier der Zuschauer somit steigt. Sie wollen nämlich wissen, wie das Video ausgeht, wenn sie einen alternativen Pfad auswählen.
Einsatz in der Lehre
Die Technik hat vor allem in der Lehre sein Nutzen. Es ermöglicht über interaktive Punkte die Aufmerksamkeit zu fokussieren. Dadurch können die Inhalte des Videos vertieft werden.
„Diese interaktiven Punkte erlauben es, die Aufmerksamkeit der lernenden Person auf eine bestimmte Sequenz oder ein bestimmtes Detail des Videos zu lenken und tragen damit zum Verständnis des Videoinhalts bei. Auf diese Weise können die Lernenden das Maß an
Informationen regulieren und damit eine kognitive Überlastung vermeiden.“
Abb. 1.: Mehrwert von Videos und interaktiven Videos aus der Sicht von Lehrpersonen[3]
Vor allem für Lernende mit wenig Vorstellungskraft ist diese Technik somit besonders hilfreich!
Beispiele
Honda Presents The Other Side
Beim folgenden Video handelt es sich um eine Werbung von Honda. In diesem Video kannst du parallel zwei Geschichten erleben. Per Mausklick oder R-Taste kannst du entscheiden, welche Story du sehen möchtest.
360° Video New Lipton Magnificent Matcha Tea Takes You Inside the Cup
In diesem Fall dachte sich Lipton „Warum nicht mit einem 360° Video unseren Tee vermarkten?“. Diese Technik ermöglicht dir das Video aus verschiedenen Perspektiven zu sehen. Außerdem kannst du entscheiden, was du dir genauer anschauen möchtest.
Star Wars: Welche Farbe hat dein Lichtschwert?
Star Wars Fans aufgepasst, denn dieses Beispiel ist etwas Besonderes! Hierbei handelt es sich um eine Reihe von Videos die zusammen eine Interaktive Geschichte bilden. Du kannst nämlich am Ende des Videos selbst wählen, wie die Geschichte weitergeht. Dafür wirst du zu einem nicht gelisteten Video weitergeleitet. Am Ende erfährst du welche Farbe dein Lichtschwert hat.
Fazit
Interaktive Videos sind die Weiterentwicklung von Web Videos. Auch wenn die Technik noch nicht sehr verbreitet ist, zeigt sie sehr viel Potential für die Zukunft. Immer mehr Streamingdienste bieten bereits interaktive Titel an, denn die Nachfrage steigt. Video ohne Interaktionen mit dem Zuschauer können in naher Zukunft deutlich an Beliebtheit verlieren. Anbieter wie auch Nutzer profitieren von dieser Technik. Die Nutzung macht nicht nur Spaß, sondern hat viele Vorteile für beide Seiten. Eins ist klar, interaktive Videos werden das Internet revolutionieren!
In einigen Lehrveranstaltungen haben wir uns mit der medialen Aufbereitung von Inhalten rundum den Studiengang Informationsmanagement befasst.
Beiträge zu IM-Themen, Videos, was Informationsmanagement überhaupt ist, interaktive Storytellings zum studentischen Leben oder Infografiken mit JavaScript findet ihr hier in unserer bisherigen Sammlung.
Autorin: Anna Feldbarg Willkommen in einer digitalen Ära, die uns unendliche kreative Möglichkeiten bietet! Vor allem Instagram hat eine Bühne geschaffen, auf der wir unser künstlerisches Talent entfalten und fesselnde Geschichten erzählen können. Und das Beste daran ist: Als Foodblogger:in kannst du deine Rezepte jetzt noch lebendiger gestalten! Dank der Zusammenarbeit zwischen Canva1 – einer …
Autor: Oguzhan-Burak Bozkurt Durch den kontinuierlichen und raschen Fortschritt in jüngster Zeit auf den Gebieten von Big Data und KI-Technologien sind heutzutage insbesondere Teilbereiche des Informationsmanagements gefragter als je zuvor. Die Rolle des Informationsmanagers und Data Scientists besteht darin, Methoden zur Erfassung und Verarbeitung von Informationen aus unterschiedlichen Datenquellen anzuwenden. Zudem ist er befähigt, Entscheidungen …
Autor*innen: Leoni Albert und Elias Huisl Aufgrund der aktuell steigenden Energiekosten wird das Thema „Energiesparen“ für Verbraucher*innen immer wichtiger.1 In dem folgenden Artikel untersuchen wir gemeinsam, ob Energiesparen durch Smart Home möglich ist und mit welchen Tools Sie Kosten sparen können. Inhaltsverzeichnis 4 smarte Möglichkeiten, mit denen Energie eingespart werden kann Ein Smart Home muss …
Autor*innen: Lukas Vojkovic und Ann-Christin Thoma Übersicht Intro Künstliche Intelligenz (KI) wird normalerweise damit in Verbindung gebracht, Menschen bei Aufgaben zu unterstützen, die durch Automatisierung besser erledigt werden können.Mit dem fortschreitenden technischen Wandel ist es der KI heutzutage aber nicht nur möglich, fortschriftliche visuelle Effekte in Filmen zu liefern oder den Videoschnitt zu erleichtern, sondern …
Autorinnen: Bonnie Huntemann und Nicole Hafner Ein neues Filmerlebnis? Die Filmindustrie und vor allem der Streaming-Anbieter Netflix haben in den letzten Jahren mit einem selbst produzierten Aufgebot an interaktiven Filmen eine Art Hype geschaffen. Ob mit der ganzen Familie auf der Couch oder alleine in den öffentlichen Verkehrsmitteln: Zuschauer*innen empfinden eine starke Bindung zum Geschehen …
Autor*innen: Jessica Arnold und Jan Heinemeyer DeepNash ist die neue KI der Firma Deepmind, die erstmals in der Lage ist das Brettspiel Stratego trotz unvollständiger Informationen zu meistern. Inhalt Die neue KI DeepNash Während die künstliche Intelligenz „AlphaZero“ Schach und „MuZero“ als Nachfolger verschiedene Spiele der Spielkonsole Atari meisterte, veröffentlichte die Firma Deepmind die nächste …
Autorinnen: Jennifer Tews und Katharina Trommer Die Kundschaft ist König – doch was erwartet sie eigentlich? Was erwarten Kund:innen von einem Produkt oder einer Dienstleistung und womit lassen sie sich begeistern? Für Unternehmen oder Dienstleister ist es wichtig, die Bedürfnisse seiner Kund:innen sowie deren Ansprüche und Wünsche zu kennen und im besten Fall zu erfüllen. …
Autor: Hendrik Kuck Komponieren mithilfe von Künstlicher Intelligenz? Zukunftsmusik oder bereits Alltag in der Musikbranche? Wie funktioniert so etwas? Und wer profitiert davon? Mögliche Antworten liefert der folgende Artikel zum Thema „Künstliche Intelligenz in der Musikkomposition“. Inhaltsverzeichnis KI in der heutigen Musikproduktion Künstliche Intelligenz nimmt in unserer Gesellschaft eine immer zentralere Rolle ein. Sie …
Autoren: Marian Berdyszak und Tom Kuhn Die weltweite Musikindustrie ist im Wandel. 2017 wurde erstmals mehr Geld durch Musikstreaming eingenommen als durch den Verkauf von CDs, Schallplatten & Co. Somit liegt auch der Fokus großer Plattenlabel auf dem digitalen Musikmarkt. Führt diese Änderung der Marktsituation auch zu einer Veränderung der Musik als solches? Inhaltsverzeichnis Wieviel …
Autorin: Eliza SchnetzerKI KI Inhaltsverzeichniss Wie auch in vielen anderen Bereichen der Technik macht auch das Internet of Things (IoT) große Entwicklungsschritte. Dazu gehören auch sogenannte Smart-Home-Systeme, die eine immer weitere Verbreitung in deutschen Haushalten finden. Aus den vielseitigen Anwendungsbereichen ergeben sich neben komfortablen Alltagshilfen auch einige Fragen zur Sicherheit, gerade hinsichtlich Datenschutzes und Künstliche …
Autorin: Annika Bleich Ein Prompt ist eine Texteingabe bestehend aus wenigen Stichworten. Sie dient der KI eines Bildgenerators als Grundlage für das Erzeugen von Bildern und ermöglicht es jeder Person, auch dir, die eigenen kreativen Ideen in Bildern umzusetzen. Aber können einzelne Stichworte wirklich das Potenzial eines Kunstwerks innehaben? Inhalt Einführung Sei PromptkünstlerIn Wie funktioniert …
Autorinnen: Luisa Rabbe und Emelie Rademacher Die zunehmend komplexe Gestaltung digitaler Angebote und Dienste in den letzten Jahren hat starke Konzentrationstendenzen in der Datenökonomie verursacht. Einige Großunternehmen sammeln beträchtliche Datenmengen, kombinieren diese und werten die neuen Daten aus.[1] Dadurch können anonymisierte Daten häufig re-identifiziert werden.[2] Was hat das nun mit digitaler Datenanalyse zu tun? In diesem …
Autorinnen: Charlotte Böddicker und Kim Kirner Im Zuge der Corona-Pandemie hat das Thema E-Learning an Hochschulen weiter an Bedeutung gewonnen. Das erfordert von den Lehrenden die Weiterentwicklung alter und Umsetzung neuer digitaler Lehrmethoden. Eine Methode ist die Vermittlung von Lehrinhalten mithilfe interaktiver Videos. Doch wie setze ich diese ein und was sind überhaupt interaktive Videos? …
Autor*innen: Robin Alo und Davud Kilic SEO ist undenkbar ohne User Experience! Warum? Das werden wir Ihnen in diesem Blogbeitrag aufklären. Viele glauben, dass SEO und User Experience zwei getrennte Dinge sind, jedoch haben sie viel mehr miteinander zu tun als man denkt. Vorerst wollen wir auf die Begrifflichkeiten SEO (Search Engine Optimization) und User Experience …
Autorin: Daniela Tavano Trotz drohendem Fachkräftemangel gibt es nur wenige attraktive und berufsbegleitende Möglichkeiten sich als Fachangestellte(r) für Medien- und Informationsdienste im Bibliothekswesen bzw. Informationsmanagement weiterzubilden. Ein „normales“ Studium ist für FaMIs oft nicht umsetzbar, da ein fester Arbeitsplatz, familiäre Bindung oder finanzielle Gründe dem entgegen stehen.2 Zum Glück gibt es seit 2012 an der …
Autor*innen: Ömer Topcu und Anela Iljijazi Python ist eine Programmiersprache, deren wichtigstes Merkmal die Einfachheit ist. Sie wird von einer aktiven Community auf der ganzen Welt entwickelt. Programmiersprachen sind für sich genommen vielfältig einsetzbar und werden gerade im Bereich der künstlichen Intelligenz häufig eingesetzt. Python hat Zukunft und hat sich dieses Jahr erneut vor Java …
Autoren: Dominik Hausfeld und Fynn Sylla Gliederung Was ist KI? KI (Künstliche Intelligenz) bezieht sich auf die Fähigkeit von Computer-Systemen, Aufgaben zu verstehen und durchzuführen, die normalerweise erfordern, dass ein Mensch Intelligenz besitzt, wie das Verstehen von Sprache, das Lösen von Problemen, das Lernen aus Erfahrungen und das Erkennen von Mustern. Es gibt verschiedene Arten …
Autor*nnen: Rhian Krische und Eva Christina Wirsing Die COVID-19-Pandemie zwang Lehrkräfte, ihre Unterrichtsmethoden zu ändern. Da Massenlockdowns weltweit die Norm waren, gewannen Videokonferenzplattformen wie Zoom, BigBlueButton und Microsoft Teams plötzlich an Beliebtheit. Dies veränderte die Unterrichtsatmosphäre für viele Lehrkräfte und Studierende schlagartig und brachte eine Vielzahl neuer Herausforderungen mit sich. Diejenigen, die Online-Kurse und -Tutorien …
Autor: Nils Merlin Linde Inhaltsverzeichnis Was ist das? „OBS Studio“ kurz für „Open Broadcaster Software Studio“ ist eine kostenlose Recorder-Software mit der man Audio und Video aufnehmen und auch live ins Netz streamen kann. Die Open Access Software kann man beispielsweise für E-Learning, Online-Vorlesungen, Online-Konferenzen oder auch für das Erstellen von eigenen Videos benutzen, die …
Autorinnen: Giulia Salamone und Elisabeth Greil Künstliche Intelligenz und Roboter sind seit langem schon in der Industrie im Einsatz. In Informationseinrichtungen wie Bibliotheken rückt die Künstliche Intelligenz somit nun immer mehr in den Fokus. Daraus resultierend werden humanoide Roboter in den Servicebereich von Bibliotheken integriert, wohingegen es eine Vielzahl an Einsatzmöglichkeiten für humanoide Roboter in …
Authors: Linh Nguyen and Shion Kimu Did you ever wonder how fictional animated movies and arts are produced? With constant development of digital technologies, we are more and more mesmerized by their capabilities. Pictures and paintings are not no longer created only by colors and brushes anymore. Now they are being created by lines of …
Autor*in: DB Inhaltsverzeichnis Ein tragisches Beispiel In einem TikTok-Video berichtet eine etwa 30-jährige Frau von einem tragischen Vorfall. Ein 16 Jahre alter Junge namens Daniel engagierte sich ehrenamtlich in einer Flüchtlingsunterkunft. Als Daniel jedoch in Gegenwart der ukrainischen Flüchtlinge russisch sprach, wurden einige von ihnen aggressiv und schlugen den Jungen zusammen. Dieser starb an seinen …
Autorinnen: Vanessa Block und Mareike Bolz Wir befinden uns im digitalen Zeitalter und die Digitalisierung in Schulen ist ein Thema, das bereits seit einigen Jahren sehr präsent ist. Die Coronapandemie hat gezeigt, wie schlecht Schulen teilweise ausgestattet sind, wenn es um die Bereitstellung einer digitalen Infrastruktur geht, doch spätestens seit der DigitalPakt Schule des Bundes …
Autor: Hannes Dieterich Progressive Web Apps (PWA) sind Websites, die Eigenschaften nativer Apps mit sich bringen. Richtig eingesetzt bringt die immer noch recht neue Technologie einige Vorteile mit sich wie schnelle Ladezeiten, Offline-Funktionalität und eine bei Bedarf einfache Installation. Außerdem werden PWA wie „normale“ Websites über eine URL aufgerufen. Da Inhalte so für Suchmaschinen zugänglich …
Autorinnen: Michelle Gaßner und Mira Le Im Zeitalter der Selbstoptimierung gibt es unzählige Apps, die das Leben einfacher machen. Gesundheits-Apps werden genutzt, um zum Beispiel Kalorien zu zählen oder Sportübungen zu tracken, aber auch um mithilfe von Zyklus-Apps den Menstruationszyklus zu dokumentieren. Nutzende berichten, dass solche FemTech-Apps ein wertvolles Mittel sind, um mehr über sich …
Autorin: Tina Jahnert Pflegeroboter sollen zukünftig vermehrt in Altenheimen eingesetzt werden. Vielleicht denken Sie auch darüber nach? Erwarten Sie nicht nur Freudenschreie seitens der Senioren[1]. Wahrscheinlich werden Ihnen mindestens so viel Skepsis und Ängste wie Neugierde entgegenschlagen. Die gute Nachricht ist: Sie können ganz viel dafür tun, die Hemmschwelle für Ihre Bewohner zu senken und …
Autor: Philippe Paszkier Wir alle kennen es, man spricht mit einem Freund oder Partner über irgendein Produkt o.ä. ohne dabei überhaupt das Handy entsperrt zu haben und dann möchte man etwas googeln und die Werbung handelt von dem eben besprochenen Thema. Ich meine klar, hat so seine Vorteile da weiter machen zu können, wo die …
Autor*innen: Angelique Pál und Dennis Schmidt Wie wird die zukünftige Welt aussehen? Das ist eine Frage mit der die Menschheit sich oft auseinandersetzt und die auch in Filmen immer wieder aufgegriffen wird. Häufig spielt dabei Künstliche Intelligenz in Filmen eine Rolle. In vielen Fällen werden Maschinen dargestellt, welche mit Künstlicher Intelligenz oder kurz KI ausgestattet, …
Autorin: Kimberley Stips „Alexa, wer hat versucht, uns zu erpressen?“Ganz so leicht ist es dann doch nicht. Die Forensische Linguistik ist eine kriminalistische Hilfswissenschaft, die sich mit Sprache im gerichtlichen Kontext beschäftigt. Dazu zählen sowohl die vor Gericht verwendete Sprache wie auch beispielsweise die Autoren- und Sprechererkennung (Fobbe, S. 15 f.). Oder, um es mit …
Autorin: Magdalena Sinsel Im folgenden Artikel erfahren Sie, was Search Engine Optimization ist, warum das für jeden Host einer Website von Bedeutung ist und was das mit weißen, schwarzen und grauen Hüten zu tun hat. Viel Vergnügen! Inhaltsverzeichnis Was ist Search Engine Optimization? Search Engine Optimization, kurz SEO, umfasst alle Maßnahmen, die zu einem besseren …
Autor*innen: Laura Dembowski und Erit Grünefeld Wie oft unterhältst du dich im Alltag mit Robotern? Wenn du Siri oder den Assistenten von Google auf dem Handy benutzt, dann könnte es schon mehrmals am Tag sein. Seit ChatGPT im November letzten Jahres der breiten Öffentlichkeit zu Verfügung steht, ist das Thema Künstliche Intelligenz zudem wieder präsenter …
Autorin: Lena-Marie Hoppe Crafting meets Coding Wenn Stricken und Programmieren im selben Satz erwähnt werden, dann meist zur Verbildlichung von Gegensätzen: Tradition trifft auf Moderne, analog trifft auf digital, belächelnswertes DIY-Hobby trifft auf zukunftsorientierten Skill. Es mag widersprüchlich erscheinen, doch die Jahrhunderte alte Handarbeitstechnik und Programmiersprachen haben mehr gemein, als es auf den ersten Blick …
Autor*innen: Mandy Tanneberger und Andreas Schlüter Lesezeit: 6 Minuten Sie interessieren sich für Citizen Science, wissen aber nicht wie Sie anfangen können? Keine Angst! Dieser Leitfaden soll Ihnen den Einstieg erleichtern. Das erwartet Sie in diesem Blogbeitrag Was ist Citizen Science überhaupt? Wer kann ein Citizen Scientist werden? Wie kann ich als Citizen Scientist aktiv …
Die Teilnehmenden der Veranstaltung Recherche wissenschaftlicher Informationen durften bei einer Exkursion zur Technischen Informationsbibliothek (TIB) einen umfangreichen Einblick in den FID move erhaschen.
Autor:innen: Katharina Deymann, Alisa Held, Katharina Kroupa, Yannick Pollmann, Friederike Roth, Luise Scheiding, Nathan Scheulen, Madeleine Schütz und Marieke Tödter In ihrer Projektarbeit haben sich neun Studierende des 6. Semesters im Studiengang Informationsmanagement berufsbegleitend damit befasst, wie bestehende Lernressourcen didaktisch sinnvoll mit H5P angereichert werden können. Insgesamt wurden der Projektgruppe digitale Lerninhalte aus sechs unterschiedlichen …
Autorinnen: Tanja Hoogestraat und Heike Goebel Beim Surfen im Internet sind wir es gewohnt, eigenständig durch Klicken und Scrollen zu navigieren. Wir bestimmen selbst, welche Treffer bei einer Recherche relevant sind und welche Teile von Websites interessant erscheinen. Wenn jedoch ein Video aufgerufen wird, entwickeln wir uns häufig zu passiven Zuschauern. Bei interaktiven Videos ist …
Inhalt Vom digitalen Lesesaal zum virtuellen BegegnungsortEin digitaler Raum mit WonderWas kann Wonder?Mit WorkAdventure einen Schritt weiter gehenWas kostet WorkAdventure?WorkAdventure in der BibliothekFazitQuellen und Verweise Die digitale Transformation ist ein stetiger Wandlungsprozess, die in allen Lebensbereichen stattfindet. Im öffentlichen Leben, im Beruf und im privaten Umfeld schreitet die Digitalisierung voran und macht damit auch vor …
Autor:innen: Larissa Schmidt und Jonas Reinhard Der Anteil an Smarten Sexspielzeugen nimmt immer weiter zu, allerdings stellen Sicherheitslücken und mangelnde Datensparsamkeit bei den Geräten ein Problem dar. Im Jahr 2018 stellte Werner Schober in seinem Vortrag auf dem Chaos Communication Congress mit dem Titel Internet of Dongs – A long way to a vibrant Future …
Autorinnen: Svenja Diste und Julia Rasek Inhaltsverzeichnis Retro ist wieder in? Nicht bei Websites. Schritt 1: Probleme der alten Website analysieren Schritt 2: Ziele und Zielgruppe Schritt 3: Struktur und Design Schritt 4: Inhalt Schritt 5: Auswertung und Ausblick Schlusswort Mehr zum Thema Quellen Retro ist wieder in? Nicht bei Websites. Welche Bibliothek kennt es nicht? …
Autorinnen: Lisa Sommer und Leonora Zullufi Im Gegensatz zum statischen Content wird bei interaktiven Inhalten der dynamische Content herangezogen. Das heißt, dass es nicht nur gewöhnliche Texte zum Lesen gibt oder Bilder nur betrachtet werden. Bei interaktiven Inhalten wird der Benutzer auch aktiv in das Geschehen eingebunden. Dadurch wird die Aufmerksamkeit erregt und gewonnen. Daher …
Autorin: Maria H. Nguyen Thu Mit 2,9 Mrd. aktiven Nutzer*innen im Monat1 bestimmt Facebook die Informations- und Kommunikationswege. Kritiker werfen der Plattform seit längerem vor, die Privatsphäre von Benutzer*innen zu verletzen und nicht gegen Falschinformationen vorzugehen. Auf der Suche nach einer möglichen Alternative stolpert man über WT.Social, eine noch unbekannte Plattform von einem nicht unbekannten …
Autorinnen: Anke Engelke und Anna-Lena Lächelt Inhalt Entstehung des OPACs Usability eines modernen OPACs Visionen für die Zukunft Themenverwandte Blogs Quellen Bildquellen Entstehung des OPACs Ursprünglich wurden Bibliotheksbestände in Zettelkatalogen verzeichnet. Ein Zettelkatalog bestand aus vielen Katalogkarten (oder Zetteln), wobei auf jedem Zettel genau eine der in der jeweiligen Bibliothek vorhandenen Publikationen verzeichnet wurde. Die …
Nach spannenden drei Jahren, die einige Überraschungen bereit hielten, haben wir unser Projekt QpLuS-IM nun beendet. Einzelheiten zu Ergebnissen und Erkenntnissen findet Ihr im Abschlussbericht des Projekts auf unserem QpLuS-IM Blog: Erfolgreicher Projektabschluss Auch eine News auf der HsH-Website fasst es gut zusammen: Erfolgreicher Projektabschluss des Q+ Projekts „Komm’Se digital lernen“ Herzlichen Dank an alle …
Autorin: Janica Kuhr Wie kodiere ich einen Stammbucheintrag mit XML-TEI und welchen Nutzen hat die Anwendung dieser Mark-Up-Language bei der Erschließung des Eintrags für die Forschung? Mit diesen Fragen befasst sich dieser Beitrag. Inhalt Was ist ein Stammbuch? Was ist TEI? Kodierung des „Werther-Stammbuchs“ mit TEI Kodierung des Stammbucheintrags von Christian Albrecht von Kielmannsegg Auszeichnung …
Autorin: Lene-Christine Brammer Bibliotheken haben den Auftrag, Medien und Informationen für Nutzerinnen und Nutzer aufzuarbeiten und bereitzustellen. Doch jedes Jahr werden mehrere Millionen Publikationen veröffentlicht. Die DNB allein verzeichnete den Zugang 2.352.693 neuer Einheiten im Jahre 2020[1]. Wer soll da den Überblick behalten? Text und Data Mining kann hier Abhilfe schaffen. Was ist Text und …
Autor: Simon Kugler Wie Fan Fictions entstanden und warum sie gegen das Urheberrecht verstoßen Wie Fan-Fiction-Autoren und RPG-Betreiber mit der geltenden Rechtslage umgehen Wie sich die Fan-Fiction-Kultur professionalisiert und was aus dieser Entwicklung erwächst Abschnitt 1 – Der ReichenbaChfall Altes Konzept – modernes Phänomen Das Weitererzählen, Verändern oder Umformen bestehender Erzählungen hat eine lange Historie …
Autor*in: Lea Weiß Beschäftigt man sich mit der Erstellung von Webseiten, begegnen einem früher oder später auch die Begriffe User Experience (UX) und Search Engine Optimization (SEO). Wenn Du diese Begriffe noch für komplettes Neuland hältst, bist Du hier genau richtig. Beleuchten wollen wir dabei die Kombination von User Experience und SEO. Nach einer kurzen …
Autor: Leopold Paris Das Thema im Rat der Europäischen Union Ende 2020 war „Verschlüsselung von online Kommunikation“. Der Rat der EU diskutiert, wie z. B. E-Mails, WhatsApp Nachrichten oder Snaps von einem internetfähigen Gerät zum anderen gelangen. Eine Geschichte über die Crypto Wars. „Da gibts doch nichts großes zu diskutieren“, würde jetzt manch einer sagen. …
Autor: Esben Christian Pedersen Inhalt Was ist Flask überhaupt? Installation Hello World Routing and Views Template Engine Jinja Fazit Was ist Flask überhaupt? Flask ist ein WSGI Micro-Framework für Webapplikationen. Ursprünglich wurde Flask als Aprilscherz von Armin Ronacher im Jahr 2010 entwickelt. Auf Grund steigender Beliebtheit unter den Usern, gründete Armin Ronacher die „The Pallets …
Autorinnen: Maria Sael & Jeanice Noraman Link zur Animation Quellcode als zip-Download Inhalt Einleitung Konzept Aufbau Code HTML CSS JavaScript Anmerkung Quellen Einleitung Jedes Unternehmen hat eine Geschichte, diese wird häufig auf der Unternehmenswebsite dargestellt. Doch wie kann man sich als Unternehmen von anderen abheben und die (potenziellen) Kunden und User ansprechen? Eine Möglichkeit, um …
Autorinnen: Maria Olberg und Elisabeth Rutt In diesem Tutorial zeigen wir, wie man eine interaktive Animation entwickeln kann. Wir stellen dazu unsere Animation vor und gehen auf das Konzept, Techniken und Besonderheiten der Animation sowie Ausschnitte des Quellcodes ein. Link zur Animation ZIP-Ordner zum Downloaden Inhaltsverzeichnis Das Konzept unserer Animation Aufbau der Animation Der Quellcode …
Autorin: Linda Groß Cloudbasierte Bibliothekssysteme gelten als die neue Generation von Bibliotheksverwaltungssystemen. Sie bieten eine innovative Möglichkeit, wie Bibliotheken ihre zahlreichen Daten verwalten und täglichen Geschäftsgänge möglichst einfach abwickeln können. Mittlerweile werden sie auch in Deutschland immer häufiger eingesetzt. So arbeiten die Berliner Universitätsbibliotheken bereits seit 2015 mit einer solchen Software.1 Auch in Nordrhein-Westfalen läuft …
Autor: Nils Dille Computer waren früher ernsthafte Geräte für ernsthafte Arbeit und demnach auch nicht sehr einfach zu bedienen oder zugänglich.6 Der 1981 erschienen IBM 5150 startete bei einem umgerechneten Preis von ca. 4.400$ und kam dabei nicht mal mit einem Diskettenlaufwerk. Laden und Speichern von Programmen und Daten war so nur über Audiokassetten möglich. …
Bibliotheken sind weit mehr als reine Aufbewahrungsorte für Medien aller Art. In diesem Beitrag zeigen wir, inwieweit sich Bibliotheken im Sinne von Smart Libraries weiterentwickelt haben und welchen Nutzen Kund*innen davon haben. Struktur des Beitrages: Was ist Smart? Smart City Wheel Smart Libraries- Wie sieht’s in der Praxis aus? Fazit Was ist Smart? Der …
Autor: Jannis Fortmann Link zum SpielZip Datei zum Download Inhalt Von Anfang an war es mein Plan, ein simples und optisch ansprechendes kleines Spiel zu designen, bei dem Animationen sinnvoll zum Einsatz kommen. Nach ein paar verworfenen Ideen entschied ich mich für diese Variante, bei der die räumliche Wahrnehmung und das Gedächtnis des Spielers auf …
Oder: It’s not about the design, it’s about the thinking! Autorin: Katharina Kroupa „Man kann über Design Thinking noch so viel Positives erzählen, die Arbeitsweise und ihre Wirkung erklären: Um sie wirklich zu verstehen, muss man sie selber hautnah miterlebt haben.“ Marcel Plaum, VP Terminal Development Fraport Na, macht dich das neugierig zu erfahren, was …
Autorin: Sabine Volkmer In diesem Beitrag geht es hauptsächlich um die Frage: Was ist ein digitaler Objektidentifizierer und wozu ist er gut? Inhalt: DOI-Vergabe Aufbau eines digitalen Objektidentifizierers (DOI) Vom DOI zum Dokument weitere Informationen Quellenverzeichnis Wortsuchspiel Weitere Beiträge Offenbar muss heutzutage fast alles mit Hilfe einer Identifikationsnummer zugeordnet werden. Selbst der Mensch. Jeder kennt …
Autorin: Merle Stegemeyer „Wir leben in einer postdigitalen Situation. Die Leute wollen sich wieder real begegnen, öffentliche Räume werden wieder wichtiger.“[4] – Reinert Mithassel, Leiter der Biblio Tøyen Reinert Mithassel, Leiter der Biblio Tøyen in Oslo, spricht damit wohl nicht nur die andauernde Corona Pandemie an, sondern äußert den Wunsch vieler Menschen ihrer Umgebung und …
Inhalt Maker und Makerspaces Ausstattung und Angebot Makerspaces als Aufgabe von Öffentlichen Bibliotheken Anmerkungen und Quellen „Öffentliche Bibliotheken waren in früheren Zeiten Ausleihstationen für Bücher und audiovisuelle Medien. Dieses Rollenverständnis hat sich in den vergangenen zwanzig Jahren erheblich verändert. Zum einen haben das Internet und der starke Ausbau der digital verfügbaren Medien das Spektrum der …
Autorin: Linda Görzen Memory-Spiel Konzept Ziel dieses Projektes war die Erstellung eines Spiels , das durch sämtliche Animationen bzw. Animationseffekte modern und dynamisch wirken sollte. Memory ist ein Spiel, das weltbekannt und nicht zu kompliziert zu programmieren ist. Im Internet gibt es sämtliche frei verfügbare Beispielcodes. Einer davon wurde in diesem Projekt verwendet. Der Spielvorgang …
Autor*in: Julia Solohub Animation anschauen Quellcode (Zip-Archiv zum Download) Dieser Beitrag ist ein Tutorial zu der Animation „Ein Tag mit Bobby“ bei dem auf die Details zum Code, Inhalt, Besonderheiten, das Konzept und Schwierigkeiten eingegangen wird. Die Bilder dienen zur Veranschaulichung und Nachvollziehbarkeit und sind anklickbar, sodass man diese in Vollbildmodus und besserer Auflösung betrachten …
Autorin: Hjördis Helberg Warum sollten sich Bibliotheken jetzt mit dem Thema Lernraum beschäftigen? Die Nachfrage nach physisch vorhandenen Medien sinkt. Dies lässt sich anhand von Ausleihzahlen feststellen. Gerade in naturwissenschaftlichen und technischen Fachrichtungen werden zunehmend elektronische Ressourcen genutzt. Diese Entwicklung hat zur Folge, dass der Bestand in den Lesesälen dezimiert bzw. magaziniert wird und Freiflächen …
Autor*in: Leonie Thissen Ein Beitrag zur didaktischen Typographie Jede*r, der*die lesen kann, kennt den typographischen Weißraum. Und jede*r hat auch schon mal die Wirkung von zu viel oder zu wenig davon auf einer Seite oder in einem Text an sich erlebt. Was einem dabei wohl eher nicht bewusst wurde: dass diese Wirkung mit dem Weißraum …
Autorin: Dana Thoß Wer kennt es nicht? Die sozialen Netzwerke leben von den Bildern der jeweiligen Beiträge. Das Internet umfasst Millionen, wenn nicht Milliarden von Bildern zu den verschiedensten Themen und Produkten. Viele dieser Bilder sind lizenziert, bspw. mit einer Creative Commons (CC) Lizenz. In diesem Artikel werden Sie erfahren, was es mit den Creative …
In den letzten Corona-Semestern konnten viele Kurse nur online angeboten werden. Dadurch sind auch im Kurs Content Management in den Studiengängen Informationsmanagement und Informationsmanagement berufsbegleitend einige Screencasts entstanden. In einem nächsten Schritt haben wir die Screencast-Videos mit Interaktionselementen wie Wiederholungsfragen, Links, Inhaltsübersichten, Checklisten oder kleinen Quizzes über h5p ergänzt: Im aktuellen Wintersemester 21/22 setzen wir …
Autorin: Ann-Kathrin Wallmann Nachhaltigkeit ist ein Begriff, der uns derzeit so gut wie überall begegnet – auch im Bibliothekswesen wird das Thema seit ein paar Jahren präsenter. Oft wird es jedoch als eher abstrakt wahrgenommen, was beim Versuch der konkreten Umsetzung zu Problemen führen kann. Durch die Konkretisierung in Form der Nachhaltigkeitsziele der Agenda 2030 …
Autor*in: Linda Khorami Am Anfang steht die Keywordrecherche. Ob Blog, Onlineshop oder Unternehmenswebsite, die Onlinepräsenz spielt heutzutage eine immer größere Rolle und ist nicht mehr wegzudenken. [1] Du möchtest auch mit deiner Präsenz im Netz überzeugen und so viele Menschen wie möglich erreichen? Dann ist die Keywordrecherche genau das Richtige für dich! Finde heraus, worum es …
Autorinnen: Anna Pläp und Tamara Schaufler Bibliotheken befinden sich im digitalen Wandel – in aktuellen Zeiten von Corona mehr denn je. Dass viele Publikationen online verfügbar sind, wir unsere Medien am Verbuchungsautomaten selbst ausleihen können und diese über das Internet mit ein paar Klicks verlängern, ist für viele Bibliotheksnutzer:innen der ganz normale Alltag. So wird …
Autor*in: Vivien Hirschberger Frage: Versteht Google meine Inhalte? Antwort: Nein, noch nicht, aber das lässt sich ändern! Ich zeige dir wie. Schritt für Schritt zum Ziel Was ist das Ziel? Warum sollte ich meine Inhalte für Google optimieren? Bilder, Texte und Videos aus SEO-Sicht Bilder optimieren Suchmaschinenoptimierte Texte Videos sind nicht gleich Videos Content Marketing …
Autor: Serkan Sarica Was ein Video ist muss ich dir wohl nicht mehr erklären. Bewegte Bilder gibt es durch die Erfindung des Fernsehers bereits viele Jahrzehnte. Videos sind hingegen erst durch das Internet sehr populär geworden. YouTube hat dabei selbstverständlich eine riesige Rolle gespielt. Bewegte Bilder wurden zunächst live übertragen und durch Videos schließlich auch …
Autor*in: Anna Selitski und Anna-Lisa Voigt Einen Prototype in dem Designertool Figma zu erstellen ist eine sehr schnelle und einfache Sache. Vielleicht kennst du auch die Bezeichnung Klickdummy für Prototype. Wenn du mal Screens für eine App oder eine Webseite erstellst, kannst du einfach mit einem Klickdummy die User Experience und die User Journey darstellen. …
Autor*in: Nick Jäger Dir sagt es vielleicht nichts, aber Business Intelligence kann dich retten! Das Scenario Dein bester Freund/deine beste Freundin und du führen ein Unternehmen. Alles läuft gut. Der Umsatz stimmt, eure Angestellten sind klasse und du kannst sogar 3 mal im Jahr nach Malle fliegen. Doch dann kommt der Tag, an dem alles …
Bestimmt bist du im Netz schon mal der Abkürzung PWA über den Weg gelaufen. Doch, wofür steht diese Abkürzung überhaupt? Was sind PWAs? Um es schnell auf den Punkt zu bringen: PWA steht für Progressive Web App. Jetzt bleibt nur noch die nächste Frage. Was sind Progressive Web Apps?
Autor*in: Melanie Hartkopf Ihr habt euch für die Webentwicklung entschieden – Glückwunsch. Ein Feld, so überlaufen wie kaum ein anderes. Hinter jeder Ecke wartet ein neues Projekt mit dem die Entwicklung einfacher, effektiver, schneller und sicherer sein soll. In dem Dschungel an Möglichkeiten ist es leicht, sich zu verirren. Deswegen stelle ich euch heute zwei …
Autori*n: Julia Karaschewski Vollansicht: Visual Graphic Novel Animation auf Codepen.io Quellcodeansicht: Visual Graphic Novel Animation auf Codepen.io ZIP-Datei zum Download (direkt von Codepen.io) Das Konzept Die Idee der Animation ist, ein erheiterndes, kleines Visual Graphic Novel zu erstellen, durch das der User mit visuellen Effekten durchgeführt wird. Das Ziel ist, den User von Anfang bis …
Das Ziel dieser Arbeit ist, verschiedene Trackingtechnologien unter Berücksichtigung gegebener Rahmenbedingungen im Rechtsraum der Europäischen Union in ihrer Funktionsweise zu vergleichen und die nach derzeitigem Stand realistische Nachfolgetechnologie zum Tracking via Cookies zu benennen – Fingerprinting.
Autor*in: Julia Solohub SEO. Vielleicht bist auch du über diesen Begriff gestolpert, aber wusstest nie was er bedeutet. In diesem Beitrag versuche ich es dir mal zu erklären. Stell dir vor du würdest nach Informationen für deine Präsentation im Internet suchen. Wahrscheinlich suchst du dafür in Google so wie es die Mehrheit tut. Dazu gibst …
In der Bachelorarbeit von Lukas Fischer (2020) mit dem Titel „Konzeption und Anwendung eines WordPress-Plugins für den Vergleich von Veranstaltungen“ wird thematisiert, wie WordPress über ein selbstentwickeltes Plugin für den komfortablen Vergleich von Festivals eingesetzt werden kann. In seinem Abstract schreibt Lukas: „Plugins erweitern die Funktionalität von WordPress und helfen Webseitenbetreibern beim Hinzufügen neuer Elemente …
In unserem neuen Videopodcast zu Lernen und Lehren in Zeiten der Corona-Krise hat sich Gerrit Wucherpfennig vom QpLuS-IM-Projekt mit Studierenden des Studiengangs Informationsmanagement zu ihren bisherigen Erfahrungen in den letzten Wochen unterhalten. Wie erleben sie die Corona-Auswirkungen im Studium? Wie funktioniert die Lehre? Und wie kommen beide persönlich damit zurecht? Antworten findet ihr im folgenden …
Autori*nnen: Judith Hauschulz und Verena-Christin Schmidt Oder: Werden Windeln und Bier wirklich oft zusammen gekauft? Die Warenkorbanalyse gehört zum Data Mining und ist ein Anwendungs-gebiet der Assoziationsanalyse. Wenn du diese Begriffe hörst, ist dir wahrscheinlich klar, dass es um Daten geht. Aber das klingt nun vielleicht etwas trocken, deshalb fangen wir nochmal neu an: Du …
Autorin: Linda Görzen Dieser Beitrag im Überblick: Einführung: Data Mining – Was ist das? Klassifikation Regressionsanalyse Assoziationsanalyse Ausreißererkennung Clusteranalyse Fazit Einführung: Data Mining – Was ist das? ”Signals always point to something. In this sense, a signal is not a thing but a relationship. Data becomes useful knowledge of something that matters when it builds …
In seiner Bachelorarbeit mit dem Titel “Analyse und Klassifikation der hannoverschen IT Kompetenzen in einer variablen Datenbasis“ schreibt Matthias Olbrisch (2019) in seinem Abstrakt: „Die allgemeine Digitalisierung und besonders die IT-Branche in Hannover, stellen Arbeitgeber*innen vor große Herausforderungen. Berufsbezeichnungen im IT-Sektor zeichnen sich im Gegensatz zu klassischen Berufsfeldern nicht dadurch aus, dass sie vereinheitlicht sind. …
Das Client-Server-Modell Autor: Kirill Prokopov Inhalt: In der Animation erkläre ich die Rollen von Client und Server. Ebenso wird die Kommunikation zwischen beiden Geräten grob erläutert. Software: Verwendet habe ich hierzu die Software „Blender“ (für Animationen, das Compositing und Videoschnitt) und den freien Software Synthesizer „Synth1“ für das Einspielen von Audio. Die „Hauptdarsteller“ sind dabei …
Das Vermitteln von agilen Arbeitsmethoden ist für viele Menschen zwar interessant, jedoch sind Vorträge über solche Themen oftmals monoton und reizlos. Die Agile Kitchen GmbH hat sich einen individuellen Weg ausgedacht, um diese agilen Methoden auf unterhaltsame Weise zu vermitteln. Sie haben einen Kochkurs entwickelt, der nach dem Scrum-Prinzip funktioniert. Durch die metaphorische und praktische …
In der Bachelorarbeit von Sarah Büchting (2019) mit dem Titel „Webbasierte Programmierplattformen für Kinder im Vergleich“ wird thematisiert, wie Coding zu Zwecken der sich im Umbruch befindenden MINT-Bildung eingesetzt werden kann und welche Kompetenzen durch das Erlernen von Programmierfähigkeiten gefördert werden. Darüber hinaus wird ein Bezug zur Informatik als Herkunftswissenschaft des Coding hergestellt und die …
Informationsmanagement-Info als PWA Autoren: Laili Ghods, Cemre Toppuz und Ogulcan Aktas PWA: Informationsmanagment – Info Quellcode Ziel: Unsere PWA soll einige allgemeine Informationen über unseren Studiengang vorstellen. Dabei haben wir uns die Texte von der offiziellen Webseite des Studiengangs genommen: https://im.f3.hs-hannover.de/studium/ Anforderungen Die Progressive Web App soll folgende Anforderungen (Use-Cases) erfüllen: Navigation: Anforderung: Navigation Beschreibung: Dem Nutzer soll …
Seit Januar 2019 ist das WebLab Teil des QpLuS-IM-Projekts im Studiengang Informationsmanagement. Auch QpLuS-IM widmet sich dem Ausbau von Blended-Learning-Szenarien sowie mehr Selbststeuerungskompetenz durch digitales Lernen und führt so den WebLab-Ansatz wunderbar weiter, wie im Detail auf der QpLuS-IM-Projekt-Website zu lesen ist. Neues WebLab-Team Da sich Einige des ursprünglichen 2017er WebLab-Teams inzwischen leider (und auch …
Am Freitag, 11. Oktober 2019 ist es soweit: Unsere Veranstaltung “InfoInMotion2019: Information in Transformation” findet im DesignCenter auf der Expo Plaza 2 statt. Auch das WebLab ist dabei und stellt einige seiner besten, studentischen Arbeiten vor. Mehr zu InfoInMotion2019 samt Online-Anmeldung und Programm finden Sie auf der Website des Studiengangs Informationsmanagement. Wir freuen uns auf ihren …
Interaktiver Stundenplan Autoren: Hozan Hassan, Frederik Pusch, Valentin Griese, Marcel Hemmer und Lukas Fischer PWA: Interaktiver Stundenplan Quellcode Idee/Zielsetzung: Die Progressive Web App (PWA) „Interaktiver Stundenplan“ zum Studiengang Informationsmanagement bietet eineÜbers icht über aller Kurse des BIM unterteilt in die jeweiligen Semester. Die Kurse sollen einfach per Drag and Drop in einen Stundenplan gezogen werden. …
Social Contact Autoren: Matthias Galda, Catharina Ochsner, Anja Preuße, Sarah Gehrmann fertige PWA Quellcode Idee/Zielsetzung Zweck der Progressive Web Apps (PWA) soll es sein, die Kontaktdaten der Ansprechpartner aufzulisten, die an der Veranstaltung „InfoInMotion2019“ am 11. Oktober teilnehmen. Überlegungen Die Startseite enthält eine Lightbox. Darin soll der User Informationen über die Website und ihren Zweck …
Im Rahmen des 100jährigen Bauhaus Jubiläums 2019 sind Anja Preusse und Sarah Gehrmann vom WebLab an der Konzeption und Realisation von multimedialen Angeboten für die Sonderausstellung Ausdruckstanz und Bauhausbühne im August Kestner Museum beteiligt. In Kooperation mit der Abteilung Design und Medien und dem August Kestner Museum hat das WebLab ein kleines interaktives Spiel als …
Geschichte des Studiengangs Informationsmanagement Autoren: Alina Balandis, Aline Brun, Rebecca Poets und Leonie Weber PWA: Geschichte des Studiengangs Informationsmanagement Quellcode Idee/Zielsetzung Die Progressive Web App (PWA) soll Interessierten die Geschichte des Studiengangs Informationsmanagement an der Hochschule Hannover näher bringen. Dabei kann zwischen drei Menüpunkten ausgewählt werden. Neben einem virtuellen Rundgang wird ebenfalls durch einen Zeitstrahl …
Im Rahmen des QpLuS-IM-Projekts werden die Studierenden des Studiengangs Informationsmanagement (regulär und berufsbegleitend) bei ihrer Kompetenzentwicklung durch selbstgesteuertes Lernen in digitalen Lernszenarien unterstützt. Studierende produzieren z.B. selbst digitale Lernformate und veröffentlichen Online-Inhalte zu ihren Kursergebnissen, die von den Studierenden nachfolgender Jahrgänge als Best Practice-Beispiele zum selbstgesteuerten Lernen genutzt werden. Mit der Bereitstellung von geeigneten Selbstlernmaterialien und durch …
Studierende aus dem 6. Semester im Studiengang Informationsmanagement entwickeln zurzeit die App Biennale Map Venice im Rahmen eines Projekts weiter, damit sich Besucher auf der Biennale in Venedig besser zurecht finden und zum richtigen Zeitpunkt am richtigen Ort sind. Hauptentwickler der App ist Leon Rostek vom WebLab. Aline Brun hat als Korrespondentin vor Ort dafür …
Christoph Breitsprecher hat eine interessante Bachelorarbeit mit dem Titel „Evaluation von Gamification-Plugins für WordPress“ im Studiengang Informationsmanagement verfasst. Dabei hat er detailliert untersucht, welche Möglichkeiten WordPress in Form von Plugins bietet, einfache Gamification-Mechanismen wie Punktesysteme oder Bestenlisten in WordPress zu integrieren. Auch Grundlagen zu Gamification erklärt Christoph anschaulich. Mehr finden Sie in der Pdf-Version seiner …
Fragebogen zur Auswahl des Studienschwerpunkts Autoren: Lukas Wojtke, Cedric Herrmann, Niklas Salge und Sharam Etemadi PWA-Fragebogen zur Auswahl des Studienschwerpunktes Grundidee Die ursprüngliche Idee war eine Art Umfrage mit anschließender Auswertung. Im Verlauf der weiteren Ausarbeitung des Projektes wandelte sich die Zielsetzung in einen Selbsttest, welcher nach Beendigung unverzüglich ausgewertet wird. Das Ziel des Fragebogens …
Autor: Arlind Ukaj Die fertige Arbeit finden sie hier. Konzept Als Grundkonzept dient ein One-Pager, die Seitenbesucher mit intuitiven Mitteln durch die Seite zu führen. Thematisch informiert die Seite über die wichtigsten Personen und Bauwerke des Bauhauses. Desgin Das Template der Seite ist eine komplette Eigenkreation und inspiriert sich anderen Bauhaus Webseiten sowie Anlehnung an …
Autoren: Amelie Andresen & Artjom Arustamov Die fertige Arbeit finden sie hier. Konzept Die Seite zum „Bauhaus-Ereignisse 1919 – 1933“ kann in drei Teilbereiche aufgeteilt werden: Header mit integriertem Slider und Navigation Die Hauptseite mit dem vertikalem Zeitstrahl Footer mit den Direktoren One Pager Der Aufbau der Seite besteht aus nur einer HTML-Seite, die den …
Wir freuen uns sehr, dass ein gemeinsamer Projektantrag für Qualität in der Lehre erfolgreich war! Das WebLab wird ab 2019 das durch das MWK geförderte Q-Plus-IM-Projekt fachlich und technisch im Bereich der Webtechnologien und Multimediaentwicklung unterstützen. Weitere Infos und Neuigkeiten zu QpLuS-IM finden Sie auf unserer Projektwebsite.
Tutorial: Wetter Szenarien Autoren: Fabian Krampe und Michel Kühne Das Konzept Das Konzept hinter dem Projekt sah vor, eine Animation zu schaffen, welche dem Nutzer alle möglichen Wetter Szenarien zeigt. Die Animation wird hierbei im Hintergrund eines einfachen Preloaders geladen. Der programmierte Button ermöglicht es außerdem, die Animation zu „verstecken“ oder diese wieder anzeigen zu …
Tutorial: Einen Preloader erstellen Autoren: Straube und Wisnia Konzept Preloader sind Animationen, die während dem Ladevorgang einer Website angezeigt werden. Sie informieren den Nutzer über Ladeprozesse und befriedigen sein Bedürfnis zu wissen, was während der Interaktion mit einer Website im Hintergrund abläuft. Gleichzeitig überbrücken die Wartezeit. So sind sie zum einen unterhaltsam, zum andern verbessern …
Tutorial: Multistep Login Formular Autor: Ilja Melnik Einleitung Bei dieser Prüfungsleistung handelt es sich um eine konzeptionelle Erstellung eines Multistep Formulars mit funktionalen Animationen. Für die Umsetzung wurden ausschließlich Html-5, Css3 und Javascript (JQuery) verwendet. Die Grundidee ist ein Formular mit visuellem Feedback und einer inhaltlichen Strukturierung. Dies wird primär mit drei funktionalen Animationen umgesetzt: …
Tutorial: Informativer OnePager für Austauschstudenten Autor: Cagla Bacaksiz Im Rahmen des Kurses „Entwicklungen von Multimediasystemen II“ sollte eine funktionale Web Animation konzipiert und technisch umgesetzt werden. Die Grundidee meiner Web Animation bestand darin, einen übersichtlichen One-Pager zu programmieren, welcher Informationen für ausländische Studenten bzw. Studieninteressierten beinhaltet. Da ich selber in diesem Semester im Austausch mit …
Vormerkung Stabi Bremen Autoren: Tore Hoffmann und Jacob Radel Arbeitsschritte in der Produktion: Zur Ideenfindung zum Thema Vormerkung in einer Bibliothek wurde zunächst über Inhalte in einem Brainstorming nachgedacht. Die möglichen Tools wurden auf Ihre Animationsmöglichkeiten und allgemeine Tauglichkeit geprüft. Die Hintergrundmusik wurde aus Programm Powtoon verwendet. Um die Inhalte in das Video einfügen zu …
Dynamische Notendarstellung Autor: Jana Avemarg Design Die Grundlage bildet eine auf HTML5 basierte Single-Page Website (1). Diese bietet den Vorteil, dass die Navigation ohne Verzögerung ausgeführt, da sich der Besucher immer der gleichen Seite befindet, ohne es zu merken. Für eine schönere Darstellung wurde eine öffentlich verfügbare Schriftart von google (2) und ein Farbschema von coolors.co …
Die Funktionen der CampusCard (für Studierende der HSH) Autoren: Sarah Büchting und Antje Pellowski Kurzbeschreibung In unserem Video beschreiben wir die Funktionen der Campuscard. Wir stellen Martina, eine Studierende der Hochschule Hannover vor und erklären anhand dieses Beispiels die Funktionen der CampusCard. Die Informationen dazu entnahmen wir der Homepage der Hochschule (https://www.hs-hannover.de/it/services/stud/fhhcard). Konzept Unser Video …
Einführung Bachelor Informationsmanagement Autoren: Anthony Stevenson und Florian Lindmüller Idee Unsere Idee war ein Animiertes Video zum Thema Informationsmanagement an der Hochschule Hannover zu gestalten. Dabei sollten alle vermittelnden Kern-Kompetenzen transparent gemacht, sowie ein keiner Ausblick in eine mögliche berufliche Zukunft gegeben werden. Zielsetzung Die Zielsetzung beinhaltete darauf aufbauend ein fertiges Vorstellungsvideo, dass man vor …
Erklärvideo – Was sind Stakeholder? Autoren: Rabea Langholz Idee/Zielsetzung Meine Idee und Zielsetzung war es einen studiengangsbezogenen Fachbegriff zu erklären. Ich habe mich deshalb für die Art eines Erklärvideos entschieden. Nachdem ich den Begriff „Stakeholder“ für mein Video ausgewählt hatte, begann ich mit der Recherche nach Informationen. Darauffolgend erstellte ich eine Mindmap, in der ich …
Amy Linh Hoang hat ihre sehr gute Bachelorarbeit im Studiengang Informationsmanagement mit dem Titel „Konzeption und Realisierung eines interaktiven Storytelling anlässlich des Bauhausjubiläums“ abgeschlossen und ein sehenswertes, interaktives Storytelling mittels JavaScript, CSS3 und HTML5 erstellt. Der Titel des Storytellings lautet „Oscar Schlemmers Weg zum Bauhaus„. Amys Bachelorarbeit ist als Kooperation der Abteilungen „Information und Kommunikation“ und „Design …
Leon Rostek vom WebLab hat in Zusammenarbeit mit Prof. Schult eine mobile App für die Biennale in Venedig entwickelt. Anfänglich beinhaltete die interaktive Karte alle Nationenpavillons der Architektur-Biennale 2018, die von Mai bis November in Venedig stattfand. Dieser Prototyp wird aktuell von von Studierenden des Studiengangs Informationsmanagement an die Kunst-Biennale 2019 angepasst und steht jetzt mit …
Als fortlaufendes WebLab-Projekt veröffentlichen wir hier Tutorials zum Thema Webentwicklung. Einige Tutorials werden vom WebLab-Team erstellt, andere entstehen im Rahmen von Lehrveranstaltungen durch Studierende des Studiengangs Informationsmanagement (auch berufsbegleitend). Wir freuen uns auf Ihre Vorschläge für neue Tutorials! Bisher veröffentlichte Tutorials finden Sie hier.
Im kommenden Wintersemester 2018/19 werden zwei unserer Lehrveranstaltungen im Studiengang Informationsmanagement (auch berufsbegleitend) tatkräftig durch unsere studentischen Hilfskräfte vom WebLab unterstützt. Sowohl bei „Grundlegende Webtechniken 1“ (WWW1) als auch bei „Entwicklung von Multimediasystemen 1“ (MM-SYS-1) sind jeweils zwei Tutor*innen dabei. Bei WWW1 helfen euch Sarah und Anja gern während Sprechstunden weiter, wenn es um Fragen …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen I (Wintersemester 2017/18, Prof. Dr.-Ing. Steinberg) einige sehr gute Videos rundum das Studium Informationsmanagement und das studentische Leben an der Expo Plaza in Hannover entstanden. Dabei wurden unterschiedliche, klassische Techniken wie z.B. Erklärvideo, Legetechnik oder Stopmotion verwendet. Die besten Videos …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen I (Wintersemester 2017/18, Prof. Dr.-Ing. Steinberg) einige sehr gute Videos rundum das Studium Informationsmanagement und das studentische Leben an der Expo Plaza in Hannover entstanden. Dabei wurden unterschiedliche, klassische Techniken wie z.B. Erklärvideo, Legetechnik oder Stopmotion verwendet. Die besten Videos …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen II (Sommersemester 2017, Prof. Dr.-Ing. Steinberg) einige gute, funktionale Animationen samt Tutorials entstanden. Verwendete Techniken sind HTML5, CSS3 und JavaScript. Die besten Tutorials stellen wir euch hier in den nächsten Wochen nach und nach vor. Login Kalender Autoren: Melis Rufaioglu …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen II (Sommersemester 2017, Prof. Dr.-Ing. Steinberg) einige gute, funktionale Animationen samt Tutorials entstanden. Verwendete Techniken sind HTML5, CSS3 und JavaScript. Die besten Tutorials stellen wir euch hier in den nächsten Wochen nach und nach vor. Klausuren Countdown Autor: Matthias Olbrisch …
Alina Finger hat in ihrer Bachelorarbeit im Studiengang Informationsmanagement (Hochschule Hannover) am Beispiel der Expo Plaza gezeigt, wie anschaulich ein virtueller Rundgang einen ersten Eindruck eines Ortes oder eines Gebäudes vermitteln kann. Insbesondere für die Erstorientierung an unbekannten Orten oder um sich einfach erst einmal umzuschauen sind virtuelle Rundgänge eine gute Idee. Alina hat bei ihrem virtuellen Rundgang …
Hier findet ihr ein paar Themen, die aktuell (Stand Mai 2018) noch frei sind für mögliche Bachelorarbeiten im Studiengang Informationsmanagement. Meldet euch einfach per Email bei Frau Steinberg, wenn ihr euch für eins der Themen interessiert: Weiterentwicklung eines Virtuellen Rundgangs der Expo Plaza: Konzeption und Implementierung von detaillierten Zusatzinformationen zur Expo Plaza bzw. zum Studiengang …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen I (Wintersemester 2017/18, Prof. Dr.-Ing. Steinberg) einige sehr gute Videos rundum das Studium Informationsmanagement und das studentische Leben an der Expo Plaza in Hannover entstanden. Dabei wurden unterschiedliche, klassische Techniken wie z.B. Erklärvideo, Legetechnik oder Stopmotion verwendet. Die besten Videos stellen wir euch …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen II (Sommersemester 2017, Prof. Dr.-Ing. Steinberg) einige gute, funktionale Animationen samt Tutorials entstanden. Verwendete Techniken sind HTML5, CSS3 und JavaScript. Die besten Tutorials stellen wir euch hier in den nächsten Wochen nach und nach vor. Technisches Konzept für ein radiales Menü Autor: Julian Hundertmark Als …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen II (Sommersemester 2017, Prof. Dr.-Ing. Steinberg) einige gute, funktionale Animationen samt Tutorials entstanden. Verwendete Techniken sind HTML5, CSS3 und JavaScript. Die besten Tutorials stellen wir euch hier in den nächsten Wochen nach und nach vor. Konzept: Ein mobiles Hamburger Menü Autorinnen: Katharina Suhr, Anna Ratzke …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen II (Sommersemester 2017, Prof. Dr.-Ing. Steinberg) einige gute, funktionale Animationen samt Tutorials entstanden. Verwendete Techniken sind HTML5, CSS3 und JavaScript. Die besten Tutorials stellen wir euch hier in den nächsten Wochen nach und nach vor. Registrierungs- und Loginformular Autoren: Felix Struckmann, Yannik Wissner Codepen-URL: https://codepen.io/wappsify/pen/zdYjZV Ziel …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen I (Wintersemester 2017/18, Prof. Dr.-Ing. Steinberg) einige sehr gute Videos rundum das Studium Informationsmanagement und das studentische Leben an der Expo Plaza in Hannover entstanden. Dabei wurden unterschiedliche, klassische Techniken wie z.B. Erklärvideo, Legetechnik oder Stopmotion verwendet. Die besten Videos stellen wir euch …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen I (Wintersemester 2017/18, Prof. Dr.-Ing. Steinberg) einige sehr gute Videos rundum das Studium Informationsmanagement und das studentische Leben an der Expo Plaza in Hannover entstanden. Dabei wurden unterschiedliche, klassische Techniken wie z.B. Erklärvideo, Legetechnik oder Stopmotion verwendet. Die besten Videos stellen wir euch …
Hier findet ihr Tutorials zu Webentwicklung mit HTML5, CSS3 und JavaScript sowie zu weiteren Themen, die im Studiengang Informationsmanagement oder auch sonst immer mal wieder interessant sein können. Nach und nach ergänzen wir hier neue Tutorials, die entweder von Studierenden im Rahmen von Lehrveranstaltungen oder vom WebLab-Team erstellt werden.
In einigen Lehrveranstaltungen haben wir uns mit der medialen Aufbereitung von Inhalten rundum den Studiengang Informationsmanagement befasst. Von Videos, was Informationsmanagement überhaupt ist oder den Kompetenzfeldern bis zu interaktiven Storytellings zum studentischen Leben oder Infografiken mit JavaScript findet ihr hier in unserer bisherigen Sammlung.
In diesem Portfolio-Bereich findet Ihr studentische Arbeiten aus dem Studiengang Informationsmanagement und berufsbgleoitend, die besonders gut gelungen sind. Hier veröffentlichen wir sehr gute Ergebnisse aus Lehrveranstaltungen und herausragende Bachelorarbeiten. Bislang findet ihr hier Arbeiten aus dem Kompetenzfeld Web Information Management mit Schwerpunkt auf interaktive Medien und Webentwicklung. Wir hoffen, dass wir in Zukunft auch Arbeiten …
Eine Multiselect Dropdown Liste erstellt im Rahmen des Moduls „Medienintegration“ im Masterstudium Informations- und Wissensmanagement (Hochschule Hannover, Dozent: Prof. Dr.-Ing. M. Steinberg) Autor: Franziska Braun Tutorial Die Multiselect Dropdown-Listen werden in Online-Formularen (Bestellungen, Kontaktformulare) oder Online-Fragebögen verwendet. In diesem Beispiel können Lehrveranstaltungen ausgewählt werden. Die Anzahl ist auf maximal 3 Lehrveranstaltungen begrenzt. Eine HTML Dropdown-Listen allein ist …
Eine Infografik als funktionale Animation erstellt im Rahmen des Moduls „Medienintegration“ im Masterstudium Informations- und Wissensmanagement (Hochschule Hannover, Dozent: Prof. Dr.-Ing. M. Steinberg) Autor: Frieda Josi Tutorial: Einsatzzweck und Einordnung in Animationsart Diese Infografik mit dem Inhalt „Informationsmanager auf dem Arbeitsmarkt“ dient der effektiveren Informationsvermittlung für, beispielsweise, der Webseite des Studienganges Informationsmanagement der Hochschule Hannover. Mit …
Im Rahmen des Kurses „Entwicklung von Multimediasystemen I“ (Studiengang Informationsmanagement, Fakultät 3, Hochschule Hannover) erstellten Philipp Höltermann und Christian Koch ein Stop-Motion-Video. Das Video greift Videospielklassiker und Gaming-Neuheiten mittels Post-Its auf. Erstellt wurde das Video nach klassischer Stop-Motion-Technik mit Adobe Photoshop und Premiere.
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen II (Sommersemester 2017, Prof. Dr.-Ing. Steinberg) einige gute, funktionale Animationen samt Tutorials entstanden. Verwendete Techniken sind HTML5, CSS3 und JavaScript. Die besten Tutorials stellen wir euch hier in den nächsten Wochen nach und nach vor. Konzept und Quellcode mit Erläuterung von Scroll Percent Display with …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen II (Sommersemester 2017, Prof. Dr.-Ing. Steinberg) einige gute, funktionale Animationen samt Tutorials entstanden. Verwendete Techniken sind HTML5, CSS3 und JavaScript. Die besten Tutorials stellen wir euch hier in den nächsten Wochen nach und nach vor. Interaktive Führung durch den Studiengang Informationsmanagement Autor: Lena Meyer Der Studiengang …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen II (Sommersemester 2017, Prof. Dr.-Ing. Steinberg) einige gute, funktionale Animationen samt Tutorials entstanden. Verwendete Techniken sind HTML5, CSS3 und JavaScript. Die besten Tutorials stellen wir euch hier in den nächsten Wochen nach und nach vor. Ein Akkordeonmenü für die Fakultät …
Im Studiengang Informationsmanagement an der Hochschule Hannover sind im Rahmen des Kurses Entwicklung von Multimediasystemen II (Sommersemester 2017, Prof. Dr.-Ing. Steinberg) einige gute, funktionale Animationen samt Tutorials entstanden. Verwendete Techniken sind HTML5, CSS3 und JavaScript. Die besten Tutorials stellen wir euch hier in den nächsten Wochen nach und nach vor. Ein responsives Menü mit jQuery …
Im Rahmen der Kurse Entwicklung von Multimediasystemen II und Medienintegration (Studiengang Informationsmanagement, Prof. Dr.-Ing. Steinberg) im Sommersemester 2017 entstanden einige funktionale Animationen durch die Studierenden. Anforderung an die Arbeiten war, keine rein dekorativen Animationen zu erstellen, sondern sich kleinen, abgeschlossenen, funktionalen Aspekten der Nutzerinteraktion zu widmen. Verwendete Techniken sind HTML5, CSS3 und JavaScript. Ein paar der …
Im Rahmen der Ideen-Expo wurde von der Hochschule ein Kartenspiel gedruckt, das an potentielle Studieninteressierte ausgehändigt werden soll. Damit dieses Kartenspiel jedoch nicht nur analog verfügbar ist, hat das WebLab der Hochschule Hannover eine digitale Version des Spiels mittels JavaScript entwickelt. Als erstes haben wir eine vorläufige Spieloberfläche geschaffen, auf der momentan im oberen Bereich …
Bevor Sie eine Website online stellen können, müssen Sie ein paar Vorbereitungen treffen: Beantragen Sie einen eigenen Webspace beim Webhosting-Team der Hochschule Hannover. beachten Sie hierbei, dass der dort gewählte Benutzername der erste Teil Ihres Domainnamens wird. Fassen Sie sich also möglichst kurz. Der Webspace ist nötig, damit Ihre Internetseite später rundum die Uhr öffentlich über …
In unserem Portfolio arbeiten wir fortlaufend daran, gute studentische Arbeiten aus verschiedenen Kursen im Studiengang Informationsmanagement hier aufzubereiten und zu veröffentlichen. Angefangen haben wir mit Inhalten aus den folgenden Kursen sowie sehr guten Bachelorarbeiten: Grundlegende Web-Techniken 1 Entwicklung von Multimediasystemen 1 und 2 Ausgewählten Fragen der Medieninformatik.
Das WebLab hat ein Interaktives Storytelling zum studentischen Alltag und mehrere Videos aus der Kategorie Rundum IM als Exponate für die Ideen Expo 2017 aufbereitet und zur Verfügung gestellt. So konnten insbesondere Schüler*innen einen anschaulichen Einblick in den Bachelorstudiengang Informationsmanagement an der Hochschule Hannover gewinnen.
Was ist eigentlich Informationsmanagement? Diese Frage stellt sich mit Sicherheit jeder, der zum ersten Mal von dem Studiengang hört. Die Informationsmanagementstudentin Frieda Josi hat sich dieser Frage für die Prüfungsleistung des Moduls Wissensverarbeitung von Audio- und Bildinformationen angenommen und ein einminütiges Informationsvideo angefertigt, das sich mit der Definition, den Aufgaben und dem Einsatzgebiet von Informationsmanagement …
Im Projekt „Infografiken“ (Sommersemester 2016) haben Joana Hollasch und Johannes Burchert eine interaktive Infografik mit HTML5, CSS3 und JavaScript zu den verschiedenen Bereichen erstellt, mit denen sich ein Informationsmanager im Studium und später im Berufsalltag beschäftigt. Die Infografik zeigt, wie vielseitig die Aufgabenbereiche eines Informationsmanagers sind. Neben Informationswissenschaften, Informatik und Webentwicklung sind z.B. auch Bereiche …
Im Wintersemester 2016/17 fand für die Erstsemester des Studiengangs Informationsmanagement der Kurs WWW-Techniken I statt. Die Prüfungsleistung bestand darin, eine eigene Website mit HTML5 und CSS3 zu entwickeln und auf dem eigenen Hochschulwebspace zu veröffentlichen. Die Meisten haben im Rahmen des Kurses ihre erste Website überhaupt erstellt und waren absolute HTML-Newbies. Umso beeindruckender, dass so viele …
Einen Prototype in dem Designertool Figma zu erstellen ist eine sehr schnelle und einfache Sache. Vielleicht kennst du auch die Bezeichnung Klickdummy für Prototype. Wenn du mal Screens für eine App oder eine Webseite erstellst, kannst du einfach mit einem Klickdummy die User Experience und die User Journey darstellen. Aber wie funktioniert das Erstellen von einem Prototype mit Figma? Und was sind Figma und die User Journey überhaupt? Das und weitere spannende Informationen zu diesem Thema zeigen wir dir in dem folgenden Beitrag!
Fangen wir erst einmal mit Figma an. Figma ist ein Web-basiertes Programm, welches zum Designen von Screens für eine App oder Webseite gedacht ist. Vielleicht kennst du auch das Tool Sketch. Dort kannst du auch leicht und unkompliziert Designs erstellen, jedoch spätestens wenn man zu zweit an einem Projekt arbeitet, kann man sich dort schnell in die Quere kommen. Figma hingegen ermöglicht dir das Designen von Screens mit vier oder mehr Händen! Du fragst dich wie das gehen soll? In Figma können mehrere Designer gleichzeitig an ihrem eigenen Gerät und an derselben Datei arbeiten, ohne sich dabei zu stören.
Das Interface von Figma: Wer mit Figma arbeitet merkt schnell, dass das Interface dieses Tools von Designern für Designer entwickelt wurde. Aber auch für Anfänger ist das Bedienen der Software, nach ein paar Stunden Einarbeitung, kein großes Problem mehr. Die zahlreichen Shortcuts sind unserer Meinung nach unbezahlbar! Shortcuts? Das sind unzählige Tastenkombinationen für verschiedene Werkzeuge. Somit bleiben dir Klicks und Zeit erspart!
Schnell zum Ergebnis mit wenig Aufwand: Wie schon erwähnt ist Figma ein nutzerfreundliches Tool und du kannst den Umgang mit dem Programm schnell lernen. Aber kennst du das Problem, wenn du in einer großen Gruppe arbeitest und du immer alles hin und her schicken musst, um auf dem aktuellsten Stand zu bleiben? Und dann musst du auf das Dokument deines Gruppenmitglieds warten, um mit deiner Arbeit anfangen zu können. Tja, bei Figma kommt sich bei einer Gruppenarbeit keiner mehr in die Quere, denn jeder kann an seinem Gerät in der gemeinsamen Datei arbeiten! Wir finden das großartig, denn so kann jeder die Schritte des anderen verfolgen und dementsprechend seine Arbeit anpassen. Somit musst du nicht mehr auf die anderen warten, bis du mit deiner Aufgabe anfangen kannst.
Verknüpfungen: Jetzt fragst du dich sicherlich was Figma nicht kann? Figma ist ein Tool für die interaktive Gestaltung von Screens, hat aber auch seine Schwächen. Diese umgeht Figma mit Verknüpfungen zu anderen Tools, wie Sketch oder Photoshop. So kannst du ganz leicht Funktionen von anderen Programmen über Figma verwenden.
Für jeden und zu jeder Zeit verfügbar: Du verspürst mitten in der Nacht den Drang, an deinen Screens weiterzuarbeiten, aber dein Gerät liegt auf der Arbeit? Mit Figma kannst zu jederzeit und überall auf deine Dateien zugreifen, solange du einen Internetzugang und deine Zugangsdaten hast.
Immer aktuell sein: Das lästige Problem mit der Aktualität der Dateien ist mit Figma Geschichte. Kein ständiges Fragen mehr, welche Version die aktuellste ist, denn es gibt nur noch die eine Version, die online ist! Auch das selbstständige Speichern von Figma erleichtert deine Arbeit und Ergebnisse können nicht mehr verloren gehen. Perfekt, oder?!
Einen Prototype benötigst du dann, wenn du Funktionen und Sinn von bestimmten Buttons und Interaktionsmodulen zeigen möchtest. Du kannst einen Klickdummy auch für die Darstellung der User Journey, also der Weg, den der Nutzer in deiner App oder auf deiner Webseite beschreiten soll, zeigen[2].
Sowas ist dann nützlich, wenn du zum Beispiel die Screens deinem Auftraggeber vorstellen möchtest. Mit einem Klickdummy kann sich der Auftraggeber besser vorstellen, welche Funktionen ein Button auslöst, wenn der Nutzer darauf klickt. Außerdem ist so ein Prototype auch dann sinnvoll, wenn du deine Logik der User Experience überprüfen möchtest. Denn es kann schon mal vorkommen, dass man zum Beispiel vergisst, einen Zurück-Button einzubauen und der Nutzer nicht mehr den Weg nach Hause – also zur Home Seite – findet.
Tutorial: Wie erstelle ich einen Prototype in Figma?
Jetzt fragst du dich wie das gehen soll? Kein Problem, zu Beginn musst du dafür die Figma Datei öffnen. Wenn du dort noch keine Screens angelegt hast, machst du das jetzt erst einmal. Du wirst die Screens benötigen, welche du anschließend miteinander zu einem Prototype verbinden möchtest.
Schritt 1:
Hast du die Screenshots angelegt? Falls du mit ja antwortest, klickst du einfach oben rechts auf das Symbol Prototype. Du weißt nicht genau wo? Siehst du den orangen Pfeil im Screenshot? Er zeigt dir genau den Bereich, den du auswählen solltest. Der Prototype Bereich öffnet sich anschließend nach der Auswahl rechts in Figma (Schritt 1).
Nun siehst du um das ausgewählte Objekt herum den Umriss eines blauen Vierecks. Klicke auf den Punkt, der sich auf der rechten Kante des Vierecks befindet und halte dabei deine Maustaste gedrückt. Ziehe nun deine Maus auf den nächsten Screen, der danach angezeigt werden soll. Jetzt kannst du einen blauen Pfeil sehen, der von dem ausgewählten Objekt auf den nächsten Screen zeigt (Schritt 3).
In dem von uns dargestellten Beispiel, wählten wir die App Kalender von dem Screen Startscreen aus. Die Kalenderapp soll sich nun bei einem Klick oder Touch mit dem Finger öffnen, dies zeigt jetzt der blaue Pfeil, welcher auf den nächsten Screen Kalender zeigt.
Auf diese Art und Weise kannst du nun weitere Screens mit den vorherigen verbinden und so die User Journey des Nutzers in deiner App oder Webseite darstellen. Genauso kannst du ganz schnell und einfach einen Prototype in Figma erstellen!
Schritt 4:
Pass dabei auf, dass du die richtigen Objekte mit den richtigen Screens zusammenführst. Sodass der Prototype die richtige, und von dir gewünschte, Reihenfolge anzeigt. Um die richtige Reihenfolge zu kontrollieren, kannst du dich an den blauen Pfeilen orientieren (Schritt 4).
In unserem Beispiel zeigen wir dir, dass wir vom Startscreen anfangen und auf das App-Symbol des Kalenders drücken. Daraufhin öffnet sich der Kalender, jetzt wollen wir einen Kalendereintrag hinzufügen. Dafür drücken wir auf das runde Plus-Icon und der Kalendereintrag öffnet sich.
Schritt 5:
Wenn du alle Schritte erfolgreich erledigt hast und die Pfeile soweit stimmen, ist es an der Zeit, den Klickdummy zu starten. Dafür klickst du einfach oben links, bei dem ersten Screen, auf das blaue Viereck mit dem weißen Dreieck (Schritt 5).
Daraufhin öffnet sich in einer neuen Datei der, von dir erstellte, Prototype. Jetzt kannst du auf die Objekte klicken, die du zuvor ausgewählt hast. Wenn daraufhin der nächste angezeigte Screen der Richtige ist, stimmt deine User Journey überein und der Prototype ist bereit für die Vorstellung bei deinem Auftraggeber!
Prototype erstellen – Alle Schritte auf einem Blick
Klicke auf Prototype oben rechts bei den Werkzeugtools.
Wähle das gewünschte Objekt, welches du in dem Prototype anklicken möchtest.
Klicke auf den Punkt innerhalb des blauen Vierecks und ziehe diesen zum gewünschten Screen.
Wiederhole jetzt die gleichen Schritte (Schritt 2) für die nächsten Screens.
Klicke oben rechts auf den Pfeil, um den Prototype zu starten.
Etwas hat nicht geklappt, oder hast du vielleicht einen Schritt vergessen? Keine Panik! Im folgenden Video Prototype / Klickdummy über Figma erstellenzeigen wir dir, die einzelnen Schritte per Desktopaufnahme.
Das Prototype-Testing mit Figma Mirror
Du kannst den Klickdummy und die User Journey auch mit der App Figma Mirror testen. Dies bringt dir den Vorteil, dass du deine erstellten Screens auch auf deinem Smartphone sehen kannst. So kannst du das Look and Feel deiner Screens auf deinem Smartphone bekommen. Auch die Größe von deinen Objekten und Texten kannst du so überprüfen.
Dafür brauchst du nur Figma Mirror aus dem Play Store oder dem App Store auf dein Smartphone/Tablet herunterladen. Anschließend meldest du dich mit deinen gewohnten Daten aus Figma an. Zu guter Letzt klickst du in deiner Arbeitsmappe auf den Startscreen deines Prototypes, dieser wird dir nun auf deinem Smartphone angezeigt. Jetzt kannst du auf deine ausgewählten Objekte tippen und so überprüfen, ob der darauffolgende Screen der Gewünschte ist und ob die User Journey mit der gezeigten Reihenfolge übereinstimmt.
Ein Tipp von uns: Wenn du die User Journey von einer App darstellen möchtest, nimm am besten dafür dein Smartphone. Möchtest du dir aber eine Webseite anschauen, welche noch nicht responsiv ist, verwende dafür lieber die App auf einem Tablet.
Wir hoffen, dass wir dir mit der Anleitung für die Erstellung eines Prototypes mit Figma helfen konnten und du damit deine User Journey darstellen kannst!
Quellen
Auf die [Hochzahl] klicken, um zum zugehörigen Absatz zurückzukehren.
Dir sagt es vielleicht nichts, aber Business Intelligence kann dich retten!
Das Scenario
Dein bester Freund/deine beste Freundin und du führen ein Unternehmen. Alles läuft gut. Der Umsatz stimmt, eure Angestellten sind klasse und du kannst sogar 3 mal im Jahr nach Malle fliegen. Doch dann kommt der Tag, an dem alles kippt.
Es trifft euch wie der Schlag!
Quelle: gifimage.net
Die Einnahmen brechen zusammen, die Kunden sind unzufrieden und der Kaffee im Büro schmeckt nach Fuß. Was ist passiert?
Nach einem Jahr bergauf, kam das Tal. Und das war tief. Euch war nicht bewusst, dass ein bisschen Nachdenken hilfreich sein könnte. Ihr habt den Überblick über euer Unternehmen verloren und alle eure Entscheidungen nach dem Erfolg eures Kick-offs waren Grütze.
Doch das muss nicht sein!
Auch wenn ihr nicht die intelligentesten seid, können es immerhin Eure Methoden sein. Business Intelligence (BI) ist das Stichwort. Doch was ist das und wie funktioniert das?
Business Intelligence in 6 Sätzen
Geschäftsanalytik – wie es auf deutsch heißt – ist eine technische und betriebswirtschaftliche Methode zur Entscheidungsfindung. Es ist die erweiterte Analyse des Unternehmens und seines Umfelds. Diese ist in den meisten Fällen von Tools gestützt. Das Ziel dabei ist „Wissensfindung“ oder auch „Knowledge Discovery“.[ 1 ] Denn bei diesen Analysen generierst du Wissen. Nicht nur fallspezifisch, sondern über dein ganzes Unternehmen und darüber hinaus.
Warum genau ist Business Intelligence nun so wichtig?
Um es kurz zu beantworten: BI-Tools können viel mehr gleichzeitig beachten, als du es jemals könntest.
Die längere Antwort:
Entscheidungen zu treffen ist keine leichte Aufgabe. Es ist schwierig. Aufgrund deines Bauchgefühls oder in Anbetracht weniger Faktoren diese zu fällen, ist gefährlich. Eine umfassende Analyse lohnt sich.
Zunächst scheint der Aufwand enorm. Ein Business Intelligence-Tool zu finden, zu bezahlen, aufzusetzen und zu pflegen kostet Zeit und Geld. – Das, was ihr gerade überhaupt nicht habt. – Aber sobald es läuft, kann es euch in so gut wie allen Bereichen helfen.
Es wird euch ermöglicht durch komplexe Zusammenhänge durchzusteigen. Und nachdem ihr diese verstanden habt, könnt ihr nicht nur reaktiv, sondern auch proaktiv handeln.[ 2 ]
Nicht überzeugt? Dann schau mal bei BI-SURVEY.com vorbei – vorsicht Englisch! Dort wird dir der Nutzen auf dem Silbertablett präsentiert.
Befragung zum Nutzen von Business intelligence-Tools in Unternehmen | Quelle: BARC (Business Application Research Center)
Die Grundlagen von Business Intelligence
Vier Schritte trennen Dich und deinen Kumpel/deine Kumpeline vom erneuten Erfolg.
Wie Du sehen kannst, hat BI viel mit Daten zu tun. Doch keine Angst, viel Arbeit kann dir abgenommen werden.
Daten Sammeln und aufbewahren
Grundlage für jede Analyse sind Daten. So ist es auch bei der Geschäftsanalytik. Je nach Ziel deiner Analyse brauchst du sowohl interne, als auch externe, Daten.
Bevor Ihr also mit Analysen beginnt, heißt es sammeln, sammeln und noch mehr sammeln!
Quelle: gifimage.net
Natürlich sammelt Ihr nur Daten, die euer Unternehmen oder euren Markt betreffen. Aber lasst euch nicht dazwischen funken! Denn Grundsatz ist: Je mehr Daten Ihr sammelt, desto mehr könnt Ihr am Ende auswerten.
Wenn Ihr Daten(-quellen) habt, müssen diese natürlich auch bewahrt werden. Dafür eignen sich Datenbanken beziehungsweise ein Data Warehouse. Sobald ihr genügend Daten zur Verfügung habt, könnt Ihr mit dem nächsten Schritt beginnen.
Business Intelligence-Tool wählen und Daten aufbereiten
Je mehr ihr euch mit einem bestimmten Business Intelligence-Tool auseinander setzt, desto schneller könnt ihr euch in die Arbeit mit diesem stürzen. Falls ihr bei eurer Entscheidung ein bisschen Hilfe braucht schaut bei Gartner vorbei! Deren jährlicher Report „Gartner Magic Quadrant for Analytics and Business Intelligence Platforms“ bietet euch einen umfassenden Überblick über den Markt.
Gartner Magic Quadrant für Analytics und Business Intelligence 2020 | Quelle: Gartner (Februar 2020)
Damit ihr die gesammelten Daten verwenden könnt, müsst ihr diese nun aufbereiten. Entweder ihr nutzt dazu das BI-Tool, für welches ihr euch entschieden habt oder ihr macht dies direkt an den Daten selbst. Letzteres kann jedoch schwierig sein. Insofern ihr also nicht darauf besteht an euren Daten direkt rumzupfuschen, lasst es!
Geschäftsrelevante Daten darstellen
Jetzt gehts ans eingemachte! Bevor ihr eure ersten qualifizierten Entscheidungen treffen könnt, müsst ihr die gesammelten und aufbereiteten Daten in einen Kontext bringen. Da kommt das Tool, aber auch euer Gehirnschmalz, ins Spiel. Auch wenn das Tool euch vieles abnimmt, müsst ihr überlegen, welche Verbindungen könnten für euch relevant sein und welche nicht. Das Tool stellt euch dann bspw. dar, wie stark die Verbindungen wirklich sind.
Was hängt zusammen? Was beeinflusst was? Es gibt Unmengen an Möglichkeiten der Darstellung. Probiert euch aus!
Indem ihr mit dem Tool arbeitet, gewinnt ihr an Verständnis für euer Unternehmen bzw. den Markt.
Und dann habt ihr es! Nachdem ihr nun Monate euer Unternehmen, die Mitarbeiter und den Markt analysiert habt, habt ihr es raus.
Euer Produkt ist Schrott!
Quelle: gifimage.net
Es besser machen, als es im Moment ist!
Nun heißt es: Alles besser machen. Das BI-Tool zaubert euch jetzt zwar keine Gelddruckmaschine ins Büro, aber es zeigt euch die Effektivität jeder Änderung im Detail.
Ihr kauft besseren Kaffee? Die Mitarbeiter werden produktiver. Ihr klaut Ideen bei der Konkurrenz und verkauft diese als eure? Eure Umsätze gehen hoch und die der Konkurrenz runter. Ihr landet im Gefängnis wegen Betriebsspionage? Doof, aber weil ihr das BI-Tool habt, kann sogar der Praktikant euer Unternehmen weiterführen.
Also was spricht jetzt noch gegen Business Intelligence in eurem Unternehmen?
Fazit
Natürlich ist das alles nicht so einfach, wie ich es jetzt dargestellt habe. Damit Business Intelligence wirklich gut funktioniert muss viel getan werden. Bis die oben aufgeführten Schritte alle durchgearbeitet sind, ist es ein weiter Weg.
Es dauert Monate, wenn nicht Jahre, bis Auswertungen über die Aussagekraft von simplen Analysen bzw. einem Blick auf eine Excel-Tabelle hinausgehen.
Doch es ist eine Investition in die Zukunft!
Quelle: makeameme.org
Je länger ihr mit einem solchem Tool arbeitet, desto umfassender wird der Nutzen.
Entscheidungen können, aufgrund von Daten, begründet werden. Der Überblick über alle Geschäftsbereiche wird zusammengeführt. Und ihr gewinnt immer mehr Nutzen aus den Daten, die in eurem Unternehmen über Jahre hinweg gesammelt wurden, aber nie genauer angesehen wurden.
Denn:
„There is significant hidden value locked away in corporate databases waiting to be discovered and exploited.“
– Loshin (2003, S.1)[ 3 ]
Quellen
Auf die [Hochzahl] klicken, um zum zugehörigen Absatz zurückzukehren.
Bestimmt bist du im Netz schon mal der Abkürzung PWA über den Weg gelaufen. Doch, wofür steht diese Abkürzung überhaupt? Was sind PWAs? Um es schnell auf den Punkt zu bringen: PWA steht für Progressive Web App. Jetzt bleibt nur noch die nächste Frage. Was sind Progressive Web Apps?
Im Rahmen dieses Beitrages erkläre ich dir die Grundlagen zum Thema PWAs. Am Ende dieses Beitrages erwartet dich ein Link zu einer Anleitung. Mit Hilfe dieser Anleitung kannst du dir im Handumdrehen eine eigene Progressive Web App erstellen. In relativ kurzer Zeit und ohne viel Aufwand kannst du erste Ergebnisse erzielen! Probier es doch mal aus.
Zunächst kämpfen wir uns durch ein bisschen Theorie. Wir schauen uns den technischen Aufbau und mögliche Funktionen von Progressive Web Apps an. Danach werfen wir einen kurzen Blick auf bereits erfolgreich umgesetzte PWAs. Zum Schluss zeige ich dir am Beispiel der Twitter PWA, wie du diese erfolgreich auf deinem Endgerät installierst.
PWA – Progressive Web App
Der technische Aufbau
Eine Progressive Web App besteht, wie viele Internetseiten heutzutage aus diesen drei wesentlichen Bestandteilen:
Auf Grundlage dieser drei Technologien, die eine unabhängige Plattform darstellen, sollen sich Web-Anwendungen an Zielgeräte so weit anpassen, dass die Nutzung möglich ist. [1]
In diesem Zusammenhang ist auch häufig die Rede von einem sogenannten „responsiven Design“ einer Webseite. Responsive Webdesign stellt eine aktuelle Technik zur Verfügung, welche es ermöglicht mit Hilfe von HTML5 und CSS3 Media-Queries das einheitliche Anzeigen von Inhalten auf einer Website zu gewährleisten. Hierbei wird das Layout einer Website so flexibel gestaltet, dass dieses auf dem Computer- Desktop, Tablet und Smartphone eine gleichbleibende Benutzerfreundlichkeit bietet. Somit kann der Inhalt gänzlich und schnell vom Besucher aufgenommen werden. [2]
Was macht eine Webseite zu einer Progressive Web App?
Progressive Web Apps sind, anders als normale Webseiten, auf dem jeweiligen Endgerät installierbar. Durch diesen Vorteil, bieten sie eine App-ähnliche Erfahrung, wie man sie bereits von Programmen auf einem Computer oder aus Apps aus dem Apple AppStore oder Google Play Store kennt. Das bedeutet auch, dass eine Progressive Web App in einem bestimmten Umfang auch „offline“, also ohne aktive Internetverbindung funktionieren kann. Somit kann eine PWA auch als eine Art Symbiose aus einer responsiven Webseite und einer App beschrieben werden.
Eine große Rolle spielt ebenfalls die Performance deiner PWA. Die Ladegeschwindigkeit und User Experience ist das A und O für den Erfolg.
Kurz zusammengefasst: Ausgehend von einer gemeinsamen Code-Basie, funktionieren PWAs auf allen möglichen Endgeräten in unterschiedlichsten Browsern. [3]
Sowohl die Browser Google Chrome, Firefox und Microsoft Edge, sowie Apples Safari unterstützen, Stand heute (26.07.2020), die Nutzung von Progressive Web Apps. [4]
Twitter – Eine erfolgreiche Progressive Web App
Als prominentes Beispiel für eine erfolgreiche Progressive Web App, kann ich dir die Twitter PWA empfehlen. Anstatt die App über den Google PlayStore oder Apple AppStore zu beziehen, kannst du auch einfach die PWA installieren. Über folgende Schritte bekommst du die schlanke App-Web-Version von Twitter über den Browser Google Chrome installiert:
Twitter PWA auf einem PC oder Laptop
Wenn du dich gerade am PC oder Laptop befindest, dann folge dieser Anleitung:
Nachdem du Schritt 1 durchgeführt hast, kannst du oben rechts auf die drei Punkte klicken.
Jetzt wählst du den Punkt: „Twitter installieren“ aus.
Insofern alles korrekt geklappt hat, kannst du die PWA nun über eine Verknüpfung auf dem Desktop/Schreibtisch starten.
Klicke oben rechts auf die drei Punkte und wähle „Twitter installieren“ aus:
Installierte Twitter PWA auf macOS in Google Chrome.
Twitter PWA auf einem Android Endgeräit installieren
Wenn du dich gerade an einem Android Smartphone befindest, dann folge dieser Anleitung:
Rufe auf deinem Android-Endgerät die Webseite www.twitter.com auf.
Nachdem du Schritt 1 durchgeführt hast, kannst du oben rechts auf die drei Punkte klicken.
Jetzt wählst du den Punkt: „Zum Startbildschirm hinzufügen“ aus.
Installiere die Twitter PWA, indem du auf „Hinzufügen“ klickst.
Insofern alles korrekt geklappt hat, kannst du die PWA nun über eine Verknüpfung auf dem Homescreen starten.
Klicke auf „Zum Startbildschirm hinzufügen“
Klicke auf „hinzufügen“ und die PWA wird installiert
Die Twitter PWA ist nun installiert:
Installation der Twitter PWA auf einem Android Gerät mit Google Chrome. Bilder: Eigene Screenshots
So sieht die geöffnete Twitter PWA auf einem Android aus.
Twitter PWA auf einem Apple Endgerät installieren
Wenn du dich gerade an einem Apple-Smartphone mit dem Safari Browser befindest, dann folge dieser Anleitung:
Rufe auf deinem Apple-Endgerät die Webseite www.twitter.com auf.
Nachdem du Schritt 1 durchgeführt hast, kannst du unten in der Mitte auf den „Teilen…“-Knopf klicken.
Als nächstes wählst du den Punkt: „Zum Home-Bildschirm“ aus.
Installiere die Twitter PWA, indem du auf „Hinzufügen“ klickst.
Insofern alles korrekt geklappt hat, kannst du die PWA nun über eine Verknüpfung auf dem Homescreen starten.
Klicke unten in der Mitte auf den „Teilen…“-Knopf
Klicke auf „Zum Home-Bildschirm“
Klicke auf „Hinzufügen“
Installation der Twitter PWA auf einem Appe iPhone mit Safari. Bilder: Eigene Screenshots So sieht die geöffnete Twitter PWA auf einem iPhone aus.
Probiere es gerne auf deinem eigenen Gerät aus!
Weitere Progressive Web Apps
Da es für PWAs keine Art AppStore oder PlayStore gibt, haben sich diverse Internetseiten mit der Sammlung von bekannten Progressive Web Apps beschäftigt.
Unter folgenden Links kannst du dir zahlreiche weitere PWAs anschauen:
Ich finde die Idee und die umfangreichen Einsatzzwecke von Progressive Web Apps enorm spannend. Die Möglichkeit seinen Webseitenbesuchern auf einfach Art und Weise eine App-Version seines Internetauftritts zur Verfügung zu stellen, bietet großes Potential.
Gerade die Kosteneinsparung bei der Entwicklung von „nur“ einer Webseite, die dann zusätzlich mit wenig Aufwand als App erscheinen kann, finde ich für Unternehmen sehr interessant. Solche Unternehmen, die PWAs einsetzen können mit einer höheren Verweildauer ihrer Kunden auf ihrer Webseite rechnen. Dies fördert zugleich die Conversion-Rate.
In Zukunft werden sicher mehr und mehr Unternehmen auf den erst kurzen Erfolgszug der Progressive Web Apps aufspringen. Die einzigen benachteiligten dürften hier der Google PlayStore und der Apple Appstore sein, da ihnen wohlmöglich ein gewisser Anteil In-App-Verkäufe weg brechen könnte.
Mich persönlich hat das Konzept einer PWA überzeugt und ich werde es bei einem meiner nächsten privaten Projekte auf jeden Fall in Betracht ziehen.
Literatur und Quellen
[ 1 ] Ruppert, Sven (2019): How-to: Progressive Web Apps praktisch erklärt. Online unter: https://entwickler.de/online/web/progressive-web-apps-tutorial-tipps-579830771.html [Abruf am 26.07.2020]
[ 2 ] wendweb GmbH (2020): Was ist Responsive Webdesign. Online unter: https://www.responsive-webdesign.mobi/was-ist-responsive-webdesign/ [Abruf am 26.07.2020]
[ 3 ] Google LLC (2020): Your First Progressive Web App. Online unter: https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0 [Abruf am 26.07.2020]
[ 4 ] Vaadin Ltd. (2020): Progressive Web App Browser Support. Online unter: https://vaadin.com/pwa/learn/browser-support [Abruf am 26.07.2020]