Fachspezifische Themenstellung ICS
Sylvia Mazinger & Kristina Wallentich
Projektauftraggeber:
PANNONEUM
Neusiedl/See Projektteam: Projektleiterin:
Sylvia Mazinger
Projektmitarbeiterin:
Kristina Wallentich
Schuljahr:
2008/2009
2008/2009
Sylvia Mazinger Kristina Wallentich
1/
Fachspezifische Themenstellung ICS 1. Inhaltsverzeichnis 1.Inhaltsverzeichnis ....................................................................................................................2 2.Vorwort....................................................................................................4 3.Preface.....................................................................................................5 4.Projektmanagement.................................................................................6 1Ziele und Nicht-Ziele.................................................................................7 2Phasen......................................................................................................8 3Start- und Endtermin.................................................................................9 4Meilensteinplan.......................................................................................10 5Arbeitspaketbeschreibung......................................................................11 6Arbeitsprotokoll.......................................................................................14 5.Grundlagen............................................................................................18 7HTML.......................................................................................................19 8PHP..........................................................................................................20 9CSS.........................................................................................................21 10MySQL...................................................................................................22 6.Ablauf des Projektes...............................................................................23 11Planung.................................................................................................23 12ER-DIAGRAMM.......................................................................................24 7.Grundger端st - Aufbau der Seiten...........................................................25 13Style Sheet............................................................................................26 14Grundlegende Funktionen von MySQL..................................................28 15Index.php..............................................................................................30 16Registrierformular.................................................................................32 2008/2009
Sylvia Mazinger Kristina Wallentich
2/
Fachspezifische Themenstellung ICS 17Login.....................................................................................................34 18Registrierung 채ndern............................................................................35 19Sessions................................................................................................36 20einloggen.php.......................................................................................38 21ich_moechte_anbieten.php...................................................................41 22abmelden.php.......................................................................................43 8.Nachwort................................................................................................44 9.Quellenverzeichnis.................................................................................45 10.Abbildungsverzeichnis.........................................................................46
2008/2009
Sylvia Mazinger Kristina Wallentich
3/
Fachspezifische Themenstellung ICS 2. Vorwort Im Zuge unseres Ausbildungsschwerpunktes, Information Communication Solutions, erarbeiteten wir unsere Fachspezifische Themenstellung für die „Pannoneumbörse“. Unser Ziel war, eine Website zu erstellen, auf der die Schüler des PANNONEUMS
Lehrbücher,
Praxisbekleidung
und
Nachhilfeangebote
austauschen können. Mit Hilfe unserer Professoren gelang es uns, eine funktionierende und vor allem eine schlichte Website zu gestalten. Wir hoffen, dass die von uns entworfene Website den Ansprüchen und Vorstellungen des Auftraggebers entspricht.
2008/2009
Sylvia Mazinger Kristina Wallentich
4/
Fachspezifische Themenstellung ICS 3. Preface In the course of our education main point, Information and Communication Solutions, we compiled our technical formulation of the topic for the "PannoneumbÜrse". Our aim was to create a website on which the pupils of the textbooks PANNONEUMS, practice clothing and coaching offers can exchange. With the help of our professors we succeeded in forming a functioning and, first of all, a plain website. We hope that the website that we’ve designed correlates to the requirements.
2008/2009
Sylvia Mazinger Kristina Wallentich
5/
Fachspezifische Themenstellung ICS 4. Projektmanagement Projektmanagement ist die Bezeichnung für die Gesamtheit aller Methoden zur Durchführung von Projekten. Es ist eine Sammlung von Werkzeugen, die es ermöglicht, eine komplexe, neuartige und zeitlich abgegrenzte Aufgabe strukturiert zu bewältigen. Es gibt verschiedene Strukturen und Methoden des Projektmanagements für die teilweise eigene Vorgehensmodelle existieren.
1
Die Wahl der Vorgehensweise zur Durchführung eines Projekts richtet sich
meist nach:
Vorgaben der Organisation oder des Auftraggebers/der Auftraggeberin
Größe des Projekts
Komplexität des Projekts, wobei man nach technischer und sozialer Komplexität unterscheidet
Branche
des
Projekts,
falls
ein
branchen-/produktspezifisches
Vorgehensmodell verwendet wird Das Managen des Projektes beinhaltet die Festsetzung der Ziele und NichtZiele, und die Erstellung einer Meilensteinliste, die die Arbeitspakte sowie die Zeiteinteilung enthält.
1
2008/2009
Sylvia Mazinger Kristina Wallentich
6/
Fachspezifische Themenstellung ICS 1 Ziele und Nicht-Ziele Ziele: •
Internetbörse für Schüler des PANNONEUMS in der sie Bücher tauschen
können,
Nachhilfemöglichkeiten
finden
können,
Praxiskleidung weitergeben (von Schülern der 5. Klasse) und finden können •
Logo erstellen
•
Passendes Template auswählen
•
Benutzen der Seite nur mit Registrierung möglich
•
Angebote einstellen
•
Angebote abrufen
•
Kontaktaufnahme mit anderen Benutzern
•
Verbindung mit Datenbank
Nicht-Ziele: •
Nicht funktionierende Homepage
2008/2009
Sylvia Mazinger Kristina Wallentich
7/
Fachspezifische Themenstellung ICS 2 Phasen •
Planung
•
Organisation
•
Durchführung
2008/2009
Sylvia Mazinger Kristina Wallentich
8/
Fachspezifische Themenstellung ICS 3 Start- und Endtermin Starttermin:
30.9.2008
Endtermin:
30.3.2009
2008/2009
Sylvia Mazinger Kristina Wallentich
9/
Fachspezifische Themenstellung ICS 4 Meilensteinplan 1. Meilenstein: 21.10.2008 Design/Logo fertigstellen 2. Meilenstein: 11.11.2008 Startseite mit Men端 fertigstellen 3. Meilenstein: 02.12.2008 Verlinkungen zu den verschiedenen Seiten
und die Inhalte der Seiten 4. Meilenstein: 16.12.2008 Registrierungsformular 5. Meilenstein: ab 23.12.2008 Fertigstellung des Projektes, Details
2008/2009
Sylvia Mazinger Kristina Wallentich
10/
Fachspezifische Themenstellung ICS 5 Arbeitspaketbeschreibung 1. Design erstellen: Beginn: 14.10.2008 Ende: 21.10.2008 Verantwortliche: Mazinger Sylvia, Wallentich Kristina Beschreibung: Farben bestimmen, Anordnung, Startseite, Schriftart -größe und -farbe, Logo Ziel: Design innerhalb von 6 Stunden fertigstellen
2. Startseite mit Menü fertigstellen: Beginn: 28.10.2008 Ende: 11.11.2008 Verantwortliche: Mazinger Sylvia, Wallentich Kristina Beschreibung: Startseite fertig stellen mit Inhalten und eine Weiterleitung zur Anmeldung, Menü richtig erstellen Ziel: Startseite fertig, Menüpunkte fertig
3. Verlinkungen zu den verschiedenen Seiten und Inhalte fertigstellen: 2008/2009
Sylvia Mazinger Kristina Wallentich
11/
Fachspezifische Themenstellung ICS Beginn: 18.11.2008 Ende: 2.12.2008 Verantwortliche: Mazinger Sylvia, Wallentich Kristina Beschreibung: Inhalte der verschiedenen Seiten Seiten verlinken, Formulare Ziel: Homepage inhaltlich fertig
4. Registrierformular mit Anmelde- und Abmeldeformular: Beginn: 9.12.2008 Ende: 16.12.2008 Verantwortliche: Mazinger Sylvia, Wallentich Kristina Beschreibung: Registrierformular erstellen, Name, Vorname, Geburtsdatum, e-mail-adresse, id-nummer(automatisch vergeben), Anmeldeformular erstellen, Abmeldeformular erstellen mit Name bzw Benutzername oder e-mail-adresse und Passwort Ziel: Registrierformular fertig
5. Feinheiten
2008/2009
Sylvia Mazinger Kristina Wallentich
12/
Fachspezifische Themenstellung ICS Beginn: ab 23.12.2008 Verantwortliche: Mazinger Sylvia, Wallentich Kristina Beschreibung: Feinheiten ausbessern
2008/2009
Sylvia Mazinger Kristina Wallentich
13/
Fachspezifische Themenstellung ICS 6 Arbeitsprotokoll 14.10.2008 •
Farbkombinationen überlegt
•
Template ausgesucht
21.10.2008 •
Logo erstellt
•
Corporate Design
18.11.2008
•
ER-Diagramm
•
Design der Website erstellt (Logo eingebunden, Farbkombinationen, Schriftart, Template abgeändert)
19.11.2008
•
Formular erstellt
•
Design fertig
•
Verlinkungen
•
Startseite
25.11.2008
2008/2009
Sylvia Mazinger Kristina Wallentich
14/
Fachspezifische Themenstellung ICS •
ER-Diagramm
•
Seiteninhalte und Formationen
2.12.2008
•
Datenbankplanung
•
Datenbank erstellt
9.12.2008
•
ftp-Anbindung
16.12.2008
•
Datenbank erweitert, Kategoriezuordnung, Testdatensätze
•
Umplanung der gesamten Website
•
Formatierungen
23.12.2008 •
Hp-Seiten neu überarbeitet & neu verlinkt
•
Datensätze abgeändert
2008/2009
Sylvia Mazinger Kristina Wallentich
15/
Fachspezifische Themenstellung ICS •
Menü neu erstellt
•
Datenbankanbindung (Angebot auswählen)
13.01.2009 •
Anmelden, Abmelden + registrieren
•
Restl. Seiten anbinden
•
Details Seite erstellen
•
Arbeiten am Layout und der Funktionalität
20.01.2009
•
Seiten „Anbieten und Angebot einstellen“ bearbeitet
27.01.2009
•
Rücksprache mit Hr. Prof. Wurzinger
3.02.2009
•
Arbeiten an der Datenbank
•
Probe: Angebote einstellen und anbieten
17.02.2009
2008/2009
Sylvia Mazinger Kristina Wallentich
16/
Fachspezifische Themenstellung ICS •
Feinheiten der Homepage bearbeitet
03.03.2009
•
Besprechung und Überlegung des Aufbaus der Fachspezifischen Themenstellung
10.03.2009
•
Fachspezifische Themenstellung
31.03.2009
•
Fachspezifische Themenstellung
2008/2009
Sylvia Mazinger Kristina Wallentich
17/
Fachspezifische Themenstellung ICS 5. Grundlagen Unsere Grundlagen sind HTML, CSS, PHP und MySQL.
2008/2009
Sylvia Mazinger Kristina Wallentich
18/
Fachspezifische Themenstellung ICS 7 HTML Die Hypertext Markup Language, oft auch kurz als Hypertext bezeichnet, ist eine textbasierte Auszeichnungssprache zur Strukturierung von Inhalten wie Texten, Bildern und Hyperlinks in Dokumenten. HTML-Dokumente sind die Grundlage des World Wide Web und werden von einem Webbrowser dargestellt. Neben den vom Browser angezeigten Inhalten einer Webseite enth채lt HTML zus채tzliche Angaben in Form von Metainformationen, die z. B. 체ber die im Text verwendete Sprache oder den Autor Auskunft geben oder den Inhalt des Textes zusammenfassen.
Entwickelt wurde HTML von World Wide Web Consortium und die Art ist Mark Up Language. Die Dateiendung ist .html oder .htm.
<html> <head> <title> Titel der Webseite </title> <!-- Evtl. weitere Kopfinformationen --> </head> <body> Inhalt der Webseite </body> </html>
2008/2009
Sylvia Mazinger Kristina Wallentich
19/
Fachspezifische Themenstellung ICS 8 PHP PHP ist eine Skriptsprache mit einer an C bzw. C++ angelehnten Syntax, die hauptsächlich
zur
Erstellung
von
dynamischen
Webseiten
oder
Webanwendungen verwendet wird. Wird auch von Typo3 als Skriptsprache verwendet. PHP ist Open-Source-Software. PHP ist ein System, das PHP-Code serverseitig verarbeitet. PHP zeichnet sich besonders durch die leichte Erlernbarkeit, die breite Datenbankunterstützung
und
Internet-Protokolleinbindung
sowie
die
Verfügbarkeit zahlreicher, zusätzlicher Funktionsbibliotheken aus. 2
Es existieren beispielsweise Programmbibliotheken, um Bilder und Grafiken
zur Einbindung in Webseiten dynamisch zu generieren. PHP wurde 1995 von Rasmus Lerdorf entwickelt. Der Begriff stand damals noch für Personal Home Page Tools.
<?php echo "Test"; ?>
2
2008/2009
Sylvia Mazinger Kristina Wallentich
20/
Fachspezifische Themenstellung ICS 9 CSS CSS heißt Cascading Style Sheets. Es ist eine deklarative StylesheetSprache für strukturierte Dokumente. Sie wird vor allem zusammen mit HTML und XML eingesetzt. CSS legt dabei fest, wie ein besonders ausgezeichneter Inhalt oder Bereich dargestellt werden soll. Dazu ist es wichtig, das HTML oder XML so zu gestalten, dass die Abschnitte, deren Aussehen gleich sein soll, auch als derselben Klasse angehörend erkannt werden können. Man zeichnet im HTML-Dokument also nur die Bedeutung einzelner Abschnitte aus, während das Aussehen dieser ausgezeichneten Abschnitte im CSS festgelegt wird. Mit anderen Worten, man trennt den eigentlichen Inhalt von der optischen Gestaltung.
3
Mit CSS ist es möglich, für verschiedene Ausgabemedien (zum Beispiel
Papier,
Projektion,
Sprache
usw.)
eine
unterschiedliche
Darstellung
anzugeben. Das ist nützlich, um zum Beispiel Hyperlinks beim Drucken extra aufzuführen oder für Geräte mit geringerer Auflösung (zum Beispiel PDA oder Mobiltelefon) die Anzeige zu optimieren. Neben diversen Angaben zu Farben und Schriften bietet CSS die Möglichkeit,
Elemente
frei
zu
positionieren
oder
Hintergrundbilder
festzulegen. CSS gilt heutzutage als die Standard-Stylesheetsprache für Webseiten. Entwickelt wurde CSS von World Wide Web Consortium und die Endung von CSS-Dateien ist .css.
3
2008/2009
Sylvia Mazinger Kristina Wallentich
21/
Fachspezifische Themenstellung ICS 10 MySQL MySQL ist ein Relationales Datenbankverwaltungssystem der schwedischen Firma MySQL AB. MySQL ist als Open-Source-Software für verschiedene Betriebssysteme verfügbar und bildet die Grundlage vieler Webauftritte. Auch bei Typo3 wird MySQL als Datenbank verwendet.
MySQL ist eine freie Software, die unter der General Public License (GPL) steht. MySQL kann auch mit einer kommerziellen Lizenz eingesetzt werden. (Duales Lizenzsystem)
Neben vielen Unix-Varianten, Mac OS X und Linux läuft MySQL auch auf Windows, OS/2 und i5/OS. Seit Anfang 2008 gibt es auch eine SymbianVariante.
4
MySQL ist mit mehr als 6 Millionen Installationen und über 35.000
Downloads
pro
Tag
das
populärste
Open
Source-
Datenbankverwaltungssystem der Welt.
4
2008/2009
Sylvia Mazinger Kristina Wallentich
22/
Fachspezifische Themenstellung ICS 6. Ablauf des Projektes 11 Planung Zu Beginn des Projektes steht natĂźrlich eine genaue Planung, die den Aufbau und das Design der neuen Homepage sowie den Inhalt und die benĂśtigte Datenbank und deren Struktur beinhaltet. Wir erstellten ein ER-Diagramm, um eine bessere Ă&#x153;bersicht der Struktur der Datenbank zu bekommen.
2008/2009
Sylvia Mazinger Kristina Wallentich
23/
Fachspezifische Themenstellung ICS 12 ER-DIAGRAMM Dieses
Organigramm
zeigt
die
Verbindungen
der
einzelnen
Seiten
zueinander.
2008/2009
Sylvia Mazinger Kristina Wallentich
24/
Fachspezifische Themenstellung ICS 7. Grundgerüst - Aufbau der Seiten Das Grundgerüst unserer Seite besteht aus mehreren Teilen die mit „ID“ gekennzeichnet sind. Die zwei Hauptteile sind der „header“-Teil und der „content“-Teil. Zwischen diesen zwei Abteilungen befindet sich das „headerphoto“, das vom Typ .jpg und wurde mit GIMP erstellt.
headerTeil
content-Teil
2008/2009
Sylvia Mazinger Kristina Wallentich
25/
Fachspezifische Themenstellung ICS 13 Style Sheet Zur weiteren Formatierung haben wir eine CSS-Datei angelegt, die style.css heiĂ&#x;t. Mit folgendem Link kann man das Style Sheet auf den Seiten einbinden: <link href="style.css" rel="stylesheet" type="text/css" >
2008/2009
Sylvia Mazinger Kristina Wallentich
26/
Fachspezifische Themenstellung ICS 14 Grundlegende Funktionen von MySQL Für MySQL benötigt man zuerst ein XAMPP Control-Pannel, welches man starten muss und „Apache und „MySQL“ anklicken. Danach geht man auf die Internetseite http://localhost/phpmyadmin. Dort erstellt man eine neue Datenbank indem man den Namen der Datenbank angibt und auf „Anlegen“ klickt.
Danach muss man eine neue Tabelle anlegen und deren Namen und die Anzahl der Felder bestimmen.
2008/2009
Sylvia Mazinger Kristina Wallentich
27/
Fachspezifische Themenstellung ICS In unserer Tabelle „angebot“ haben wir den Namen des Feldes und den Texttyp bestimmt, festgelegt, ob ein Feld keinen Wert enthalten darf oder nicht (Funktion „NULL“ oder „NOT NULL“). Zuletzt haben wir den Primärschlüssel ausgewählt, der einen Datensatz indentifiziert.
Die Datenbank muss per „Datenbankanbindung“ mit den entsprechenden Website-Seiten verbunden werden, danach kann man Datensätze eingeben.
2008/2009
Sylvia Mazinger Kristina Wallentich
28/
Fachspezifische Themenstellung ICS 15 Index.php Unsere index.php wird als Homeseite angezeigt, bei der man sich zu Beginn registrieren und/oder anmelden muss, wenn man Zugriff auf die Homepage erhalten mĂśchte. Man sieht anfangs nur das Logo, ohne MenĂźleiste, und den Loginbereich mit Verweis zur Registrierung.
2008/2009
Sylvia Mazinger Kristina Wallentich
29/
Fachspezifische Themenstellung ICS Um die Menüleiste ausblenden zu können, muss man den Bereich, der das Menü darstellt zu Beginn mit „<!—„versehen und zum Schluss mit „-->“ hinzufügen.
2008/2009
Sylvia Mazinger Kristina Wallentich
30/
Fachspezifische Themenstellung ICS 16 Registrierformular Um
sich
später
erfolgreich
anmelden
zu können, muss
man ein
Registrierformular ausfüllen:
2008/2009
Sylvia Mazinger Kristina Wallentich
31/
Fachspezifische Themenstellung ICS Die
Daten
werden
auf
„registrierung_db“
weitergeleitet.
Dort werden sie in die Datenbank übertragen.
Datenbankanbindung
2008/2009
Sylvia Mazinger Kristina Wallentich
32/
Fachspezifische Themenstellung ICS 17 Login Nach der erfolgreichen Registrierung kann man in Loginbereich seine E-Mail Adresse und sein Passwort eingeben um auf die Hauptseite zu gelangen. Die eingegebenen Daten werden mit „Sessions“ überprüft.
2008/2009
Sylvia Mazinger Kristina Wallentich
33/
Fachspezifische Themenstellung ICS 18 Registrierung 채ndern
2008/2009
Sylvia Mazinger Kristina Wallentich
34/
Fachspezifische Themenstellung ICS 19 Sessions Um die Seite nicht ohne Anmeldung benutzen zu können, muss man „Sessions“ verwenden. Dazu muss man auf der Seite die man schützen will, muss man den Befehl <? session_start(); ?> einfügen.
2008/2009
Sylvia Mazinger Kristina Wallentich
35/
Fachspezifische Themenstellung ICS Weiters benötigt man eine Seite, die überprüft, ob die angegebenen Daten (E-Mail und Passwort)
mit den registrierten Daten der Datenbank
übereinstimmt. Bei uns heißt diese Seite „pruefen.php“
2008/2009
Sylvia Mazinger Kristina Wallentich
36/
Fachspezifische Themenstellung ICS 20 einloggen.php Mit unserer Seite „einloggen.php“ wird man auf die Hauptseite weitergeleitet, wenn die angegebenen Daten mit den Daten, mit denen man sich registriert hat.
(noch unvollständig PW vergessen,…)
2008/2009
Sylvia Mazinger Kristina Wallentich
37/
Fachspezifische Themenstellung ICS ich_suche.php
2008/2009
Sylvia Mazinger Kristina Wallentich
38/
Fachspezifische Themenstellung ICS
2008/2009
Sylvia Mazinger Kristina Wallentich
39/
Fachspezifische Themenstellung ICS 21 ich_moechte_anbieten.php
2008/2009
Sylvia Mazinger Kristina Wallentich
40/
Fachspezifische Themenstellung ICS
2008/2009
Sylvia Mazinger Kristina Wallentich
41/
Fachspezifische Themenstellung ICS 22 abmelden.php
2008/2009
Sylvia Mazinger Kristina Wallentich
42/
Fachspezifische Themenstellung ICS 8. Nachwort Zu Beginn unseres Projekts ist es uns schwer gefallen, den Überblick zu behalten und alles gut zu organisieren. Es schien als eine unmachbare Herausforderung. Wie bei jedem Projekt hatten auch wir so manche Probleme, welche wir mit langem versuchen, probieren und natürlich auch mit Hilfe unserer Professoren bald bewältigt haben.
Es war ziemlich schwer den Projektablauf im Voraus zu planen. Natürlich konnten wir unseren Zeitplan nicht immer so einhalten, wie wir uns das Ganze vorgestellt haben. So haben wir im Laufe des Projektes fast alle Funktionen geändert, komplett anders als wir es geplant haben.
Im Zuge des Projekts haben wir viele positive als auch negative Aspekte kennen gelernt und hoffen, dass uns diese in unserem weiterem Berufsleben behilflich sein können. Im Allgemeinen würden wir sagen, dass uns unser Projekt „Pannoneumbörse“ gut gelungen ist und wir hoffen, dass unsere Professoren und vor allem unser Auftraggeber mit unserer Arbeit zufrieden sind.
2008/2009
Sylvia Mazinger Kristina Wallentich
43/
Fachspezifische Themenstellung ICS 9. Quellenverzeichnis www.wikipedia.org www.google.at
2008/2009
Sylvia Mazinger Kristina Wallentich
44/
Fachspezifische Themenstellung ICS 10.
Abbildungsverzeichnis
Wird nachgereicht, wenn die restlichen Abbildungen vorhanden sind!!!
2008/2009
Sylvia Mazinger Kristina Wallentich
45/