Web-basierte Anwendungen 1

Challenge Training

November 2017

Studiengang Medieninformatik an der TH Köln
Campus Gummersbach

M.Sc. Jan Kus

Warum dieses Challenge-Training?

  • Um ein Gespür für die finale Challenge zu bekommen
  • In kurzer Zeit mit dem Team zu arbeiten und kollaborativ eine Seite zu entwicklen
  • Im Team gemeinsam Github zu benutzen
  • Um den Mentoren Fragen stellen zu können
  • Und damit Unklarheiten zu beseitigen

Warum geht es in der finalen Challenge

  • Eigenverantwortliche Anwendung der gelernten Inhalte
  • Offene und kreative Arbeitsweise
  • Teamwork
  • Eigene Soft- und Hard-Skills challengen
  • Um selbständig Lösungsansätze im Web zu recherchieren

Das Training...

  • ... ist freiwillig
  • aber empfehlenswert

Nutzen Sie das Training...

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

Ein paar weitere Hinweise

  • Legen Sie sich ein Github Repository an (wenn schon nicht passiert)
  • Fügen Sie Collaborators hinzu
  • Richten Sie sich Ssh und Github ein, damit sie sich nicht bei jedem Push und Pull gegenüber Github authentifizieren müssen
  • Üben sie das publishen des Ergebnisses des Trainings via Github-Pages

Und das wichtigste

  • Nutzen Sie das Internet (z.B.: Stackoverflow)
  • Fragen Sie uns
  • Seien Sie experementierfreudig
  • Es gibt nicht die eine richtige Lösung
  • Es gibt keine falsche Lösung
  • Seien Sie kreativ

Achten Sie auf die Zeit

4 Stunden

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.

Beispielseiten finden sie hier: https://th-koeln.github.io/mi-bachelor-wba1/lehrveranstaltungen/challenge-training-info/#die-aufgabe

Wie könnte so eine Seite aussehen?

Ein paar Hinweise zur Umsetzung

MEGA wichtig

Wenn sie eine bestehende Seite modifizieren die im Netz aufrufbar ist dann löschen Sie alle Eigennamen auf dieser Seite:

  • Persönliche Daten
  • Firmenbezogene Daten
  • usw.
  • Auch wenn diese Seite Ihrer Familie, Bekannten, Freunden gehört

Anonsten kann das für Sie und für uns sehr unangenehme Konsequenzen haben. Warum: schauen Sie sich Gebiete im Bereich der Suchmaschinenoptimierung an: SEM, SEO oder SEA.

Auf was werden wir achten?

Ein paar Hinweise auf was wir bei der finalen Challenge achten werden:

  • Commited das ganze Team in Github? Das können wir mittels Github Insights nachvollziehen
  • Commited das ganze Team oft genug?
  • Gibt es eine Dokumentation (oder die Seite Dokumentiert) die mittels Github-Pages online gestellt wurde? Mehr zu Github Pages finden sie im kurzen Video-Tutorial oder unter https://pages.github.com/
  • Sind die erlernten WBA Skills angewand worden? Semantisch reichhaltiges Markup, korrekte nutzung von CSS, Javascript, usw.

Welche Skills werden erwartet

Diese Kriterien bilden die Grundlage der Bewertungskriterien für die finale Challenge

  • Problemverständnis & Anaylse
    • Wurde das Problem verstanden, Systematisches Vorgehen, wird es Dokumentiert
  • Idee & Konzept
    • Gibt es verschiedene Ansätze und eine Argumentation für die gewählte Realisierung. Können Sie ihr Konzept kurz und prägntant dokumentieren?
  • Realisierung
    • War es möglich einen Prototypen umzusetzen? Beinhaltet die Umsetzung die Kernfunktionen Ihres Konzeptes? Haben Sie einen alternativen Weg gefunden für Funktionen die zeitlich/fachlich nicht realisiert werden konnten?
  • Präsentation & Dokumentation
    • War es möglich das Ergebnis (Konzept und Projekt) in 90 Sekunden vorzustellen und gibt es eine Dokumentation des Projektes auf github.io?
  • Organisation & Reflexion
    • Teamorganisation, Verteilung des Workloads, ander Soft-Skills
  • Hard-Skills
    • Git, HTML, CSS, Javascript

Fragen?

Have fun!