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.