Home >Documents >Redesign der Homepage "Pfarrgemeinde Schwadorf"

Redesign der Homepage "Pfarrgemeinde Schwadorf"

Date post:01-Mar-2016
Category:
View:216 times
Download:0 times
Share this document with a friend
Description:
Fachspezifische Themenstellung in ICS aus dem Schuljahr 2012/13
Transcript:
  • Redesign der Homepage Pfarrgemeinde Schwadorf

    Fachspezifische

    Themenstellung

    Information &

    Communication Solutions

    Birgit Wolf und

    Katharina Mazur

    Pannoneum

    Neusiedl am See

    Schuljahr 2012/13

  • Birgit Wolf & Katharina Mazur Seite 1 von 46

    Inhaltsverzeichnis

    1 Vorwort ......................................................................... 3

    2 Abstract ........................................................................ 4

    3 Projektmanagement (PM) ................................................ 5

    3.1 Projektteam .............................................................. 5

    3.2 Projektzeitraum ......................................................... 5

    3.3 Ziele und Nichtziele .................................................... 6

    3.3.1 Ziele ................................................................. 6

    3.3.2 Nichtziele .......................................................... 6

    3.4 Projektplanung .......................................................... 6

    3.4.1 bersicht der Meilensteine .................................. 6

    3.4.2 Arbeitspakete .................................................... 7

    3.5 Projektstrukturplan .................................................. 14

    3.5.1 Unser PSP ....................................................... 15

    3.5.2 Arbeitsprotokoll ............................................... 16

    3.5.3 Seitenbersicht ................................................ 20

    3.6 Corporate Design ..................................................... 21

    3.6.1 Zielgruppe ....................................................... 21

    3.6.2 Schriftart ........................................................ 21

    3.6.3 Design ............................................................ 21

    3.6.4 Farbcodes ....................................................... 21

    3.6.5 Template ........................................................ 23

    3.6.6 Vorher-Nachher-Vergleich ................................. 24

    4 Grundlagen .................................................................. 26

  • Birgit Wolf & Katharina Mazur Seite 2 von 46

    4.1 HTML (Hypertext Markup Language) .......................... 26

    4.1.1 Grundgerst .................................................... 26

    4.2 CSS (Cascading Style Sheets) ................................... 27

    4.3 PHP (Hypertext Preprocessor) ................................... 28

    4.4 Phase5 ................................................................... 29

    4.5 MySQL ................................................................... 29

    4.6 Datenbank auf phpMy Admin erstellen ........................ 29

    4.6.1 Tabelle ankuendigung .................................... 30

    4.6.2 Tabelle kategorie ........................................... 31

    4.7 XAMPP .................................................................... 32

    4.8 jAlbum ................................................................... 33

    4.9 Unterschied statische und dynamische Webseite .......... 36

    5 Frontend ..................................................................... 37

    6 Backend ...................................................................... 39

    6.1 Anmelden ............................................................... 39

    7 Nachwort..................................................................... 44

    8 Quellenverzeichnis ........................................................ 45

    9 Abbildungsverzeichnis ................................................... 46

  • Birgit Wolf & Katharina Mazur Seite 3 von 46

    1 Vorwort

    Im Zuge unseres Ausbildungsschwerpunktes Information &

    Communication Solutions haben wir uns dafr entschieden, als

    Maturaprojekt die bisherige Homepage der Pfarre Schwadorf neu

    zu gestalten. Bei diesem Projekt wollen wir die erworbenen

    Kenntnisse der letzten drei Jahre in die Praxis umsetzen.

    Bei diesem Projekt mit dem Titel Redesign der Homepage Pfarr-

    gemeinde Schwadorf setzten wir uns als Ziel, die Homepage be-

    nutzerfreundlicher und einfacher zu gestalten und diese mit dy-

    namischen Elementen mittels php mySQL zu erstellen.

    Dies war notwendig, da die vorhandene Homepage nicht mehr

    dem neuesten Stand gerecht wurde.

    Mit Hilfe unseres Professors Heinz Wurzinger gelang es uns, die-

    ses Projekt umzusetzen und wir hoffen, dass es den Anforderun-

    gen unseres Auftraggebers entspricht.

  • Birgit Wolf & Katharina Mazur Seite 4 von 46

    2 Abstract

    At the beginning of this school year we should design a home-

    page for the educational focus of Information & Communication

    Solutions.

    We decided to redesign the homepage of the parish of

    Schwadorf. In our project we would like to prove our skills that

    we acquired in the last three years.

    The goals of our project named Redesign der Homepage

    Pfarrgemeinde Schwadorf were to make it an easy to use, clear

    and well-structured site.

    We created the homepage with dynamic elements, with the help

    of php/MySQL.

    With the help of our teacher Mag. Heinz Wurzinger, we designed

    a modern website, and we hope our purchaser will be satisfied

    with our project.

  • Birgit Wolf & Katharina Mazur Seite 5 von 46

    3 Projektmanagement (PM)

    Als Projektmanagement (PM) bezeichnet man das Planen, Steu-

    ern und Kontrollieren von Projekten.1

    Merkmale eines Projektes sind:

    Einmalige Ablufe

    Zeitlich begrenzt

    Begrenzte Ressourcen

    3.1 Projektteam

    Projektleiterin: Birgit Wolf

    Projektteammitglied: Katharina Mazur

    Projektauftraggeber: Pfarrgemeinde Schwadorf

    3.2 Projektzeitraum

    Projektbeginn: 19. September 2012

    Projektende: 28. Februar 2013

    1 o.V.:http://de.wikipedia.org/wiki/Projektmanagement

  • Birgit Wolf & Katharina Mazur Seite 6 von 46

    3.3 Ziele und Nichtziele

    3.3.1 Ziele

    Corporate Design anpassen

    einfache Menfhrung

    einhalten der Meilensteinliste

    einhalten des Zeitplans

    bersichtliche Struktur der Website

    dynamische Elemente mit einer Datenbankanbindung

    3.3.2 Nichtziele

    unbersichtliche Homepage

    nicht einhalten der Meilensteinliste

    falsche Informationen

    nicht funktionierende Homepage

    3.4 Projektplanung

    Die Projektplanung dient dazu, das Projekt in dem zeitlich fest-

    gelegten Rahmen fertigzustellen. Als Hilfe haben wir Meilensteine

    (MS) sowie Arbeitspakete (AP) erarbeitet.

    3.4.1 bersicht der Meilensteine

    Konzept fertig erstellt

    Entwurf der Website fertig erstellt

    Seiten fertig erstellt

    Website berarbeitet

    Website verffentlicht

  • Birgit Wolf & Katharina Mazur Seite 7 von 46

    3.4.2 Arbeitspakete

    3.4.2.1 Meilenstein 1: Konzept erstellen

    Arbeitspaket: 1.1 Projektantrag

    Zustndige: Katharina Mazur und Birgit Wolf

    Ziele: Go-Entscheidung des Auftraggebers

    Nichtziele: Auftraggeber verweigert Go-Entscheidung

    Start: 21. September 2012

    Ende: 24. September 2012

    Bentigte Ressourcen: Laptop, Internet

    Arbeitspaket: 1.2 Ideen sammeln

    Zustndige: Katharina Mazur und Birgit Wolf

    Ziele: Gute Ergebnisse

    Nichtziele: Die Ideen entsprechen nicht den Vorstellungen des

    Auftraggebers

    Start: 24. September 2012

    Ende: 27. September 2012

    Bentigte Ressourcen: Laptop, Internet, Zeit

  • Birgit Wolf & Katharina Mazur Seite 8 von 46

    Arbeitspaket: 1.3 Projektkoordination

    Zustndige: Katharina Mazur und Birgit Wolf

    Ziele: Erstellen eines Projektstrukturplans; Ziele und Nichtziele

    fr das gesamte Projekt definiert

    Nichtziele: unbersichtlicher Projektstrukturplan

    Start: 27. September 2012

    Ende: 27. September 2012

    Bentigte Ressourcen: Laptop

    3.4.2.2 Meilenstein 2: Entwurf der Website

    Arbeitspaket: 2.1 Corporate Design festlegen

    Zustndige: Katharina Mazur und Birgit Wolf

    Ziele: passendes Corporate Design fr die Pfarre finden

    Nichtziele: unangemessenes Layout erstellen

    Start: 11. Oktober 2012

    Ende: 08. November 2012

    Bentigte Ressourcen: Laptop, Internet

  • Birgit Wolf & Katharina Mazur Seite 9 von 46

    Arbeitspaket: 2.2 Template suchen

    Zustndige: Katharina Mazur und Birgit Wolf

    Ziele: passendes Template fr die Pfarre finden

    Nichtziele: veraltetes Template finden

    Start: 04. Oktober 2012

    Ende: 04. Oktober 2012

    Bentigte Ressourcen: Laptop, Internet

    Arbeitspaket: 2.3 Template bearbeiten

    Zustndige: Katharina Mazur und Birgit Wolf

    Ziele: Template an das Corporate Design anpassen; Dropdown

    Menleiste in das vorhandene Template einbinden; Startseite

    anpassen; Include-Befehl fr die Menleiste einfgen

    Nichtziele: Template fr den Auftraggebern nicht zufriedenstel-

    lend anpassen

    Start: 11. Oktober 2012

    Ende: 08. November 2012

    Bentigte Ressourcen: Laptop, Internet

  • Birgit Wolf & Katharina Mazur Seite 10 von 46

    3.4.2.3 Meilenstein 3: Seiten erstellen

    Arbeitspaket: 3.1 Seite Home

    Zustndige: Katharina Mazur und Birgit Wolf

    Ziele: Bildwechsel einfgen; passende berschrift

    Nichtziele: zu viele

Embed Size (px)
Recommended