Syllabus Projekt Programmierung 2

Transkript

1 Hochschule Pforzheim Fakultät für Technik Wirtschaftsingenieurwesen Syllabus Projekt Programmierung 2 Lehrveranstaltung: BAE Projekt Programmierung 2 2SWS, 3 Credits, Deutsch, Niveau: Eingangslevel Montag 09:45 - Uhr Räume:,, Übungsmöglichkeiten im PC Labor T Lehrende/r Raum Kolloquium -Adresse Prof. Uwe Dittmann T Mi., 11:30 - Uhr uwe.dittmann@hs-pforzheim.de Prof. Alfred Schätter T Mo., 08:00-9:30 Uhr alfred.schaetter@hs-pforzheim.de Dr. Isabelle Heinemeyer T Do., 13:30-15:00 Uhr isabelle.heinemeyer@hspforzheim.de Fabienne dos Santos T Nach Vereinbarung fabienne.dossantos@hs-pforzheim.de Dipl. Wirt.-Ing. Markus Nippa Dipl. Wirt.-Ing. René Triebenstein T Nach Vereinbarung markus.nippa@hs-pforzheim.de T Nach Vereinbarung rene.triebenstein@hs-pforzheim.de Kurzbeschreibung: Voraussetzungen: Programmierung einer Webseite mit dem Content Management System Joomla! 3.x 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. 1

2 Inhaltsverzeichnis 1. Inhalte des Projekts Programmierung Regelungen zum Leistungsnachweis Projektaufgabe Inhalte, Benotung und Gewichtung der Meilensteine Recherche Konzept Zwischenbericht Prototyp Joomla!-Test Umsetzung Ihrer Projektaufgabe mit Joomla! Zeitplan, Fristen und Anwesenheitspflicht Anmeldung / Webspace Verhaltensregeln für die Studierenden Regeln für akademisch korrektes Arbeiten Lehr-/Lernunterlagen (Auswahl)

3 1 Inhalte des Projekts Programmierung 2 Einführung in das Thema Webdesign, Internetauftritte und Content Management Systeme Recherche und Analyse von Anforderungen an einen Internetauftritt für ein Unternehmen Webdesign und Konzeption eines Internetauftritts Das Content Management System (CMS) Joomla! 3.x - Administration - Designanpassung mittels Templates und CSS innerhalb der Templates - Konzeption von Inhalten (Bereich, Kategorie, Inhalt) - Pflege von multimedialen Inhalten - 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! (URL: ) 2 Regelungen zum Leistungsnachweis Sie bearbeiten in einer Gruppe von 4 Personen die folgende Projektaufgabe. Die Aufgabe ist zeitlich und strukturell in Meilensteine unterteilt. Sie legen zu den vorgegebenen Zeiten (siehe 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 (genauere Informationen erfolgen zu Beginn des Semesters), 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 klar ( aufgeräumt ) sein. Hierbei ist vor allem auf eine übersichtliche Darstellung und sinnvolle Struktur von Informationen und Inhalten zu achten. 3

4 Hinweise für die Aufgabe: Das Template für die Webseite ist vorgegeben, dieses müssen Sie verwenden. Sie bekommen zu Beginn des neuen Semesters den Hinweis, wo Sie das Template herunterladen können. Alle Erweiterungen die zusätzlich installiert werden, müssen vom Entwickler ausschließlich zur kostenlosen Nutzung freigegeben sein (Freeware). Als einzige kostenpflichtige Erweiterung bekommen Sie von uns den Hikashop zur Verfügung gestellt, Details zur Installierung gibt es ebenfalls 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: 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 : Bei der Recherche sollen bestehende Webseiten zum Themengebiet analysiert werden. Sie erstellen eine Auswahl der zu analysierenden Webseiten (8 bis 12), die zur Aufgabenstellung passen. Sie bewerten die Stärken und Schwächen der Seiten anhand folgender Hauptkriterien: - Design, - Navigation, - Inhalte, - 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: Darstellung - des Kriterienkatalogs, 4

5 - der Auswahl analysierter Webseiten, - der Ergebnisse der Analyse (z.b. Stärken und Schwächen der analysierten Webseiten), sowie - der Erkenntnisse für die eigene Webseite; Abgabe der Präsentationsfolien in elektronischer Form durch Upload auf die Moodle- Plattform (Upload muss vor der Präsentation erfolgen) sowie einmal ausgedruckt und geheftet Konzept Basierend auf den Ergebnissen der Recherche werden beim Konzept die Anforderungen an die Webseite festgelegt. Ihre Aufgaben zum Meilenstein Konzept : 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 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 Moodle- Plattform (Upload muss vor der Präsentation erfolgen) sowie einmal ausgedruckt und geheftet Zwischenbericht Über die Recherche und das Konzept ist ein schriftlicher Zwischenbericht zu erstellen (7500 Zeichen, ohne Leerzeichen mit Abweichung bis 10 %), der bei der Präsentation des Konzeptes abzugeben ist. Abgabe in gedruckter Form (2-fache Ausführung, getackert) und elektronisch durch Upload auf die Moodle-Plattform (Upload muss vor der Präsentation Konzept erfolgen), die Anzeige der Zeichen in Word muss im Zwischenbericht enthalten sein. 5

6 Die Bewertung von Recherche und Konzept einschließlich Zwischenbericht wird mit einem Anteil von 25% in die Gesamtnote eingerechnet Prototyp Der Prototyp dient zur Beurteilung der Gestaltung und dem Design der Webseite, der prinzipiellen Struktur und der Funktionen. Der Prototyp zeigt also Design und wesentliche Funktionalitäten im Sinne eines Oberflächen- Prototyps, der dem späteren Nutzer der Software einen ersten grafischen Eindruck der Benutzeroberfläche und der Navigation vermitteln soll. Ihre Aufgaben zum Meilenstein Prototyp : Grafische Umsetzung Ihres bisher erarbeiteten Konzeptes (der Konzeptskizze). Die Vorstellung des Prototyps erfolgt in Form eines 15 minütigen Expertengesprächs individuell für jede Gruppe. Dabei stellt die Gruppe den Prototyp direkt am Rechner vor und die Betreuer geben eine Rückkopplung bzgl. des Prototyps mit Hinweisen und Verbesserungsmöglichkeiten. Es erfolgt keine Bewertung (Note) des Prototyps Joomla!-Test Sie legen nach dem Meilenstein Prototyp einen Test über Joomla! ab. Sie sollten vor diesem Test bereits mit Joomla 3.x (deutsche Version) intensiv gearbeitet haben! Datum und 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 Umsetzung Ihrer Projektaufgabe mit Joomla! Das erarbeitete Lösungskonzept, welches bereits bei der Realisierung des Prototyps exemplarisch anhand einzelner Teilbereiche (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 : Implementieren der Struktur (inhaltliche Struktur als Kategorie-System, sowie Menüstruktur) im Template. 6

7 Vervollständigung des Designs und Layouts der Webseite (Bearbeitung des Templates) Erweiterungen implementieren, falls nötig Einpflegen der Inhalte ggf. Benutzergruppen und Berechtigungen festlegen Abschlusstest durchführen 8-10 Minuten Abschlusspräsentation pro Gruppe Vorstellung der realisierten Lösung und Herausstellung von besonders relevanten Elementen und/oder Funktionen. Unter anderem Beantwortung von folgenden Fragen: Wer ist die Zielgruppe und mit welchen Mitteln wird diese auf Ihrer Seite erreicht? Wie ist der Gesamteindruck Ihrer Seite? Welche Besonderheiten sind auf Ihrer Seite zu finden, die die Seite von den Mitbewerbern unterscheidet? Welche wichtigen Erweiterungen wurden eingebaut? Wie wurde das Template verändert? Erstellen eines Abschlussberichtes über die Umsetzung des Projektes (7500 Zeichen, ohne Leerzeichen mit Abweichung bis 10%) Abgabe des Abschlussberichtes in gedruckter Form (2-fache Ausführung, getackert) und Upload des Berichtes sowie der Präsentationsfolien in elektronischer Form auf die Moodle-Plattform (Upload muss vor der Präsentation erfolgen). Die Anzeige der Zeichen in Word muss im Abschlussbericht enthalten sein! Die Präsentationsfolien bitte auch einmal ausdrucken und geheftet abgeben. Bewertung der Umsetzung der Webseite, Abschlusspräsentation und -bericht: a) Die Umsetzung der Webseite hat einen Anteil von 40%, b) Abschlusspräsentation und bericht haben gemeinsam einen Anteil von 10% an der Gesamtnote. Hinzu kommt bei der Umsetzung eine Bewertung mit bestanden bzw. nicht bestanden. Die Gruppen-Selbstbewertung: Um die Leistungen der Gruppenmitglieder individuell bewerten und benoten zu können, muss jede Gruppe eine Selbstbewertung durchführen (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.) 7

8 3 Zeitplan, Fristen und Anwesenheitspflicht Anwesenheitspflicht Es besteht Anwesenheitspflicht bei allen Terminen des Zeitplans. Anwesenheit ist nur dann gegeben, wenn die einzelnen Termine von Anfang bis Ende besucht werden. Für die Termine nach dem Kick-off ist ein Fehltermin mit begründeter Entschuldigung zulässig. Ein weiterer Fehltermin wird bei der Projektbewertung berücksichtigt. Mehr als 2 Fehltermine nach dem Kick-off führen dazu, dass der Leistungsnachweis als nicht erbracht gilt. Fällt ein Fehltermin auf die Präsentation eines Meilensteins, wird ein Attest benötigt. Datum Uhrzeit Gruppen Raum Thema :00 10: : : : : : : : : : : : :45 Alle W Kick-off-Meeting: Einführung in die Veranstaltung Alle W Einführung Leitfaden zur Vorgehensweise D01 D05 H01 H05 S01 S05 D06 D10 H06 H10 S06 S10 Gruppeneinteilung wird noch bekannt gegeben Gruppeneinteilung wird noch bekannt gegeben D01 D05 H01 H05 S01 S05 PC-Labor T PC-Labor T Meilenstein 1: Recherche Joomla Workshop Joomla Workshop Meilenstein 2: Konzept Abgabe Zwischenbericht 8

9 : : : : : : : : : : : : : / / / / / :45 09:45 09:45 11:30 11:30 11:30 D06 D10 H06 H10 S06 S10 D01 D10 H01 H10 S01 S10 D01 D05 H01 H05 S01 S05 D06 D10 H06 H10 S06 S10 Alle Gruppen D01 D05 H01 H05 S01 S05 D06 D10 H06 H10 S06 S10 Projektbesprechung und Feedback Meilenstein 3: Prototyp Joomla Test: Räume werden noch bekannt gegeben. Meilenstein 4: Projektabschluss Umsetzung der Webseite Abgabe Endbericht 9

10 4 Anmeldung / Webspace Das Projekt wird in Gruppen mit jeweils 4 Studierenden bearbeitet. Im Anschluss an die Kick-off Veranstaltung erhalten Sie einen Gruppenschlüssel für Moodle (Jedes Gruppenmitglied muss sich persönlich und selbständig auf Moodle anmelden), dort werden Sie den entsprechenden Gruppen zugeordnet und bekommen eine Gruppennummer. Sobald Sie Ihre Gruppennummer haben, muss jede Gruppe noch Webspace reservieren (Gruppennummer angeben), auf dem das Joomla-System installiert werden kann. Webspace kann auf reserviert werden. Dazu auf Webspace anfordern klicken und die erforderlichen Daten eingeben. Als Rückmeldung erhalten Sie dann per Mail die benötigten Zugangsdaten (diese bitte nicht löschen). Aufgrund der 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 Die Gruppenanmeldung muss bis spätestens erfolgen! 10

11 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 Mitstudenten, die nicht Mitglieder des Teams sind, oder Studierender früherer Semester entspricht nicht den Regeln akademischen Arbeitens und wird als Täuschungsversuch gewertet. 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. 11

12 7 Lehr-/Lernunterlagen (Auswahl) [1] Joomla Portal [2] Graf Hagen: Joomla! 3 - In 10 einfachen Schritten, URL: [3] Wösten André: Joomla! 3 Das umfassende Training. Galileo Computing [4] Schmitz-Buchholz Daniel: Joomla 3.0 logisch! Einfache Webseitenerstellung ohne Programmierkenntnisse. Books on Demand GmbH, Norderstedt, 2012 [5] Schürmann Tim: Praxiswissen Joomla! 3.0. O Reilly Verlag, 3. Auflage, Köln 2013 [6] Schmidt Alexander: Joomla! Templates entwickeln - Design und Implementierung; Franzis Verlag GmbH, Poing, 2009 [7] Lechner Bettina K.: GIMP - ab Version Für digitale Fotografie, Webdesign und kreative Bildbearbeitung, Addison-Wesley, München 2008 [8] Gimp - Video-Training ab Version 2.6 (PC + MAC) von Pearson Education GmbH (DVD-ROM) (Mac OS X, Windows 2000 / XP) [9] Wolf Jürgen: GIMP 2.8 Das umfassende Handbuch. Galileo Design Anhänge (zu finden in Moodle): Anhang A: Bewertungsblätter Anhang B: Hinweise zu Präsentation und Dokumentation Anhang C: Deckblatt Vorlage Anhang D: Selbstbewertung 12