WebLab-Projekt: Interaktives Memory-Spiel für IM-Studiengang

WebLab-HsH_Interaktives_Memory_Spiel

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 die Karten zu sehen sind und im unteren Bereich die Felder für die verschiedenen Kategorien angeordnet sind. Für die Karten haben wir ein vorläufiges Design entwickelt.

Als Kategorien für das untere Feld haben wir uns für “Programmiersprachen“,”Bibliotheken“,”Suchmaschinen” und “Expo Plaza” entschieden. Im Weiteren wurden noch mehr Karten entwickelt und ein Timer eingebaut, da der Spieler ja gegen die Zeit spielen soll.

Was nun entstanden ist, ist ein interaktives Memory-Spiel mit Timer und zahlreichen Animationen, die das Geschehen anschaulicher gestalten. Wir hoffen dadurch potentielle Studierende zu begeistern und dass diese genauso viel Spaß beim Spielen haben, wie wir beim Anfertigen dieses Projektes.

Zu dem Spiel gelangt ihr hier.

Viel Spaß!

Tutorial: WWW-Techniken 1 – Wie bekomme ich meine Website ins Internet?

WebLab HsH

Bevor Sie eine Website online stellen können, müssen Sie ein paar Vorbereitungen treffen:

  1. 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 einen Webserver zugänglich ist.
  2. Um Zugang zu Ihrem Webspace zu bekommen, benötigen Sie einen SFTP-Client (Secure File Transfer Protocol-Client). Im weitern Tutorial benutzen wir dafür FileZilla.
  3. Möchten Sie neue Inhalte außerhalb der Hochschule auf Ihren Webspace laden, benötigen Sie einen Zugang zum Hochschulnetz über VPN (Virtual Privat Network), bevor Sie sich mit FileZilla zu Ihrem Hochschule-Webspace verbinden können. Wie  eine VPN-Verbindung mittels eines VPN-Clients eingerichtet und hergestellt wird, wird hier ausführlich erklärt. Wenn Sie sich bereits im Netzwerk der Hochschule befinden, ist keine VPN-Verbindung nötig.
Tutorial WWW1
VPN-Verbindung zum Hochschulnetzwerk herstellen.
Tutorial WWW1
VPN-Verbindung zum Hochschulnetz erfolgreich hergestellt.

 

Öffnen Sie FileZilla und trage Sie in die Felder: Server, Benutzername, Passwort und Port wie folgt ein.

 

Tutorial WWW1

 

Server:  sftp://Name_deines_Webspaces.wp.hs-hannover.de
Benutzername: dein_Benutzername
Passwort: dein_Passwort
Port: 22

 

Tutorial WWW1

 

Falls ein Fenster mit dem Titel “Unbekannter Server-Schlüssel” erscheint, muss dieses mit “ok” beantwortet werden. Danach verbindet FileZilla Sie mit ihrem Webspace.

 

Tutorial WWW1

 

Auf der linken Seite befinden sich nun die Verzeichnisse Ihres Computers. Rechts sehen Sie das Verzeichnis des Webspaces. Um Inhalte auf Ihrer Seite erscheinen zu lassen, klicken Sie auf den Ordner docs.

 

Tutorial WWW1 Tutorial WWW1

 

In dem Verzeichnis docs befinden sich die Dateien Ihrer Internetseite. Anfangs sollte allerdings nur die index.html vorhanden sein. Die Dokumente Ihrer Seite ziehen Sie jetzt in den Ordner docs auf dem Webspace.

 

Tutorial WWW1

Wurden die Dateien auf den Server geladen, sollte die Seite unter der Domain des Webspaces sichtbar sein. HTML und PHP-Dateien, die index.html bzw. index.php heißen, werden automatisch bei Verzeichnisaufruf angezeigt. Hiervon abweichende Dateinamen müssen in der Adresszeile (URL) mit angegeben werden, um sie direkt aufzurufen.

Viel Erfolg!

WebLab-Projekt: Neue Website für den Studiengang Informationsmanagement

WebLab-Projekt: Neue Website Informationsmanagement an der HsH

Am 15. September 2017 hat das WebLab-Team rechtzeitig zu Beginn des neuen Wintersemesters 2017/18 die neue Website für den Studiengang Informationsmanagement veröffentlicht.

Die neue Website wurde mit WordPress umgesetzt und beinhaltet als Satellitenseite für den Studiengang wichtige Infos zu Studium, Praktika, Beruf und Karriere. Regelmässige News zu Stellenausschreibungen, Praktikumsplätzen und sonstigen für IMler wichtigen Themen halten Sie auf dem Laufenden. Die IM-Website wird auch nach der Online-Stellung weiterhin durch studentische Hilfskräfte des WebLab betreut.

Falls auch Sie eine News für die IM-Website haben, schreiben Sie bitte an die offizielle Studiengangsemail im@hs-hannover.de.