WebLab-Projekt: Portfolio zu studentischen Arbeiten

BestOf studentische Arbeiten

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

Wir hoffen, dass sich in Zukunft auch weitere Dozent*innen unseres Studiengangs und aus benachbarten Fachrichtungen an der Veröffentlichung ihrer BestOf-Arbeiten beteiligen.

Falls Sie Interesse haben, Ihre Kursergebnisse oder sehr guten Bachelorarbeiten in unserem Portfolio zu veröffentlichen, freuen wir uns, wenn Sie sich bei uns melden.

Interaktives Storytelling: Studentischer Alltag

Interaktives Storytelling: Studentischer Alltag

Das von Birte Rohden und Julian Hundertmark erstellte Storytelling zeigt einen typischen Tagesablauf eines Informationsmanagement Studenten. Für die Umsetzung wurden HTML5, CSS3, Bootstrap, JavaScript (u.a. AngularJS), Adobe Photoshop und Windows Live Movie Maker benutzt.

Hier geht’s zum Storytelling:

Interaktives Storytelling: Studentischer Alltag

Im Kurs “Ausgewählte Fragen der Medieninformatik” sind im Wintersemester 2016/17 einige gute Arbeiten entstanden. Eine davon ist ein interaktives Storytelling zum studentischen Alltag im Studiengang Informationsmanagement an der Hochschule Hannover (Expo Plaza).

Videos rundum IM: Vom Hauptbahnhof zur Expo Plaza

Die Fakultät III der Hochschule Hannover, zu der der Studiengang Informationsmanagement und auch das WebLab gehören, liegt nicht zentral in der Innenstadt, sondern etwas weiter außerhalb, an der Expo Plaza.
Um neuen Studierenden und Besuchern die erste Anfahrt zu erleichtern und zu veranschaulichen haben wir hier ein kurzes Video für euch, das den Weg vom Hauptbahnhof Hannover bis zum Standort der Fakultät III im Zeitraffer demonstriert.
Erstellt wurde dieses Video von Roman Berthold mithilfe des Programms Adobe Premiere im Rahmen der Lehrveranstaltung Entwicklung von Multimediasystemen I.

Dieses Video findet ihr auch über unseren Youtube-Kanal: Weblab HsH .

Videos rundum IM: Was ist Informationsmanagement?

Was ist Informationsmanagement?

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 beschäftigt.

WiseMapping: Open-Source MindMapping

MindMaps mit WiseMapping

WiseMapping ist ein kostenfreier webbasierter Editor, mit dem Online Mindmaps erstellt werden können. Außer einer Registrierung auf der Seite wird nichts weiter benötigt. Auch die Benutzung ist ähnlich simpel. Neben der Möglichkeit ein neues Projekt anzulegen, können auch andere Maps importiert werden. Durch ein übersichtliches Interface sowie eine Übersicht der wichtigsten Tastenkürzel ist der Editor leicht und schnell verstehbar. Die erstellten Themen sind nach Belieben in Farbe und Form veränderbar. Zusätzlich sind Symbole, Notizen oder auch Links, die mit dem Thema in Verbindung stehen, verknüpfbar.

Die Mindmaps können mit anderen Personen geteilt und von mehreren bearbeitet werden. Eine weitere nützliche Funktion ist die History, die ältere Versionen der Map aufführt und wenn nötig, wiederherstellen kann. Fertige Arbeiten können u. a. als SVG, PNG, JPG und PDF exportiert werden.

Hier könnt ihr WiseMapping ausprobieren.

MindMap mit WiseMapping
MindMap mit WiseMapping: Beispiel für eine mit WiseMapping erstellte MindMap über die Hochschule Hannover

Interaktive Infografik: Was macht eigentlich ein Informationsmanager?

Infografik zu Informationsmanagement an der Hochschule Hannover

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 wie Informationsrecht, Medienwissenschaften oder Kommunikation gefragt. Über die unterschiedlichen Größen der Themenrechtecke wird zusätzlich der prozentuale Anteil am Studium sichtbar. Bei Klick erhält man weitere Informationen zum ausgewählten Bereich.

Hier gelangt ihr zur Infografik für den Studiengang Informationsmanagement.

BestOf: WWW-Techniken I Wise 2016/17

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 richtig gute Ergebnisse dabei sind.

Ein paar der besten Arbeiten findet ihr hier:
UPDATE 10.01.19:
Leider verlängern nicht alle Studierenden ihren Hochschul-Webspace, sodass einige Links inzwischen nicht mehr funktionieren 🙁

CSS3: Codesharing und gute Beispiele

Codepen.io für HTML5, CSS3 und JavaScript Beispiele

Insbesondere zu HTML5, CSS3 und JavaScript gibt es ja nicht gerade wenige Quellen im Web, die man als Beispiele, Inspiration oder Hilfe heranziehen kann.

Aber ist ein Beispiel, dass gefällt,  nur mit CSS3 umgesetzt oder ist auch JavaScript dabei? Klar kann man alles was man im Web so findet schlicht mit “Rechte Maus > Seitenquelltext anzeigen” oder mit den Webdeveloper Tools unterschiedlichster Browser genau unter die Lupe nehmen, aber das ist im Gegensatz zu so mancher Codesharing Community ziemlich umständlich.

Websites wie Codepen.io oder Cssdeck.com bieten umfangreiche Sammlungen an Code-Snippets und haben den großen Vorteil, dass man auf einen Blick sofort sieht, was es für ein Beispiel ist, welche Techniken verwendet werden und wie der Quellcode genau aussieht. Außerdem kann man das Snippet, dass einem gefällt, direkt online verändern, forken oder einfach nur liken.

Kennt ihr noch andere Codesharing Communities, die wir uns unbedingt mal anschauen sollten?

WebLab KickOff: Jetzt geht’s los!

Storytelling IM

Heute war das KickOff-Treffen zum neu gegründeten Web-Engineering-Labor (WebLab). Ziel des WebLabs ist die Bündelung und Weiterentwicklung von studentischen Arbeiten aus dem Bereich der Webentwicklung. Wir beginnen mit Ergebnissen aus dem Studiengang Informationsmanagement.

Von der Schublade ins Web
Bislang sind wunderbare Ergebnisse aus Kursen und Abschlussarbeiten leider oft einfach nur in Schubladen verschwunden, nachdem sie als Prüfungsleistung benotet wurden. Das soll jetzt geändert werden, indem diese Arbeiten weiter entwickelt und veröffentlicht werden.
Neben einander ein wenig Kennenlernen stand beim KickOff die Aufteilung in geplante Projekte auf dem Programm. Unter dem Oberthema Web-Engineering sind aktuell zum Beispiel Webanimationen, interaktive Infografiken, Storytelling, 3D Web, Online-Spieleentwicklung  und responsives Web-Publishing Arbeitsschwerpunkte. Dabei kommen überwiegend Techniken und Standards wie HTML5, JavaScript oder WebGL zum Einsatz.

Das WebLab-Team besteht aktuell aus einem Team von sieben Studierenden des Studiengangs Informationsmanagement unter der Leitung von Monika Steinberg.