Web-basierte Anwendung 1

Medieninformatik am Campus Gummersbach

Vorstellung Challenge Training

Dauer
30 min
Typ
Vortrag
Maximale Teilnehmerzahl
120 Teilnehmer
Verantwortlich
alle
Info
Vorstellung des Challenge Trainings

Termine:

  • 16. November 2017, 09:00 Uhr, Raum 3.102

Ziel der Trainings

Das Training dient zur Vorbereitung auf die ganztägige finale Challenge, die als praktischer Prüfungsteil gewertet wird. Bei der finalen Challenge werden wir Ihnen eine Aufgabe stellen, die Sie in einem 5-er Team lösen müssen. Ziel dieser Challenge ist es, die in WBA1 vorgestellten Konzepte und Technologien eigenverantwortlich in einer freien und kreativen Art und Weise zielführend anzuwenden. Darüber hinaus bietet die finale Challenge den Raum, neben den erworbenen fachlichen Skills, Soft-Skills und bereits erworbene Fertigkeiten und Fähigkeiten anzuwenden und zu festigen, z.B.: Arbeit in der Gruppe, Nutzung des Webs für das Lösen von Fragestellungen, erarbeiten von kreativen Lösungsansätzen usw.

Als Vorbereitung für die finale Challenge und Benchmark für Sie und uns, werden wir Sie am heutigen Trainings(vormit)tag mit einem offenen Thema/ Problem konfrontieren. Bislang waren die Übungen in den Workshop stark strukturiert. Wir stehen Ihnen dann in den nächsten 3 Stunden für Support und Feedback bereit. Das Thema/ Problem ist so dimensioniert, dass Lösungen innerhalb von 3 Stunden erarbeitet werden könnten. Es gelten folgende Spielregeln:

  • Sie können alleine oder im Team agieren
  • Sie können uns Ihr Ergebnis und etwaige Zwischenergebnisse vorstellen, müssen dies aber nicht
  • Sie können die bereitgestellten Räume nutzen, aber sich auch einen eigenen Arbeitsraum suchen

An wen richtet sich das Training?

An alle, die sich und ihr Team auf die finale Challenge vorbereiten möchten. Bitte beachten Sie:

  • dies ist keine Prüfung
  • es gibt keine Abgabe
  • es gibt kein richtig oder falsch

Unsere Empfehlung

  • nutzen Sie das Training, um mal eine freie Aufgabe im WBA Kontext zu bearbeiten
  • agieren Sie im Training schon als Team und lernen Sie die Stärken und Schwächen des Teams kennen
  • nutzen Sie unbedingt GIT und GitHub, damit Sie hier Ihre Skills vertiefen können. In der finalen Challenge ist der Einsatz von GitHub erforderlich

Ein paar Tipps

Die Aufgabe

Die Trainingsaufgabe besteht darin, eine Team bzw. Employer Branding Seite für ein bestehendes oder fiktives Unternehmen zu erstellen. Die Seite kann sowohl statische als auch dynamische Inhalte beinhalten, z.B.:

  • interaktive Inhalte die über eine API via Javascript eingebunden werden (z.B. Twitter)
  • statische Inhalte in Form von Bildern und Texten
  • eine Kombination aus beidem

Wie schon erwähnt, kann es eine fiktive Seite sein, oder sie benutzen eine bestehende Team-Page eines Unternehmens, programmieren diese nach und erweitern die Seite anschließend sinnvoll. Der reverse-engenieering Ansatz ist ein Skillset, dass im späteren Berufsbild oftmals gebraucht wird. Nutzen Sie z.B. Tools wie den Inspector im Browser.

Anbei eine Auswahl von Seiten die sie verwenden können:

!!! Sehr sehr Wichtig: Wenn Sie eine bestehende Seite als Grundlage verwenden, ändern Sie bitte den Namen der Firma in einen fiktiven Namen (bitte überall im Quellcode ersetzen: Meta-Tags, Titel, usw.), bevor sie den ersten Commit machen, bzw. die Seite online stellen. Es kann im Nachhinein unangenehme SEO-Konsequenzen geben die wir vermeiden wollen !!!

Weitere Hinweise

  • Machen Sie sich bis kommende Woche Gedanken über die Seite und Umsetzung. Skribbeln Sie Ihre Ideen auf Papier, bringen Sie diese mit.
  • Probieren Sie die Einbindung von APIs mal aus
  • Nutzen Sie Google, Stackoverflow wenn es Fragen gibt - das Netz ist eine sehr hilfreiche Ressource um viele Herausforderungen aus dem Weg zu räumen

Hinweise zum Einbinden von interaktiven Inhalten

Idealerweise nutzen Sie eine API (z.B.: Twitter) um z.B.: Tweets der Mitarbeiter auf der Seite zu integrieren. Eine andere Möglichkeit besteht darin, dass Sie sich

folgende JSON-Datei

die einen Tweet darstellt, herunterladen und diese via Javascript einbinden, falls die Nutzung von APIs Ihnen zu schwierig erscheint. Erweitern Sie diese JSON-Datei um weitere fiktive Tweets.

Hilfen

  • Schauen sie sich das Github Pages Tutorial an: ein Bestandteil der finalen Challenge ist es eine Seite auf Github zu publizieren indem die Arbeit dokumentiert wird
  • Beschäftigen Sie sich mit Reveal.js. Die Endpräsentation am Tag der Challenge sollte idealerweise damit erstellt werden.

Kreative Arbeit soll auch Spaß machen…

Das Training und die finale Challenge soll auch Spaß machen - schauen Sie sich Videos an wie ein typischer Hackathon/Challenge abläuft in dem man zusammen, in kurzer Zeit ein kreatives Ergebniss auf die Beine stellt. Ein paar Videos dazu finden Sie hier: https://www.youtube.com/channel/UCW9cG_uqdaPPXRXGVaRqgyg/videos

Review der Ergebinsse

Wir werden am Trainingstag nicht alle Ergebnisse reviewen können und auch nicht alle Fragen beantworten können. Daher bieten wir an, remote via Skype oder Google Hangout Review-Sessions zu machen. Termine dazu werden noch bekannt gegeben.

Themen für die Info Session

  • Gruppenbildung
  • Eintrag ins Wiki
  • Anmeldung zur finalen Challenge, Probleme PSSO
  • Teilnehmerzahl Workshops
  • Doku auf github.io. Link zum Repo ins MI Wiki
  • Deployment auf Ihren ADV Account. Mit Passwortschutz. Link zum Projekt bitte in die Doku.
  • Fotos und Filmchen ok?

Material