Syllabus Projekt Programmierung 2

Syllabus
BAE2231 – Projekt Programmierung 2
WS 2016/17
Hochschule Pforzheim - Fakultät für Technik – Wirtschaftsingenieurwesen
Syllabus Projekt Programmierung 2
Lehrveranstaltung:
BAE2231 - Projekt Programmierung 2
2 SWS, 3 Credits, Deutsch, Niveau: Eingangslevel
Montag 09:45 - 13:00 Uhr
Räume: T1.5.06, T1.5.04, T1.5.09
Übungsmöglichkeiten im PC Labor T1.5.03
Lehrende/r
Raum
Kolloquium
E-Mail Adressen
Prof. Uwe Dittmann
T1.2.30
Mittwoch 11:30 - 13:00 Uhr
[email protected]
Prof. Alfred Schätter
T1.5.22
Montag 08:00 – 09:30 Uhr
[email protected]
Markus Nippa
T1.5.08
Nach Vereinbarung
[email protected]
René Triebenstein
T1.5.27
Nach Vereinbarung
[email protected]
Irina Schönhals
T1.3.02
Nach Vereinbarung
[email protected]
Kurzbeschreibung:
Programmierung einer Webseite mit dem Content Management
System Joomla 3.x
Voraussetzungen:
Objektorientierte Programmierung (BAE1081)
Zusatzinformationen:
Zusätzliche Informationen zum Syllabus (Anhang A – D) finden Sie
im Moodle Kurs dieser Veranstaltung im aktuellen Semester, die dort
enthaltenen Angaben sind für alle Studierenden verpflichtend.
Syllabus
BAE2231 – Projekt Programmierung 2
WS 2016/17
Inhaltsverzeichnis
1 Inhalte des Projekts Programmierung 2 ......................................................................................... 3
2 Regelungen zum Leistungsnachweis .............................................................................................. 3
2.1 Projektaufgabe ......................................................................................................................... 3
2.2.1 Recherche .......................................................................................................................... 4
2.2.2 Konzept.............................................................................................................................. 5
2.2.3 Zwischenbericht ................................................................................................................ 5
2.2.4 Prototyp............................................................................................................................. 6
2.2.5 Joomla Test ........................................................................................................................ 6
2.2.6 Umsetzung Ihrer Projektaufgabe mit Joomla ................................................................... 6
3 Zeitplan, Fristen und Anwesenheitspflicht ..................................................................................... 7
4 Anmeldung / Webspace ............................................................................................................... 10
5 Verhaltensregeln für die Studierenden ........................................................................................ 10
6 Regeln für akademisch korrektes Arbeiten................................................................................... 10
7 Lehr-/Lernunterlagen .................................................................................................................... 11
2
Syllabus
BAE2231 – Projekt Programmierung 2
WS 2016/17
1 Inhalte des Projekts Programmierung 2






Einführung in die Themen Webdesign, Internetauftritte und Content Management
Systeme
Recherche und Analyse der Anforderungen an einen Internetauftritt für ein Unternehmen
Webdesign und Konzeption eines Internetauftritts
Das Content Management System (CMS) Joomla 3.x
o Administration
o Designanpassung am Template mit CSS
o Konzeption von Inhalten, z. B. Bereich, Kategorie, Inhalt
o Pflege von multimedialen Inhalten
o Module und Komponenten von Joomla
Projektarbeit zur Realisierung eines Internetauftrittes für ein Unternehmen
Das hochschuleigene Joomla Portal „Joomla4Students“ unterstützt Sie bei der
Einarbeitung in Joomla unter: http://141.47.2.49/joomla4students/
2 Regelungen zum Leistungsnachweis
Sie bearbeiten in einer Gruppe von vier Personen folgende Projektaufgabe (siehe 2.1). Ihre
Aufgabe ist zeitlich und strukturell in Meilensteine unterteilt. Sie legen zu den vorgegebenen
Zeiten (siehe Punkt 3: „Zeitplan und Fristen“) Ihre Ergebnisse der Meilensteine vor, ggf. auch die
dazu erforderlichen Berichte. Außerdem legen Sie einen Test über Joomla 3.x ab.
2.1 Projektaufgabe
Erstellung einer Joomla Webseite
Mit einem vorgegebenen Template, d. h. Sie haben zwei Templates zur Auswahl, soll
exemplarisch eine Webseite für einen Ingenieurdienstleister, einen Schmuckhersteller
oder ein Modeunternehmen erstellt werden.
Die Inhalte der Webseite sind im Rahmen von Recherche und Konzept herauszuarbeiten und
festzulegen. Eine sinnvolle Struktur sollte das Interesse möglicher Käufer, bzw. Interessenten
wecken. Vorteilhaft ist die Verwendung von dynamischen Inhalten.
Das Design der Seite sollte ansprechend und übersichtlich sein. Hierbei ist vor allem auf eine
klare Darstellung und sinnvolle Struktur von Informationen und Inhalten zu achten.
3
Syllabus
BAE2231 – Projekt Programmierung 2
WS 2016/17
Hinweise für die Aufgabe:
Das Template für die Webseite ist vorgegeben mit JoomSpirit 107 oder JoomSpirit 109, Sie
können eines davon zu Beginn des Semesters in Moodle herunterladen. Alle Erweiterungen, die
zusätzlich installiert werden, müssen vom Entwickler ausschließlich zur kostenlosen Nutzung
freigegeben sein, als sog. Freeware. Als einzige kostenpflichtige Erweiterung bekommen Sie von
uns den „HikaShop“ zur Verfügung gestellt. Die Details zur Installierung dieses Onlineshops gibt
es zu Beginn des Semesters.
2.2 Inhalte, Benotung und Gewichtung der Meilensteine
Für die Arbeitsergebnisse der Projektaufgabe werden Noten mit Berücksichtigung der
individuellen Leistungen vergeben. Zum Bestehen der Veranstaltung müssen alle Teilleistungen
erfolgreich erbracht werden. Folgende Kriterien gehen in die Bewertung ein:
2.2.1 Recherche
Bei der Entwicklung einer neuen Webseite ist eine Analyse des Umfeldes, in dem die Seite
eingesetzt werden soll, notwendig. Dabei wird in erster Linie untersucht, welche Webseiten es
schon im gegebenen Themenkontext gibt. Diese werden bewertet, um einerseits Anregungen für
die eigene Webseite zu erhalten und auf der anderen Seite Fehler bei der Entwicklung der
eigenen Webseite zu vermeiden.
Ihre Aufgaben zum Meilenstein „Recherche“ sind:






Bei der Recherche sollen bestehende Webseiten zum Themengebiet analysiert werden.
Sie erstellen eine Auswahl der zu analysierenden Webseiten (etwa 8 bis 12), die zur
Aufgabenstellung passen.
Sie bewerten die Stärken und Schwächen der Seiten anhand folgender Hauptkriterien:
o Design
o Navigation
o Inhalte
o Zusatznutzen
Sie entwickeln Unterkriterien zu den o.g. Hauptkriterien, damit auch anhand dieser
Unterkriterien die untersuchten Seiten bewertet werden können.
Aufbau eines nachvollziehbaren Bewertungsschemas mit einer sinnvollen Punktevergabe
für alle genannten Kriterien
Bewertung der Webseiten anhand des ausgearbeiteten Bewertungsschemas
8-10 Minuten Präsentation und Diskussion der Ergebnisse dieses Meilensteins mit der
Darstellung:
o des Kriterienkatalogs
o der Auswahl analysierter Webseiten
o der Ergebnisse der Analyse, z. B. Stärken und Schwächen der analysierten
Webseiten
4
Syllabus

BAE2231 – Projekt Programmierung 2
WS 2016/17
o der Erkenntnisse für die eigene Webseite
Abgabe der Präsentationsfolien in elektronischer Form durch Upload auf die MoodlePlattform (Upload muss vor der Präsentation erfolgen) sowie einmal ausgedruckt und
geheftet
2.2.2 Konzept
Basierend auf den Ergebnissen der Recherche werden beim Konzept die Anforderungen an die
Webseite festgelegt.
Ihre Aufgaben zum Meilenstein „Konzept“ sind:







Zielsetzung und Zielgruppe für die Seite definitiv festlegen
Themengebiete definieren, die auf der Webseite behandelt werden sollen
Muss-Funktionalitäten festlegen
Sinnvolle Zusatznutzen/Besonderheiten herausarbeiten
Den grundsätzlichen Aufbau, die Struktur und Navigation der Seite festlegen:
Dazu ist eine Skizze (Sitemap, ggf. auch Flowchart) für den Aufbau der Webseite zu
erstellen, die den Fahr-/Konstruktionsplan der Webseite enthält. Außerdem ist eine
vorläufige, bildliche Darstellung der wesentlichen Blöcke der Seite (Header-, Footer-,
Content- und Navigationsbereich) zu erstellen.
8-10 Minuten Präsentation und Diskussion der Ergebnisse dieses Meilensteins:
Darstellung des Anforderungsprofils an die Webseite (Zielgruppe, Muss –
Funktionalitäten, sinnvoller Zusatznutzen) sowie des grundsätzlichen Aufbaus der
Webseite (Konzeptskizze)
Abgabe der Präsentationsfolien in elektronischer Form durch Upload auf die MoodlePlattform (Upload muss vor der Präsentation erfolgen) sowie einmal ausgedruckt und
geheftet
2.2.3 Zwischenbericht
Über die Recherche und das Konzept ist ein schriftlicher Zwischenbericht mit 7500 Zeichen, ohne
Leerzeichen und mit maximaler Abweichung bis zu 10 Prozent, zu erstellen und bei der
Präsentation des Konzeptes abzugeben. Die Abgabe erfolgt in gedruckter Form als zweifache
Ausführung. Der Zwischenbericht muss geheftet abgegeben und digital auf die Moodle-Plattform
vor der Präsentation des Konzepts hochgeladen werden. Die Anzeige der Zeichen in Word muss
im Bericht enthalten sein.
Die Bewertung von Recherche und Konzept einschließlich Zwischenbericht wird mit
einem Anteil von 25% in die Gesamtnote eingerechnet.
5
Syllabus
BAE2231 – Projekt Programmierung 2
WS 2016/17
2.2.4 Prototyp
Der Prototyp dient zur Beurteilung von:



der Gestaltung der Webseite
einer prinzipiellen Struktur
Funktionen
Der Prototyp zeigt das Design und wesentliche Funktionalitäten im Sinne eines OberflächenPrototyps, der dem späteren Nutzer der Software einen ersten grafischen Eindruck der
Benutzeroberfläche und der Navigation vermitteln soll.
Ihre Aufgaben zum Meilenstein „Prototyp“ sind:


Grafische Umsetzung Ihres bisher erarbeiteten Konzeptes, bzw. der Konzeptskizze
Die Vorstellung des Prototyps in Form eines 15-minütigen Expertengesprächs, individuell
geführt mit jeder Gruppe. Dabei stellt die Gruppe den Prototyp direkt am Rechner vor und
die Betreuer geben eine Rückkopplung mit Hinweisen und Verbesserungsmöglichkeiten.
Es erfolgt keine Bewertung des Prototyps.
2.2.5 Joomla Test
Nach dem Meilenstein „Prototyp“ legen Sie einen Test über Joomla ab. Sie sollten vor diesem Test
bereits mit der deutschen Version von Joomla 3.x intensiv gearbeitet haben. Hierbei werden
Ihnen Videoworkshops helfen, die Sie in Moodle finden. Nutzen Sie auch das Forum in Moodle,
um Ihre Fragen einzureichen. Diese werden in der gemeinsamen Fragerunde, siehe Terminplan,
beantwortet. Das Datum und ein Raum für die Prüfung wird während des Semesters bekannt
gegeben.
Die Note fließt mit einem Anteil von 25% in die Gesamtnote ein.
2.2.6 Umsetzung Ihrer Projektaufgabe mit Joomla
Das erarbeitete Lösungskonzept, welches bereits bei der Realisierung des Prototyps exemplarisch
anhand einzelner Teilbereiche, wie z. B. grundsätzliches Layout oder bestimmte Funktionalität, in
Ansätzen dargestellt und verifiziert wurde, wird nun vollständig in eine Webseite unter
Verwendung von Joomla 3.x umgesetzt.
Ihre Aufgaben zum Meilenstein „Umsetzung“ sind:



Implementieren der inhaltlichen Struktur als Kategorie-System, sowie Menüstruktur im
Template
Vervollständigung des Designs und Layouts der Webseite, Bearbeitung des Templates
Erweiterungen implementieren
6
Syllabus




BAE2231 – Projekt Programmierung 2
WS 2016/17
Einpflegen der Inhalte
Ggf. Benutzergruppen und Berechtigungen festlegen
Abschlusstest durchführen
8-10 Minuten Abschlusspräsentation pro Gruppe mit der Vorstellung der realisierten
Lösung und Herausstellung von besonders relevanten Elementen und Funktionen
Unter anderem mit der Beantwortung folgender Fragen:
o Wer ist die Zielgruppe und mit welchen Mitteln wird diese auf Ihrer Seite
erreicht?
o Wie ist der Gesamteindruck Ihrer Seite?
o Welche Besonderheiten sind auf Ihrer Webseite zu finden, die Ihre Seite von
den Mitbewerbern unterscheidet?
o Welche wichtigen Erweiterungen wurden eingebaut?
o Wie wurde das Template verändert?




Erstellen eines Abschlussberichtes über die Umsetzung des Projektes mit 7500 Zeichen,
ohne Leerzeichen und mit maximaler Abweichung bis zu 10 Prozent
Die Abgabe erfolgt in gedruckter Form als zweifache Ausführung. Der Zwischenbericht
muss geheftet abgegeben und digital auf die Moodle-Plattform vor der Präsentation des
Konzepts hochgeladen werden. Die Anzeige der Zeichen in Word muss im Bericht
enthalten sein.
Die Präsentationsfolien einmal ausgedruckt und geheftet abgeben
Bei der Umsetzung gibt es eine Bewertung mit bestanden oder nicht bestanden
Bewertung der Umsetzung der Webseite, Abschlusspräsentation und Abschlussbericht:
Die Umsetzung der Webseite hat einen Anteil von 40%, die
Abschlusspräsentation mit dem Bericht haben gemeinsam einen Anteil
von 10% an der Gesamtnote.
Die Gruppen-Selbstbewertung:
Um die Leistungen der Gruppenmitglieder individuell bewerten und benoten zu können, muss
jede Gruppe eine Selbstbewertung durchführen, siehe Moodle: Formular Anhang D. Abhängig
von der Selbstbewertung werden die Noten der einzelnen Gruppenmitglieder angepasst. Als
weitere individuelle Komponente zur Notengewinnung kommt das Ergebnis des Joomla-Tests
hinzu.
3 Zeitplan, Fristen und Anwesenheitspflicht
Anwesenheitspflicht
Es besteht Anwesenheitspflicht bei allen Terminen des Zeitplans. Anwesenheit ist nur dann
7
Syllabus
BAE2231 – Projekt Programmierung 2
WS 2016/17
gegeben, wenn die einzelnen Termine von Anfang bis zum Ende besucht werden.



Für die Termine nach dem Kick-off-Meeting ist ein Fehltermin mit begründeter
Entschuldigung zulässig.
Nach mehr als zwei Fehlterminen gilt der Leistungsnachweis als nicht erbracht.
Fällt ein Fehltermin auf die Präsentation eines Meilensteins, wird ein Attest benötigt.
Terminplan für das WS 2016/17:
Datum
Uhrzeit
Gruppen
Raum
Thema
Kick-off-Meeting:
Einführung in die
Veranstaltung
Einführung
Leitfaden zur
Vorgehensweise
10.10.2016
09:45 –13:00
Alle
Audimax
17.10.2016
09:45 – 13:00 Alle
Audimax
24.10.2016
09:45 – 11:15 D01 – D05
T1.5.09
24.10.2016
09:45 – 11:15 S01 – S05
T1.5.04
24.10.2016
11:30 – 13:00 D06 – D10
T1.5.09
24.10.2016
11:30 – 13:00 S06 – S10
T1.5.04
31.10.2016
09:45 – 11:15 D10 – D15
T1.5.09
31.10.2016
09:45 – 11:15 S10 – S15
T1.5.04
31.10.2016
11:30 – 13:00 D16 – D20
T1.5.09
31.10.2016
11:30 – 13:00 S16 – S20
T1.5.04
02.11.2016
Bis 18:00
Alle
Forum in Moodle
Fragen einreichen
07.11.2016
09:45 –13:00
Alle
PC-Labor T1.5.03
oder THE
Fragerunde zum Joomla
Videoworkshop
14.11.2016
09:45 – 11:15 D01 – D05
T1.5.09
14.11.2016
09:45 – 11:15 S01 – S05
T1.5.04
14.11.2016
11:30 – 13:00 D06 – D10
T1.5.09
14.11.2016
11:30 – 13:00 S06 – S10
T1.5.04
Meilenstein 2:
Konzept und
Abgabe
Zwischenbericht
21.11.2015
09:45 – 11:15 D10 – D15
T1.5.09
21.11.2015
09:45 – 11:15 S10 – S15
T1.5.04
21.11.2015
11:30 – 13:00 D16 – D20
T1.5.09
21.11.2015
11:30 – 13:00 S16 – S20
T1.5.04
Meilenstein 1:
Recherche
Meilenstein 1:
Recherche
Meilenstein 2:
Konzept und
Abgabe
Zwischenbericht
8
Syllabus
BAE2231 – Projekt Programmierung 2
Datum
Uhrzeit
Gruppen
28.11.2016
09:45 – 11:15 D01 – D10
T1.5.09
28.11.2016
09:45 – 11:15 S01 – S10
T1.5.04
28.11.2016
11:30 – 13:00 D11 – D20
T1.5.09
28.11.2016
11:30 – 13:00 S11 – S20
T1.5.04
05.12.2016
09:45 – 11:15 D01 – D05
T1.5.09
05.12.2016
09:45 – 11:15 S01 – S05
T1.5.04
05.12.2016
11:30 – 13:00 D06 – D10
T1.5.09
05.12.2016
11:30 – 13:00 S06 – S10
T1.5.04
12.12.2016
09:45 – 11:15 D10 – D15
T1.5.09
12.12.2016
09:45 – 11:15 S10 – S15
T1.5.04
12.12.2016
11:30 – 13:00 D11 – D20
T1.5.09
12.12.2016
11:30 – 13:00 S11 – S20
T1.5.04
19.12.2016
09:45 –13:00
Raumverteilung
kommt
09.01.2017
09:45 – 11:15 D01 – D05
T1.5.09
09.01.2017
09:45 – 11:15 S01 – S05
T1.5.04
09.01.2017
11:30 – 13:00 D06 – D10
T1.5.09
09.01.2017
11:30 – 13:00 S06 – S10
T1.5.04
16.01.2017
09:45 – 11:15 D10 – D15
T1.5.09
16.01.2017
09:45 – 11:15 S10 – S15
T1.5.04
16.01.2017
11:30 – 13:00 D11 – D20
T1.5.09
16.01.2017
11:30 – 13:00 S11 – S20
T1.5.04
Alle
Raum
WS 2016/17
Thema
Projektbesprechung
und Feedback
Meilenstein 3:
Prototyp
Meilenstein 3:
Prototyp
Joomla Test
Meilenstein 4:
Projektabschluss,
Umsetzung der
Webseite und Bericht
Meilenstein 4:
Projektabschluss,
Umsetzung der
Webseite und Bericht
9
Syllabus
BAE2231 – Projekt Programmierung 2
WS 2016/17
4 Anmeldung / Webspace
Das Projekt wird in Gruppen mit jeweils vier Studierenden bearbeitet. Im Anschluss an die Kickoff-Veranstaltung erhalten Sie einen Gruppenschlüssel für Moodle. Jedes Gruppenmitglied muss
sich danach persönlich und selbständig in Moodle anmelden. In Moodle werden Sie den
entsprechenden Gruppen zugeordnet und bekommen eine Gruppennummer.
Sobald Sie Ihre Gruppennummer haben, muss jede Gruppe Webspace mit ihrer Gruppennummer
reservieren, um das Joomla-System zu installieren.
Webspace kann auf unter dem Link: http://141.47.2.44/bucksys20/ reserviert werden. Dazu auf
„Webspace anfordern“ klicken und die erforderlichen Daten eingeben. Als Rückmeldung erhalten
Sie dann per E-Mail die benötigten Zugangsdaten, bitte löschen Sie diese E-Mail nicht! Aufgrund
ihrer Gruppennummer, z. B. D05, H16, erkennen Sie, welche Termine für Sie relevant sind (siehe
Terminplan).
Infos zur Anmeldung bei Joomla sowie generell zur Joomla Anwendung finden Sie auf dem
hochschuleigenen Joomla Portal „Joomla4Students“ unter:
http://141.47.2.49/joomla4students/
Ihre Gruppenanmeldung muss bis spätestens 12.10.2016 erfolgen!
5 Verhaltensregeln für die Studierenden





Aktive Mitarbeit in der Gruppe
Gleichmäßige Verteilung der Präsentationen, bzw. adäquate Beteiligung an den
Präsentationen eines jeden Gruppenmitglieds
Verhalten Sie sich fair gegenüber den anderen Studierenden
Bereiten Sie die Präsentation so vor, dass die technischen Voraussetzungen erfüllt sind
und Geräte wie Bildschirm und PC einwandfrei funktionieren
Arbeiten Sie kooperativ und kontinuierlich in Ihrem Team. Bei schwerwiegenden
Problemen sollten Sie die Lehrenden konsultieren.
6 Regeln für akademisch korrektes Arbeiten
Die Lehrenden begrüßen es, wenn sich die Studierenden über die Inhalte der Lehrveranstaltung
austauschen. Wenn Probleme und Fragen auftreten, können Mitstudierenden einen wertvollen
Beitrag zur Steigerung des eigenen Verständnisses leisten. Gewisse Grenzen existieren für die
Arbeitsergebnisse der Projektaufgabe. Ein einfaches Übernehmen von Mitstudierenden, die nicht
Mitglieder des Teams sind oder von Studierenden früherer Semester, entspricht nicht den Regeln
akademischen Arbeitens und wird als Täuschungsversuch gewertet.
10
Syllabus
BAE2231 – Projekt Programmierung 2
WS 2016/17
Da die Arbeitsergebnisse im Rahmen der Projektaufgabe i.d.R. eine Gruppenarbeit darstellen,
müssen alle hinter den Ergebnissen stehen. Falls unterschiedliche Meinungen zu einer
mangelnden Übereinstimmung führen, muss dies in den Arbeitsergebnissen als abweichende
Meinung eindeutig gekennzeichnet werden.
Teamarbeit bedeutet immer, dass alle möglichst gleichgewichtig zum Arbeitsergebnis beitragen.
Sogenannte „Trittbrettfahrer“ stören die Zusammenarbeit und müssen mit signifikant
schlechterer Bewertung rechnen. Hierzu ist das Formular zur Selbstbewertung der Gruppe zu
beachten.
7 Lehr-/Lernunterlagen
[1]
[2]
[3]
[4]
[5]
[6]
[7]
[8]
[9]
Joomla Portal unter: 141.47.2.49/joomla4students/
Graf Hagen: Joomla! 3 - In 10 einfachen Schritten, URL: http://cocoate.com/de/j3de
Wösten André: Joomla! 3 – Das umfassende Training. Galileo Computing
Schmitz-Buchholz Daniel: Joomla 3.0 logisch! – Einfache Webseitenerstellung ohne
Programmierkenntnisse. Books on Demand GmbH, Norderstedt, 2012
Schürmann Tim: Praxiswissen Joomla! 3.0. O’Reilly Verlag, 3. Auflage, Köln 2013
Schmidt Alexander: Joomla! Templates entwickeln - Design und Implementierung;
Franzis Verlag GmbH, Poing, 2009
Lechner Bettina K.: GIMP - ab Version 2.6 - Für digitale Fotografie, Webdesign und
kreative Bildbearbeitung, Addison-Wesley, München 2008
Gimp - Video-Training ab Version 2.6 (PC + MAC) von Pearson Education GmbH
(DVD-ROM) (Mac OS X, Windows 2000 / XP)
Wolf Jürgen: GIMP 2.8 – Das umfassende Handbuch. Galileo Design
Anhänge, in Moodle hinterlegt:
Anhang A: Bewertungsblätter
Anhang B: Hinweise zu Präsentation und Dokumentation
Anhang C: Deckblatt Vorlage
Anhang D: Selbstbewertung
11