Home

Markus Hahndl

1. 7 Wenn zuvor ein neuer Datensatz in ein Formular eingetragen wurde if IsSet Sneu ed soll ein neuer Datenbankeintrag mit den Formularwerten erstellt werden Sinsert _news INSERT INTO news gem id datum ablauf header body VALUES Sgem_id now Sablauf Sheader body mysql_query insert_news or die Insert gescheitert Bitte wenden Sie sich an ihren Systemadministrator Nun soll eine tempor re Abfrage erstellt werden um die ID des soeben eingetragenen Datensatzes festzustellen Dies wird ben tigt um den Dateinamen f r den Upload des Foto zu spezifizieren Suploadneu SELECT news id FROM news ORDER BY news id DESC LIMIT 1 Sliste uploadneu mysql_ query uploadneu or die Insert gescheitert Bitte wenden Sie sich an ihren Systemadministrator row mysql_fetch array liste uploadneu Wenn eine Datei upgeloadet wurde if is uploaded file Suserfile 0 ndere den Dateinamen in Kleinbuchstaben userfile name 0 strtolow r Suserfil _name 0 Wenn dann der Dateiname die Dateierweiterung jpg oder png hat verschiebe die Datei in das vorgegebene Verzeichnis if ereg jpg userfile name 0 move uploaded file Suserfile 0 daten news row news id jpg if ereg png userfile name 0 move uploaded file Suserfile 0 daten news row news id png LI Wenn zuvor in ein Formular eine Datensatzl schung
2. if isset _GET Passwort Passwort _GET Passwort if isset _GET BenutzerName BenutzerName GET BenutzerName IL if isset _GET GemeindeNummer GemeindeNummer SG _ GET GemeindeNummer if isset _GET SAGemeindeNummer SAGemeindeNummer GET SAGemeindeNummer if isset BenutzerName SBenutzerName if isset Passwort Passwort if isset gem_ id Sgem id 0 if isset GemeindeNummer GemeindeNummer 0 if isset SAGemeindeNummer SAGemeindeNummer 0 Wichtig ist dabei dass session start die erste Zeile des gesamten Dokumentes beschreibt da sonst die Einrichtung der Session fehlschl gt Sogar eine Leerzeile ist bereits zu viel da der Server sonst bereits damit beginnt den Header des Dokumentes zu bermitteln Da der Header aber Informationen ber die Session enthalten sollte muss die Zeile session_start bereits interpretiert worden sein isset berpr ft das Vorhandensein von Variablen isset kehrt diese Bedeutung um Es entspricht daher if isset x false Gemeinde SuperAdmin DI Benutzer Passwort Login Beim ersten Aufruf des Administrationsbereiches ist neben einem Willkommenstext nur ein Formular mit drei Feldern zu sehen Im obersten Teil wird die gew nschte Gemeinde oder der SuperAdmin ausgew hlt Die Liste der Gemeinden wird dynamisc
3. e Den optischen Abschluss der Seite bildet ein schmaler dunkler Balken der sich ber alle drei Hauptspalten zieht Hier befinden sich die Links zur ck zum Seitenanfang und zur Seite Projektinfo Das Logo Das Web Logo der Via Sacra setzt sich aus der Weg Graphik dem Via Sacra Schriftzug und dem graphischen Zusatz Wege zur Kraft zusammen z Die Hintergrundfarbe ist dieselbe wie die der Webseite Wege TEF Kraf daher wirkt das Logo transparent offen und locker VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 19 Das Men i Das Men besteht aus einer Tabelle deren einzelne STARTSEITE Zeilen mittels Style Sheets formatiert sind SUCHE Die Hauptbereiche sind dunkel hinterlegt die LESERBEREICH Unterpunkte wie hier die Regionen stehen vor hellem HISTORISCHES Hintergrund Die Zeilen der Hauptpunkte sind durch eine d nne helle KONTAKT Linie optisch voneinander getrennt um ihre REGIONEN Eigenst ndigkeit besser zu verdeutlichen F hrenberge Die abgeschr gte Kante links oben bei den dunklen s lsental Feldern wurde durch eine mit Style Sheets eingef gte Graphik erreicht Dieses schr ge Eck soll dem Men insgesamt ein moderneres Aussehen verleihen Marisazeller Land Oberes Traisertal Wienerwald Suche 2 Via Sacra Wege zur Kraft Microsoft Internet Explorer BAX Datei Bearbeiten Ansicht Favoriten Extras Sp gt e 2 2
4. Q sl a O 4 k e 2 S Zur ck Abbrechen Aktualisieren Startseite Suchen Favoriten Medien Verlauf E Mail Drucken Bearbeiten index php menu suche Wege zur Kraft STARTSEITE NEWS SUCHE Br cke wiederer ffnet LESERBEREICH Suchbegriff Via Sacra User Verwaltung wieder i HISTORISCHES er K ged Peter Cornelius in KONTAKT T rnitz REGIONEN Suchergebnisse f r Yia Sacra e Gleicher Tag F hrenberge G lsental Leserbereich 1 Treffer Mariazeller Land ernst Via Sacra total Oberes Traisental Leserbereich Archiv 1 Treffer Sanaa e mchendl Ich find die Via Sacra total super Historisches Kein Treffer Allgemeine Gemeindeinformationen Kein Treffer News Kein Treffer Newsarchiv Kein Treffer Kultur gt Kulturelles Angebot Kein Treffer Kultur gt Kirchliche Denkm ler Kein Treffer Kultur gt Sonstige Denkm ler Kein Treffer Natur gt Wanderrouten Kein Treffer Natur gt Wallfahrten Kein Treffer Tourismus gt Allgemeines Kein Treffer Tourismus gt Gastwirtschaft Kein Treffer Tourismus gt Sportangebot Kein Treffer Sonstiges gt Soziales Kein Treffer Sonstiges gt Literatur Kein Treffer Si S Internet Die Suchfunktion Die Ergebnisse werden auf derselben Seite angezeigt Die mittlere Hauptspalte beinhaltet die Suchfunktion Nach dem Abschicken der Anfrage durch Klicken auf die Schaltfl che Suchen werden die Ergebnisse direkt unterhalb des Suchformulars ausgegeben Die Ergeb
5. en has acra Wege zur Kraft el Sacra Die Plattform f r die Via Sacra Projekt Dokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting Projektbetreuer Peter Klein Graphische Franz Fiala TGM VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting ek mhal hni Teil I Dokumentation A Das Projekt 1 DIE VIA SACHE re a a ae re E meer eva entered 6 2 DIE 7 3 Features Was kann die Plattform uuuus0000222neeeensennnnnnnnenensnnnnnnnnnnnnnnnnnnnnnnnnn nenn nnnnnnnnnenen nenn 8 Ge leie EE 9 Wu lee EE 9 B Das Team Markus Hahndl 4 2 4 32228222 2228er eine 11 ERLIE EE 13 Clemens Bros 7 Senger aka E ANA 15 Re le re DEE 16 C Komponenten des Projekts 1 Web Plattformar n2 a oriee EHE EES 18 Te DISS 0 R A A E TEE E E E E E A r A 18 tE T Optisches Erschenungs pidis e a E EAEE 18 1 1 2 GCascading Style SheclE TEE 23 Le r o a PETE E E e Seege d geed A A E A 24 NR aere aE EEN 24 1 2 Die Flash N vigationskarte 4 4 Huenaneeiereigeehemilb einlesen 25 1 2 1 Ebene B den az 2er iii a a aa a aaa ea ernten 26 1 22 Ebene K rten nase Reel a a a aaa a Aaa a aa aa a Eaa 27 R2 Ebene Whiteban eeo aa aena a eet ee ee edel e 28 1 24 Ebene TeXtDiS lay ee r aa aaa ege be ee ESA g 28 1 2 9 Ebene Navigationselemente 4 4 2 04 44 Haie ie AENEA RETA AA 28 1 2 5 1 Button Vergr ern und Ver
6. Das eigentliche Bild Verkleinerungs Funktion makethumb php wurde mit Herrn J rgen Giefing gemeinsam entwickelt und ist im ebenfalls im Anhang komplett nachlesbar An diese Funktion wird das Foto bergeben zur ck kommt ein Bild das in der maximalen horizontalen Ausbreitung 120 Pixel aufweist Das Seitenverh ltnis bleibt dabei in der Transformation gleich lt a href onClick JustSoPicWindow daten berichte lt row berichte id jpg Spicsize 0 Spicsize ll Srow hea der FFD7AF hug image 0 return document MM returnValue target self gt gt lt img src makethumb php pic daten berichte lt row berichte id gt jpg border 0 alt lt row header gt gt lt a gt Absatzformatierung Wenn ber mehrzeilige Formularfelder Texte bergeben werden in denen Abs tze gemacht werden durch Dr cken der ENTER RETURN Taste werden dem Formular die Codes f r Zeilenvorschub und Wagenr cklauf r n weitergegeben An diesen Stellen muss PHP im Text diese Steuerzeichen durch HTML Breaks lt BR gt ersetzen Durch die unterschiedlichen Steuerzeichen am PC und Apple m ssen mehrere Kombinationen von Steuerzeichen ber cksichtigt werden Srow text preg replace 015 012 015 012 amp nbsp lt br gt Srow text echo row text Mailversand Mit der Mailfunktion wird ein Mail generiert das an den Administrator der Via Sacra Website mit in einem
7. Lisa Schlichting 22 berlegungen zum inhaltlichen Aufbau der Seite In A540 De Gemeinden Interface ung bearbeiten Feio EJA Ma De Inlerface er Ka 5 t 7 Gemtindanwiten Ahk Foko Karte koulen Abb 5 Clemens Prerovsky Abb 6 Clemens Prerovsky Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 23 Visualisierung einer fixen und einer schwebenden Variante des Aufbaus Abb 7 Clemens Prerovsky 14 Februar 2002 Farbvarianten der Navigationsleisten f r die Finalversion NAYIGATION SUCHE NAVIGATION NAVIGATION SUCHE SUCHE LESERBEREICH LESERBEREICH HISTORISCHES HISTORISCHES REGIONEN REGIONEN LESERBEREICH HISTORISCHES REGIONEN F hrenberge F hrenberge F hrenberge Wienerwald Wienerwald Wienerwald G lsental G lsental G lsental Oberes Traisental Oberes Traisental Oberes Traisental Mariazeller Land Mariazeller Land Mariszeller Land GEMEINDEN GEMEINDEN GEMEINDEN Abb 8 Version 1 bis 3 Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 24 Entwurfsseite f r das Final Desi Via Sacra Microsoft Internet Explorer 9 TA Vorw rts Abbrechen Aktualitiesen gn 14 Februar 2002 NAVIGATION SUCHE LESERBEREICH HISTORISCHES REGIONEN F hrenberge Wienerwald G lsental GEMEINDEN KONTAKT NAVIGATION SUCHE LESERBEREICH HISTORISCH
8. NOT NULL default email varchar 50 NOT NULL default header varchar 50 NOT NULL default body text NOT NULL PRIMARY KEY berichte_id UNIQUE KEY id berichte_id KEY id_2 berichte_id TYPE MyISAM Tabellenstruktur f r Tabelle gemeinden CREATE TABLE gemeinden gem_id smallint 2 unsigned zerofill NOT NULL auto_increment gem_name varchar 50 NOT NULL default reg_id smallint 2 unsigned zerofill NOT NULL default 00 beschreibung text NOT NULL seehoehe int 4 NOT NULL default 0 einwohner int 7 NOT NULL default 0 flaeche int 11 NOT NULL default 0 chronik_gem text NOT NULL chronik_vs text NOT NULL PRIMARY KEY gem_id UNIQUE KEY id gem_id KEY id_2 gem_id TYPE MyISAM Tabellenstruktur f r Tabelle historisches CREATE TABLE historisches text text NOT NULL Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 40 TYPE MyISAM Tabellenstruktur f r Tabelle links CREATE TABLE links link_id int 6 unsigned zerofill NOT NULL auto_increment loc_id int 6 unsigned zerofill NOT NULL default 000000 link_name varchar 50 NOT NULL default url varchar 100 NOT NULL default beschreibung text PRIMARY KEY link_id UNIQUE KEY id link_id KEY id_2 link_id TYPE MyISAM Tabellenstruktur f r Tabelle locations CREATE TABLE locations loc_id int 6 unsigned zerofill NOT NULL auto_increment gem_id smallint
9. e Ausarbeiten einer Datenbankstruktur abgeleitet aus der erhaltenen Tabelle e Erstellung des Seiten Layouts mittels zun chst statischer Beispielseiten gt Ableitung eines einheitlichen Designs und Layoutrasters f r alle Seiten e Arbeiten mit Platzhaltern f r die Informationen die wir noch ben tigen werden einfach Ersatztexte und bilder verwendet e Einbinden der Datenbank und Fertigstellung einer funktionierenden Musterseite mit notfalls bleibenden Platzhaltern Die Seite soll vorerst nur f r MS Internet Explorer optimiert werden sollte noch Zeit bleiben wird es eventuell auch eine Version f r Netscape geben Die Arbeitsaufteilung wurde wie folgt definiert Clemens Prerovsky Programmierung Flash Graphiken Design Lisa Schlichting Filmschnitt Making Of Video Design ev Benutzerhandbuch Markus Hahndl Datenbankerstellung Programmierung PHP Design Julia Malcik Dokumentation und Protokolle Design Filmtechnik Making Of Protokoll gelesen und akzeptiert N A Ar Zch ch lup Bi 2 VB o Clemens Rrerpvsky Lisa Schlichting Markus Hahndl ulia Malcik Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 29 4 Zeitplan 5uy ys gan unt EM ANSAOJaId SUJW JD Adv ew y a ew enc IpuyeH Sny4ew 2002 2 uonezuawnyoq o p A 49 5 9g pey ysej4 BunJs uwe4 old u s q yuequ zeq uoIs4 Ajeul4 u is q 1 S q0Jd BunueId Dunfapsapaal
10. fotografieren Geplant sind aber keine langen Reden sondern lediglich kurze Statements der Involvierten e Konzepterstellung f r den Umfang der Webplattform Die Startseite wird auf jeden Fall einen Newsbereich enthalten die jeweils aktuellsten Artikel sollen kurz angerissen werden Frage Soll jeder Region eine gewisse Anzahl an Artikeln zugesprochen werden oder werden einfach immer die aktuellsten zu lesen sein dies k nnte zu Streitigkeiten zwischen den Gemeinden f hren was auf jeden Fall zu vermeiden w re Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 6 Die Gemeindeseiten Jede Gemeinde bekommt ihre eigene Seite auf der Plattform Diese Seiten werden einheitlich gestaltet doch soll sich jede Region farblich von den anderen unterscheiden Inhalt der Gemeindeseiten Das Gemeindewappen eine Ortsbeschreibung aktuelle Events und Verlinkung zu den gemeindeeigenen Webseiten Die Historische Aufarbeitung Was ist die Via Sacra seit wann gibt es sie wo genau verl uft sie etc Alte Schriften und Dokumente sollen in die Seite eingebunden werden und dem Betrachter Hintergrundinformationen bereitstellen Der virtuelle Reisef hrer Eine Liste der sehenswerten St tten an den verschiedenen Wegen soll es jedem Besucher erm glichen sich eine pers nliche Wanderroute zusammenzustellen bzw Priorit ten zu setzen Die Auswahl kann nach Belieben nach verschiedenen Kriterien erfolgen e Alte
11. lt h3 gt DatenSatz gem name lt h3 gt else echo lt h3 gt Gemeinde lt h3 gt HE lt form name forml method get action menulinks php target leftFrame class ContentTextGelb gt lt table width 180 border 0 cellspacing 0 cellpadding 0 gt lt tr gt lt td gt lt SQLQuery SELECT gem id gem name FROM gemeinden WHERE gem id gt 0 ORDER BY gem _ id SQueryString mysql_query SQLQuery or die WHOOPS Keine Verbindung zur Datenbank EE lt select name SAGemeindeNummer size 1 gt lt while DatenSatz mysql _fetch array SQueryString EE lt option lt if DatenSatz gem id SAGemeindeNummer echo selected gt value lt DatenSatz gem id gt gt lt SDatenSatz gem name gt lt option gt lt gt lt select gt lt td gt lt td gt lt input type submit name Abschicken value Auswahl gt lt td gt lt tr gt lt table gt lt input type hidden name BenutzerName value lt BenutzerName gt gt lt input type hidden name Passwort value lt Passwort gt gt lt input type hidden name GemeindeNummer value lt GemeindeNummer gt gt lt form gt Es folgt dieselbe Men gestaltung wie die eines Gemeinde Admin Der Gemeinde Admin Bedingung ist wie beim SuperAdmin dass LoginError auf 1 gesetzt i
12. r die spontanen Interviews war der Ton des Kameramikrophons ausreichend er wurde mit dem Bild gemeinsam importiert und nicht vom Clip getrennt M chte man den Ton laufen lassen w hrend sich bereits ein anderes Bild einblendet muss man die Synchronisation des Clips aufheben unsync clip um eine separate Bearbeitung von Bild und Ton zu erm glichen F r das Interview mit B rgermeister Schrittwieser bedienten wir uns der externen Aufzeichnung Das Einspielen von CD Audiodaten erfolgte ber einen CD Player der ber ein Chinch Kabel an die audio in Eing nge eingeschlossen wurde Auf diese Art eingespielter Ton erscheint im Programm als analog w hrend Ton der mit Videoclips gemeinsam digitalisiert wird als digital gilt Digitaler und analoger Ton kann nicht gemeinsam in einer Audiospur verwendet oder gemischt werden daher war das Hinzuf gen von zwei zus tzlichen Audiospuren in der Zeitleiste notwendig Die Ton Aufnahmequelle musste in den Hardware Einstellungen des Programms korrekt eingestellt werden 2 7 Handlung und Ablauf des Videos Das Video gliedert sich in zwei Teile e Hauptteil 3 Minuten 57 Sekunden Nachspann 1 Minute 11 Sekunden 2 7 1 Der Hauptteil Der Hauptteil beinhaltet die gedrehten Interviews und Landschaftsaufnahmen sowie Hintergrundmusik Er ist das eigentliche Image Video Auf den folgenden Seiten finden sie ein im Nachhinein erstelltes Drehbuch des fertigen Videos Erkl rung In
13. tigt um diese Dokumente in anderen Modi zu starten dazu jedoch sp ter GET stellt also eine einfache schnelle und ausreichend sichere Methode dar um Informationen zu bergeben besonders da es sich hier nicht um Benutzername oder Passwort handelt Unter der Anzeige des Optionsmen s f r den SuperAdmin wird ein weiteres Men f r die Auswahl der zu bearbeitenden Gemeinde angezeigt Dies ist ein besonderes Feature des Administrationsbereiches da es dem SuperAdmin das direkte Bearbeiten aller Gemeinden erm glicht ohne sich ein weiteres Mal einloggen zu m ssen Nat rlich muss f r die Anzeige und die dynamische Generierung des Select Pulldowns eine andere Variable als Gemeindeld benutzt werden da sich der SuperAdmin sonst mit dem Ausw hlen einer Gemeinde selbst aus dem System entfernen w rde Die SGemeindeld w rde n mlich nicht mehr zu dem eingegebenen Benutzernamen und Passwort passen Daher wird die Variable ssAGemeindeNummer benutzt um diese Liste zu generieren Wenn die Variable bereits gesetzt ist wird der Name der Gemeinde aus der Datenbank ausgelesen und ber dem Pulldown angezeigt lt VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 52 if SAGemeindeNummer lt gt 0 SQLQuery SELECT gem name FROM gemeinden WHERE SAGemeindeNummer gem id SQueryString mysql_query SQLQuery or die nix gibts DatenSatz mysql_fetch array QueryString echo
14. vor dem der kleine Film laufen sollte gestalteten wir mit Adobe Photoshop und importierten es als clip in den bin von Media 100 e Zun chst wurden dann die verwendeten Szenen zusammengesucht und in einer eigenen Zeitleiste aneinandergereiht e Dieses eigene Kurzprogramm exportierten wir mit dem Befehl Export from Edit Suite als Film um ihn dann als fertigen clip in den bin des Via Sacra Projekts importieren zu k nnen e Wiederum legten wir dann eine neue Zeitleiste an in der wir auf einer Videospur das vorher importierte Hintergrundbild positionierten auf der zweiten Spur den Clip mit den Szenen f r den Nachspann Diese zwei Spuren wurden nun im Blenden transitions Men berblendet e Die Position an der der kleine Film vor dem Hintergrundbild ablaufen sollte wurde manuell eingestellt siehe Abb picture in picture n chste Seite e Die Gr e des kleinen Bildes betr gt genau 44 der Originalgr e VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 75 Motion Path p Keyframe 00 00 00 05 Cl Position Hl 162 Y 76 VIA SACRA E Object DO Border Shadow ise w 317 H 253 44 Cl Opacity 100 mm L crop aTop 0 aleft D aRight 0 aBottom o A EEEE E E Je 00 00 08 23 Length 00 00 00 13 SES EE Ce CS Abb picture in picture Die so entstandene Blende muss
15. 2 unsigned zerofill NOT NULL default 00 loc_name varchar 50 NOT NULL default typ_id smallint 2 unsigned zerofill NOT NULL default 00 beschreibung text NOT NULL strasse varchar 50 NOT NULL default plz int 4 NOT NULL default 0 ort varchar 50 NOT NULL default tel varchar 50 NOT NULL default fax varchar 50 NOT NULL default email varchar 50 NOT NULL default tiscover_url varchar 100 NOT NULL default baustil varchar 50 NOT NULL default altar text NOT NULL geweiht text NOT NULL messen text NOT NULL PRIMARY KEY loc_id UNIQUE KEY id loc_id KEY id_2 loc_id TYPE MyISAM Tabellenstruktur f r Tabelle news CREATE TABLE news news_id smallint 5 unsigned zerofill NOT NULL auto_increment gem_id smallint 2 unsigned zerofill NOT NULL default 00 header varchar 50 NOT NULL default datum datetime NOT NULL default 0000 00 00 00 00 00 ablauf date NOT NULL default 0000 00 00 body text NOT NULL PRIMARY KEY news_id UNIQUE KEY id news_id Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 41 KEY id_2 news_id TYPE MyISAM Tabellenstruktur f r Tabelle regionen CREATE TABLE regionen reg_id smallint 2 unsigned zerofill NOT NULL auto_increment reg_name varchar 50 NOT NULL default PRIMARY KEY reg_id UNIQUE KEY id reg_id KEY id_2 reg_id TYPE MyISAM Tabellenstruktur f r Tabelle typ
16. Bezug von externem Material stellte sich jedoch als unm glich heraus da das Archiv verlegt worden war und durch eine Bestellung von Material immense Kosten entstanden w ren e Gewisse Veranstaltungen die eventuell von Interesse gewesen w ren wie z B die Wienerwald Millenniums Feier in Mauerbach oder die Er ffnung einer Teilstrecke der Via Sacra in der Walster konnten wir leider nicht besuchen da wir entweder ber die genauen Termine nicht informiert wurden bzw die Termine so sp t angesetzt waren dass ein Einbeziehen in das Video zeitlich nicht mehr m glich war e Beim ersten Drehtag verzichteten wir zugunsten der Mobilit t auf den Einsatz des gro en Stativs bei den spontanen Interviews was dazu f hrte dass das Material teilweise stark verwackelt war e Der zweite Drehtag urspr nglich angesetzt f r den 25 5 2002 musste leider aufgrund von Schlechtwetter verschoben werden und fand am 30 5 statt Dies stellte sich allerdings als g nstig heraus da es sich um einen Feiertag handelte und daher mehr Wanderer und Touristen unterwegs waren e Aufgrund eines Speicherfehlers am zweiten Schnittag gingen einige der bereits digitalisierten Clips vom ersten Drehtag verloren Diese mussten neu eingespielt werden was keine allzu gro en Schwierigkeiten bereitete aber Zeit kostete e Wie uns bereits von Herrn Klein erkl rt worden war ist es in Media 100 nicht m glich analogen und digitalen Ton gemeinsam auf einer Audiospur zu ver
17. Dateigr e lt img sre lt icon gt gt lt td gt lt td align left class ContentTextTrennung height 10 gt lt a class ContentLink href daten presse lt gem id Sfile gt gt lt file gt lt a gt lt td gt lt td align right class ContentTextTrennung height 10 gt lt date d m Y H i s filemtime daten presse gem id file gt lt td gt lt td align right class ContentTextTrennung height 10 gt lt round filesize daten presse gem id Sfile 1024 gt KB lt td gt lt tr gt lt Wenn es keine Datei in dem Verzeichnis gibt soll ausgegeben werden dass keine Dateien zum Download gefunden wurden else gt lt tr gt lt td align left class ContentText height 10 gt lt td gt lt td align left class ContentText height 10 gt Keine Dateien zum Download gefunden lt td gt lt td align left class ContentText height 10 gt lt td gt lt td align left class ContentText height 10 gt lt td gt lt tr gt SEA gt Datenbankabfragen und Besonderheiten in den einzelnen Contentbereichen Startseite In diesem Vereich wird die Flashkarte als Objekt in HTML eingebettet VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 43 Suche Datenbankabfrage f r Suche nach aktuellen Leserberichten SELECT name header body datum FROM berichte
18. ENEE ENEE 67 DEE eessen ET nen ee 67 2 6 1 Media LAT EE 67 2 6 1 1 Einstellungen eee Saa a AAIE aN A OTARA AEA DRE OAR ESA EARRA TAAS 68 2 6 1 2 Komponenten des Programmes 68 2 6 2 Audio Material 444444nnnenennnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnsnnnnnnnsnnnnnnnsnnnnnnnnennn nenn 70 2 7 Handlung und Ablauf des Videos unesnnnnnnnnennnnnnnnnnnnnnnnnnnnnnnnennnnnnnnnnnnnnnnnnnnnnnnn ran 70 e V Der Hauptteil et ebessen Ee Ee Ee ine 70 KR Ee E Il EE 74 2 8 Ee Se EE 76 2 9 Probleme bei der Entwicklung 78 Teil II Anhang 1 Projekt Tagebuch Anhang Seite 2 2 Design Entw rfe 21 3 Externe Protokolle 29 4 Zeitplan 30 5 Komponentenplan 31 6 Kostenplan 32 7 Style Sheet 35 8 Quellcode 38 9 Dump und Server Daten 40 VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 4 Teill Dokumentation VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting A Das Projekt 1 Die Via Sacra Die Via Sacra ist der vermutlich bekannteste und historisch bedeutendste Pilgerweg sterreichs Er f hrt von Wien nach Mariazell und beinhaltet mehrere verschiedene Wander Routen Die Umgebung der Via Sacra unterteilt sich in folgende f nf Regionen s Karte a a E E RE ON e F hrenberge e G lsental e Mariazeller Land e Oberes Traisental e Wienerwald gt LA Jl N oi vi N der spS
19. Erg nzung zu den Landschaftsbildern passten oder einfach besonders interessant waren zum Beispiel die Geschichte von einem Wiener Handschuhmacher der eine Kapelle errichtete dass die Jugend wieder pilgert was das Pilgern so interessant macht usw 2 3 1 1 Sammlung von Fragen f r spontane Interviews Sie befinden sich ja gerade in einer Stadt die ja f r die Pilger gro e Bedeutung hat was genau macht diesen Ort f r Sie pers nlich interessant Die Via Sacra ist der Pilgerweg von Wien nach Mariazell Sind sie schon einmal entlang der Via Sacra gepilgert Welche Stelle entlang der Via Sacra gef llt Ihnen besonders gut An welche Stelle der Via Sacra kommen Sie pers nlich immer wieder gerne zur ck Seit wie vielen Generationen nimmt Ihre Familie schon an Wallfahrten entlang der Via Sacra teil Pilgern Sie regelm ig nach Mariazell Was bedeutet Ihnen eine Wallfahrt entlang der Via Sacra Glauben Sie dass die Via Sacra in Zukunft an Bedeutung verlieren wird bedingt durch das mangelnde religi se Interesse der j ngeren Generationen K nnen Sie mir vielleicht eine nette Geschichte zum Thema Wallfahrt erz hlen VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 65 2 3 1 2 Die Interview Situation Bei dem Gespr ch mit dem B rgermeister entschieden wir uns bez glich Kameraaufbau f r die klassische Interview Situation Diese sieht folgenderma en aus
20. Filmmaterial sowie Bearbeitung und Schnitt Audiosynchronisation und das Erstellen von Effekten in einem Programm erm glicht Ein Media 100 Projekt besteht in den meisten F llen aus einer Zeitleiste dem sogenannten program einem Kontrollmonitor einer Ablage f r Clips genannt bin und der Edit Suite der Programmsteuerung f r Effekte Digitalisierung und Bearbeitung von Clips 2 6 1 1 Einstellungen Videoformat PAL Bildgr e 720x576 Pixel 2 6 1 2 Komponenten des Programms Ei Via Sacra Der bin Die Ablage f r alle einzelnen Teile die man im Verlauf eines Projekts digitalisiert Standbilder Tonausschnitte Videoclips und importierte Graphiken sind hier abgelegt und mit thumbnails versehen Diese Clips k nnen auf die Zeitleiste gezogen oder durch Doppelklick geladen werden um sie zu bearbeiten Abb bin Die Zeitleiste program 9 Via Sacra Zeitleiste viasacral _gross M10Y Diss hana ube tussee b pahal ben ES Ze BS BRUET AS Sm nA Milan Bl Abb Zeitleiste Hier passiert der eigentliche Schnitt des Videomaterials Die Clips aus dem bin werden mit drag and drop in die Zeitleiste gelegt und k nnen dort nach Belieben verschoben geteilt zusammengef gt oder berblendet werden VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 68 Edit Suite Edit Suite EB Abb Edit Suite D
21. Formular bergebenen Variablenwerten f r das Subject und den Inhalt der Mail versendet wird mail viasacra hahndl net Via Sacra Website Sbetreff Name Sname nText n text From Semail Anzeige der Dateiliste in Pressematerial Pr fung ob es berhaupt eine Datei in dem Verzeichnis gibt if file exists daten presse gem id VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 42 ffnen des Verzeichnisses und Einlesen der Dateien in ein Array Shandle opendir daten presse gem id F r jede einzelne Datei wird bevor Sie berhaupt ausgegeben wird die Dateiendung analysiert und f r bestimmte Datei Endungen ein relativer Pfad zu einem Icon angegeben while file readdir Shandle if file amp amp file L if substr file 3 jpg icon icons jpg gif elseif substr file 3 tif icon icons tif gif elseif substr file 3 png icon icons png gif elseif substr file 3 pdf icon icons pdf gif elseif substr file 3 doc icon icons doc gif elseif substr file 3 txt icon icons txt gif elseif substr file 3 htm icon icons htm gif elseif substr file 3 zip icon icons zip gif EE Jetzt wird das Icon dann der Link zur und dann die Datei selbst ausgegeben weiters das Datum und die
22. Lisa Schlichting Julia Malcik Markus Hahndl Wir borgen uns einen Nachmittag aus um f r die geplanten Interviews den Umgang mit Kamera und Tonger ten zu trainieren e Aufbau eines Interview Platzes f r 1 Reporter und 1 Interviewpartner e Verkabelung von Kamera Mikrophonen Mischpult und MD Recorder e Aufnahme und Stellung einer Interview Situation e Digitalisieren des Materials e Probeschnitte Nachfolgend eine detaillierte Liste aller ben tigten Komponenten Eigent mer Komponenten Markus Hahndl 1 Mikrophon Kabel 1 Mikrophon Stativ 1 MD Recorder Netzger t 1 Paar Kopfh rer 1 Chinch Chinch Kabel L nge ca 2m 1 Adapter 2x Chinch auf Miniklinke 1 Kabel Chinch Klinke Prof Fischl 1 Mikrophon Kabel 1 Mischpult mittelgro 1 Tasche f r Mikrophon Prof Klein 1 kleiner berwachungs Monitor 1 Monitor Adapter Chinch BNC 1 Mikrophon Stativ 1 Kabel 3x Chinch 3x Chinch 1 Kamera Koffer Stativ Netzteil Fernbedienung 1 Kabelrolle 1 Schulterhalter f r Kamera Donnerstag 11 April 2002 09 00 bis 13 00 Uhr Design Sitzung bei Lisa Schlichting Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Weiterentwicklung des Designs und Anwendung auf die verschiedenen Seiten Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting WK nderungen e Hinzuf gen eines breiten Balkens am unteren Rand als Erg nzungsobjekt zum ob
23. Prerovsky Lisa Schlichting 73 EC VIA SACRA 02 53 03 Schnitt auf Souverirverk uferin Mariazell im Interview 03 02 20 Schnitt auf Interview mit Herrn Schrittwieser B rgermeister von Lilienfeld 03 05 19 03 13 09 Sichtbarkeit des Inserts 03 31 17 Schnitt auf Kirche Josefsberg und zoom out auf Landschaft gt weiches Einblenden einer Nahaufnahme von violetten Wiesen blumen 03 40 18 weiche Blende auf Landschaft bei Annaberg und Schwenk nach rechts ber das Tal 03 43 15 Einblenden der Web Adresse www viasacra at 03 51 23 03 54 04 fade out ins Schwarze 03 57 01 Beginn des Nachspanns 03 57 03 Markus Hahndl 04 04 06 Souvenierverk uverir 04 23 11 Via Sacra Team 04 30 14 Souvenirverk uferin 04 50 12 Clemens Prerovsky 04 54 20 AV Sobotka 05 05 09 Clemens Prerovsky 05 07 05 Ende des Videos 92 53 03 Souvenirverk uf erin spricht ber die Jugend von heute 03 02 20 Interview mit B rgermeister Schrittwieser ber die Marke Via Sacra 03 31 17 Ende des Interviews fade in der Musik fade out der Musik mit dem Bild Originalton zu den jeweiligen Szenen des Nachspanns VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 74 2 7 2 Der Nachspann Der Nachspann war nie zur Vorf hrung bei der Pr sentation bestimmt Er dient zum einen dazu die am Video Beteiligten zu erw hnen zum anderen um einige aus Ze
24. Systemadministrator row mysql_fetch array liste gem 1 Ortsplan Datenbankabfrage SELECT FROM gemeinden regionen WHERE gemeinden reg id regionen reg id AND gem id gem id Wallfahrtsberichte Datenbankabfrage SELECT FROM wallfahrten WHERE gem id gem id ORDER BY datum DE e Wei Q Pressematerial VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 47 Datenbankabfrage SELECT FROM gemeinden regionen WHERE gemeinden reg id regionen reg id AND gem id gem id Kulturelles Angebot Kirchliche Denkm ler Sonstige Denkm ler Wanderrouten Tourismus allgemein Gastwirtschaft Sportangebot Soziales Literatur Datenbankabfrage SELECT regionen reg name regionen reg id gemeinden gem name gemeinden gem id FROM gemeinden regionen WHERE gemeinden reg id regionen reg id AND gem id gem id Alle anderen Men bereiche sind statisch und weisen keine Besonderheiten auf 1 4 3 Der Administrationsbereich Der Administrationsbereich besteht im Gegensatz zum Frontend aus mehreren Dateien die in einem Frameset geladen werden Alle Dateien des Bereiches befinden sich im Verzeichnis admin Das Frameset index html hat folgenden Aufbau index html besteht aus einem linken Frame in dem immer die Datei menulinks php geladen ist
25. Vangelis e Der verfa te Text Via Sacra Wege zur Kraft Genie en Sie die Natur beim unbeschwerten Wandern durch die einmalige Landschaft von Wien nach Mariazell Entdecken Sie die Kultursch tze entlang des bedeutendsten Pilgerweges Via Sacra Besuchen Sie unsere gem tlichen Gastst tten Wir verw hnen Sie gerne Mit ausgesuchten kulinarischen Spezialit ten Finden Sie inneren Frieden an den geweihten St tten entlang des heiligen Weges Via Sacra Wege zur Kraft e Stimme Markus Hahndl e Ziel einen kurzen Spot f r die Diplompr sentation bzw als Ton f r das Making Of Video zu erstellen Wo bzw ob der Spot berhaupt verwendet wird wird noch diskutiert Donnerstag 17 J nner 2002 12 00 bis 13 30 Uhr Kreativsitzung mit Projektpartner Ernst Leitner bei G amp L Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Mag Ernst Leitner e Aufstellung eines Zeitplans f r das weitere Vorgehen 26 1 2002 1 Workshop Zusammenkommen und Diskussion der Gemeindeoberh upter erwartet werden 20 Gemeindevertreter Bereits bestehendes Interesse soll gefestigt werden Genaue Ziele des Projektes und das Thema Webplattform sollen vorgebracht werden Was kann die Web Plattform bieten nach dem Workshop sollten erste Inhalte f r die Webseite feststehen Ende Februar 2 Workshop Bei diesem Event werden wir vermutlich das Making Of Video drehen bzw wichtige Pers nlichkeiten interviewen und
26. Vorrangig ist der Film als visuelle Einleitung f r die Projektpr sentation im Rahmen der Diplompr fung gedacht er steht aber auch f r andere Pr sentationen zum Thema Via Sacra zur Verf gung zB f r Pr sentationen vor den Gemeindevertretern der Wallfahrtsorte 2 1 5 Auftraggeber Es ist kein Auftraggeber vorhanden das dieses Video unsere eigene Idee war und nicht kommerziell genutzt werden soll 2 1 6 Ben tigte Informationen f r das Video e Liste der an der Via Sacra beteiligten und kulturell und religi s interessanten Ortschaften e Entscheidungen zur Hintergrundmusik e Liste von interessanten Leuten die zu interviewen m glich w re e Endg ltiges Logo der Via Sacra f r Inserts VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 63 2 1 7 Wettersituation Gedreht wurde teilweise in R umen z B bei Ausstellungen aber vorrangig im Freien Die Dreharbeiten fanden ausschlie lich am Tag statt f r die Landschaftsaufnahmen war Sch nwetter Voraussetzung 2 1 8 Ausr stung e Kamera Sony 1000 Dreichip Kamera 3 St ck 1 4 Zoll Chips erzeugen die RGB Farbausz ge mit 10fach Zoomobjektiv 6 16mm Brennweite e Fuji DV Kassetten e F r geplante Interviews Stativ Kontrollmonitor 2 Mikrophone ein Mischpult und Minidisc Recorder e F r die spontanen Interviews ein Mikrophon mit direkter Verbindung zur Kamera und ein Stativ e Kamerastativ Marke Elmech mit Hydrokop
27. Wienerwald E SEITENANFANG DI PROJEKTINFO Si gend ege S Internet Screenshot der Startseite VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 18 Aufbau Man erkennt deutlich den spaltenorientierten Aufbau Jede Spalte hat ihre eigene Funktion und ist durch die helle Hinterlegung optisch vor dem Hintergrund hervorgehoben e Die linke Spalte wird f r die fixe Hauptnavigation genutzt hier entscheidet der User zun chst in welche Region und Gemeinde er sich virtuell begeben m chte Au erdem beinhaltet dieses Men die Felder Suche und Kontakt sowie den Leserbereich und die Seite Historisches e Die rechte schmale Spalte beinhaltet die aktuellen News und gemeinde bzw regionsspezifische Informationen Der Inhalt dieser Spalte ist dynamisch und passt sich den Aktionen des Users an e In der mittleren Spalte findet man auf der Startseite die Flash Karte die eine weitere Navigationsm glichkeit f r den Anwender bietet Durch Klicken auf die einzelnen Gemeinden kann er sich sofort auf die jeweilige Gemeindeseite weiterleiten lassen Die Karte ist zoombar und kann im Ausschnitt verschoben werden N here Informationen zur Flash Karte finden Sie unter Punkt X X e Oberhalb sieht man ber der linken Navigationsleiste das Logo der Via Sacra ber der mittleren und rechten Spalte eine Bannergraphik auf der eine Sommerlandschaft erkennbar ist
28. berarbeitung der bestehenden Via Sacra Seite 3 00h JM Gesamt 14 25h November 2001 16 11 2001 berarbeitung der bestehenden Via Sacra Seite 1 50h JLM 28 11 2001 Projektstudien Mag Peter Klein 3 50h JLM Gesamt Dezember Gesamt J nner 14 01 2002 Erstellen eines Jingles bei Bertolini Sound 3 00h JLM 17 01 2002 Kreativsitzung bei Mag Leitner 1 50h JLM 20 01 2002 Erstellung eines Programmiermodelles f r die 11 50h Flashkarte 31 01 2002 Kreativsitzung bei Mag Leitner 1 50h JLM Gesamt 36 75h 10 02 2002 Treffen bei Markus Hahndl 3 00h JLM Gesamt 39 75h L M rz O O 11 03 2002 Projektbesprechung mit Prof Hollinek 2 10h JLM 13 03 2002 Projektstudien Mag Klein 2 50h JLM 14 03 2002 Treffen bei Lisa Schlichting 3 50h JLM 20 03 2002 Projektstudien Mag Klein 2 50h JLM Gesamt 50 35h 04 04 2002 Treffen bei Lisa Schlichting Design der Website 4 00h JLM erstellen 11 04 2002 Treffen bei Lisa Schlichting Design 3 00h JLM 12 04 2002 Treffen bei Lisa Schlichting Vorl ufiger Abschluss 2 00h JL der Designarbeiten 17 04 2002 Ersetzen einiger funktioneller Tables durch Pixel gif 0 50h 25 04 2002 Treffen bei Mag Leitner Besprechen des Designs 1 50h JLM Gesamt 61 35h 04 05 2002 Vorbereiten des vorhandenen Kartenmaterials f r die 1 50h implementation in die Flash Karte Teilweises erstellen einer Vektorkarte 05 05 2002 Programmierung der Flash Karte Erstellen und 2 25h Einf gen der Vektorkarte erstellen der Drag amp Drop A
29. dass es sich um das Formular f r einen neuen Newseintrag handelt lt input type hidden name neu value ja gt lt input type submit name Submit value Abschicken gt lt p gt lt form gt lt IL VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 257 Wenn ein Newseintrag gel scht werden soll if Smod loeschen soll sicherheitshalber nochmals nachgefragt werden ob der Newseintrag tats chlich gel scht werden soll Snews SELECT header FROM news WHERE news _id S news id liste _news mysql_ query news or die Keine Verbindung zur Datenbank Bitte wenden Sie sich an ihren Systemadministrator row mysql _ fetch array liste_ news echo Wollen Sie den Newseintrag Srow header wirklich l schen gt lt p gt lt form name forml method post action lt PHP SELF gt mod show amp news id lt S news id gt gt Bevor das Formular abgesendet wird muss noch vermerkt werden dass es sich um die Best tigung f r einen L schbefehl handelt lt input type hidden name loeschen value ja gt lt input type submit name submit value Ja gt lt input type reset name submit value Nein onClick history back gt lt p gt Se 1 Wenn die Datei das erste Mal gestartet wird wird ihr automatisch f r die Variable mod show zugewiesen Diesen Variablenwert erh lt man
30. der linken Spalte finden Sie Bilder der wichtigsten Szenen Aus Platzgr nden konnte nicht von jedem Bildwechsel ein Screenshot gemacht werden e Die mittlere Spalte dient zur Beschreibung der Bilder Kameraeinstellungen und Bewegungen Die Zeitangaben beziehen sich jeweils auf den Beginn einer Szene e Die rechte Spalte dient zur Beschreibung der Ton Ereignisse VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 70 Bildmaterial Gu Var Sacra Sc N Ly VIA SACRA Projektdokumentation Beschreibung der Bilder und Zeitangaben Titelbild 00 00 00 00 09 21 00 09 23 harter Schnitt auf Souvenirverk uferin Mariazell 00 18 24 harter Schnitt auf Statue in Lilienfeld 00 21 19 Schwenk von der Statue nach rechts ber den Flu zum Stift 00 33 05 weiche Blende von Standbild Stift Lilienfeld auf eine Ansicht durch den Torbogen Standbild 00 35 09 Es folgen Standbilder von einem runden Glasfenster gt Wandbild gt runder Tisch gt B cherregal der Stiftsbibliothek gt Aufnahme eines Buches von weiter weg 00 44 04 weiche Blende auf eine Detailansicht des Buches 00 46 10 harter Schnitt auf die Au enansicht der Grottenk pelle bei Lilienfeld schr ge Aufnahme Danach eine Frontalansicht der Kapelle gt harter Schnitt auf eine Heiligenstatue gt weiche Blende zu einer weiteren Statue Markus Hahndl Julia Malcik Clemens Prerovsky Lisa S
31. ebenfalls immer wenn man eines der drei obigen Formulare abschickt if Smod show Wenn zuvor im Bearbeitungsformular gearbeitet wurde if IsSet Sbearbeiten und wenn das K stchen Foto l schen angehakt wurde if IsSet erase foto und die Datei die gel scht werden soll tats chlich am Server existiert if file exists daten news Snews id jpg soll sie gel scht werden unlink daten news news_id jpg if file exists daten news Snews id png unlink daten news news id prng JL Wenn aber eine Datei upgeloadet wurde if is uploaded file Suserfile 0 ndere den Dateinamen in Kleinbuchstaben Suserfil _name 0 strtolow r Suserfil _name 0 Wenn dann der Dateiname die Dateierweiterung jpg oder png hat verschiebe die Datei in das vorgegebene Verzeichnis if ereg jpg userfile name 0 move uploaded file userfile 0 daten news news id jpg if ereg png userfile name 0 move uploaded file Suserfile 0 daten news news_id png Es VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 58 ndere den Datenbankeintrag Supdate _news UPDATE news SET datum now ablauf ablauf header header body body WHERE news _id S news id mysql_query update_news or die Update gescheitert Bitte wenden Sie sich an ihren Systemadministrator
32. ein System durch das die Inhalte in der Datenbank ausgelesen und zu einer attraktiven Webseite verarbeitet werden 3 Features Was kann die Plattform Zun chst besteht die M glichkeit sich als Interessent ber den Verlauf des Pilgerwegs zu informieren entweder mittels einer optischen Karte oder ber die Navigationsleisten Informationen gibt es ber alle Regionen und Gemeinden die an der Webseite beteiligt sind sofern deren Zust ndige bereits Inhalte in die Datenbank eingetragen haben Diese Informationen beinhalten e Information ber die Geschichte der Via Sacra allgemein e Angaben zu den Fixdaten der Gemeinden d h Einwohnerzahl Seeh he Fl che etc e Bildmaterial und Fotos zu Sehensw rdigkeiten e Wander Routen e Informationen ber touristische Einrichtungen wie Gastronomie Unterk nfte und Freizeit e Liste der Post mter Bahnh fe Trafiken etc e Datenbank ber s mtlich kirchliche und profane Denkm ler an der Via Sacra vom Marterl bis zum Kloster mit Information und Foto e News Bereich mit Eintr gen ber Aktuelles und Veranstaltungen aus den Regionen und Gemeinden e Leserbereich Hier k nnen Erfahrene und Neugierige ihre Fragen stellen oder von ihren Erz hlungen berichten e Wallfahrtsberichte der Gemeinden e Volltext Suche nach allen Eintr gen der Datenbank Voraussetzung f r jedes Feature ist dass von den Zust ndigen der Gemeinden die Daten in die Datenbank eingetragen werden Dies
33. erfolgt ber das bereits erw hnte und sp ter ausf hrlich erkl rte Redaktionssystem Diese und weitere Komponenten des Projekts werden in der folgenden Projekt Dokumentation ausf hrlich erkl rt und beschrieben VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 8 4 Zielgruppe e Menschen der Region e Pilger Wallfahrende und Wanderer e Kulturschaffende und Naturliebhaber e Gemeinden um bzw an der Via Sacra e Kl ster amp Stifte als Partner des sanften Tourismus 5 Auftraggeber Den Auftrag zum Projekt erhielten wir von Herrn Mag Ernst Leitner von der G amp L Werbe und Verlags GmbH Herr Leitner war au erdem gleichzeitig unser Projektleiter und Informant bez glich Datenmaterial und Terminplanung VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 9 B Das Team Das Via Sacra Team besteht aus vier Studenten des Kollegs f r Multimedia an der H heren Graphischen Bundes Lehr und Versuchsanstalt Die Arbeitsteilung und die Aufgabengebiete der Einzelnen innerhalb des Teams war nicht von Anfang an klar definiert da wir besonders zu Beginn sehr viel gemeinsam erarbeitet haben Das Via Sacra Team Die Reihung der Namen erfolgt nach dem Alphabet Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting Auf den folgenden Seiten finden Sie Informationen ber die vier Mitglieder des Teams die Arbeitsbe
34. font size 12px font weight bold color White background color AD184A border color FFD7AF Via Sacra Anhang sans serif sans serif Verdana Geneva Arial Helvetica sans serif Verdana Geneva Arial Helvetica sans serif Verdana Geneva Arial Helvetica sans serif Verdana Geneva Arial Helvetica sans serif sans serif Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 36 border style solid border top width 0px border right width 0px border bottom width 1px border left width 0px background repeat no repeat background position left left HeadlineGelbDuenn font family Verdana Geneva Arial Helvetica sans serif font size 12px color Black background color FFD7AF font weight normal Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting che 8 Quellcode makethumb php lt if isset maxsize Smaxsize 120 pic strtolower pic if ereg png pic Header Content type image png Saltesbild imagecreatefromPNG Spic else Header Content type image jpeg Saltesbild imagecreatefromJPEG Spic pilddaten getimagesize pic breite maxsize Shoehe maxsize Sbilddaten 0 Sbilddaten 1 bild imagecreate breite Shoehe imagecopyresized bild altesbild 0 0 0 0 Sbreit 1 5bilddaten 0 Sbilddaten 1 if
35. ich hatte schon bald konkrete Vorstellungen dazu ein paar sch ne Bildchen mit unbekannten Leuten die ein bisschen was zur Via Sacra erz hlen dazwischen nette Musik und eigentlich ist es genauso geworden Es war teilweise zwar ziemlich m hsam aber wir k nnen mit unserem Ergebnis wirklich zufrieden sein Es ist ein sehr harmonisches sonniges Video geworden das einen VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 16 Eindruck dar ber verschafft worum es sich bei der Via Sacra eigentlich handelt Das Projekt Via Sacra ist wie bereits erw hnt ein Projekt aus dem wir viel herausholen konnten Auch wenn es schon fertige Redaktionssysteme zu kaufen gibt es ist doch eine Herausforderung selber eines zu programmieren Au erdem gewannen wir einmal das Gef hl f r den Zeit und Organisationsaufwand eines solchen Projektes und auch Erfahrung bez glich unverl sslicher Auftraggeber Wetterabh ngigkeit beim Videodreh Kompression des Videomaterials und haupts chlich bez glich des herrschenden Zeitdrucks Au erdem habe ich gesehen wie wichtig es ist dass man mit Leuten zusammen arbeitet auf die man sich verlassen kann egal ob es sich dabei um den Auftraggeber handelt um die Teamkollegen oder in meinem Fall um Prof Klein der in unser Projekt auch einiges an Zeit investierte und uns immer hilfreich zur Seite stand Aber ich denke wir haben es wirklich gut gemeistert jeder
36. im rechten Frame werden immer unterschiedliche Dateien angezeigt 1 4 3 1 Der Login Bereich Um das Datenbanksystem vor unerw nschten Zugriffen durch Au enstehende zu sch tzen und unbeabsichtigte nderungen an falschen Gemeinden zu vermeiden wurde der Administrationsbereich der Via Sacra Webplattform mit einem umfangreichen Login System ausgestattet Au erdem musste ber cksichtigt werden dass es zwei verschiedene Arten von Administratoren gibt Gemeinde und SuperAdmins Das Men im Administrationsbereich passt sich dynamisch diesen beiden Typen von Administratoren an Die Datei menulinks php bernimmt alle diese Aufgaben Die Login Prozedur VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 48 Bevor noch eine Ausgabe auf dem Bildschirm erfolgt wird bereits eine Session gestartet und einige Variablen die sp ter ben tigt werden auf deren Vorhandensein gepr ft und bei Bedarf initialisiert Dies verhindert Fehler mit Apache Webservern die auf Windows NT Plattformen laufen Offensichtlich d rfte eine Art Option Explicit wie es von ASP bekannt ist automatisch aktiviert sein und Fehlermeldungen bei nicht initialisierten Variablen ausgeben Auf Linux Systemen traten derartige Probleme nicht auf Der Vorteil ist dass die Via Sacra Webplattform somit nicht nur auf Linux Rechnern sondern auch auf Windows NT Rechnern mit Apache Webserver lauff hig ist session start
37. loc name Datenbankabfrage f r Suche nach Gastwirtschaft SELECT FROM locations typ WHERE locations typ id typ typ_id AND typ menu gastwirtschaft AND loc_name LIKE begriff OR typ name LIKE begriff OR beschreibung LIKE begriff OR strasse LIKE begriff OR plz LIKE begriff OR ort LIKE begriff OR baustil LIKE begriff OR altar LIKE begqgriff OR messen LIKE begriff OR geweiht LIKE begriff ORDER BY loc_name Datenbankabfrage f r Suche nach Sportangebot SELECT FROM locations typ WHERE locations typ id typ typ_id AND typ menu sportangebot AND loc_name LIKE begriff OR typ_name LIKE begriff OR beschreibung LIKE begriff OR strasse LIKE begriff OR plz LIKE begriff OR ort LIKE begriff OR baustil LIKE begqgriff OR altar LIKE begriff OR messen LIKE begriff OR geweiht LIKE begriff ORDER BY loc_name Datenbankabfrage f r Suche nach Soziales SELECT FROM locations typ WHERE locations typ id typ typ_id AND typ menu soziales AND loc_name LIKE begriff OR typ name LIKE begriff OR beschreibung LIKE begriff OR strasse LIKE begriff OR plz LIKE begriff OR ort LIKE begriff OR baustil LIKE begriff OR altar LIKE begriff OR messen LIKE begriff OR geweiht LIKE begriff ORDER BY loc_name Datenbankabfrage f r Suche nach Literatur SELECT FROM locations typ WHERE locations typ id typ typ_id AND typ
38. m ssen Events mit onClipEvent abgefragt werden Dies bewirkt jedoch dass nicht nur Events auf bemalten Bereichen also zum Beispiel dem Verlauf der Via Sacra sondern auf der gesamten Bildfl che ber cksichtigt werden So wird beim Dr cken der linken Maustaste egal in welchem Bildbereich eine Drag amp Drop Aktion gestartet beim Loslassen wird diese beendet Bei jedem neuen Aufrufen des Bildes also 25 Mal pro Sekunde werden der Hand und Grab Cursor an die Position der Maus gesetzt Werden sie ben tigt dann k nnen sie durch andere Teile der Karte ber Scripts ein und ausgeblendet werden Der unterste Layer die Karte beinhaltet nichts au er dem Verlauf der Via Sacra Er verf gt auch ber keinerlei Scripts Die dar ber liegende St dte Ebene enth lt alle Navigationspunkte die mit den Seiten der St dte verkn pft sind Jede einzelne Stadt Instanz enth lt folgendes Script on rollOver _root TextDisplay Traisen Mouse show VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 27 root HandCursor visible false on rollOut _root TextDisplay root HandCursor visible true on release getURL rcl php menu gemeindensreg id 04 amp gem id 16 OnRollOver wird im Textdisplay der Name der gew hlten Gemeinde eingeblendet und der Hand Cursor durch den Standard Mouse Cursor ersetzt OnRollOut werden diese nderungen wiede
39. mittels Stylesheet realisiert 1 4 2 2 Dynamischer Inhalt mit PHP und SQL Das System Via Sacra besteht in seiner Gesamtheit eigentlich nur aus einer einzigen gro en Datenbank die sehr selektiv gespeist und abgerufen werden kann F r die Entwicklung kamen zwei unterschiedliche Welten in Frage die Windows Welt mit einem Internet Information Server IIS Microsoft Access bzw MS SQL und der serverseitigen Skriptsprache ASP Active Server Pages oder die Linux Welt mit Apache Webserver PHP als serverseitige Skriptsprache und MySQL Obwohl die Voraussetzungen eher f r die Windows Welt sprachen Provider des Auftraggebers verwendet Windows Server entschieden wir uns f r eine Mischform Wir entwickelten f r eine Serverumgebung sowohl auf Internet Information Server IIS Basis als auch f r Apache verwendeten als Datenbank MySQL und als Skriptsprache PHP Grund daf r war die optimale Portabilit t zwischen den beiden Welten Egal auf welchem System auf welcher Welt Via Sacra laufen soll es sollte berall funktionieren Der Privat PC zu Hause diente als Entwicklungsumgebung Zu Testzwecken und um fertige Teile einer gr eren Runde pr sentieren zu k nnen wurde Via Sacra auf leo graphische at den Linux Server der Graphischen gespiegelt Dort konnte man dann meist noch einige Bugs die am Heim System nicht erkennbar waren ausbessern Die folgende if Schleife erm glichte das wahlweise Arbeiten mit der gleichen Datei sowohl am Schul
40. scrHeight 1left posLef leftma bgcolo newWindow doc newWindow doc newWindow doc m m m t top posTop ent open ent write lt html gt lt title gt talt lt title gt lt body rgin 0 topmargin 0 marginheight 0 marginwidth 0 r bgcolor onBlur self close onClick self close gt ent write lt table width imageWidth border 0 cellspacing 0 cellpadding 0 align center height scrHeight gt lt tr gt lt td gt newwindow document write lt img src imageName t width imagewWidth height imageHeight alt Klick amp nbsp zum newWindow doc newWindow doc newWindow foc Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting m m s amp nbsp Schlie en gt ent write lt td gt lt tr gt lt table gt lt body gt lt html gt ent close 0 39 9 Dump und Server Daten phpMyAdmin MySQL Dump version 2 2 3 http phpwizard net phpMyAdmin http phpmyadmin sourceforge net download page Host leo Erstellungszeit 22 Juni 2002 um 17 43 Server Version 3 23 39 PHP Version 4 0 6 Datenbank viasacra Tabellenstruktur f r Tabelle berichte CREATE TABLE berichte berichte_id smallint 5 unsigned zerofill NOT NULL auto_increment datum datetime NOT NULL default 0000 00 00 00 00 00 name varchar 50
41. werden Diese Gelegenheit wir zum Filmen und Drehen der geplanten Interviews gen tzt Au erdem gibt es Mitte Mai bei der Wienerwald Millenniums Feier in Mauerbach eine weitere Gelegenheit zum Filmen Freitag 3 Mai 2002 08 30 bis 15 30 Uhr Video Dreh in Lilienfeld Er ffnung Cisto 2002 Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Wie geplant fand der erste Drehtag in Lilienfeld folgenderma en statt 08 30 Treffpunkt Graphische Abholen des reservierten Equipments von Prof Klein und Fischl 09 00 Shopping Center Auhof Clemens Prerovsky und Julia Malcik kauten 2 MINI DV Kassetten f r die Kamera 10 45 Ankunft in Lilienfeld Vorbereitungen Kamera Einstellungen Mikrophon Tests 11 15 Beginn der Pressef hrung durch das Stift Lilienfeld Das Filmen war auch in den dunklen Kellerr umen ein Problem Kamera Julia Malcik Photographie Lisa Schlichting 12 30 Ende der F hrung Mittagessen f r die Journalisten im nahen Gasthof Interview mit dem B rgermeister von Lilienfeld Herrn Schrittwieser Aufbau und Vorbereitungen Sprechproben Kamerapositionierung Interview F hrung Markus Hahndl Kamera Julia Malcik Kontrolle Clemens Prerovsky Lisa Schlichting Nach dem Mittagessen fuhren wir wieder zur ck nach Lilienfeld um bei der Er ffnungszeremonie im Stift dabei zu sein In der Kirche war Filmen wegen der schlechten Lichtverh ltnisse leider nicht m glich daher nutzten wir die Zeit
42. wurden keine Vorf hr Rechte f r die Musik gekauft da das Video nicht zur ffentlichen Vorf hrung au erhalb der Schule gedacht ist 2 5 Drehbuch und Storyboard Da es lange Zeit nicht klar war welchen Zweck das Video letztendlich erf llen w rde gibt es kein Drehbuch in dem Sinne Au erdem beruhte das Konzept darauf spontane Statements und Eindr cke einzufangen was schwer im Vorhinein planbar ist Bei einem Storyboard handelt es sich um Skizzen zum Verlauf und den einzelnen Szenen eines Videos begleitet von kurzen Erkl rungen Ein rudiment res Storyboard wurde nur w hrend des ersten Schnitt Tages erstellt um die klare Vorstellung die wir von der filmischen Umsetzung der F hrung durch das Stift Lilienfeld hatten festzuhalten Beer maks Wer Jan Muck wid bar ho tf Konfare2 oo LIT Sauk im Tag Abb Storyboard der Lilienfeld Szene 2 6 Schnitt Geschnitten wurde das Video ausschlie lich an der Graphischen Unser Schnittplatz gestaltete sich dabei wie folgt Rechner Macintosh G3 MacOS 9 2 500MHz 512 MB RAM Videobearbeitungs Software Media 100i Externe Ger te DV Player VHS Recorder CD Player bzw Discman Kontrollmonitore 2 6 1 Media 100 Media 100 ist zur Zeit eines der professionellsten Videoschnittprogramme auf dem Markt Es handelt sich um ein komplexes Software Paket das das Einspielen von VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 67
43. CHLAf In jeder dieser Regionen befinden sich etliche Gemeinden die an der Via Sacra liegen und somit zu Zwischenstationen und Rastst tten f r Pilger unterwegs nach Mariazell geworden sind Die wohl bekanntesten dieser Orte sind Lilienfeld T rnitz Annaberg St gyd und Mariazell Das Logo a IA Sacra Wege zur Kraft Das Logo der Via Sacra wurde von G amp L entworfen und durchlief einige Entwurfsstufen bevor die hier verwendete Finalversion fertig war Die linke Graphik stellt den Weg von Wien nach Mariazell dar symbolisiert durch die Wahrzeichen von Wien Stephansdom und Riesenrad und Mariazell Kirche von VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 6 Mariazell verbunden durch eine geschwungene Linie die den Wander Pilgerweg darstellt Der Schriftzug daneben setzt sich aus den Worten Via und Sacra zusammen wobei der erste Teil einen handschriftlichen Charakter hat der zweite jedoch in einer Standard Serifenschrift geschrieben ist Unterhalb des Kastens mit Weg Graphik und Schriftzug befindet sich schwarzer Text vor wei em Hintergrund Wege zur Kraft Dieser Slogan ist der Leitspruch der Via Sacra er soll auf den spirituellen Hintergrund des Weges hinweisen Dieser Leitspruch kommt auf der Webseite im Logo zum Einsatz graphisch jedoch in ver nderter Form Das Begleit Video arbeitet mit dem Logo ohne den Zusatz Wege zur Kraft da der wei
44. CREATE TABLE typ typ_id smallint 2 unsigned zerofill NOT NULL auto_increment typ_name varchar 50 NOT NULL default menu varchar 50 NOT NULL default PRIMARY KEY typ_id TYPE MyISAM Tabellenstruktur f r Tabelle user CREATE TABLE user user_id int 6 unsigned zerofill NOT NULL auto_increment user varchar 50 NOT NULL default pass varchar 50 NOT NULL default gem_id smallint 2 unsigned zerofill NOT NULL default 00 PRIMARY KEY user_id UNIQUE KEY id user_id KEY id_2 user_id TYPE MyISAM Tabellenstruktur f r Tabelle wallfahrten CREATE TABLE wallfahrten wall_id smallint 5 unsigned zerofill NOT NULL auto_increment gem_id smallint 2 unsigned zerofill NOT NULL default 00 datum datetime NOT NULL default 0000 00 00 00 00 00 header varchar 50 NOT NULL default body text NOT NULL PRIMARY KEY wall_id UNIQUE KEY id wall_id KEY id_2 wall_id TYPE MyISAM Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 42
45. Donnerstag 30 Mat 2002 08 30 bis 16 00 Uhr Video Dreh an der Via Sacra Anwesend Lisa Schlichting Julia Malcik Ausr stung gro es Stativ Sony Mini DV Kamera Mikophon Drehorte Lilienfeld T rnitz Siebenbr nn Annaberg Walster Hubertussee Mariazell Josefsberg Ziel war es sonnige beschauliche Landschaftsaufnahmen zu machen Gedenkst tten zu filmen und verschiedene Statements zum Thema Via Sacra zu bekommen Nachdem das Material des ersten Drehtages teilweise ziemlich verwackelt war bestanden wir diesmal auf die Verwendung eines Stativs um ein ruhiges Bild bei Landschaftsaufnahmen Schwenks und Interviews zu gew hrleisten Da es sich um spontane Interviews handelte verzichteten wir diesmal auf ein externes Ger t zur Tonaufzeichnung sondern interviewten nur mit dem an die Kamera angeschlossenen Mikrophon Gedrehtes Material ca 45 Minuten Gefilmtes Material enth lt Interviews mit Pilgern Wanderern und Einheimischen und Landschaftsaufnahmen Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting WE Mittwoch 5 Juni 2002 10 00 bis 17 00 Uhr Videoschnitt bei Prof Klein Anwesend Lisa Schlichting Julia Malcik Prof Klein e Digitalisieren des Materials vom zweiten Drehtag e Erstellung eines groben Aufbau Konzeptes des Videos Anordnung der Szenen Leider gingen aufgrund eines Speicherfehlers einige Clips des ersten Drehtages verloren was sich durch schwarze Bilder in der Zeitleist
46. ELF gt news id lt Srow news id gt amp mod loeschen gt L schen lt a gt lt td gt lt tr gt lt 1 gt lt table gt lt 1 gt lt p gt amp nbsp lt p gt lt body gt lt html gt VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 60 Analog zum Newsbereich funktionieren die anderen Redaktionsbereiche leserbereich php Leserbereich verwalten ohne Bearbeiten und Hinzuf gen einrichtungen php Einrichtungen gemeinde php Allgemeine Gemeinde bersicht 3 Fotos statt 1 es gibt nur einen Bearbeitungsmodus weil das L schen einer Gemeinde nur f r den SuperAdmin ber eine eigene Datei m glich ist gemeindealle php Gemeinden bersicht nur f r SuperAdmins historisches php Historisches 3 Fotos statt 1 es gibt nur einen Bearbeitungsmodus weil das L schen einer Gemeinde nur f r einen SuperAdmin ber eine eigene Datei m glich ist links php Links presse php Pressematerial keine Datenbankbearbeitung nur Anzeige Smod show Upload mod neu und L schen mod loeschen regionen php Regioneneinrichtung nur f r SuperAdmins typ php Einrichtungstypen festlegen nur f r SuperAdmins zus tzlich wird hier festgelegt in welchem Men punkt des frontends welche Einrichtungstypen angezeigt werden user php Userverwaltung nur f r Superadmins wallfahrten php Wallfahrten VIA SACRA Projektdokumentation Markus Hahndl Julia Malci
47. ES REGIONEN F hrenberge Wienerwald G lsental Oberes Traisental Mariazeller Land GEMEINDEN KONTAKT Abb 9 Via Sacra Screen neu auf Internet Explorer 5 bei 1024x768 4 April Weiterentwicklung des Designs z Brea TT weng a Be Edt Wew Search Go Bookmarks Tasks Help VIA SACRA NAVIGATION SUCHE LESERBEREICH HISTORISCHES REGIONEN GEMEINDEN Rohrbach St Angyd Neuwald Oberes Traisental T rnitz gt News Willkommen in T rnitz T rnitz is s0000 sch n jhuhu T rnitz is 30000 sch n T mit yz is 50000 sch n T rnitz is 30000 sch n T rnitsdfz is s0000 sch n T ritz is 50000 sch n T rnitsdz is s0000 sch n sdf T rnitz is s0000 sch n T rnitz is s0000 sch n T rnitsdfz is s0000 sch n T rnitz is soo0sdo sch n T mitzssd is s0000 sch n T msdditz is 05000 sch n T sdmitz is 50000 sch sn Bauern Papi holt den Heuvagen nach Hause Apfel gefunden Kuh schwanger was vird morgen Lisa wichtig KULTUR St Veit G len T rnitz is s0000 sch n T rnitz is 50000 sch n kulturelles Angebot sT drnitz is 50000 sch svn T mitz idds s0000 kirchliche Denkm ler Traisen sch n sch n T mitzssd is s0000 sch n T rnitz T rnsdditz is s0so00 sch n T sdrnitz is s0000 sonstige Denkm ler KONTAKT sch sn T rnitz is s0000 sch n T rnitz is s9000 sch n sT drnitz is 50000 sch sun T rnitz idds NATUR 20006 sch n Wanderroute
48. FRE GIONEN F hrenberge Wienerwald G lsental Oberes Traisental Mariazeller Land GEMEINDEN Rohrbach St Aegyd Neuwald St Veil G len Traisen T mnitz KONTAKT Abb 15 Via Sacra Anhang gt T rnitz gt News Willkommen in T rnitz T rnitz is so000 sch n jhuhu T mitz is s0000 sch n T rnit yz is s0o000 sch n T rnitz is 0000 sch n T mitsdfz is 50000 sch n T rmitz is 50000 sch n T mnitsdz is s0000 sch n sd T rnitz is s0000 sch n T rnitz is 50000 sch n T rnitsdfz Is s0000 sch n T rmitz Is sooosdo sch n T rnitzssd Is s0000 sch n T rnsdditz is 203000 sch n T sdrnitz is 80000 sch sn T rnitz is 0000 sch n T mitz is 50000 sch n is 50000 sch sun T rnitz idds so000 sch n sch n T rnitzssd is 50000 sch n T rnsdditz is 505000 sch n T sdrnitz is 10000 sch sn T rnitz is s0000 sch n T rnitz is s0000 sch n sT drnitz is so000 sch sun T mitz idds 50000 sch n Chronik der Gemeinde sch n sdf T rnitz is s0000 sch n T rnitz is 30000 sch n T mitsdfz is 50000 sch n T rnitz is sooosdo sch n T rnitzssd is 50000 sch n T rnsdditz is s0s000 sch n T sdrmitz Is s0000 sch sn T rnitz is so000 sch n Chronik der Via Sacra in T rnitz sch n sdf T rnitz is 50000 sch n T rnitz is 50000 sch n T mitsdfz is soo00 sch n T ritz Er ffn Teilstre Sacra in Freiwillige Feuerwehr feiert 35 J hriges Jubil um T rnitzer Blumen
49. G Willkommen auf der Via Sacra Rotenagikrg Berrones huser Untrumpfhausen n an der Aen Wap Brem Gr tzi den i Bamptnaglinrthen d m e a d SR Ak KR a NEWS Er ffnung einer Teilstrecker der Via Sacra in der Walster Freiwillige Feuerwehr feiert 35 J hriges Jubil um T rnitzer Blumenmarkt er ffnet am Samstag B cherei hat Aktionstage 10 kulturelles Angebot kirchliche Denkm ler sonstige Denkm ler Wanderrouten Wallfahrt Unterk nfte Sportangebot SOZIALES LITERATUR Abb 11 Startseite mit Testverison der Flash Karte in der Mittelsektion av a Microsoft Internet Explorer Datei Bearbeiten Ansicht Favorken Extras Q Zur ck Vorw rts sl a Abbrechen Aktualisieren Startseke EI http feo graphische at vissacrafbeta vs02041 1 gemeindeseite_neu html VIA SACRA STARTSEITE SUCHE LESERBEREICH HISTORISCHES REGIONEN F hrenberge Wienerwald G lsental Oberes Traisental Mariazeller Land GEMEINDEN Rohrbach St Aegyd Neuwald St Velt G len Traisen T mitz KONTAKT Abb 12 Gemeindeseite Beispiel T rnitz im Mittelteil findet man eine kurze Begr ung die Gemeindedaten Einwohnerzahl das Wappen und ev eine Chronik Via Sacra Anhang Oberes Traisental gt News gt T rnitz Willkommen in T rnitz T rnitz is s0000 sch n jhuhu T mitz is 50000 sch n T rnit y fz Is s0000 sch n T rnitz is s0000 sch n T rn
50. Lisa Schlichting 21 F G stebuch Microsoft Internet Explorer Datei Bessbeiten Ansicht Favoriten Fos 2 e 8 B o a 4 A lt 5 ia Zuck Von Abbrechen Aktualisieren Startseite Suchen Favoriten Vedat EMail Drucken e Di Messenger Realcom Adese ue rs lech ne gees HOME DER PILGERWEG DIE PROJEKTIDEE INTERNATIONALES TERMINE PARTNER LINKS G STEBUCH Vorname Text Nachname KR mg TF R Eintragen L schen andy tischler 7 1 2002 20 03 29 E Mail andy jackal at ein hohes lob f r die vorbildhafte pr sentation sterreichischer kulturst tten I weiter so Ill diese seite ist nicht nur h chst informativ und lang im net gesucht sondem auch optisch wundersch n gestalltet II em gro es lob an die jungen designer und designeninnen Ill so entstehen neue talente am net firmament III Franz Fiala 28 11 2001 16 33 06 E Mail franz fiala cc Hallo Jede Neuigkeit des Via Sacra ist interessant f r uns Gibt pe che Machchket dass man nher ndenmoen der Seite E RIESS E Abb 3 Via Sacra G stebuch PHP Februar 2002 Scribbles von Clemens Prerovsky Erste berlegungen zum Aufbau der Navigation der Finalseite she grade Bild una FALSCHE KHANAT LAPPLERTAL NAT Hp n Q e x Pure ry L el ULTRI UMFELD SORTE OLLURD Cep CNR AC G Abb 4 Aufbau der Navigation Clemens Prerovsky Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky
51. Server als auch am Privat PC if _SERVER COMPUTERNAME MCHENDL include dbmarkus php else include dbconnect php mysql select _db viasacra or die Unable to select database Als Beispiel f r dynamischen Inhalt hier ein Auszug aus dem Quellcode von index php Hier wird im linken Navigationsmen die Regionen und Gemeindeauswahl aus der Datenbank viasacra ausgelesen und angezeigt lt VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 40 reg SELECT FROM regionen WHERE reg id 00 ORDER BY reg name Sliste reg mysql_ query reg or die Abfrage der Datenbank gescheitert Bitte wenden Sie sich an ihren Systemadministrator while row mysql _fetch array liste_reg EE gt Datens tze Liste der Regionen lt 1 if reg id gt Wenn eine Region ausgew hlt wurde EE Sgem SELECT gem id gem name reg id FROM gemeinden WHERE reg id reg id AND gem _ id 00 AND reg id 00 ORDER BY gem name liste gem mysql_ query gem or die Abfrage der Datenbank gescheitert Bitte wenden Sie sich an ihren Systemadministrator while row mysql _fetch array liste_gem EE l gt Datens tze Liste der Gemeinden lt F hr GE Die Struktur legt fest dass ber die seitlichen Navigationsleisten Variablen in de
52. Unterverzeichnis admin Dateiname Dateigr e Funktion in byte berichte php L schen einzelner Berichte content php Begr ung im Administrationsbereich einrichtungen php Hinzuf gen Bearbeiten und L schen von Einrichtungen gemeinde php Bearbeiten der allgemeinen Gemeindedaten gemeindealle php SuperAdmin Hinzuf gen Bearbeiten und L schen von Gemeinden historisches php SuperAdmin Bearbeiten des Contents Historisches index html Frameset des Administrationsbereiches links php 5 851 Hinzuf gen Bearbeiten und L schen von Links zu KS Einrichtungen menulinks php 7 918 Login und Navigation im Administrationsbereich VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 37 news php 8 124 Hinzuf gen Bearbeiten und L schen von News presse php Hinzuf gen und L schen von Pressematerial regionen php SuperAdmin Hinzuf gen Bearbeiten und L schen von Regionen typ php SuperAdmin Hinzuf gen Bearbeiten und L schen von Einrichtungstypen user php SuperAdmin Userverwaltung Hinzuf gen Bearbeiten und L schen von Benutzern und deren Berechtigungen Wallfahrten php 7 089 Hinzuf gen Bearbeiten und L schen von Wallfahrtsberichten Unterverzeichnis icons Dateiname Dateigr e Funktion Designelement txt gif 121 Designelement zip gif 124 Designelement Unterverzeichnis daten Die Ablage der Fotos nach dem Upload des Users des Admins de
53. WHERE TO DAYS NOW TO DAYS datum lt 30 AND name LIKE begriff OR header LIK Sbegriff OR body LIKE Sbegriff ORDER BY name _ e Datenbankabfrage f r Suche nach Leserberichten aus dem Archiv SELECT name header body datum FROM berichte WHERE TO DAYS NOW TO_DAYS datum gt 30 AND name LIKE begriff OR header LIKE begriff OR body LIKE begriff ORDER BY name Datenbankabfrage f r Suche nach Historisches SELECT text FROM historisches WHERE text LIKE begriff T Datenbankabfrage f r Suche nach Allgemeinen Gemeindeinformationen SELECT FROM gemeinden WHERE chronik gem LIKE S begriff OR chronik_ vs LIKE begriff OR beschreibung LIKE begriff OR gem name LIKE lt begriff ORDER BY gem name Datenbankabfrage f r Suche nach News SELECT FROM news WHERE ablauf gt NOW AND header LIKE begriff OR body LIKE S Sbegriff ORDER BY ablauf DESC T Datenbankabfrage f r Suche nach abgelaufenen News SELECT FROM news WHERE ablauf lt NOW AND header LIKE begriff OR body LIKE begriff ORDER BY ablauf DESC T Datenbankabfrage f r Suche nach kulturellen Einrichtungen SELECT FROM locations typ WHERE Locations Cap id typ typ_id AND typ menu kultur AND
54. _news mysql query news or die Keine Verbindung zur Datenbank Bitte wenden Sie sich an ihren Systemadministrator row mysql_fetch array liste_ news El lt form name forml method post action lt PHP SELF gt mod show amp news id lt row news_id gt enctype multipart form data gt KA lt p gt berschrift lt input type text name header value lt Srow header gt gt lt p gt lt p gt Text lt BR gt lt textarea name body cols 50 rows 10 wrap VIRTUAL gt lt Srow body gt lt textarea gt lt p gt Max Dateigr e beim Upload 100 000 Bytes lt INPUT TYPE hidden name MAX FILE SIZE value 100000 gt lt p gt lt Wenn die Datei existiert biete zus tzlich ein Formularfeld zum Foto berschreiben und eine Checkbox zum L schen des Fotos an if file exists daten news S Srow news id jpg echo lt img srce daten news row loc_id jpg gt lt BR gt lt input type file name userfile gt amp enbsp enbsp amp nbsp lt input type checkbox name erase foto value ja gt Foto l schen VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 56 elseif file exists daten news row news_id png echo lt img src daten news row news_id png gt lt BR gt lt input type file name userfil
55. agement Nach unserem Beschluss uns vom Auftraggeber abzukoppeln und auf eigene Faust das Projekt voranzutreiben waren wir bereits sehr sp t dran denn schlie lich galt es den Abgabetermin 26 Juni 2002 einzuhalten Zuerst entwickelte ich das Datenbankdesign auf das ich r ckblickend gesehen am meisten stolz bin da man sehr vorausschauend denken und alle Eventualit ten ber cksichtigen muss Zudem faszinieren mich die Logik und die multiplen Einsatzm glichkeiten einer Datenbank Nach Festlegung des Designs durch uns vier ging ich daran das Redaktionssystem zu programmieren Damit begann die ungesunde Arbeit Bis zu 12 Stunden t glich manchmal durchgehend vor dem Computer zu sitzen war nicht sehr angenehm Aber gelegentliche Erfolgserlebnisse z B wenn ein Teil der Programmierung funktioniert motivieren sodass die Arbeit eigentlich schnell voran ging Clemens k mmerte sich w hrend dessen um die Flash Karte auf der Startseite sp ter um die Programmierung der Userverwaltung im Redaktionssystem Ich hatte mit Flash bzw Action Script Programmierung schon immer eher sehr wenig bis gar nichts am Hut VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 11 und in die Session Programmierung von PHP wollte ich mich aus Zeitgr nden nicht einarbeiten sodass ich froh war dass Clemens Prerovsky mit an Bord war Als Abwechslung vom theoretischen Via Sacra am Computer empfand ich den Ausflug mi
56. allen Regionen und Gemeinde Ids verlinken der Flashkarte Entwurf des Schriftzuges Wege zur Kraft f r den Seitenteil Nachbearbeitung des Administrationsbereiches Einf gen des neuen Logos in den Administrationsbereich Super Admin erweitern beheben eines Login Bugs Wechsel von SuperAdmin auf norm Admin Gemeinde kann nicht ver ndert werden Nachbearbeitung der Flash Karte einf gen von Grab amp Drag Mouse Cursor Testen amp Nachbearbeitung des Admin Bereiches Testen der Flash Karte und des Admin Bereiches 3 25h 2 25h 70 60h 2 25h 4 50h 3 00h 2 50h 2 50h 3 00h 3 00h 2 50h 2 50h 5 50h 4 00h 2 50h 1 25h Gesamt 109 60h Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 34 7 Style Sheet viasacra css NavTop font family Verdana Arial Helvetica sans serif font size 12px font weight bold color White background color AD184A border color FFD7AF border style solid border top width 0px border right width 0px border bottom width 1px border left width 0px background image url ecke gif background repeat no repeat background position left left NavFrame border A7124AA border style solid border top width 0px border right width 0px border bottom width 0px border left width 0px NavSub font family Verdana Arial Helvetica font size 10px color Black
57. alten wurde war ob diese Zieldefinitionen realisierbar sind gen gen die Programmierkenntnisse Aufwand versus Nutzen und nicht zuletzt am wichtigsten kann es die gew nschte Funktionalit t im Hinblick auf die Verwendung einer relationalen Datenbank berhaupt geben Nach Fertigstellung des Screendesigns und nach Festlegung der Funktionsweise jedes einzelnen Buttons gab es den ersten Entwurf der Datenbank am 13 April 2002 der mittels Microsoft Visio 2002 visualisiert wurde und bereits das schlussendlich realisierte Konzept erkennen l sst peraja S tourismus id name gem_id beschreibung beschreibung PK Jid baustil buero_url EEE altar buero_oeffnungszeiten FK1 gem_id denkmal buero_ansprechpartner name geweiht buero_infomaterial beschreibung gemeinden messen postaemter url url trafiken b PK FK1 lid c buchhandlungen EE name mm zer PK id FK3 regionen_id m mmm Kg passwort PK jia FK1 em_id beschreibung vie L yp bild_url ge ERT gem_id typ seehoehe eg tiscover_url einwohner bg hreib un fl che vg reibung beschreibung wappen_url BE Ir chronik_gem chronik_vs a sport piz literatur PK lid PK Iw beschreibung FK1 gem_ld FK1 gem_id name name beschreibung typ url buchhandlung buchhandlung_url beschreibung Erl uterungen Zu diesem Zeitpunkt schien es noch sinnvoll die f r jede Gemeinde typischen Einrichtungen in einzelne Tabellen zu unterteilen Unt
58. as zentrale Steuerelement Hier k nnen ber verschiedene Men punkte die diversen Einstellungen vorgenommen werden wie beispielsweise Zeit nderungen Blendeneinstellungen Digitalisierung Standbilder Inserts etc Der Monitor Im Monitorfenster sieht man das momentane Bild zu jeder Aktion W hrend des Digitalisierens Schneidens und Abspielens dient der Monitor als Betrachtungselement zur Kontrolle des Bildmaterials Abb Monitor Digitalisieren und Blenden Wir bedienten uns f r die weichen Bild berg nge der Standardblende dissolve Um zwei clips oder Bilder zu berblenden m ssen sich diese auf zwei verschiedenen Videospuren befinden Das Digitalisieren des gedrehten Videomaterials erfolgte ber den angeschlossenen DV Player wobei das Video zur berwachung gleichzeitig im Monitor des Schnittprogramms und auf einem extern angeschlossenen Fernseh Monitor zu sehen war Das Einspielen des Bildmaterials gestaltete sich als einfach Durch einen einfachen Klick auf start im Men digitize startet man die Aufnahme des Videos vom DV Band und beendet sie danach mit stop Der auf diese Art digitalisierte Ausschnitt wird als Clip in den sogenannten bin des Programms eingespielt VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 69 2 6 2 Audio Material hnlich wie das Bildmaterial k nnen auch Audiodaten auf die Zeitleiste gezogen werden um das Video zu vertonen F
59. ass Folgedokumente in denen ja die eigentlichen Bearbeitungszugriffe auf die Datenbank stattfinden direkt aufgerufen und manipuliert werden wird auch hier jeweils das Login berpr ft Starten der Session empfangen der Variablen Der erste Schritt in jedem Folgedokument ist es genau wie in menulinks php eine Session zu starten um auf die gesendeten Daten zugreifen zu k nnen Die Verwendung einer Session verhindert hier die Verwendung eigener Eingaben ber GET da die Session Variablen explizit ber _SESSION abgefragt werden Zuf lle werden somit ebenfalls ausgeschlossen Die Session Variablen werden f r die sp tere berpr fung durch verifylogin php vorbereitet lt session start VerifyBenutzerId SESSION BenutzerId SVerifyPasswort SESSION Passwort gem id _ SESSION Gemeindeld HE Die Verwendung von _ SESSION stellt hier einen bezeichnenden Unterschied zu PHP Versionen vor 4 1 x dar da der Abruf von Session Variablen bis dahin ber SHTTP SESSION VARS erfolgte Somit ist diese Abfrage auf lteren PHP Versionen nicht lauff hig ist im Gegenzug aber f r zuk nftige und bereits verbreitete Versionen ger stet Benutzer berpr fung Einfacher w re es gewesen eine Variable in der Art Login ok oder true ZU bergeben Dies stellt aber keinen wirklichen Anspruch an die Sicherheit Daher habe ich mich entschieden bei jedem Aufruf eines jeden Dokuments Benutzernamen Pa
60. background color FFEDDA font weight normal ContentText font family Verdana Arial Helvetica font size 10px color Black background color FFEDDA font weight normal ContentTextTrennung font family Verdana Arial Helvetica font size 10px color Black background color FFEDDA font weight normal border style solid border bottom width lpx border bottom color FFD AF border left width 0 border right width 0 border top width 0 vertical align top Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa sans serif sans serif sans serif Schlichting 35 body background color FFD7AF ContentTextGelb font family Verdana Arial Helvetica font size 10px color Black background color FFD7AF font weight normal a text decoration none color White a NavTop color White a NavSub hover text decoration none font family Verdana Arial Helvetica font size 10px color 990033 background color FFEDDA font weight bold PfeilStyle color A7124A font size 10px font family ContentLink color A7124A font size 10px font family Headline font family font size font weight color Black 12px bold HeadlineGelb font family font size font weight color Black background color FFD7AF 12px bold BottomBar font family Verdana Arial Helvetica
61. ch eine Style Definition dort wo sie ben tigt wird ltere oder ganz alte Browser sind hier brigens keine Gefahr sie k mmern sich nicht um Style Sheets sondern ignorieren diese und greifen auf ihre eigenen Formatierungsarten zur ck Stylesheets k nnen auch zum genauen Positionieren von Elementen eingesetzt werden Denn nun lassen sich auch absolute Werte definieren Schriften in der typografischen Ma einheit Punkt pt oder in Millimetern Gleiches gilt f r Randabst nde Wortabst nde und so weiter Der Microsoft Browser IE verf gt bereits ber eine Option um ein selbstdefiniertes StyleSheet auch auf fremde HTML Seiten anzuwenden Im Prinzip w rde es gen gen wie in den Anfangstagen des Webs ein Dokument lediglich hierarchisch zu gliedern Die Ausstattung und Versch nerung der Seite bernimmt dann der Browser nach den Vorgaben des Anwenders Den kompletten Quellcode der verwendeten Datei viasacra css finden Sie im Anhang ab Seite 35 VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 23 1 1 3 Farben Farbfeld Farbcode RGB 173r 24g 74b 255r 215g 175b 255r 237g 218b Or Og Ob 255r 255g 255b Eo 1 1 4 Typographie Da die typographischen Vorgaben f r eine Internet Umsetzung nicht geeignet waren entschieden wir uns f r eine besser lesbare Groteskschrift Als Schriftgr e f r alle Textbereiche w hlten wir 10px Bei dieser Gr e ist der Text noch se
62. chlichting Ton und Klang Ereignisse 00 01 17 Interview mit Souvenir verk uferin ber die Via Sacra allgemein 00 04 20 Leises Einsetzen der Hintergrundmusik 00 18 24 Ende des Interviews Musik tritt laut in den Vordergrund 00 26 02 fade out der Musik Interviewte spricht ber Lilienfeld 00 33 10 Ende des Statements fade in der Musik 00 37 07 fade out der Musik Statement eines Besuchers ber Lilienfeld 00 50 20 Ende des Statements fade in der Musik 00 55 15 Musik wird leiser 71 LILIENFELD VIA SACRA Projektdokumentation 00 56 20 Schnitt auf Interviewte in T rnitz 00 58 18 Schnitt auf Kapelle Siebenbr nn und Schwenk von unten nach oben bis zum Dach Weiche Blende zu Nahaufnahme Kapellendach mit goldenem Kreuz 01 07 15 Schnitt auf Interview mit Abteilungsleiter Sobotka im Stift Lilienfeld Nahaufnahme der Kirche Annaberg gt zoom out auf die Umgebung 01 18 04 Harter Schnitt auf die F e einer Wanderstatue in der Walster mit folgendem Schwenk nach rechts in die Landschaft Weiches Einblenden einer Nahaufnahme von gelben Wiesenblumen 01 32 02 weiche Blende auf Landschaft mit Bank gt Schwenk nach links ber die Landschaft zu einem Holzmarter 01 38 06 weiche Blende zu einer Nahaufhahme eines Kreuzes mit anschlie endem zoom out auf die Gesamtansicht Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 00 57 01 Intervi
63. d FROM gemeinden WHERE reg id reg id AND gem id 00 AND reg _id 00 ORDER BY gem name Gemeinden allgemein Datenbankabfrage SELECT FROM gemeinden regionen WHERE gemeinden reg id regionen reg id AND gem id gem id News Je nachdem ob gar nichts eine Region oder eine Region und eine dazugeh rende Gemeinde ausgew hlt wurden werden unterschiedliche SQL Statements abgesetzt If reg id amp amp gem id Snews SELECT FROM news WHERE ablauf gt NOW ORDER BY ablauf DESC VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 46 IE Sreg_id amp amp Sgem id news SELECT FROM news regionen gemeinden WHERE regionen reg id reg id AND gemeinden reg id regionen reg id AND gemeinden gem id news gem id AND news ablauf gt NOW ORDER BY ablauf DESC Sgem SELECT FROM regionen WHERE reg id reg id 1 IE Sreg_id amp amp Sgem id Snews SELECT FROM news WHERE gem id gem id AND ablauf gt NOW ORDER BY ablauf DESC gem SELECT FROM gemeinden regionen WHERE gemeinden reg id regionen reg id AND gem id gem id 1 liste_news mysql_query news or die Abfrage der Datenbank gescheitert Bitte wende
64. dadurch behoben werden da alle Tonspuren auf mono gesetzt wurden Die Synchronisation des Tons mit dem zugeh rigen Bildmaterial war hingegen klein Problem und funktionierte auf Anhieb Das neue Via Sacra Logo erhielten wir gerade rechtzeitig am Vorabend per Mail Via Sacra Logo neu IA Sacra Wege zur Kraft Wir beschlossen jedoch den Zusatz Wege zur Kraft nicht zu verwenden da der wei e Hintergrund auf dem Titelbild st rend wirkte Titelbild Der Hintergrund setzt sich aus zwei bei der Cisto Ausstellung gefilmten Gem lden zusammen die weich ineinander bergehen Davor liegt das neue Logo der Via Sacra ohne den Zusatz Wege zur Kraft gt Der bergang des linken alten Bildes in das rechte moderne Gem lde symbolisiert das Bestehen und die Entwicklung der Via Sacra ber die Jahrzehnte Nach der ersten Sekunde h rt man bereits die erste Interviewte sprechen Sp ter setzt leise die Musik dazu ein bevor das Titelbild verschwindet und man die Sprecherin sieht Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 18 Insert Bei dem Insert handelt es sich um ein Photoshop Bild mit transparentem Verlauf das in Media 100 als Graphik Titel New Title importiert wird Da alle Fernsehger te das Bild am Rand abschneiden setzten wir in dieser Version das Insert weit entfernt vom Bildrand F r die Pr sentation wird eine v zweite Version f r de
65. deNummer berpr ft Ist diese Variable initialisiert so bedeutet das dass ber den SuperAdmin Bereich eine Gemeinde direkt editiert wird Dies macht jedoch keinen weiteren Unterschied da der Inhalt einfach in gem id bertragen wird Wichtig ist dass dieser Schritt nichts mit der eigentlichen Benutzer berpr fung zu tun hat da die sgem id f r diese nicht genutzt wird Hierbei handelt es sich nur um eine Vorbereitung der Variable f r die weitere Verwendung im Dokument Dieser Schritt wurde deswegen in verifylogin php untergebracht weil dieses Skript in jede Datei eingebunden wird Andernfalls h tte man jede Datei h ndisch um diese paar Zeilen erweitern m ssen Aus der Datenbank werden Benutzername und Passwort ausgelesen Nun werden VerifyBenutzerId und VerifyPasswort Mit den Ergebnissen der Datenbankabfrage verglichen verifylogin php kennt dabei zwei Fehlerarten Isset if und Usr2Usr Pwd2Pwd Isset if tritt dann auf wenn die Session Variablen nicht korrekt bermittelt werden konnten und die Variablen VerifyBenutzerId oder VerifyPasswort leer sind Dieser Fehler kann zum Beispiel durch eine zu alte PHP Version verursacht werden da in diesem Fall die bergabe der Session Variablen nicht richtig funktioniert Wird als Fehlermeldung Usr2Usr Pwd2Pwd ausgegeben so liegt der Fehler im Vergleich von Usernamen und Passwort mit den Abfrageergebnissen aus der Datenbank Im normalen Betrieb kann dieser Fehler mit an Sicherheit grenzend
66. des TGM Anwesende Abteilungsvorst nde von Graphischer und TGM Projektbetreuer alle Projektgruppen Vorstellung des Projektes mit Hilfe der vorbereiteten PowerPoint Pr sentation Dauer Via Sacra ca 15 Minuten gesamt ca 2 Stunden Montag 22 Oktober 2001 13 00 Uhr Zweites Treffen mit Herrn Leitner bei G amp L Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Ernst Leitner Graphikerin der Firma G amp L Besprechung unserer Design Entw rfe nderungen e Design soll genau von den Entw rfen der Graphikerin bernommen werden e Besprechung der F rderungen Entscheidung f llt Ende Dezember Anfang J nner 2002 e Neue Graphik des Pilgerweges Die Website soll zur Zeit nur als Werbung f r die Interessenten und Gemeinden online sein das Design wird noch von uns angepasst e Fragen bez glich Server und Upload sollten wir selbst mit B ro Knoll kl ren e 29 11 2001 offizielle Vorstellung des Projektes in Lilienfeld e Anderungen bis sp testens 7 November 2001 Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 4 Dienstag 30 Oktober 2001 14 00 Uhr Treffen der Gruppe bei Markus Hahndl Anwesend Clemens Prerovsky Julia Malcik Markus Hahndl e Umsetzung der nderungen Dreamweaver e Einteilen des Seiteninhalts in Tabellen e Neue Logos e Startseite Bilder und Text ge ndert Bilderrahmen hinzugef gt Kurzfristig traten Probleme auf das Tabellen Lay
67. e gt amp nbsp enbsp amp nbsp lt input type checkbox name erase foto value ja gt Foto l schen Wenn die Datei nicht existiert biete ein Formularfeld zum Fotoupload an else echo Kein Foto vorhanden lt BR gt lt input type file name userfile gt 1 EE lt p gt lt p gt Bevor das Formular abgesendet wird muss noch vermerkt werden dass es sich um das Formular zur Bearbeitung handelt lt input type hidden name bearbeiten value ja gt lt input type submit name Submit value Abschicken gt lt p gt lt form gt lt IL Wenn ein neuer Newseintrag erstellt werden soll if mod neu dann zeige das Formularfeld mit leeren Feldern EE lt h3 gt Neuen Newseintrag erstellen lt h3 gt lt form name forml method post action lt PHP SELF gt mod show enctype multipart form data gt WEN lt p gt berschrift lt input type text name header gt lt p gt lt p gt Text lt BR gt lt textarea name body cols 50 rows 10 wrap VIRTUAL gt lt textarea gt lt p gt Max Dateigr e beim Upload 100 000 Bytes lt INPUT TYPE hidden name MAX FILE SIZE value 100000 gt lt p gt lt Formularfeld und Erkl rungstext zum Fotoupload echo Klicken Sie lt BR gt lt input type file name userfile gt gt lt p gt lt p gt Bevor das Formular abgesendet wird muss noch vermerkt werden
68. e Hintergrund auf dem Titelbildschirm st rend wirkte 2 Die Projektidee Im Rahmen einer wirtschaftlichen Studie sollte es zum Aufbau einer Marke namens Via Sacra kommen mit der sich alle Beteiligten Gemeinden kirchliche W rdentr ger Historiker Pilger und Interessenten identifizieren k nnen Das Projekt soll die kulturelle spirituelle und wirtschaftliche Identit t der einzelnen Wallfahrtsorte und der Regionen an den Wegen des bedeutendsten Pilgerpfades sterreichs analysieren und die Basis f r neue Entwicklungen schaffen Orte und Wege beide werden zum Ziel einer bergreifenden und verbindenden Betrachtung von Mensch und Landschaft Im Sinne der Via Sacra dem heiligen Weg erlebt man in der Begegnung mit der Landschaft den Orten und mit uns selbst die spirituelle Quelle des Lebens Durch das Schaffen einer Marke soll in weiterer Folge das Gef hl der Zusammengeh rigkeit unter den Gemeinden verst rkt und einem Konkurrenzkampf vorgebeugt werden Langfristig erhofft man sich einen wirtschaftlichen Aufschwung der Region nicht zuletzt dadurch dass eine Marke leichter zu vermarkten ist als eine Ansammlung von Gemeinden und Kirchen und daher auch leichter und schneller an Bekanntheit gewinnen wird Die Marke Via Sacra soll ein Symbol f r Naturgenu Ruhe Kultur und In sich Kehren sein also f r den sogenannten sanften Tourismus ohne Stre und Alltagshektik ebenso wie ein Zeichen f r innere Kraft und spirituelle We
69. e eine Plattform f r ein Museum zu machen es lie sich jedoch kein solches Projekt auftreiben Interessiert h tten wir uns auch f r die Website der Bet Berufs und Studienmesse Als sich jedoch nach einer mehr oder weniger fixen Zusage des Auftraggebers herausstellte dass diese Site bereits seit Jahren von einer Webagentur gewartet wird bot sich uns die Gelegenheit des Projektes Via Sacra Ernst Leitners anf ngliche Euphorie ging schnell auf uns ber und bald war klar dass dies ein Projekt werden w rde aus dem wir einiges herausholen konnten Wir waren uns einig dass wir kein Design entwerfen wollten das auf den ersten Blick einen kirchlichen Inhalt erwarten l sst wir wollten eine Web Plattform entwickeln deren Design harmonisch wirkt aber nicht konservativ Ein Design das auch die Technik die dahinter steckt widerspiegelt Die Farben betreffend waren wir leider sehr an das bestehende CI gebunden aber ich denke wir haben sie bestm glich kombiniert und eingesetzt Das Design entstand immer in der Anwesenheit aller Teammitglieder Bei diesen Treffen zeigte sich dann wirklich dass die Zusammenarbeit einmalig funktionierte auch wenn es f r gew hnlich hei t viele K che verderben den Brei Ein Begleit Video zu machen war schon von Anfang an immer wieder im Gespr ch Auch wenn ich mich zuvor nie so richtig f r Videoschnitt begeistert hatte gefiel mir der Gedanke ein Video ber die Via Sacra zu drehen immer besser
70. e Die Kamera ist schr g hinter dem Interviewer postiert und filmt ber dessen Schulter gerichtet den Interview Partner e Das Bild zeigt demzufolge den Interviewten in der Frontansicht sowie Schulter und Kopf des Interviewers von schr g hinten e Das Zeigen des Interviewers ist f r das Verst ndnis f rderlich da der Befragte ja nicht direkt in die Kamera sieht Hier ist es hilfreich zu sehen wer die Fragen stellt bzw mit wem er spricht Wd Herbert Schrittwieser G AD B rgermeister Lilienfeld AECH m Abb Interview Situation Nach dem Ende des Interview positionierten wir die Kamera auf der gegen berliegenden Seite und richteten sie auf den Interviewer der dann die Fragen die er zuvor bereits gestellt hatte noch einmal vortrug So hatten wir die M glichkeit h tte es eine filmische Aufbereitung des gesamten Interviews gegeben den Interviewer zu zeigen w hrend er seine Fragen stellt um dann wieder rechtzeitig zur Antwort auf die Ansicht des B rgermeisters zur ckzuschneiden Diese Technik des Gegenschnitts ist in der Fernseh und Videotechnik sehr beliebt da sie Interviews mehr Perspektive und Leben verleiht Durch gezieltes Schneiden und Wechseln der Perspektive kommt viel besser zum Ausdruck dass es sich um ein lebendiges Gespr ch handelt an dem auch wirklich zwei Personen beteiligt sind nicht nur ein Interviewter der seine S tze heruntersagt Zu beachten ist jedoch dass die Kamera beim Nachd
71. e bemerkbar machte Wir beschlossen jedoch die Wiederherstellung auf den n chsten Schnitt Tag zu verlegen Montag 10 Juni 2002 14 00 bis 17 00 Uhr Videoschnitt bei Prof Klein Anwesend Lisa Schlichting Julia Malcik Prof Klein e Nachdigitalisieren der verlorenen Clips e Titelbildschirm Gestaltung e Zusammenstellen der Szenen f r den Nachspann Nachspann Nachdem im Video f r einige Szenen aus Zeitgr nden kein Platz mehr war beschlossen wir einen Nachspann zu erstellen in dem noch ein paar Clips verwendet werden Der Nachspann ist allerdings nicht zur Vorf hrung bei der Pr sentation am 26 6 2002 bestimmt da dies zu viel Zeit in Anspruch nehmen w rde Mittwoch 12 Juni 2002 09 15 bis 16 00 Uhr Videoschnitt bei Prof Klein Anwesend Lisa Schlichting Julia Malcik Clemens Prerovsky Markus Hahndl Prof Klein e Rendern des Nachspanns e Auswahl der Musik und Einspielen ber Discman e Effekte und berblendungen abgestimmt auf die Musik e Projektsbesprechung mit der gesamten Gruppe F r den Nachspann war geplant die Filmszenen in einem kleinen Fenster vor einem Hintergrund laufen zu lassen Dies wurde mit dem Blendeneffekt Picture in Picture bewerkstelligt Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 16 Auf der rechten Seite laufen in VIA SACRA einem kleinen Fenster die vorher exportierten Clips ab w hrend sich links das Via Sacra Logo befindet Unterhalb de
72. eils sind neben dem Titel vor allem die Meta Tags und die includes interessant VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 39 Beschreibungstext f r Suchmaschinen lt meta name description content Die Webplattform der Via Sacra Die Gemeinden entlang des Pilgerweges Via Sacra stellen sich vor Eine spirituelle Reise durch eine der sch nsten Kulturlandschaften Europas Informationen f r Pilger und Wanderer gt Keywords f r Suchmaschinen lt meta name keywords lang de content Via Sacra Viasacra Pilger pilgern wandern Urlaub Tourismus Wallfahrt sterreich F hrenberge G lsental Mariazeller Land Oberes Traisental Wienerwald Kulturlandschaft gt Folgende Codezeilen erm glichen es dass der Browser die Datei bei jedem Laden neu vom Server holt und nicht aus dem Cache oder von einem Proxyserver lt meta http equiv expires content 0 gt lt meta http equiv cache control content no cache gt Einf gen der Stylesheet Informationen aus der externen Datei viasacra css lt link rel stylesheet href viasacra css type text css gt Einf gen von JavaScript aus der externen Datei fotos js lt SCRIPT language JavaScript src fotos js type text javascript gt Im Body des HTML Dokuments wurde versucht durchgehend HTML in der Version 4 0 anzuwenden Verzichtet wurde auf Schrift und Absatzformatierungen Diese wurden
73. einzelne hat seinen Teil dazu beigetragen dass es ein Projekt wurde auf das wir wirklich stolz sein k nnen VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 17 C Komponenten des Projekts 1 Web Plattform 1 1 Design Aus dem bereits f r Werbe Folder und Schreiben bestehenden Logo und Corporate Design CD wurden von uns s mtliche auf der Web Plattform zum Einsatz kommende Farben und Schriften abgeleitet 1 1 1 Optisches Erscheinungsbild Abbildungen der Designergebnisse aus den ersten Monaten der Projektarbeit finden Sie im Anhang ab Seite 21 Abb 1 bis 15 Die hier im Hauptteil abgebildeten Seiten sind Screenshots der finalen Version Alle Screenshots zeigen das Aussehen der Website in MS Internet Explorer 6 0 bei einer Aufl sung von 1024x768 Die Startseite Via Sacra Wege zur Kraft Microsoft Internet Explorer m EJ Datei Bearbeiten Ansicht Favoriten Extras D OW A 6 2 x e OJ Z mm Zur ck Vorw rts Abbrechen Aktualisieren Startseite Suchen Favoriten Medien Verlauf E Mail Drucken Bearbeiten Adresse http ja kpi at m hahndljfinalfindex php STARTSEITE SUCHE GEDE Klicken und gedr ckt halten um die Karte zu verschieben Br cke wiederer ffnet LESERBEREICH User Verwaltung wieder online E Peter Cornelius in KONTAKT rnitz REGIONEN Pn Kess Gleicher Tag F hrenberge G lsental Mariazeller Land Oberes Traisental
74. eiten bergeben lt p gt lt a class ContentLink href lt SPD SELF gt mod neu gt Neuer News Eintrag lt a gt lt p gt lt table border 0 cellspacing 2 cellpadding 3 class ContentText gt LCE lt td class HeadlineGelb gt Datum lt td gt lt td class HeadlineGelb gt Ablauf lt td gt lt td class HeadlineGelb gt amp Uuml berschrift lt td gt lt td class HeadlineGelb gt Bearbeiten lt td gt lt td class HeadlineGelb gt L amp ouml schen lt td gt lt tr gt lt while row mysql fetch array liste news gt lt tr gt 8 u D lt td class ContentTextTrennung gt lt date d m Y H i s strtotime row datum gt lt td gt lt td class ContentTextTrennung gt lt date d m Y strtotime row ablauf gt lt td gt lt td class ContentTextTrennung gt lt row header gt lt td gt Der Link um zum Formular f r das Bearbeiten eines Newsbeitrages zu gelangen Dabei wird die Variable mod mit dem Wert bearbeiten bergeben lt td class ContentTextTrennung gt lt a class ContentLink href lt SPHP_SELF gt news id lt Srow news id gt amp mod bearbeiten gt Bearbeiten lt a gt lt td gt Der Link um zum Formular f r das L schen eines Newsbeitrages zu gelangen Dabei wird die Variable smod mit dem Wert loeschen bergeben lt td class ContentTextTrennung gt lt a class ContentLink href lt PHP S
75. er Dateiname der vom Client bermittelten Datei wird in Kleinbuchstaben transformiert if is uploaded file Suserfile 0 Suserfile name 0 strtolower userfile name 0 Um zu vermeiden dass User mit zu gro en Dateien die Serverfestplatte belasten wird eine Gr enbeschr nkung mit dem HTML Formularbefehl lt INPUT TYPE hidden name MAX FILE SIZE value 50000 gt eingef hrt 50000 gibt dabei die Gr enbeschr nkung der upgeloadeten Datei in Byte an Dateien mit erlaubter Endung jpg png werden in das Datenverzeichnis nach dem oben beschriebenen Ablagesystem eingeordnet Danach wird das upgeloadete Originalfile in jedem Fall gel scht egal ob vorhanden oder nicht weil bereits verschoben Damit soll Missbrauch verhindert werden if ereg jpg Suserfile name 0 move uploaded file Suserfile 0 daten berichte row berichte id jpg if ereg png userfile name 0 move uploaded file Suserfile 0 daten berichte row berichte id png unlink Suserfile Leserbereicharchiv Datenbankabfrage SELECT FROM berichte ORDER BY datum DESC Historisches Datenbankabfrage SELECT FROM historisches Regionenauswahl Datenbankabfrage SELECT reg id reg_name FROM regionen WHERE reg _ id 00 ORDER BY reg name Gemeinden der Region ausw hlen amp Gemeindeauswahl Datenbankabfrage SELECT gem id gem name reg i
76. er Wahrscheinlichkeit ausgeschlossen werden da Username und Passwort bereits vorher beim Login berpr ft wurden VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 55 Tritt ein Fehler bei der berpr fung auf so wird ein kurzer Hinweistext ausgegeben und die weitere Ausf hrung des Skripts durch exit unterbunden Wurde hingegen kein Fehler festgestellt l uft das Skript ungehindert weiter ab 1 4 3 2 Informationen zum Hinzuf gen Bearbeiten und L schen von Inhalten Alle Dateien zum Hinzuf gen Bearbeiten und L schen von Inhalten des Redaktionssystems funktionieren nach demselben Prinzip und werden daher im Folgenden nur einmal grob skizziert Session starten und Variablen ber GET und die Session aus menulinks php erhalten session start VerifyBenutzerId SESSION BenutzerId SVerifyPasswort SESSION Passwort gem id SESSION Gemeindeld Aufbau der Datenbankverbindung if S_S ERVER COMPUTERNAME MCHENDL include dbmarkus php else include dbconnect php berpr fung ob berechtigter User auf die Seite zugreift include verifylogin php Wenn ein bestehender Newseintrag bearbeitet werden soll If Smod bearbeiten dann zeige das Formularfeld mit bereits vorgef llten Eintr gen aus der Datenbank Snews SELECT FROM news WHERE news id S news id Sliste
77. ereg png pic imagePNG Sbild else imageJPEG bild imagedestroy bild EE fotos js function 1 hoeh JustSoPicWindow imageName imageWidth imageHeight alt bgcolor hugger 5 by E Michael Brandt of ValleyWebDesigns com intact alt salt if bgceolor bgcolor FFFFFF var adj 10 var w screen width var h screen height var byFactor 1 if w lt 740 var lift 0 90 if w gt 740 amp w lt 835 Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting Pleas 1 av this comment 38 var lift 0 91 if w gt 835 var lift 0 93 if imageWidth gt w byFac tor w imageWidth imageWidth w imag Height imageHeight byFactor if imageHeight gt h adj byFactor h imageHeight imageWidth imageWidth byFactor imageHeight h var scrWidth var scrHeight w adj h lift adj if imageHeight gt scrHeight imageHeight imageHeight lift imageWidth imageWidth lift var posLeft 0 var posTop 0 if hugger hug image posTop posLeft scrHeight imageHeight 2 w imageWidth 2 scrHeight imageHeight adj scrWwidth imageWidth adj imageHeight imageHeight adj imageWidth imageWidth adj newWindow window open newWindow width scrwWwidth height
78. eren breiten Balken Dieser unsere Balken enth lt auf jeder Seite einen Link zum Seitenanfang sowie eine Verkn pfung zur Projektinfo Seite e Erweiterung des Stylesheets die linke obere Ecke der dunklen Kategorien Felder ist nun abgeschr gt Screenshots von Startseite Suche Leserbereich und Gemeindeseite Seite 26f Abb 11 bis 14 Via Sacra Design Alle Farben bzw Schriftarten und gr en sind ber Cascading Style Sheets CSS definiert Eine Kopie des aktuellen Via Sacra Style Guides viasacra css finden Sie auf Seite Sonntag 14 April 2002 Clemens Prerovsky testet die Implementierung einer bannerartigen Landschafts Graphik auf der Startseite Seite 28 Abb 15 Donnerstag 25 April 2002 12 00 bis 13 30 Uhr Kreativsitzung mit Projektpartner Ernst Leitner bei G amp L Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Ernst Leitner Unser Design findet gro e Zustimmung gelobt wird vor allem dass man auf diese Art viel Content auf wenig Platz unterbringt und bersichtlich navigieren kann Besprechung folgender Hauptpunkte e Erstellung der funktionsf higen Musterseiten f r die Web Plattform e Interview f r das Begleit Video Website Wieder tauchte die Frage auf wie viele User es geben soll die befugt sind Eintr ge in die Datenbank zu machen bzw zu bearbeiten und zu l schen Vorgesehen ist ein User Account pro Gemeinde au erdem soll es einen sogenannten Super User geben de
79. erk nfte Sporteinrichtungen Sozialeinrichtungen wie Schulen rzte etc Museen usw VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 32 Zudem sah die urspr ngliche Aufgabenstellung vor dass es nur jeweils einen User pro Gemeinde geben sollte der f r seine jeweilige Gemeinde in der Datenbank Eintr ge vornehmen kann Bei diesen urspr nglichen berlegungen wurde nicht darauf R cksicht genommen dass ev neue Gemeinden zum Projekt Via Sacra dazukommen k nnten Ebenso wenig wurde ber cksichtigt dass ein Redaktionssystem gewartet bzw administriert werden muss Noch ungekl rt war die Frage ob die Fotos Teil der Datenbank werden Angabe einer URI in einem Datenbankfeld zu einem Foto oder ob die Fotos unabh ngig von der Datenbank per PHP innerhalb des Administrationsbereiches des Redaktionssystems in ein vordefiniertes Verzeichnis upgeloadet werden sollten 2 Entwurf 15 April 2002 12 30 Uhr einrichtungen FK1 gem_id name beschreibung C strasse name regionen_id beschreibung bild_url email seehoehe tiscover_url einwohner link d fl che wappen_url ortsplan_url chronik_gem chronik_vs piz beschreibung regionen gt baustil Pk jia beschreibung altar link_id geweiht name FK2 kirche_id messen Erl uterungen In diesem wegweisenden Entwurf wurden erstmals s mtliche Einrichtungen einer Gemeinde zusammengefasst Um die Ei
80. ew einer Einheimischen ber Siebenbr nn 01 06 00 Ende des Statements fade in der Musik 01 07 15 fade out der Musik Abteilungsleiter Sobotka spricht ber die Via Sacra 01 18 04 Ende des Statements fade in der Musik 72 01 43 15 01 43 15 Schnitt auf Wanderer Pilger in fade out der Musik Mariazell Interview mit Pilgern in Mariazell 01 49 01 harter Schnitt auf Nahansicht einer Kapelle am Hubertussee 02 02 10 gt zoom out in die Totale Ende des Interviews gt Schwenk nach rechts ber den See fade in der Musik 02 14 14 02 14 14 Schnitt auf Ansicht eines fade out der Musik Kapellentorbogens Pilger spricht ber den Wanderweg 02 17 03 Seitenansicht des Durchgangs 02 20 10 Ende des Statements gt weiche Blende auf Detailansicht fade in der Musik des Freskos gt Schnitt auf kleine Marienstatue 02 24 10 fade out der Musik Pilger spricht ber das Beten 02 24 20 Schnitt auf Wandrelief Christi gt Schnitt altes Gem lde 02 28 20 02 28 20 Schnitt auf Wanderer Pilger in Pilgerin spricht in Interview ber Mariazell Zusammengeh rigkeit 02 40 10 02 40 10 Schnitt auf Nahaufnahme eines Ende der Interviews Souvenirstandes in Mariazell und fade in der Musik Schwenk nach rechts ber die Devotionalien 02 43 09 fade out der Musik Statement ber heiligen Boden 02 47 03 Ende des Statements fade in der Musik VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens
81. f ged mpfter Schwenkkopf zur ruhigeren Bedienung f r die Landschaftsaufnahmen e Beleuchtung In den R umen vorhandenes Kunstlicht ansonsten abh ngig vom Sonnenlicht Zus tzliche Beleuchtung wurde nicht verwendet 2 1 9 Zeitplan e Mitte Mai Drehbeginn auf Ausstellungen und Sch nwetterlandschaftsaufnahmen e Videoschnitt ab den ersten Drehtagen parallel zu allen weiteren Drehtagen e Fertigstellung des Videos 9 Tage vor der Deadline Es stellte sich heraus dass der Vorgang der Kompression mehr Zeit in Anspruch nahm als geplant da sich einige Probleme ergaben siehe Punkt X X Probleme Absloute Deadline 25 6 02 Unerwarteter Weise bekamen wir mit 2 Drehtagen genug gutes Material zusammen Unser Gl ck war das traumhafte Wetter am 2 Drehtag Das Rohmaterial hatte eine L nge von 1 Stunde und 20 Minuten 2 2 Bildbezogene Inhalte Vorstellungen vor Drehbeginn Das Video sollte eine Mischung aus Landschaftsaufnahmen der Via Sacra und Bildern von kulturell und religi s interessanten Orten und Geschehnissen sein z B Ausstellungen die Via Sacra betreffend oder Veranstaltungen mit religi sem Hintergrund in den bekannteren Orten der Via Sacra Au erdem war geplant in den Ortschaften Mariazell und Lilienfeld zu drehen Interessant klangen auch Interviews mit bekannteren Leuten wie zum Beispiel den B rgermeistern der wichtigeren Gemeinden der Via Sacra oder dem Abt von Mariazell wobei es zu beachten galt dass die Vertextung sic
82. festgelegt wurde if IsSet Sloeschen berpr fe ob ein zum zu l schenden Datensatz zugeh riges Foto existiert Wenn ja soll es gel scht werden if file _exists daten news news id jpg unlink daten news news_id jpg if file exists daten news Snews id png unlink daten news news_id png L sche den Datenbankeintrag loeschen news DELETE FROM news WHERE news id news_id mysql query loeschen news or die L schen gescheitert Bitte wenden Sie sich an ihren Systemadministrator 7 In jedem Fall soll ein eventuell upgeloadetes File egal welcher Art sofern es nicht von der urspr nglichen Stelle bei der Ankunft am Server verschoben wurde aus Sicherheitsgr nden gel scht werden unlink userfile VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 59 Nun soll der Header jedes Newseintrages der ausgew hlten Gemeinde angezeigt werden news SELECT FROM gemeinden INNER JOIN news ON gemeinden gem id news gem id WHERE gemeinden gem id gem id ORDER BY news datum DESC liste _news mysql query news or die Keine Verbindung zur Datenbank Bitte wenden Sie sich an ihren Systemadministrator EE lt h3 gt News lt h3 gt Der Link um zum Formular f r das Neuerstellen eines Newsbeitrages zu gelangen Dabei wird die Variable mod mit dem Wert bearb
83. fs Seite auf http leo graphische at viasacra beta Design der Seite f r MS Internet Explorer siehe Sitzungs Protokoll 11 3 ab einer Aufl sung von 800x600 Abbildung Screenshot ganze Seite Seite 25 Abb 9 Der breite Balken am oberen Rand dient als stabilisierende Element der die schwebenden Men s und Navigationsfelder optisch zusammenbh lt Das linke Men ist die Haupt Navigationsleiste mit deren Hilfe sich der User durch die Regionen hu den einzelnen Gemeinden vorarbeiten kann Funktionsweise Wird eine Region gew hlt werden darunter die in der jeweiligen Region aufzufindenden Gemeinden angezeigt Gleichzeitig wird im Hauptbereich in der Mitte die Regions Startseite geladen auf der ebenfalls die Gemeinden der Region zur Auswahl stehen Der Klick auf eine Gemeinde f hrt den User zur Gemeindeseite auf der allgemeine Daten wie zB das Wappen Einwohnerzahl Seeh he sowie eine kurze Einleitung und Erkl rung zur Gemeinde zu finden ist Au erdem enth lt die Navigation noch die Befehle Suche Lesebereich Historisches und Kontakt Das Men auf der rechten Seite ist dynamisch und pa t sich den Aktionen des Benutzers an Zur Zeit ist es noch nicht ausgearbeitet Donnerstag 4 April 2002 09 00 bis 13 00 Uhr Design Sitzung bei Lisa Schlichting Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl berarbeitung des entwickelten Designs Ergebnis Seite 25 Abb 10 Um
84. gende Variablen wurden registriert session register BenutzerId session register Passwort session register Gemeindeld session register SAGemeindeNummer session register BenutzerName Anzeigen des Men s entsprechend dem Login Gemeinde SuperAdmin 7 Benutzer pre Passwort bes Login SuperAdmin Gemeinden bersicht Userverwaltung Leserbereich verwalten Einrichtungs Typen festlegen Regionen festlegen Historisches Perchtoldsdorf Perchtoldsdorf D Auswahl Gemeindeseite en Der Administrationsbereich verf gt ber zwei as M chtigkeitsstufen Die des Gemeinde Admins und die des SuperAdmins Je nachdem ob ein Gemeinde oder Pressematerial ein SuperAdmin eingeloggt sind ndert sich die Darstellungsweise des Men s Wallfshrten Der SuperAdmin hat folgende M glichkeiten Gemeindeverwaltung Regionenverwaltung Userverwaltung Eingriff in den Leserbereich Bearbeiten von Einrichtungstypen VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 51 alle Bearbeitungsm glichkeiten die auch dem Gemeinde Admin zur Verf gung stehen Dem Gemeinde Administrator stehen folgende M glichkeiten zur Verf gung Bearbeiten der Gemeindeseite bearbeiten l schen und hinzuf gen der Einrichtungen verfassen bearbeiten und l schen von Newsbeitr gen verfassen bearbeiten und l schen von Wallfahrtsberichten erstellen bearbeiten und l
85. h Karte also die Buttons zum Vergr ern und Verkleinern der Karte zum Ein und Ausblenden der Ortsnamen und zum R cksetzen in den Ausgangszustand Au erdem enth lt sie noch ein Frame Script welches die globale Variable ZoomFactor einf hrt und initialisiert welche f r die Scripts der Zoom Buttons ben tigt wird var ZoomFactor 0 VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 28 1 2 5 1 Button Vergr ern und Verkleinern Der Vergr ern Button vergr ert wie k nnte es anders sein die Karte und erm glicht somit eine genauere Betrachtung Seine Funktion wird durch folgendes Script gesteuert on release if ZoomFactor lt 15 tellTarget GK _xscale xscale t15 _yscale yscale t15 zoomFactor Zoomfactor 1 else TextDisplay Sie haben bereits den maximalen Zoomfaktor erreicht on rollOver TextDisplay Karte vergr ern Mouse show root HandCursor visible false on rollOut root TextDisplay root HandCursor visible true Solange die globale Variable AoomFactor unter 15 liegt vergr ert das Klicken mit der linken Maustaste die Karte um 15 Einheiten Ist der maximale Zoomfaktor erreicht so wird die Meldung Sie haben bereits den maximalen Zoomfaktor erreicht ber TextDisplay ausgegeben Urspr nglich wurde die Karte prozentuell vergr ert also zum Bei
86. h auf Schlagworte und kurze S tze und Meinungen beschr nken soll und daher l ngere Interviews nicht notwenig sind VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 64 Tats chliche Bildinhalte Das Video enth lt Szenen der Ausstellung 800 Jahre Stift Lilienfeld Landschaftsaufnahmen aus Lilienfeld T rnitz Siebenbr nn Annaberg der Walster vom Hubertussee aus Mariazell sowie Interviewszenen der befragten Personen 2 3 Textinhalt In den wichtigen Ortschaften wie Mariazell und Lilienfeld wurden Spazierg nger und Pilger zum Thema Via Sacra interviewt bzw der B rgermeister von Lilienfeld Mit diesen Texten wurde dann das Bildmaterial hinterlegt Aus den Interviews wurden aber nur Schlagworte oder kurze Passagen entnommen damit das Video durch lange Erz hlungen nicht an Spannung verliert 2 3 1 Die Interviews Von den B rgermeistern und kirchlichen W rdentr gern die wir geplant hatten zu interviewen stellte sich nur einer zur Verf gung Herbert Schrittwieser B rgermeister von Lilienfeld Der Pater Superior von Mariazell war leider nicht bereit uns ein Interview zu geben Daf r waren die Wanderer Pilger eine Dame aus T rnitz nach der Fronleichnams Prozession und einige Souvenirstand Besitzern in Mariazell teilweise sehr gespr chig und lieferten gutes Material Aus diesen Interviews wurden wie geplant nur kurze Passagen entnommen die unserer Meinung nach gut als
87. h aus der Datenbank generiert Werden also vom SuperAdmin oder direkt ber die Datenbank neue Gemeinden angelegt oder bestehende gel scht sind diese nderungen sofort im Pulldown Men mit der Gemeindeauswahl nachzuvollziehen lt SQLQuery SELECT gem id gem name FROM gemeinden ORDER BY gem id SQueryString mysql_query SQLQuery or die WHOOPS Keine Verbindung zur Datenbank gt lt select name GemeindeNummer size 1 gt lt while DatenSatz mysql _fetch array SQueryString GES lt option lt if DatenSatz gem id GemeindeNummer echo selected gt value lt DatenSatz gem id gt gt lt DatenSatz gem name gt VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 49 lt option gt lt GE Das SQL Query w hlt alle Gemeinde IDs und die dazugeh rigen Namen aus der Tabelle Gemeinden und ordnet diese nach den Gemeinde IDs Darunter wird ein Select Formularfeld also ein Pulldown Men per HTML erzeugt und ber eine while Schleife mit den Ergebnissen der SQL Abfrage gef llt In den folgenden beiden Formularfeldern werden Benutzername und Passwort eingetragen Nach bet tigen des Login Buttons schickt das Formular die eingegebenen Daten per GET wieder an menulinks php berpr fen der Login Daten in menulinks php Nachdem die Login Daten wieder empfangen worden sind werden diese mi
88. hr gut lesbar gleichzeitig ist es m glich viel Inhalt auf wenig Platz unterzubringen Textformat Farben Verwendung Verdana Bold 10px berschriften Verdana Regular 10px Flie text Verdana Bold 10px Hyperlinks Roll Over VERDANA BOLD 10px Navigationsleisten MAC EULEM 1 1 iE K Header VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 24 1 2 Die Flash Navigationskarte Die Flash Navigationskarte bietet den Benutzern der Site einen alternativen Weg der Navigation ber Ihr geographisches Orientierungsverm gen Dadurch verschafft sie nat rlich auch einen berblick ber die Lage der Gemeinden In der Umsetzung wurde bewusst auf ppige Grafiken und dergleichen verzichtet um die Downloadzeiten so gering wie m glich zu halten L dt die Karte noch obwohl der Rest der Seite schon aufgebaut ist w rde vermutlich keiner diese alternative Navigationsart nutzen wodurch sie ihren Zweck verfehlen w rde T Klicken und gedr ckt halten um die Karte zu verschieben Wien WS Perchtoldsdorf P Maria Enzersdorf Brunn D a Gebirge Eschenau Rohrbach Trai raisen ot Veit Sr iiientad ee ane Altenmarkt Kleinzell WE a d Triesting T rnitz Hohenberg Nieder sterreichischer Wiener Wallfahrtsweg wallfahrtsweg St Aegyd am Neuwald Mariazell Gu werk Abb Flash Karte Zur Vermeidung von P
89. hren und dann ins Ziel sondern trotz Problemen den berblick behalten und das beste Ergebnis erreichen VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 15 Lisa Schlichting u vu Geboren am 12 08 1980 Arbeitsbereiche e Erstellung des Konzepts f r das Begleitvideo e Regie f r das Begleitvideo e Organisation der Drehtage e Interviewf hrung bei den spontanen Interviews e Mitwirken an der Erstellung des Designs e Vertextung des Administrationsbereiches der Web Plattform Kontakt lisa schlichting gmx at Pers nliche Worte zum Projekt Und was ist euer Diplomprojekt Wir machen eine Webplattform f r die Via Sacra das ist der Pilgerweg von Wien nach Mariazell Auf diese Antwort bekamen wir oft eher skeptische und k hle Blicke zugeworfen sogar von manchen Vortragenden Aber wir fanden und finden noch immer dass unser Projekt ein interessantes wenn auch vom kirchlichen Thema her f r uns ein etwas ungew hnliches ist Es ist ein Projekt das meiner Meinung nach die Entwicklung in der Multimedia branche widerspiegelt Die Bedeutung von dynamischen Datenbank basierten Webseiten steigt und somit die Wichtigkeit von Redaktionssystemen und die Beherrschung von serverseitigen Programmiersprachen und Datenbankkenntnissen Uns war von Anfang an klar dass wir eine dynamische Internetsache machen wollen Themenbereich unwichtig Als erstes kam die Ide
90. hung KONTAKT Unterk nfte 17 2 2002 Sportangebot Hermine Schmidt Hermine schmidt gmx net SOZIALES Zum 35 mal auf der Via Sacra pomis Der britische Premierminister Tony Blair ist indes das erste Mal LITERATUR ffentlich von einem Milit rschlag en den Irak in kurzer Zeit abger ckt Im britischen Unterhaus sagte Blair gestern Die Zeit f r ein milit risches Handeln Ist noch nicht gekommen inzu dass die Welt ein sicherer Platz ohne Saddam Die Entwicklung von Massenvernichtungswaffen durch ist indes das erste Mal ffentlich von einem Milit rschlag gegen den Irak in kurzer Zeit abger ckt Im britischen Unterhaus sagte Blair gestern Die Zeit f r in milit risches Handeln ist noch nicht gekommen Er f gte r hinzu dass die Welt ein sicherer Platz ohn wu in ea Min Enbuichlumm Abb 14 Leserbereich in der Mitte sind aktuelle Beitr ge gelistet am Ende der Seite gibt es einen link zum Eintrags Archiv Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting A 14 April Clemens Prerovsky testet erstmals den Einbau einer bannerartigen Graphik 3 Via Sacra Microsoft Internet Explorer 8 Datei Bearbeiten Ansicht Favorten Extras Ba a A EA E Suchen Favorken Medien Adresse hetp feo graphische at Vissacrafbeta vs020414 test gemeindeseite_neu htmil VIA SACR STARTSEITE SUCHE T LESERBEREICH F HISTORISCHES
91. intosh G4 Software Media 100i Ger te DV Player VHS Recorder Monitore Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 14 Leider war das Material aufgrund der manuellen Kameraf hrung teilweise ziemlich verwackelt weshalb wir und entschlossen das meiste in Form von Standbildern zu verwenden Die Interviews sind jedoch von guter Qualit t auch der Ton ist in Ordnung berlegungen zum Aufbau des Videos e Rascher Schnitt bringt Bewegung und Tempo in den Film e Schnitt zur Musik e Gegenschnitte wir haben etliche Aufnahmen von Einrichtungen und B chern im Stift gemacht diese sollten in einer Sequenz von Gegenschnitten aneinandergereiht werden Folgende Bilderfolge ist f r die Sequenz ber den Besuch in Lilienfeld geplant Ansicht Stift von au en gt Ansicht u erer Torbogen gt Ansicht aus dem Torbogen in den Innenhof gt Schild Cisto 2002 gt Bibliothek Gesamtansicht gt Ansicht Buch gt Schnitt auf Detailaufnahme Buchseite So soll die F hrung durch das Stift beschr nkt auf die wesentlichsten Punkte gek rzt wiedererz hlt werden Sonntag 26 Mat 2002 Video Dreh in der Walster Teilstrecke der Via Sacra Geplant war ein Tag f r Au en und Landschaftsaufnahmen in der Walster Das Video Equipment war bereits am Freitag aus der Graphischen geholt worden Wegen Schlechtwetters musste der Dreh jedoch abgesagt werden Ersatztermin Donnerstag 30 Mai 2002
92. ion die passenden Gemeinden aufgelistet In der rechten Men leiste sind die berschriften der f nf aktuellsten News Eintr ge der Region zu lesen Wird eine davon angeklickt gelangt man direkt in den News Bereich Wird einer der Gemeindenamen angeklickt gelangt man auf die Seite der jeweiligen Ortschaft VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 21 J Via Sacra Wege zur Kraft Microsoft Internet Explorer DES 3 Datei Bearbeiten Ansicht Favoriten Extras oO oO WW 0 2 x ee ee 2 e m Zur ck Abbrechen Aktualisieren Startseite Suchen Favoriten Medien Verlauf E Mail Drucken Bearbeiten ess E http a kpi at m hahndljfinalfindex php menu gemeinden amp reg_id 04 gem_id 20 Wege zur Kraft STARTSEITE SUCHE LESERBEREICH p HISTORISCHES T rnitz gt Allgemeines x er Br cke wiederer ffnet Willkommen in T rnitz User Verwaltung wieder T rnitz das sind saftige gr ne weite Wiesen online d unber hrte Natur Da sagen sich noch Hase und Fuchs gute Nacht da ist der Mensch noch Peter Cornelius in Mariazeller Land Oberes Traisental Wienerwald KONTAKT Mensch Romantische vertr umte Landschaften Ze REGIONEN gr ne Ebenen welche die Seele durchatmen Gleicher Tag F hrenberge i laszen au er die der Allergiker Das ist ein KULTUR G lsental kulturelles Angebot kirchliche Denkm ler sonstige Denkm
93. itgr nden nicht im Hauptteil verwendete Szenen zeigen zu k nnen Die f r den Nachspann gew hlten Szenen sind teilweise Ausschnitte aus bereits gezeigten Interviews aber auch Bilder vom Team selbst bei der Arbeit Dies ist als humoristischer auflockernder Abschluss gedacht Mit einer L nge von 1 Minute und 11 Sekunden ist der Nachspann im Vergleich zum gesamten Video unverh ltnism ig lang was jedoch beabsichtigt war da es sich ja nicht um einen reinen Text Nachspann handelt sondern weiterhin Szenen gezeigt werden die leider im Hauptteil keinen Platz mehr hatten VIA SACRA e Links unter dem alten Via Julia Malcik Free ee Sacra Logo findet man eine Konsepti Lisa Schlichting Liste aller am Video beteiligten GE Personen und deren Tontechnik Markus Hahndi E Zust ndigkeitsbereiche Interviews Lisa Schlichting Markus Hahndi Auf der rechten Seite laufen in Videoschnitt Lisa Schlichting P einem kleinen Filmfenster die Aa Maki i ausgew hlten Szenen Betreuung Peter Klein Graphische Seege Bes eye ser e Unterhalb des Bildfensters befindet sich das Copyright 2002 das Via Sacra Team Kameraf hrung Julia Malcik Abb Nachspann Der Bild in Bild Effekt wurde mit einer komplexen berblendfunktion namens picture in picture erzielt Die Produktion des Nachspanns war aufgrund der Komplexit t dieser Blende ein eigenes kleines Projekt das sich in folgende Arbeitsschritte gliedert e Das Hintergrundbild
94. itsdfz is 50000 sch n T rnitz is s0000 sch n T mitsdz is s0000 sch n sdf T rnitz is so000 sch n T rmitz is 50000 sch n T rmnitsdfz is s0000 sch n T rmitz is sooosdo sch n T rnitzssd Is s0000 sch n T rnsdditz is 105000 sch n T sdrnitz is 50000 sch sn T rmitz is s0000 sch n T mitz is s0000 sch n sT drnitz is 30000 sch sun T rnitz idds so000 sch n sch n T rnitzssd is 50000 sch n T rnsdditz is 503000 sch n T sdrnitz is 30000 sch sn T mitz is 0000 sch n T rnitz is 30000 sch n sT drnitz is s0000 sch svn T mitz idds z0000 sch n Gemeindedaten Einwohner Seeh he Fl che PLZ 34 000 800m 120km 3222 Chronik der Gemeinde sch n sdf T rnitz is s0000 sch n T rnitz is s0000 sch n T mitsdfz is 30000 sch n T rmnitz is sooosdo sch n T mitzssd is s0000 sch n T rmnsdditz is soso00 sch n T sdmitz is s0000 sch sn T rnitz Is s0000 sch n Chronik der Via Sacra in T rnitz sch n sdf T rnitz is s0000 sch n T rmnitz is 0000 sch n T mitsdfz is s0000 sch n T rnitz is soo0sdo sch n T mitzssd is s0000 sch n T rmsdditz is 508000 sch n T sdrmitz Is 10000 H PROJEKTINFO Er ffnung r Teilstrecker der Via Sacra in der Walster Freiwillige Feuerwehr feiert 35 J hriges Jubil um T rnitzer Blumenmarkt er ffnet am Samstag B cherei hat Aktionstage 10 ORTSPLAN KULTUR kulturelles Angebot kirchliche Denkm ler sonstige Denkm le
95. jektdokumentation regionen name berichte gem_id name typ beschreibung strasse plz ort tel fax email tiscover_url baustil foto link_id geweiht FK3 kirche_id messen Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 35 W hrend der Programmierphase ergaben sich einige nderungen die noch in das Datenbankdesign eingeflossen sind sodass nach Fertigstellung des Redaktionssystems am 21 Juni 2002 die Datenbank folgenderma en aussah RSC pr Tuer pea gem_id loc_id loc_name link_name typ_id url beschreibung beschreibung p strasse BS plz tel e header ama maa eg PK em id fax berichte jd email foto gem_name tiscover_url reg_id baustil beschreibung altar seehoehe geweiht einwohner messen flaeche foto chronik_gem chronik_vs foto_gemeinde foto_wappen foto_ortsplan header body regionen Pk opia typ_name menu Erl uterungen eorom Einige Felder der Datenbank stellten sich w hrend der Programmierarbeiten als berfl ssig heraus Ebenso wurden die Fotos schlussendlich nicht direkt in die Datenbank integriert sondern funktionierten eigenst ndig innerhalb des Redaktionssystems Trotzdem sind sie in der Abbildung aufgelistet da sie parallel auf der PHP Ebene mit den SQL Statements behandelt werden z B SQL insert into PHP Befehl f r Foto Upload delete from PHP Befehl f r Foto l schen etc VIA SACRA Projektdoku
96. k Clemens Prerovsky Lisa Schlichting 61 2 Begleit Video Das zu Beginn f lschlicherweise oft als Making Of bezeichnete Video stellt eine multimediale Erg nzung zur Web Plattform dar Es handelt sich dabei um ein kurzes Begleit Video zum Projekt das bei der Pr sentation des Diplomprojekts zum Einsatz kommt um zu vermitteln worum es sich bei der Via Sacra handelt 2 0 Idee Grundkonzept Urspr nglich war geplant zwei unterschiedlich lange Versionen des Videos zu erstellen 1 eine max 2 Minuten lange Version zur visuellen Einleitung der Diplompr fungspr sentation Die L nge ergibt sich daraus dass f r die Pr sentation nur eine bestimmte Zeitspanne zur Verf gung steht Durch das Video wird die Redezeit der Vortragenden gek rzt Da es aber einiges zu pr sentieren gibt muss das Video so kurz wie m glich gehalten werden 2 war eine l ngere Version gedacht je nach Qualit t und Menge des Materials zwischen 5 und max 8 Minuten Dieses Video war als Imagevideo gedacht aber f r keinen speziellen Einsatz geplant Es entstanden zwar mehrere Versionen des Videos aber nicht so wie geplant zwei unterschiedlich lange Bei den Unterschieden handelt es sich nur um andere Einstellungen bez glich Kompression und der Position des Inserts Beide Versionen sind gleich lang 5 Minuten 10 Sekunden inkl Nachspann bzw 3 5 Minuten ohne Nachspann Bei der Pr sentation wird das Video ohne Nachspann vorgespielt da der Nachspann a
97. kleimem nenn 29 1 2 5 2 Button Text emniausblenden 4444440040424 nnnnnnnnennnnnnnnnnnnnnsnennnnnnn nn nennn 29 125 3 Button R cksetzen on ea a 2 ans ae en nel 30 1 2 6 Ebene Gursor rr u re u m Age Teer 31 1 3 Datenb nk Design u ra Haar He nm air 32 1 4 PHP SQL Progorammierung nn 37 1 4 1 Verzeichnisstruktur am Server nn 37 14 2 Das Frontend 43 222 aim mr a 38 1 4 21 Statischer ul E 39 1 4 2 2 Dynamischer Inhalt mit PHP und SQL 2444444224400nnennnnnnennnnnnnennnnnnennnn nenn 40 1 4 3 Der Administrationsbereich nennen 48 1 4 3 1 Der Login Bereich nn eek nl 48 1 4 3 2 Informationen zum Hinzuf gen Bearbeiten und L schen von Inhalten sssaaseseeea 56 2 Begleit Videoz EE 62 2 0 Ide amp Gr undk nzept EE 62 le LEE 63 Be EE 63 22172 Spr acher EEN 63 2 1 3 Einsatzgebiet des Vides srono EE 63 Pa E Ree 63 VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting E D EEN Ru lee EE 63 2 1 6 Ben tigte Informationen f r das Video 63 2 1 7 EE Ee TEE 64 2 1 8 AUSIUSIUNG ET 64 21 9 E e DEET 64 2 2 ee EA ET ET 64 2 3 WE LEET 65 2 3 1 Die IHlElvieWSs 8er keinen nme niet 65 2 3 1 1 Sammlung von Fragen f r spontane Interviews 65 2 3 12 Die Interview SitUation ne IE 66 2 3 1 3 Fragen an den B rgermeister von Lilienfeld 40H nn ennnnnennnnnnennnnn 66 e MS eege ees See ee eege ENEE gees Eeer E T 67 2o Drehbuch und Storybo rd 4 r2uu sn
98. ktionen Buttons und der Zoomfunktion Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 33 07 05 2002 16 05 2002 Gesamt 02 06 2002 03 06 2002 06 06 2002 07 06 2002 08 06 2002 09 06 2002 10 06 2002 11 06 2002 12 06 2002 17 06 2002 18 06 2002 19 06 2002 20 06 2002 Programmierung der Flash Karte Erweitern der bestehenden Struktur Ein Ausblenden der Ortsnamen Karte R cksetzen Button neue Button Designs Buttonleisten Design Programmierung der Flash Karte Einf gen der fehlenden Gemeinden Vorbereiten f r Hyperlinks Neugestaltung des Administrationsbereiches f r Userverwaltung Programmierung der Userverwaltung Automatische Erstellung des Gemeinden Select Pulldowns berpr fung des Logins in Arbeit Anpassung des Men s an den jeweiligen Benutzer Erstellen des VerifyLogin Scripts einf gen des Scripts in betroffene Seiten hoffentlich letzte Arbeiten am linken Menue Einf hren von Sessions Umstellen aller Seiten im Super Admin Bereich auf Sessions berichte php in Arbeit Erweitern der Sessions auf Seiten im restlichen Administrationsbereich Bugfix bei User Verwaltung es konnten nur Super Admins angelegt werden Nachbearbeitung Super Admin Bereich und Gemeinde Admin Bereich Erweitern des Super Admin Bereichs um eine direkte Gemeinden Editierfunktion Testen und berarbeiten des Login Bereiches Erstellen einer bersichtstabelle mit
99. ky Lisa Schlichting 78 Teil II Anhang el Sacra Die Plattform f r die Via Sacra Projekt Tagebuch Chronologischer Ablauf des Projekts Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 2 Mittwoch 1 Aug 2001 18 45 Uhr Treffen der Gruppe zwecks erster Projekts Besprechungen Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Clemens Prerovsky erz hlt zum ersten mal von Herrn Leitner und dem m glichen Projekt Via Sacra Das Projekt wurde sofort einstimmig begr t Dienstag 25 Sept 2001 13 00 Uhr Erstes Treffen mit Projektleitung Mag Ernst Leitner G amp L Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Ernst Leitner Besprechung des allgemeinen Arbeitsumfanges Bei dieser Besprechung erhielten wir die provisorischen graphischen Vorlagen und Dateien f r die vor bergehende erste Website e Logos der Partner e Basis Design f r Via Sacra CD Logo Farben Schriften Folder Garamond Folder Entscheidungen e Website ab 800x600 f r Netscape und IE e Pilgerweg als Imagemap e Einbindung eines Redaktionssystems noch unklar ob ASP oder PHP e erster Entwurf online bis 6 7 Oktober Samstag 29 Sept 2001 15 00 Uhr Treffen der Gruppe bei Lisa Schlichting Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl e Gestaltung der provisorischen Website mit Dreamweaver und Homesite e Gemei
100. l Julia Malcik Clemens Prerovsky Lisa Schlichting 13 verflogen als ich das erste Mal in Lilienfeld auf den record Knopf der Kamera dr ckte Kurz Es hat Spa gemacht Markus Erfahrung beim Radio hat die Sache wesentlich erleichtert da er die Interviewf hrung am ersten Drehtag gerne bernommen hat und sich auch um die Tonaufzeichnung k mmerte Ich habe dabei wirklich viel gelernt das merkte man besonders am zweiten Drehtag als Lisa und ich alleine in der Wildnis der Via Sacra nach Interviewpartnern und sch nen Landschaften suchten Bald war das Aus dem Kofferraum Holen des gro en Stativs samt Kamera nur mehr eine Sache von wenigen Sekunden Beeindruckt hat mich wie gut das Ausleihen des Equipments funktioniert hat Herzlichen Dank an dieser Stelle an Herrn Klein der unserem Projekt hohe Priorit t gab und uns zu jeder Zeit die ben tigten Teile zur Verf gung stellte auch dann wenn sie eigentlich bereits reserviert waren und der uns mit Engelsgeduld immer wieder zur Verf gung stand um Probleme zu l sen Allgemein bin ich der Meinung dass unser Projekt sehr gut gelungen ist und dass jeder von uns einiges dabei gelernt hat sei es ber Zusammenarbeit allgemein oder ber sein jeweiliges Spezialgebiet Ich danke allen Kollegen Mitarbeitern und Beteiligten f r ihre Unterst tzung und Geduld VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 14 Clemens Prerovsky Gebore
101. le Sheets Alle Farben sowie Schriftgr en und schnitte sind im externen Stylesheet viasacra css festgelegt Dies hat im Gegensatz zu Formatierung direkt im Quellcode folgende Vorteile e M chte man im Nachhinein eine Farbe in allen HTML PHP Dokumenten ndern so tut man dies nur ein Mal im Stylesheet die nderungen sind dann auf alle Dokumente wirksam die das Stylesheet verwenden e Browserabh ngige Unterschiede in Schriftgr e und formatierung werden verhindert da die Schrift im Stylesheet punktgenau angegeben ist Somit vermeidet man unliebsame berraschungen beim Betrachten der Seite auf unterschiedlichen Rechnern Im Prinzip haben Style Sheets die gleiche Funktion wie eine Formatvorlage in einer Textverarbeitung Sie verleihen einer gekennzeichneten Passage oder einem Element ein zuvor festgelegtes Format Man erspart sich damit eine Menge Arbeit da eine Formatierung aus vielen Befehlen und damit Arbeitschritten bestehen kann die nun mit einem einzigen Handgriff angebracht werden k nnen Dabei geht der Befehlssatz von CSS weit ber die Leistungsf higkeit blicher HTML Tags hinaus Eben deshalb werden CSS Tags als Erg nzung von HTML verwendet ohne das man sich die Eigenschaften der Formatvorlagen direkt zu Nutze machen m sste Beispielsweise l sst sich der Zeilenabstand Durchschuss eines Textblockes ver ndern was mit traditionellem HTML nicht m glich ist Dazu ist keine Formatvorlage notwendig sondern ledigli
102. legt werden Software Lizenzen F r folgende Programme werden Arbeitslizenzen ben tigt Flash 5 Dreamweaver FreeHand 10 Sonntag 10 Februar 2002 16 00 bis 19 30 Uhr Treffen der Gruppe bei Markus Hahndl Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Thema Aufbau der Datenbank Tabelle mit den Daten aus der letzten Besprechung gt Aufgrund mangelnder Informationen war es aber noch nicht m glich eine praktische Datenbank zu erstellen Bis zum n chsten Treffen sollen daher inzwischen Vorschl ge f r Design und Farben erarbeitet werden Freitag 22 Februar 2002 Main von Projektleiter Ernst Leitner Wir erhalten ein recht brauchbares Dokument mit dem Entwurf der Tabellen Dieses soll als Grundlage bei der Erarbeitung der SQL Datenbank dienen Montag 11 M rz 2002 Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 8 10 40 bis 12 30 Uhr Treffen Projektbesprechung mit Prof Hollinek Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Prof Hollinek Aufgrund unserer Erz hlungen drohende Stagnation des Projekts werden wir angehalten unsere Ziele neu zu berdenken und die Diplompr fung bzw gute Noten in den Vordergrund zu stellen Ergebnis Wir werden mit den bestehenden Informationen eine Musterseite aufbauen und alles weitere Material nur noch als Bonus betrachten nicht aber davon abh ngig sein Besprechungs Protoko
103. legt werden in welcher Form Inhalte auf den Server geladen werden sollen Diese Regeln sowie Anleitungen zum Upload von Bildern Text und allgemeiner Bedienung des Redaktionssystems werden vermutlich in einem kleinen Begleit Manual auf der Via Sacra Seite zu finden sein Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting Flash Karte Die bersichtskarte soll stufenlos zoombar sein die einzelnen Detail Ausschnitte werden vermutlich als GIFs geladen Der Plan soll bis zu einem Ma stab von 1 30 000 zoombar sein Datenbank Die Struktur der Datenbank und Tabellen soll anhand einer Mustergemeinde zB T rnitz erarbeitet werden Folgende Inhalte sind unerl sslich e Foto Postkarten Bild zB vom Hauptplatz der Gemeinde oder Panorama e Stadt Wappen e Historisches was hat der Ort mit der Via Sacra zu tun e Fixdaten H henlage Gr e Einwohnerzahl Postleitzahl Adresse e Sakralbauten Kirchen Stil Alter Daten Geschichte Foto Reliquien e Touristisches Wirtsh user Betten Hotels Pensionen e Kulturdenkm ler Bildst cke MarterIn Kapellen Wegkreuze gemauerte Kapellen Problem Bildmaterial Wie viele Bilder d rfen pro Artikel geladen werden Sollen Gr en Vorgaben gemacht werden oder wird es ein PHP Script geben das die Bilder automatisch an die Tabellen auf der Seite angleicht User Administration Wie viele Zug nge User ID und Passwort sollen pro Gemeinde ange
104. ler NATUR GEMEINDEN Wanderrouten Annaberg Wallfahrt Eschenau TOURISMUS Hohenberg Gemeindedaten Allgemeines Lilienfeld Einwohner 6745 Ortsplan Mitterbach Seeh he 621m Gastwirtschaft St Aegyd Neuwald Fl che 3450 km Sportangebot H SONSTIGES T rnitz Soziales Literatur Pressematerial Chronik der Gemeinde Wir kamen sahen und bauten Jetza is olles do Chronik der Via Sacra in T rnitz Schon damals gab es viele Pilger ij osishd sacihdas iodh aosdihasdh asihdasdsad sad sadsd sdhf sdiuhfiusdh fisduh idsuh fuisdhsdifh sdiuhf isud hsiudfh asdsad sad IS Fertig S Internet Gemeindeseite Beispiel T rnitz Am T rnitzer Beispiel erkennt man hier den Aufbau einer Gemeindeseite Ganz oben in der berschrift der Hauptspalte wird der aktuelle Pfad angezeigt Das Feld darunter bietet Platz f r einen kurzen Begr ungstext rechts und ein kleines Bild auf der linken Seite Weiters findet man das Wappen der Stadt und eine Tabelle mit den Fixdaten der Gemeinde Einwohnerzahl e Seeh he e Fl che in Quadratmeter Eine Chronik der Gemeinde kann optional hinzugef gt werden Die rechte Men leiste beinhaltet die f nf aktuellsten News der Gemeinde sowie die Bereiche Kultur Natur Tourismus und Sonstiges alles bezogen auf die Gemeinde auf deren Seite man sich gerade befindet VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 22 1 1 2 Cascading Sty
105. ll siehe Anhang Mittwoch 13 M rz 2002 11 30 bis 14 00 Uhr Projektstudien bei Prof Klein Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Peter Klein e Wir geben einen berblick ber den aktuellen Stand des Projekts e berarbeitung der erhaltenen Tabelle Versuch einer sinnvollen Gestaltung f r die finale Datenbank Donnerstag 14 Februar 2002 09 00 bis 12 30 Uhr Programmier und Designsitzung bei Lisa Schlichting Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl e Pr sentation und Besprechung einiger Scribble Entw rfe bzw Screens e berarbeitung der erhaltenen Tabelle und Einteilung in sinnvolle Bereiche Wir beginnen gemeinsam das Design zu erarbeiten angefangen beim Navigations Men Nach einigen Anfangsschwierigkeiten mit den Stylesheets entschieden wir uns f r eine zweif rbige Version im bewusst schlicht gehaltenen Design Navigation Hauptmen links NAVIGATION NAVIGATION SUCHE SUCHE LESERBEREICH LESERBEREICH HISTORISCHES HISTORISCHES REGIONEN REGIONEN F hrenberge F hrenberge F hrenberge Wienerwald Wienerwald Wienerwald G lsental G lsental G lsental Oberes Traisental Oberes Traisental Oberes Traisental Mariazeller Land GEMEINDEN Mariazeller Land Mariazeller Land GEMEINDEN GEMEINDEN Version 1 Version 2 Version 3 Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 9 gt Upload der Entwur
106. llten fest dass eigentlich alle an der Entwicklung des Designs zu gleichen Teilen beteiligt waren da die Entw rfe w hrend gemeinsamer Sitzungen entstanden Wir verbrachten viel Zeit zu viert vorm Computer bis das Design halbwegs fertig war Ich hatte zwar die F hrung des Projekttagebuchs und der Dokumentation bernommen hatte aber das Gef hl im Vergleich zu Markus und Clemens nicht genug bzw nicht genug klar Definierbares zu tun Die Idee erg nzend zur Web Plattform ein Begleit Video zu drehen war von Herrn Klein bereits ziemlich zu Beginn unserer Arbeiten einmal vorgebracht worden und nach einigem berlegen entschlossen wir uns dieses Video tats chlich zu produzieren Ausschlaggebend daf r waren haupts chlich zwei Gr nde Zum einen es war etwas Neues komplett Anderes Mit diesem Video entfernten wir uns von der reinen web Schiene konnten auch andere Bereiche der Sparte Multimedia in das Projekt einbeziehen Schlie lich besuchten wir ein Kolleg f r Multimedia nicht eines f r reines Web Design Dar ber hinaus war das Video etwas das f r Lisa und mich zum Spezialgebiet werden konnte so wie die Programmierung f r Clemens und Markus Vielleicht l sst sich die Produktion des Videos am besten mit folgenden Worten beschreiben Aller Anfang ist schwer Keiner von uns hatte sich vor Herrn Kleins Unterricht je mit dem Thema Film besch ftigt Doch alle Zweifel waren mit dem Moment VIA SACRA Projektdokumentation Markus Hahnd
107. markt er ffnet am Samstag B cherei hat Aktionstage 10 f ORTSPLAN GIS kulturelles Angebot kirchliche Denkm ler TOURISN Gastwirtsch Sportangebot EiszaLias LITERATUR Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 28 3 Externe Protokolle 11 3 2002 Besprechungs Protokoll Via Sacra Datum Montag 11 M rz 2002 10 40 bis 12 30 Uhr Anwesend Prof Hollinek Clemens Prerovsky Lisa Schlichting Markus Hahndl Julia Malcik Thema Beschleunigung des Projektablaufes bzw neue Zielsetzung des Diplomprojekts Im Laufe der Sitzung kamen wir zu dem Ergebnis da es an der Zeit ist unsere Ziele neu zu definieren Folgendes wurde festgestellt Da von unserem Auftraggeber Herrn Leitner G amp L Werbe und Verlagsgesellschaft bisher nur die Mindestanforderungen f r ein rasches Arbeiten erf llt wurden soll seine Rolle in Beratung und Kontrolle des Projekts nun beschr nkt werden Wir sehen uns als Diplomgruppe nicht mehr abh ngig von weiteren Material Lieferungen und werden versuchen unsere Ziele mit dem bisher erhaltenen Material zu erreichen Alles Zus tzliche wird nur noch als Bonusmaterial behandelt und nicht f r unbedingt notwendig erachtet Das oberste Ziel ist es also jetzt mit den bestehenden Informationen ein pr sentables Projekt f r die Diplompr fung zu erstellen und damit gute Noten in der Abschlu pr fung zu sichern Dabei soll wie folgt vorgegangen werden
108. mens und Markus kamen um 12 Uhr vorbei um sich die Rohfassung des Videos anzusehen bzw gemeinsam mit Herrn Klein in einer kleinen Projektsbesprechung ber die Dokumentation und Benotung zu sprechen In der heute vorgezeigten Fertigungsstufe des Videos fehlten noch zwei Clips Standbild Stift Lilienfeld Interview mit dem B rgermeister au erdem war der Ton noch nicht berarbeitet und knackste noch an einigen Stellen die Abfolge der Standbilder war nicht regelm ig Freitag 14 Juni 2002 09 30 bis 13 00 Uhr Videoschnitt bei Prof Klein Anwesend Lisa Schlichting Julia Malcik Prof Klein Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 17 e Einspielen des B rgermeister Tons von CD den CD Player liehen wir bei Herrn Fischl aus und des fehlenden Standbildes e Implementieren des neuen Via Sacra Logos im Titelbildschirm e Erstellen des Inserts zum B rgermeister Interviews e Sicherungskopie auf DV Band e Rendern eines Quicktime Videos mit geringer Aufl sung e Brennen des fertigen Videos auf CD Das Standbild des Stiftes Lilienfeld wurde aus dem Folder der Cisto Ausstellung gescannt h chste Farbtiefe 300 dpi und als Bitmap in Media 100 importiert Das Einspielen des Tons zum B rgermeister Interview bereitete Probleme da nach dem Einsetzen in die Audiospur der digitale Ton im gesamten restlichen Video nicht mehr h rbar war Dieses Problem konnte nach langem R tseln erst
109. mentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 36 1 4 PHP SQL Programmierung Einleitung Zuerst werden die einzelnen Dateien und die Verzeichnisstruktur des Projekts und die das System der Dateiablage kurz vorgestellt Danach wird auf den PHP SQL Code einiger ausgew hlter Dateien eingegangen Den Quellcode der Dateien makethumb php und fotos js finden Sie ab Seite 38 des Anhangs 1 4 1 Verzeichnisstruktur am Server Hauptverzeichnis Dateiname Dateigr e Funktion in byte Admin Administrationsbereich Daten Datenverzeichnis Icons Icons f r Dateidownload boku gif Logo der BOKU auf der Projektinfo Seite dbconnect php Datenbankverbindung include f r index php ecke gif Designelement fotos js 2 247 JavaScript f r Fotoanzeige include f r index php gul gif Logo von G amp L Werbeagentur auf der Projektinfo Seite index php Via Sacra Frontend karte swf Flash Karte integriert auf Startseite knoll gif 1 294 Logo von B ro Knoll Werbeagentur auf der Projektinfo Seite makethumb php Erzeugen von Thumbnails include f r index php mh net gif Logo von Markus Hahndl f r Projektinfo Seite natur jpg Designelement pfeil_right gif Designelement pfeil_right_red gif Designelement pfeil_up gif en Designelement pixel gif Designelement Verifylogin php Benutzer berpr fung include f r Administrationsbereich viasacra css Stylesheet vslogo gif 2 130 Designelement Via Sacra Logo
110. mentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 38 1 4 2 1 Statischer Inhalt Bei der Nachbildung des Designs in HTML wurde darauf geachtet dass nicht nur f r den neuesten Microsoft Internet Explorer entwickelt wird sondern dass auch andere Browser und ltere Versionen die Seite korrekt lesen k nnen Die Seite ist optimal lesbar unter e Internet Explorer 5 x PC amp Apple e Netscape 6 x PC e Opera 6 x PC Der vom Server an den Client bermittelte HTML Code ist inhaltlich durch Kommentare getrennt e Kopfzeile e Navigation links e Content e Navigation rechts e Fu zeile Das Grundger st von index php besteht aus einem lt TABLE gt der 740 Pixel breit ist und zentriert wird Dadurch wird die minimale Bildschirmaufl sung in der Horizontalen des Client Rechners definiert 800 Pixel ein durchaus g ngiger Standard Die Restpixel von 740 auf 800 erm glichen dem Client z B die Verwendung der Microsoft Office Shortcutleiste oder des beliebten Messaging Programmes ICQ Innerhalb dieses lt TABLE gt s wird ein weiterer lt TABLE gt f r die Kopfzeile definiert dann ein weiterer f r den Body Men Content sowie ein lt TABLE gt f r die Fu zeile Innerhalb des mittleren lt TABLE gt s f r den Content wird mit Spalten der Layoutraster gezogen In der folgenden Abbildung sind die Verschachtelung der Tabellen und der Layoutraster skizziert Le Im Head des HTML T
111. menu literatur AND loc name LIKE begriff OR typ name LIKE begqriff OR beschreibung LIKE begriff OR strasse LIKE begriff OR plz LIKE begriff OR ort LIKE begriff OR baustil LIKE begqgriff OR altar LIKE begqgriff OR messen LIKE begriff OR geweiht LIKE begriff ORDER BY loc_name Manchmal wird f r die Anzeige der Gemeinde in der ein Suchbegriff gefunden wurde eine weitere Datenbankabfrage ben tigt Abfrage in der Abfrage Stemp Srow gem id EL Sreg S ECT gem id gem_name reg id from gemeinden WH ER E gem id te mp Wenn Datens tze gefunden werden wird ein Link zur entsprechenden Content Seite angezeigt lt if mysql_num_ rows ergebnis gt 0 gt a lt a class ContentLink href lt PHP_SELF menu literatur amp amp reg_id row2 reg_id amp gem_id row ge m_id gt gt lt row2 gem name gt row loc_name gt lt a gt Leserbereich Datenbankabfrage SELECT FROM berichte WHERE TO DAYS NOW TO DAYS datum lt 30 ORDER BY datum DESC Eintrag der ber Formular bergebenen Variablenwerte in die Datenbank VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 45 INSERT INTO berichte datum name email header bodvl VALU now Sname email Sheader Sbody E Wei D
112. mponente beinhalten denn schlie lich gehen wir in ein Kolleg f r Multimedia und nicht in ein Kolleg f r Internet Zudem war es mir besonders wichtig gerade im Hinblick auf die Motivation dass dieses Projekt eine Zeitlang Bestand haben sollte Es sollte kein Projekt werden das f r die Diplompr fung gemacht wird sondern f r den Auftraggeber und das dieser auch verwendet Als nach dem Sommer Via Sacra als Projekt feststand war ich durchaus zufrieden Es war zwar kein cooles flippiges oder besonders innovatives Projekt aber es war solide und mit unseren F higkeiten und Ressourcen durchf hrbar Schon bald kristallisierte sich heraus dass die Via Sacra als Webplattform im Internet vertreten sein sollte womit meine Aufgaben eigentlich schon feststanden Leider bekamen wir nicht den notwendigen Support seitens des Auftragebers um mit Design Programmierung anfangen zu k nnen Bis April 2002 gab es gelegentliche Treffen beim Auftraggeber und immer wieder wurden wir auf den Folgemonat vertr stet Mir war das schlicht egal da ich sowieso durch den laufenden Unterricht im Kolleg genug zu tun hatte Trotzdem habe ich versucht die Zeit zu n tzen und habe derweil ein kleines Redaktionssystem f r einen anderen Auftraggeber programmiert mit dem Hintergedanken dass ich wom glich Teile davon f r Via Sacra wieder verwenden k nnte Diese Annahme hat sich im Nachhinein als richtig herausgestellt und war sehr hilfreich besonders f r das Zeitman
113. n Wallfahrt Gemeindedaten TOURISMUS Einwohner 34 000 Unterk nfte Seeh he 800m Sportangebot Fl che 120km SOZIALES PLZ 3222 LITERATUR Chronik der Gemeinde sch n sdf T mitz is 50000 sch n T rnitz is 30000 sch n T rnitsdfz is so000 sch n T rnitz is s0003do sch n T rnitzssd is so000 sch n T rnsdditz is s05000 sch n T sdrnitz is s0000 sch sn T rnitz Is s0000 sch n Chronik der via Sacra in T rnitz sch n sdf T rnitz is 50000 sch n T rnitz is 20000 sch n T rnitsd z is 50000 sch n T rnitz is sooosdo sch n T mitzssd is so000 sch n T rnsdditz is sosooo sch n T sdrnitz is s0000 sch sn T rnitz is s0000 sch n T rnitz is 30000 sch n sT dmitz is s0000 sch sun T rnitz idds 30000 sch n gt Nevsarchiv D EA OG WR Document Done 0711 secs Abb 10 Via Sacra Entwurf Gemeindeseite Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 25 11 April Einbau der provisorischen Flash Karte Via acra Microsoft Internet Explorer Datei Bearbeten Ansicht Favorten Extras CAE EI http leo graphische atjviasacrajbeta vs02041 1 Startseite Met Zur ck Vorm rts Adresse VIA SACRA STARTSEITE SUCHE LESERBEREICH HISTORISCHES REGIONEN F hrenberge Wienerwald G lsental Oberes Traisental Mariazeller Land GEMEINDEN Rohrbach St Aegyd Neuwald St Vei G len Traisen T mitz KONTAKT SEITENANFAN
114. n mittleren Content Bereich bergeben werden die einen bestimmten Content freigeben Im linken Navigationsmen gibt es beispielsweise den Link lt a href lt PHP SELF gt menu shistorisches gt HISTORISCHES lt a gt Dieser Link bergibt beim n chsten Aufruf der Datei index php reservierte Variable PHP_SELF die Variable menu mit dem Wert historisches Im Contentbereich existiert die Funktion switch die je nach bergebenem Variablenwert unterschiedliche Teile der Datei weiter verarbeitet switch S Smenu case start l gt Content der Startseite break case suche l gt Content Suche break case historisches l gt Content Historisches break TF Dabei ergab sich in sp terer Folge folgendes Problem case tourismus gastwirtschaft sportangebot soziales literatur wanderrouten denkm kirchl denkm sonst kultur Oder Verkn pfungen innerhalb von case Anweisungen sind erst ab PHP Version 4 1 2 erlaubt Leider bot uns der Sch lerserver der Graphischen leo graphische at nur Version 4 0 6 Das war der Grund warum wir auf den Backup Server von leo graphische at 193 170 7 18 ausgewichen sind a kpi at 193 170 7 17 Der Dank des Via Sacra Teams geht an dieser Stelle an den Systemadministrator der Schule Herrn Stephan Karpischek der uns innerhalb k rzester Zeit einen Account auf a kpi at eingerichtet hat Features und Funktionen Datumsformatie
115. n Computer Herbert Schrittwieser Kaf Wir entschieden dass es nur beim Interview mit dem B rgermeister ein Insert geben soll da diese Szene die einzige ist in der der Sprecher lange genug zu sehen ist dass sich das Ein und wieder Ausblenden des Inserts auszahlt Sicherheitskopie Das fertige Video wurde zur Sicherheit auf die von uns verwendete DV Kassette r ckgespielt Rendern des fertigen Videos F r die Pr sentation ben tigen wir eine komprimierte Version des Videos die sich problemlos vom Rechner abspielen l sst Auf Empfehlung von Herrn Klein erstellen wir ein Quicktime Video Gr e 320x240 px Kompressor Sorenson High End Framerate 12 5 fps Datenmenge 110 MB Obwohl das Video leicht ruckelt und f r unseren Gebracht zu klein ist brannten wir eine Version auf CD und lie en ber Nacht eine gro e Verison rendern Montag 17 Juni 2002 09 00 bis 10 00 Uhr Videokompression Anwesend Lisa Schlichting Julia Malcik Das Komprimieren des Videos wurde aufgrund von zu wenig freiem Speicherplatz abgebrochen Mittwoch 19 Juni 2002 13 30 bis 15 30 Uhr Videokompression bei Prof Klein Anwesend Lisa Schlichting Julia Malcik Prof Klein Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 19 An einem kurzen Testvideo 20 Sekunden testeten wir die verschiedenen Kompressionsarten auf ihre Qualit t Datenmenge und Geschwindigkeit MPEG verpixelt MPEG 2 la
116. n Sie sich an ihren Systemadministrator If Greg id Sliste gem mysql_query gem or die Abfrage der Datenbank gescheitert Bitte wenden Sie sich an ihren Systemadministrator row mysql_fetch array liste gem 1 Newsarchiv Je nachdem ob gar nichts eine Region oder eine Region und eine dazugeh rende Gemeinde ausgew hlt wurden werden unterschiedliche SQL Statements abgesetzt If reg id amp amp gem id news SELECT FROM news gemeinden WHERE news gem id gemeinden gem id ORDER BY ablauf DESC If reg id amp amp gem id news SELECT FROM news regionen gemeinden WHERE regionen reg id reg id AND gemeinden reg id regionen reg id AND gemeinden gem id news gem id ORDER BY ablauf DESC gem SELECT FROM regionen WHERE reg id reg id 1 TE Sreg_id amp amp Sgem id Snews SELECT FROM news WHERE gem id gem id ORDER BY ablauf DESC gem SELECT FROM gemeinden regionen WHERE gemeinden reg id regionen reg id AND gem id gem id 1 Sliste_news mysql_query news or die Abfrage der Datenbank gescheitert Bitte wenden Sie sich an ihren Systemadministrator If Greg id Sliste gem mysql_ query gem or die Abfrage der Datenbank gescheitert Bitte wenden Sie sich an ihren
117. n am 31 12 1980 Arbeitsbereiche e Erarbeitung des Designs Style Sheet e Entwicklung des Navigationskonzepts e Korrespondenz mit dem Projektleiter e Programmierung des Login Bereichs PHP SQL HTML e Erstellung und Programmierung der Flash Karte ActionScript Kontakt clemensp chello at http designp has it Pers nliche Worte zum Projekt Obwohl das grundlegende Thema des Diplomprojektes Via Sacra au erhalb meines privaten Interessenbereiches lag machte sich das Projekt durch seine technischen Aspekte interessant Die komplette Umsetzung eines voll funktionst chtigen Redaktionssystems das Entwerfen eines m glichst einfachen Navigationssystems das Datenbankdesign die Erstellung der Flash Karte und schlie lich das begleitende Video ergaben zusammen ein vielschichtiges Projekt und damit eine interessante Herausforderung die es zu bew ltigen galt Einer der schwierigsten Dinge war es aus meiner Sicht in einen Gruppeninternen Arbeitsrhythmus zu finden der alle Beteiligten zufrieden stellt Eine genaue Arbeitseinteilung in der die Aufgaben klar verteilt sind und jeder sich um seinen pers nlichen Aufgabenbereich k mmert Nach einigen gemeinsamen Arbeitssitzungen in der Gruppe war dieses Problem aber gel st und jeder wusste genau was er zu tun hatte Ein weiteres Problem dass f r mich ganz deutlich und immer wieder zum Vorschein kam war die gr tenteils ziemlich m hsame Zusammenarbeit mit unserem Auftraggebe
118. nge Rechenzeit Das beste Ergebnis erzielten wir mit dem bereits verwendeten Sorenson Kompressor allerdings bei einer Framerate von 25 fps Diese Einstellungen behielten wir bei und renderten erneut ein Video mit 640x480 das bis am n chsten Tag feritg sein sollte Donnerstag 20 Juni 2002 09 00 bis 09 15 Uhr Videokompression Anwesend Lisa Schlichting Julia Malcik Leider wurde auch diese Kompression nicht fertiggestellt Ein erneuter Versuch der Kompression wird heute gestartet 10 30 bis 16 30 Uhr Dokumentations Arbeit Anwesend Lisa Schlichting Julia Malcik e Erg nzungen zu den Themen Video Logo Kompression Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 20 2 Design Entw rfe 30 Oktober erster Entwurf der Probeseite See 2 EMail Drucken Bearbeiten Diskussion Messenger Realcom Vorw rts Wechiei zu HOME DER PILGERWEG DIE PROJEKTIDEE INTERNATIONALES TERMINE PARTNER LINKS G STEBUCH nach Mariazell zi De Ell S Abb 1 Via Sacra tempor re Startseite Datei Beabeten Ansicht Favoriten Etas 2 E Vorw rts Startsete Suchen Favoriten Verlauf EMail Drucken Bearbeiten Ateso W Aen viasac a at pgeeweg hiri E EES HOME DER PILGERWEG DIE PROJEKTIDEE INTERNATIONALES TERMINE PARTNER LINKS G STEBUCH Abb 2 Via Sacra Der Pilgerweg Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky
119. nisse sind nach Kategorien geordnet die gefundenen Begriffe erscheinen unterhalb der Kategorie in die sie fallen Gibt es in einem Bereich keine Ergebnisse wird neben der Kategorie der Text Kein Treffer ausgegeben VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 20 Regionen und Gemeinden x Datei Bearbeiten Ansicht Favoriten Extras Sr r E E D 9 oO a A 60 2 x ee O Z 535 Zur ck Vorw rts Abbrechen Aktualisieren Startseite Suchen Favoriten Medien Verlauf E Mail Drucken Bearbeiten Si Regionsseite Oberes Traisental STARTSEITE SUCHE LESERBEREICH HISTORISCHES KONTAKT REGIONEN F hrenberge G lsental Mariazeller Land Oberes Traisental Wienerwald GEMEINDEN Annaberg Eschenau Hohenberg Lilienfeld Mitterbach St Aegyd Neuwald Traisen T rnitz E SEITENANFANG Region Oberes Traisental In der Region Oberes Traisental sind folgende Gemeinden entlang der Via Sacra gelegen Annaberg Eschenau Hohenberg Lilienfeld Mitterbach St Aegyd Neuwald Traisen T rnitz Br cke wiederer ffnet User Verwaltung wieder online Peter Cornelius in T rnitz Gleicher Tag DI PROJEKTINFO Klickt der User im linken Men auf den Namen einer Region erscheint unterhalb der Regionen eine Liste der dieser Region zugeh rigen Gemeinden Auch in der Hauptspalte werden unter der berschrift der Reg
120. nrichtungen einem Men punkt zuordnen zu k nnen und generell eine bessere Selektierung der Datens tze zu erm glichen wurde zun chst das Feld typ in die Tabelle einrichtungen eingef gt das sp ter durch eine eigene Tabelle ersetzt wurde Ebenso gab es erstmals eine eigene Tabelle admin f r die Userverwaltung Mit dieser war es erstmals m glich einer einzelnen Gemeinde mehrere zur Bearbeitung berechtigte User zuzuordnen Au erdem mussten zwei neue Tabellen auftragsbedingt in die Datenbank integriert werden VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 33 Entwurf 15 April 22 45 Uhr Pre name regionen_id beschreibung bild_url seehoehe einwohner fl che wappen_url ortsplan_url chronik_gem chronik_vs FK1 VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting FK1 FK2 FK3 FK4 FK5 FK6 FK7 gem_id einrichtungen ei gem_id text gem_id name typ beschreibung strasse email tiscover_url baustil foto link d kirche_id geweiht messen 34 Mit folgendem Entwurf begann die konkrete Umsetzungsphase Schaffung der MySQL Datenbank viasacra auf leo graphische at und Beginn der Programmierung am 5 Mai 2002 FK1 PK lid name regionen_id beschreibung bild_url seehoehe einwohner fl che wappen_url ortsplan_url chronik_gem chronik_vs VIA SACRA Pro
121. nsame Entwicklung des Designs nach Vorgaben von Herrn Leitner e Programmierung folgender bersichts Seiten e Pilgerweg Graphische Darstellung des Pilgerpfades sp ter zu ersetzen durch 3D Animation Flash e Projekt Idee Zielgruppe und Hintergrundinformation e Termine Zeitplan f r das Projekt e Partner Liste der Beteiligten e Erster Upload der Seite auf http leo graphische at viasacra Zeitaufwand ca 3 5 Stunden Mittwoch 3 Oktober 2001 12 30 bis 16 00 Uhr Projektstudien mit Prof Peter Klein Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting GE Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Prof Peter Klein Besprechungen zum Projekt allgemein Ideensammlung Brainstorming e berlegung ev Einbindung der Hotels und BB gt online Buchungen vermutlich nicht da Gemeinden nicht ber die technische Ausr stung verf gen e berlegungen zum Making Of Video e Mitschnitt der Pr sentation vor den Gemeinden e ev Interviews mit Vorst nden B rgermeistern und geistlichen W rdentr gern e Vorbereitung f r erste Pr sentation des Projektes am 5 Oktober 2001 s 5 Oktober e Erstellung einer PowerPoint Pr sentation Teilnehmer Ziele Arbeitsumfang Zeitplan e Ausarbeiten von Handouts 1 Seite A4 zur Pr sentation e Gestaltung von Pr sentations K rtchen FreeHand Freitag 5 Oktober 2001 16 00 Uhr Pr sentation der Diplomprojekte im Exner Saal
122. oc name LIKE begriff OR typ_ name LIKE begriff OR beschreibung LIKE begriff OR strasse LIKE begriff OR plz LIKE begriff OR ort LIKE begriff OR baustil LIKE begriff OR altar LIKE begriff OR messen LIKE begriff OR geweiht LIKE begriff ORDER BY loc_name Datenbankabfrage f r Suche nach kirchlichen Denkm lern SELECT FROM locations typ WHERE locations typ id typ typ_id AND typ menu denkm kirchl AND oc name LIKE begriff OR typ_name LIKE begriff OR beschreibung LIKE begriff OR strasse LIKE begriff OR plz LIKE begriff OR ort LIKE begriff OR baustil LIKE begqgriff OR altar LIKE begriff OR messen LIKE begriff OR geweiht LIKE begriff ORDER BY loc_name Datenbankabfrage f r Suche nach sonstigen Denkm lern SELECT FROM locations typ WHERE locations typ id typ typ_id AND typ menu denkm sonst AND loc name LIKE S begriff OR typ_name LIKE Sbegriff OR beschreibung LIKE begriff OR strasse LIK Sbegriff OR plz LIKE begriff OR ort LIKE begriff OR baustil LIKE begriff OR altar LIKE begriff OR messen LIKE begriff OR geweiht LIKE begriff ORDER BY loc_name CI Datenbankabfrage f r Suche nach Wanderrouten SELECT FROM locations typ WHERE Loca
123. oid oai uer z q AN 0 des ny mt e 1DeS SUN DiSloid ugIduaz eIde HI Via Sacra Anhang 30 Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 5 Komponentenplan Du IA Sacra Komponentenplan Web Plattform Via Sacra Design Programmierung T Layout Inter Raster EH _wievs Schrift Daten Material arten Bank Br Kamera Farben HTML aasa pes deeg fone Doku GE Layout DS SE Kassetten Schnitt Konzept Media100 Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting Server MySQL a PHP ep FTP SSH Zugang IIS od Apache Website Fix Daten Regionen Gemein den u Leser d Bereich Se 31 6 Kostenplan In der Praxis fielen f r uns keinerlei tats chliche Kosten an da die Ausr stung von der Schule geliehen war und uns der Schnittplatz ebenfalls in der Schule zur Verf gung stand Ein theoretischer Kostenplan s he allerdings folgenderma en aus Video Julia Mack Lisa Schlichting 2 Drehtage Kosten Kameramann Tag 360 2 Drehtage mit je zwei Kameraleuten 1440 Eine Interviewer am ersten Drehtag 100 4 Tage Videoschnittplatz Kosten Schnittplatz Stunde 14 0 1 Tag 10h 17h 980 2 Tag 14h 17h 420 3 Tag 9h 15h 840 4 Tag 9h30 13h 490 Insgesamt 2730 4 Tage 2 Cutte
124. out f r Internet Explorer und Netscape kompatibel zu machen Ergebnis Screenshots finden Sie unter Punkt 2 Design Entw rfe Seite 21f Abb 1 bis 3 Zeitaufwand ca 3 Stunden Freitag 16 November 2001 11 30 Uhr Treffen der Gruppe bei Clemens Prerovsky Anwesend Clemens Prerovsky Julia Malcik Markus Hahndl Lisa Schlichting e Beginn der Programmierung des G stebuchs mit PHP momentan unter Verwendung des MySQL Admins auf http leo graphische at e Erste berlegungen bez glich der Content Seiten der Gemeinden Nach Ausfall des Servers der Graphischen mussten wir unsere Arbeit leider verfr ht abbrechen Zeitaufwand ca 1 5 Stunden Mittwoch 28 November 2001 12 30 bis 16 00 Uhr Projektstudien mit Prof Peter Klein Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Prof Peter Klein e Besprechen des Arbeits Fortschrittes e Weitere Besprechungen des Making Of Videos e Erstellung des ersten Protokolls f r die Projektbetreuer Lisa Schlichting Julia Malcik e Arbeit am G stebuch Clemens Prerovsky Markus Hahndl Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting Ss Montag 14 J nner 2002 9 30 bis 12 30 Uhr Unterricht im Tonstudio BertoliniSound Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Thomas Kathriner e Entwicklung eines Konzeptes f r einen ca 50sek ndigen H rspot zu unserem Projekt e Musikauswahl
125. r NATUR Wanderrouten Wallfahrt Unterk nfte Sportangebot SOZIALES LITERATUR Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 3 Via Sacra Microsoft Internet Explorer o CL Datei Bearbeten Ansicht Favorken Extras o e H A Gil amp ele S Zur ck Abbrechen Aktualisieren Startsete Suchen Drucken Vorw rts Favorken Adresse VIA SACRA SUCHE Er ffnung einer LESERBEREICH Suchbegriff DI SUCHEN T ilstrecker der Via am der Walster HISTORISCHES Freivillige Feuervehr REGIONEN feiert 35 J hriges F hrenberge Suchergebnisse f r Pilgerweg Jubil um T rnitzer Blumenmarkt Wienerwald er ffnet am Samstag G lsental Leserbereich 2 Treffer Oberes Traisental Via Sacra in drei Tagen wandern Mariazeller Land Berichte eines Pilgers ORTSPL GEMEINDEN News 1 Treffer ULTUR Rohrbach Neuer Wegabschnitt er ffnet kulturelles Angebot St Aegyd Neuwald H St Veit G l Es wurden keine mit Ihrem Suchbegriff bereinstimmenden Dokumente kirchliche Denkm ler Ben gefunden sonstige Denkm ler Traisen NATUR T mitz m Wanderrouten KONTAKT Wallfahrt TOURISMUS Unterk nfte Sportangebot SOZIALES LITERATUR SEITENANFANG H PROJEKTINFO Abb 13 Suche Die Ergebnisse werden direkt unter dem Suchformular angezeigt und sind in Kategorien geordnet F Vias Microsoft Internet Explorer A A Datei Bearbeiten Ansicht Fa
126. r Oft wurden wichtige Mails erst nach langer Zeit beantwortet ben tigte Materialien sehr sp t zur Verf gung gestellt und grundlegende Informationen sehr z gerlich zusammengestellt Das lag jedoch ganz klar an der sehr unterschiedlichen Zieldefinition des Auftraggebers im Vergleich zu unseren So ist das Projekt Via Sacra eigentlich auf eine Laufzeit um die vier Jahre ausgelegt wobei die von uns entworfene Webplattform nur ein Bestandteil des Gesamtprojektes ist wenngleich auch ein sehr wichtiger Durch den festgesetzten Abgabetermin war es aber nat rlich nicht m glich die Webplattform erst in vier Jahren fertig zu stellen Nachdem Anfangs recht wenig Information vom Auftraggeber kam und wir teilweise ein wenig ungeduldig darauf warteten endlich beginnen zu k nnen besserte sich die Situation mit der Umsetzung der Informationsseite f r die B rgermeister der Gemeinden Von da an war es zwar noch ein weiter Weg zur Webplattform aber das Projekt war ab diesem Zeitpunkt zum laufen gekommen Richtig bewusst wurde mir die Gr e des Projektes jedoch erst ab der Umsetzung der Entw rfe in HTML als Basisger st f r die PHP Scripts und dem Erstellen des Datenbankdesigns Mit dem fertigen Diplomprojekt bin ich eigentlich doch recht zufrieden Der Projektverlauf lief zwar nicht so glatt wie ich es mir vorgestellt hatte andererseits denke ich mir ist genau das der Punkt der ein gutes Projekt ausmacht Nicht einfach die Punkte A B und C abzufa
127. r auch berechtigt ist unpassende Eintr ge zu l schen und neue Gemeinden anzulegen bzw Daten zu aktualisieren Der Inhalt f r die statische Seite Historisches wird uns demn chst zur Verf gung gestellt Bei dem voraussichtlich Anfang Juni stattfindenden Gemeinde Workshop soll das Design anhand der funktionierenden Musterseiten pr sentiert werden Besprochen wurde auch die Implementierung einer Download Seite auf der sich User und Interessierte verschiedene Dokumente zur Via Sacra downloaden k nnen bzw wo Pressebilder von Landschaft und Leuten sowie Berichte und Programme f r Journalisten erh ltlich sind Au erdem soll es ein Bestellformular geben ber das Wandergruppen und andere Besucher Karten Anstecknadeln und hnliches Material bestellen k nnen Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 12 Dieses Formular wird vermutlich auf einer Tourismus Seite zu finden sein m glicherweise wird es aber auch einen eigenen Men punkt Bestellen geben In Arbeit ist ein neues Logo f r die Via Sacra das m glichst flexible in der Anwendung sein soll Es wird eine quer und eine hochformatige Variante geben die genaue Farbzusammenstellung wird noch von der Graphikerin bei G amp L erarbeitet Video Interviews Am Freitag 3 Mai 2002 findet in Lilienfeld anl sslich der 800 Jahrfeier des Stiftes die Er ffnung einer gro en Ausstellung statt an der wir als Gruppe teilnehmen
128. r der Sehensw rdkeiten e Nur Kirchen bzw Kl ster oder nur Marterln Ausf hrliche Beschreibung der St tten und Geb ude inkl Verlinkung zu den Gemeindeseiten Der Leserbereich berlegt wird ob den Benutzern die M glichkeit gegeben werden soll ihre eigenen Beitr ge online zu stellen und in Form kurzer Artikel ber ihre Erlebnisse an der Via Sacra zu berichten Eventuell wird es auch eine M glichkeit geben Fotos oder Ansichtskarten hochzuladen Allerdings m te dann ein Script am Server die Bilder automatisch bearbeiten da sonst die Datenmenge un berschaubar w rde Der Weg Dort findet man die Skizze des Pilgerweges Flashanimation mit der M glichkeit sich einen bestimmten Ausschnitt des Weges durch Zoom genauer anzusehen ebenfalls mit Verlinkung zu den Gemeindeseiten und zum Virtuellen Reisef hrer Piktogramme sollen in diesem Bereich als Navigationshilfe eingesetzt werden e Die n chste Sitzung wurde f r 30 1 02 also nach dem ersten Workshop ausgemacht Donnerstag 31 J nner 2002 12 00 bis 13 00 Uhr Kreativsitzung mit Projektpartner Ernst Leitner bei G amp L Anwesend Clemens Prerovsky Lisa Schlichting Julia Malcik Markus Hahndl Mag Ernst Leitner Bei einem zweiten Workshop Ende M rz sollen Finanzierung und tats chliche Umsetzung des Projekts mit den Gemeindevertretern gekl rt werden Problematik Was sollen die Gemeinden selbst ins Netz stellen d rfen Es m ssen gewisse Grundregeln festge
129. r r ckg ngig gemacht Wird die Maustaste auf einer Gemeinde gedr ckt so wird OnRelease die der Gemeinde entsprechende URL aufgerufen Die Textebene enth lt die Bezeichnungen der Gemeinden Sie ist ber root GK GN GK ist der Instanzname der GesamtenKarte GN der Instanzname der GemeindeNamen durch Scripts ansprechbar und kann daher auch ber die Buttons in der Navigationsleiste ausgeblendet werden Die Gesamte Kartenebene enth lt neben ihren drei Unterebenen noch ein FramesScript welches den Ablauf des Filmes steuert gotoAndPlay 1 Durch diesen Code wird immer wieder der erste Frame des Filmes abgespielt aus dem die gesamte Flash Karte besteht 1 2 3 Ebene Whitebar Der Whitebar hat keinerlei technische sondern nur dekorative Funktion Er hinterlegt das Navigationsmen um zus tzlich darauf aufmerksam zu machen und einen hellen Untergrund f r die Textausgabe zu bieten Au erdem grenzt er das Men optisch vom Rest der Karte als eigenst ndigen Teil ab Der Whitebar ist transparent und gibt somit den Blick auf eine eventuell dahinter liegende Karte frei 1 2 4 Ebene TextDisplay Das Text Display befindet sich rechts von den Navigationselementen und zeigt Informationen zur Karte an Es handelt sich um eine dynamische also durch ein Script beschreibbare Textbox die ber die globale Variable TextDisplay beschrieben werden kann 1 2 5 Ebene Navigationselemente Diese Ebene enth lt die Navigationselemente der Flas
130. rehen der Fragenstellung ungef hr im gleichen Winkel auf den Interviewer gerichtet ist wie zuvor auf den Befragten nur von der anderen Seite Wird dieser Seitenwechsel vernachl ssigt erzielt man beim Aneinanderschneiden den Eindruck dass die beiden Interviewpartner nicht miteinander sondern aneinander vorbei sprechen 2 3 1 3 Fragen an den B rgermeister von Lilienfeld e Begr ung Was hat Ihre Gemeinde den Pilgern zu bieten Die Marke Via Sacra welche Bedeutung hat sie f r Ihre Gemeinde Inwieweit profitiert der Tourismus in der Region Wo liegen die Synergieeffekte f r Ihre Gemeinde Wie sehen Sie die Chancen der Via Sacra einer spirituellen Reise durch die Region in Zeiten von abnehmender Bedeutung von Religion in unserer Gesellschaft Sind Sie selbst schon einmal entlang der Via Sacra gewandert VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 66 2 4 Musik Wir entschlossen uns nur ein einziges Musikst ck als Hintergrundmusik f r das gesamte Video zu verwenden da eine Variation oder Ver nderung der Musik oder des Rhythmus zwischen den Szenen die harmonische Wirkung des Gesamtwerks beeintr chtigt h tte Verwendetes Musikst ck Mikle Oldfield Celtic Rain Die Musik ist zwischen den Sprechpassagen als Haupt Thema zu h ren w hrend der Interviews oder Statements tritt sie in den Hintergrund bleibt aber als Klangteppich leise zu h ren Es
131. reiche und Zust ndigkeiten jedes Einzelnen sowie einen pers nlichen Kommentar jedes Mitglieds zum Projekt Via Sacra VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 10 Markus Hahndl Geboren am 2 5 1977 Arbeitsbereiche e Datenbankdesign e server und clientseitige Programmierung PHP SQL HTML e Mitarbeit an der Entwicklung des Designs e Audiotechnik des B rgermeister Interviews e Interviewf hrung am ersten Drehtag Kontakt markus hahndl net http hahndl net Pers nliche Worte zum Projekt Meine Wunschvorstellung eines Diplomprojekts im Kolleg f r Multimedia war es mit einem engagierten Team ein solides Projekt auf die Beine zu stellen Mir war klar dass ich nicht derjenige bin der das Rad neu erfinden wird Daher war mir vor allem wichtig in einem Team zu arbeiten in dem ich mir sicher sein konnte dass ich mich auf meine Partner verlassen kann und in dem es keine unangenehmen berraschungen gibt Aus diesem Grund lag meine Priorit t zun chst darin das Team zu finden und mich erst danach um ein Projekt zu k mmern Dieses Team fand sich Ende des 2 Semesters Juni 2001 bestehend aus Julia Malcik Clemens Prerovsky und Lisa Schlichting Bei allen dreien war ich mir sicher dass meine an das Team gestellten Kriterien erf llt werden Meine Anforderungen an das Projekt waren es musste etwas mit Internet zu tun haben es sollte aber auch eine Nicht Internet Ko
132. rinnen Kosten Cutterin Tag bis 8 Stunden 140 4 Tage 2 Cutterinnen 1120 Gesamtkosten Kosten Drehtage 1540 Kosten Videoschnitt 2730 Kosten Cutterinnen 1120 Insgesamt 5390 Programmierung Clemens Prerovsky HTML 20h x 50 1000 Photoshop 5 5h x 50 275 Flash ActionScript 24 25h x 70 1697 5 PHP 33 25h x 70 2327 5 Gesamt 5300 Dieses Ergebnis basiert auf der nachfolgenden Zeittafel Seite 33 Programmierung Markus Hahndi Programmieraufwand 300h x 60 Gesamt 18 000 Software Quelle Software Dschungel www dschungel com Microsoft Windows 2000 Professional DSP 217 Microsoft Visio 2002 653 Macromedia Dreamweaver 4 399 Macromedia Homesite 5 159 Adobe Photoshop 7 1 198 BradSoft TopStyle Pro 2 49 Gesamt 2 675 Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 32 Beschreibung Dauer Anwesend 01 08 2001 Gruppeninterne Vorbesprechung 1 00h JLM Gesamt 1 00h 25 09 2001 Projektbesprechung mit Mag Leitner 1 50h JLM 29 09 2001 Erstellen der provisorischen Via Sacra Homepage 3 50h JLM Gesamt 6 00h 03 10 2001 Projektstudien Mag Peter Klein u a Vorbereitung 3 50h JLM auf Pr sentation am 5 10 05 10 2001 Pr sentation der Diplomprojekte am TGM 0 25h JLM 22 10 2001 Projektbesprechung mit Mag Leitner 1 50h JLM 30 10 2001
133. roblemen oder Orientierungslosigkeit wurde versucht eine intuitive und selbsterkl rende Bedienung zu schaffen Die Bedienungselemente sitzen daher im linken oberen Eck dem Punkt der h chsten Aufmerksamkeit Das Gew hrleistet dass sie jederzeit schnell auffindbar sind Bei der Gestaltung wurden einfache Zeichen mit nahe liegendem Symbolwert bevorzugt So finden sich zum Vergr ern und Verkleinern der Karte jeweils ein Plus und ein Minus Zeichen Der Knopf zum Ausblenden der Textanzeigen ist durch ein T gekennzeichnet Der R cksetz Knopf der die Karte in ihren Ausgangszustand zur ckversetzt zeigt einen Pfeil der von rechts nach links zeigt also gegen die gewohnte Schreibrichtung Damit symbolisiert er ein zur ck an den Start weist auf einen vorangegangenen Zustand Um jedoch nicht nur die Symbolik als Erkennungsmerkmal f r die Funktion eines Buttons zu nutzen wird bei jedem Mouse Over eine kurze Funktionsbeschreibung im Textfenster eingeblendet Dadurch wird sichergestellt dass jeder Benutzer die Funktionalit t genau erkennen kann Die Philosophie der Einfachheit und Intuitivit t der Bedienung setzt sich bei der Karte selbst fort Eine Hand als Mouse Cursor symbolisiert wie von anderen Windows Programmen gewohnt eine m gliche Drag amp Drop Operation Diese ist wieder von einem Hinweistext in der Informationszeile begleitet Wird eine der Gemeinden mit der Mouse angew hlt so wechselt der Mauszeiger auf den gewohnten Window
134. rte Unsere Aufgabe als Teil dieses gro en Projekts war die Entwicklung einer Web Plattform f r den angemessenen Internetauftritt der Via Sacra Erg nzt werden sollte dies durch ein selbst gedrehtes und produziertes Image Video Zwar besitzen einige der Gemeinden an der Via Sacra bereits Seiten im Internet diese sind jedoch unzusammenh ngend im Internet verstreut und somit schwer zu finden Der Gedanke hinter unserem Projekt war ein Portal f r alle Gemeinden entlang der Via Sacra zu erstellen eine einzige Seite an der alle Gemeinden beteiligt sind und von der aus sich Interessenten ber alle Gemeinden und Angebote an der Via Sacra informieren k nnen Ziel war es eine dynamische Informationsseite zu generieren Da viele Gemeinden an dem Projekt beteiligt und daher die Erwartungen jedes einzelnen Gemeindevertreters unterschiedlich sind war der logische Schluss die Seite so zu VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 7 generieren dass jede Gemeinde ihre eigenen Inhalte online stellen kann ohne vorher R cksprache mit einer Zentrale oder einem Web Betreuer halten zu m ssen Dies erreichten wir durch den Einsatz eines selbst programmierten Redaktionssystems Erm glicht durch die Programmierung mit PHP und MySQL schufen wir auf der einen Seite eine Eingabemaske ber die Inhalte in die Datenbank hinter dem Projekt eingetragen werden k nnen auf der anderen Seite
135. rung VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 41 Ein Datum aus der Datenbank wird f r die Ausgabe im ganzen Via Sacra System gleich formatiert DD MM JJJJ HH MM SS date d m Y H i s strtotime row datum Die Thumbnail Funktion F r die Ausgabe der Abbildungen Fotos Wappen Illustrationen werden die im Administrationsbereich upgeloadeten Bilder serverseitig mit Funktionen der PHP GD Library verkleinert Zur Ansicht der Originalfotos wird ein JavaScript verwendet welches ein PopUp Fenster in genau den Ausma en des Originalbildes erzeugt und dieses anzeigt Ein weiteres Feature dieses JavaScript ist das Schlie en des Fensters bei Klick auf eine beliebige Stelle des Fotos im PopUp Fenster Zuerst wird gepr ft ob das zu bearbeitende Foto berhaupt vorhanden ist If file _exists daten berichte S row berichte id jpg Danach wir die Bildgr e des anzuzeigenden Thumbnails ermittelt picsize GetImageSize daten berichte S Srow berichte id jpg Dann wird die JavaScript Funktion JustSoPicWindow die im Anhang in der Datei fotos js vollst ndig nachzulesen ist aufgerufen Diese Funktion stammt von E Michael Brandt ValleyWebDesigns com und darf nach den OpenSource Regeln benutzt werden Dabei werden verschiedene Parameter der Funktion bergeben wie z B die Bildma e damit der Browser die Fenstergr e um das Bild herum berechnen kann
136. s Hyperlink Mauszeiger der eine Navigationsm glichkeit symbolisiert Parallel dazu wird der VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 25 Ortsname eingeblendet OnClick gelangt der Benutzer direkt zur passenden Gemeindeseite Die Karte setzt sich aus sechs funktionstragenden Flash Ebenen zusammen welche Instanzen mit Scripts enthalten Sie besteht aus einem einzigen Frame der durch ein Script geloopt wird Die Ebenen sind folgenderma en benannt e Boden e Karte e Whitebar e TextDisplay e Navigationselemente e Cursor 1 2 1 Ebene Boden Auf der untersten Ebene findet sich nur eine einzige Instanz eines Button Objektes die transparent ist um die Sicht auf den Hintergrund freizugeben Sie wird ben tigt um die Grab amp Pan Cursors darzustellen also den Standard Windows Mauszeiger gegen eine Hand auszutauschen die den m glichen Drag amp Drop Vorgang anzeigt Leider bietet Flash keine Standard Mouse Cursors f r Drag amp Drop an Daher musste ein selbst entworfener Handcursor verwendet werden der jedoch jeden Windows Standard Hand Cursor an Charme weit berbietet Das folgende Action Script blendet den Standard Windows Cursor aus und ersetzt ihn durch den Hand Cursor OnRelease wird dieser durch eine zupackende Hand ersetzt on rollOver Mouse hide _root TextDisplay Klicken und gedr ckt halten um die Karte zu verschieben on rollOut Mou
137. s Logos sieht man eine Liste mit allen an dem Video Interview Laa sorora Beteiligten Tomenn n Warn mare i mee u p TEU Das Copyright 2002 das Via ER Sacra Team steht unterhalb des Filmfensters Serena Musik Urspr nglich war der Einsatz von schnellerer Musik geplant um rasche und bewegte Schnitte durchf hren zu k nnen Jedoch sind bei unserem Material keine schnellen Bildwechsel angebracht daher w hlten wir ruhigere gleichm ige Musik die sowohl zu langsamen Schwenks als auch zu Standbilderabfolgen pa t Wir entschieden uns schlie lich f r einen Track von CD den wir ber Lisas Discman einspielten Mike Oldfield Celtic Rain Dieser Track soll als einzige Hintergrundmusik verwendet werden und ber die gesamte L nge des Videos ausgenommen Nachspann vorhanden sein W hrend der Interviews wird die Lautst rke der Musik auf ein Minimum zur ckgenommen bleibt aber im Hintergrund als Klangteppich h rbar um ein in sich stimmiges harmonisches Bild zu kreieren Nachteil dieser Methode Laut Theorie wird das Gesprochene von den Zusehern nicht so gut in Erinnerung behalten wenn Musik im Hintergrund l uft Da es sich aber eher um ein Image Video als um Informationsmaterial handelt ist dies akzeptabel Anmerkung In Media 100 ist es nicht m glich analogen und digitalen Ton auf einer Audiospur zu mischen Daher wurden f r den Einsatz von CD Musik zwei zus tzliche Audiospuren ge ffnet Cle
138. s Prerovsky Lisa Schlichting 30 OnRelease werden alle Variablen und Eigenschaften in Ihren Ausgangszustand zur ckgesetzt Mauszeiger und Texte werden wie gewohnt ein und ausgeblendet 1 2 6 Ebene Cursor Auf dieser Ebene finden sich die beiden Alternativ Cursors die bei Drag amp Drop Operationen angezeigt werden Es handelt sich dabei um einfach Movie Clips ohne jede Zusatzfunktionen VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 31 1 3 Datenbank Design Auf den folgenden Seiten wird versucht die Datenbankstruktur anhand der verschiedenen Entwicklungsstadien zu erkl ren So soll ein Eindruck ber die Komplexit t der berlegungen gegeben werden Zum bessern Verst ndnis sind die Entw rfe der Datenbank hier chronologisch beginnend mit dem ersten geordnet Ein Abbild der finalen Version finden Sie auf Seite 36 Entwickelt wurde die Datenbank in mehreren Stufen die nicht mit den Regeln der Normalisierung von Datenbanken bereinstimmen aber trotzdem zum gew nschten Ergebnis gef hrt haben Zuerst galt es das Ergebnis das der Internet User sehen sollte zu definieren Diese Definitionen flossen in das Screendesign und in die Usability Diskussion ein Als Leitfaden diente uns ein Text Dokument unseres Auftraggebers vom 22 Februar 2002 in dem er seine Vorstellungen einer Datenbank definierte Das einzige was von programmiertechnischer Seite in dieser Phase festgeh
139. s Prerovsky Lisa Schlichting 29 on rollOver Mouse show _root HandCursor visible false if _root GK GN visible TextDisplay Gemeindenamen ausblenden else TextDisplay Gemeindenamen einblenden on rollOut TextDisplay _root HandCursor visible true on release tellTarget root GK GN if visible _visible false _root TextDisplay Gemeindenamen einblenden else _visible true _root TextDisplay Gemeindenamen ausblenden Mouse Cursors werden wie gewohnt OnRollOver ausgetauscht und je nachdem ob die Textebene sichtbar ist oder nicht wird der Text Gemeindenamen einblenden oder Gemeindenamen ausblenden ausgegeben OnRelease wird die Textebene ausgeblendet in dem die Eigenschaft visible auf false gesetzt wird Ist diese bereits ausgeblendet so wird sie wieder eingeblendet 1 2 5 3 Button R cksetzen Dieser Button setzt die Flashkarte mithilfe des untenstehenden Scripts in ihren Ausgangszustand zur ck on release ZoomFactor 0 tellTarget root GK _x 204 15 _y 159 7 _xscale 100 _yscale 100 _root GK GN visible true on rollOver TextDisplay Karte in Ausganszustand zur cksetzen Mouse show _root HandCursor visible false on rollOut _root TextDisplay root HandCursor visible true VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemen
140. s Superadmins erfolgt nach einem bestimmten System daten lt KATEGORIE gt lt DATENBANK ID gt jpg bzw daten lt KATEGORIE gt lt DATENBANK ID gt png z B daten news 00006 jpg Eine Ausnahme bilden die Fotos der Gemeindeseite Gemeindepanorama Gemeindewappen und Ortsplan die gemeinsam im Ordner daten gem nach folgendem Muster abgelegt werden daten gem lt GEMEINDE DATENBANK ID gt gemeinde jpg bzw daten gem lt GEMEINDE DATENBANK ID gt gemeinde png bzw daten gem lt GEMEINDE DATENBANK ID gt wappen jpg bzw daten gem lt GEMEINDE DATENBANK ID gt wappen png bzw daten gem lt GEMEINDE DATENBANK ID gt plan jpg bzw daten gem lt GEMEINDE DATENBANK ID gt plan png bzw z B daten gem 20gemeinde jpg Der Downloadbereich gliedert sich folgenderma en daten presse lt GEMEINDE DATENBANK ID gt lt DATEI gt lt ERLAUBTE FILEEXTENSION gt z B daten presse 20 Presselnfo pdf Erlaubte Fileextensions sind jpg png tif pdf doc txt htm und zip 1 4 2 Das Frontend index php bildet das Frontend des Redaktionssystems Hier sieht der User die von ihm selektierten Ausz ge aus der Datenbank Verwendet wird nur eine Datei da es nur einen einzigen Layoutraster gibt in dem s mtliche dynamischen Inhalte abgelegt werden k nnen Die Datei ist dadurch zwar sehr gro und erscheint un bersichtlich bei n herem Hinschauen ist aber ein klares System dahinter zu erkennen auf das im Folgenden eingegangen wird VIA SACRA Projektdoku
141. schen von Links Verwaltung von Pressematerial Der Super Admin War also das Login erfolgreich so besitzt die Variable sLoginError jetzt den Wert 1 Nun wird die Gemeinde ID betrachtet Ist diese 0 so wird das Men f r den SuperAdmin angezeigt ist sie gr er als 0 das Men des Gemeinde Admins if SGemeindeIld 0 and LoginError 1 EE lt h3 gt SuperAdmin lt h3 gt lt a class ContentLink href gemeindealle php mod show gt Gemeinden bersicht lt a gt lt br gt lt br gt lt a class ContentLink href user php mod show gt Userverwaltung lt a gt lt br gt lt br gt lt a class ContentLink href berichte php mod show gt Leserbereich verwalten lt a gt lt br gt lt br gt lt a class ContentLink href typ php mod show gt BEinrichtungs Typen festlegen lt a gt lt br gt lt br gt lt a class ContentLink href regionen php mod show gt Regionen festlegen lt a gt lt br gt lt br gt lt a class ContentLink href historisches php gt Historisches lt a gt lt br gt lt br gt Sicherlich wird Ihnen aufgefallen sein dass bei fast allen Men punkten h ndisch per GET ein Modus bergeben wird in dem das Dokument startet also zum Beispiel href regionen php mod show Es w re um einiges komplizierter diese Moduswahl ber die Session zu bergeben Au erdem kennt ein Au enstehender die Namen der anderen Modi nicht Zus tzlich dazu werden Formulardaten und Sessionvariablen ben
142. se show on press _root HandCursor visible false _root GrabCursor visible true on release _root HandCursor visible true _root GrabCursor visible false _root HandCursor entspricht der offenen root GrabCursor der zupackenden Hand w hrend einer laufenden Drag amp Drop Operation VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 26 1 2 2 Ebene Karte Eschenau Rohrbach Traisen St Veit a d G lsen Hainfeld Kleinzell o Altenmarkt a d Triesting Lilienfeld Via Sacra Turmitz Hohenberg Nieder sterreichischer Wiener Wallfahrtsweg Wallfahrtsweg St Aegyd am Neuwald Halltal Mariazell Gu werk Die Karten Ebene beinhaltet die eigentliche Karte welche ihrerseits aus drei Ebenen aufgebaut ist e Karte e St dte e Text Au erdem werden ber diese Ebene die Drag amp Drop Aktionen gestartet und die alternativen Hand amp Grab Mousecursor positioniert Folgendes Script erledigt diese Aufgaben mouseDown Drag me 5 onClipEven star IT CT onClipEvent mouseUp stopDraqg onClipEvent enterFrame _root HandCursor x root xmouse _root HandCursor y _root ymouse _root GrabCursor x root xmouse root GrabCursor y root ymouse Da die Karte als Filmsequenz und nicht als Button gespeichert ist
143. spiel bei jedem Schritt um 10 Dies f hrte jedoch zu Rundungsfehlern wodurch die Karte nach dreimaligem Vergr ern und anschlie endem Verkleinern nicht mehr ihre Ursprungsgr e hatte und leicht verschoben war Daher entschied ich mich f r die fehlerfreie Additionsmethode OnRollOver werden wieder die Mauszeiger ausgetauscht und der Hand Cursor durch den Standard Link Cursor ersetzt Der Text Karte vergr ern wird in der Informationszeile angezeigt OnRollOut werden diese Anderungen wieder r ckg ngig gemacht Der Verkleinern Button funktioniert exakt wie der Vergr ern Button Der Einzige Unterschied ist dass 15 Einheiten abgezogen anstatt dazugez hlt werden um die Karte zu verkleinern Der kleinste m gliche Zoomfaktor liegt bei 2 der gr te bei 15 wodurch dem Benutzer 17 m gliche Zoomstufen geboten werden Technisch w ren nat rlich etliche mehr m glich gewesen Ich habe mich jedoch daf r entschieden den Benutzer in dieser Hinsicht einzuschr nken da mehr Zoomstufen nicht sinnvoll w ren da die Karte nicht sehr detailreich ist und eventuelle Fehler vermieden werden k nnen 1 2 5 2 Button Text ein ausblenden T Dieser Button bietet die M glichkeit Ortsnamen falls sie als st rend empfunden werden auszublenden Nat rlich k nnen diese durch einen erneuten Klick wieder eingeblendet werden Folgendes Script steuert die Aktionen VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemen
144. sswort und dazugeh rige Gemeindenummer zu berpr fen Die geschieht jedes Mal ber die Datei verifylogin php die mittels include in den Code eingebunden wird include verifylogin php Die Datei ist folgenderma en aufgebaut VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 54 lt if isset _SESSION SAGemeindeNummer and SESSION SAGemeindeNummer lt gt 0 gem id _SESSION SAGemeindeNummer mysql select _db viasacra or die Unable to select database SQLQuery SELECT user id pass FROM user WHERE user id VerifyBenutzerId SQueryString mysql_query SQLQuery or die mysql_query fehlgeschlagen DatenSatz mysql_fetch array QueryString if isset VerifyBenutzerld or isset VerifyPasswort if SVerifyBenutzerId lt gt DatenSatz user id or VerifyPasswort lt gt DatenSatz pass echo Login Daten konnten nicht korrekt bermittelt werden Bitte melden Sie sich nocheinmal an lt br gt echo Fehler Usr2Usr Pwd2Pwd exit else echo Login ok else echo Login Daten konnten nicht korrekt bermittelt werden Bitte melden Sie sich nocheinmal an lt br gt echo Fehler Isset if echo VerifyBenutzerld echo VerifyPasswort exit GE Zuerst wird das Vorhandensein und der Wert der Session Variable ssAGemein
145. st Wenn nun die Gemeindeld gr er als 0 ist oder SAGemeindeNummer im Falle des SuperAdmins gesetzt ist wird das Men des Gemeinde Admins eingeblendet if GemeindeId gt 0 and LoginError 1 SQLQuery SELECT gem name FROM gemeinden WHERE gem id GemeindeId SQueryString mysql query SQLQuery or die WHOOPS Keine Verbindung zur Datenbank DatenSatz mysql_fetch array QueryString GE VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 53 lt h3 gt lt DatenSatz gem_name gt lt h3 gt lt a class ContentLink href gemeinde php gt Gemeindeseite lt a gt lt br gt lt br gt lt a class ContentLink href einrichtungen php mod show gt Einrichtungen lt a gt lt br gt lt br gt lt a class ContentLink href news php mod show gt News lt a gt lt br gt lt br gt lt a class ContentLink href wallfahrten php mod show gt Wallfahrten lt a gt lt br gt lt br gt lt a class ContentLink href links php mod show gt Links lt a gt lt br gt lt br gt lt a class ContentLink href presse php mod show gt Pressematerial lt a gt lt br gt lt br gt SAt da CT cl lt gt Wie auch im SuperAdmin Bereich wird aus der Datenbank der Name der Gemeinde ausgelesen und als berschrift des Men s angezeigt bergabe der Session Sicherheit in Folgedokumenten Um zu verhindern d
146. stieg auf eine dreif rbige Version Durch die hellen Men felder auf dunklerem Hintergrund bekommt die Seite ein transparentes Erscheinungsbild Die Rahmen um die Men s und Textfelder wurden entfernt was das Design allgemein leichter und offener wirken l sst Weitere nderungen e Angabe des aktuellen Pfades in der Titelleiste des Mittelst cks Hier wird dem User angezeigt wie tief er bereits in die Men struktur vorgedrungen ist gleichzeitig kann man durch Klicken auf die Namen im Pfad wieder auf vorige Seiten zur ckkehren e Ausbau des rechten Men s News Im obersten Abschnitt werden die berschriften der f nf aktuellsten News Berichte angezeigt Der Inhalt ist abh ngig von der Seite auf der man sich gerade befindet Ist es eine Regionsseite liest man die f nf neuesten Nachrichten der jeweiligen Region bei einer Gemeindeseite nur die der aktuellen Gemeinde Auf der Startseite werden die neuesten Eintr ge der gesamten Via Sacra angezeigt Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 10 Kultur hnlich wie bei den News beziehen sich die hier gesammelten Links Kulturdenkm ler kirchliche Denkm ler und sonstige Denkm ler entweder auf die gesamte Strecke eine Region oder Gemeinde Durch Klicken wird man zu einer bersichtsseite der gew hlten Denkm ler weitergeleitet Mittwoch 10 April 2002 11 30 bis 14 00 Uhr Projektstudien bei Prof Klein Anwesend
147. t Kamera und Mikrofon nach Lilienfeld wo ich den B rgermeister von Lilienfeld interviewt habe Das gab mir die Gelegenheit mich mit dem Projekt n her zu identifizieren was vor dem Computer unm glich ist W hrend der Arbeiten am Projekt gab es einige kleinere Wortgefechte innerhalb des Teams die meist ich vom Zaun gebrochen habe weil ich denke dass es wichtig ist das Team ab und zu etwas wachzur tteln Alles in allem aber ging alles reibungslos ber die B hne und ich m chte an dieser Stelle dem Team meinen Dank f r die gute Zusammenarbeit aussprechen Wir haben meiner Meinung nach ein gutes kompaktes solides und an den Kunden angepasstes Projekt abgeliefert VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 12 Julia Malcik Geboren am 11 08 1980 Arbeitsbereiche F hren des Projekt Tagebuchs e Zusammenfassen der Dokumentation e Konzept und Regie des Begleit Videos e Kameraf hrung an beiden Drehtagen e Schnitt und Vertonung des Videos e Mitarbeit an der Entwicklung des Designs Kontakt admin jackal at http jackal at Pers nliche Worte zum Projekt Vermutlich werden mir alle anderen Mitglieder unserer Diplomgruppe zustimmen wenn ich sage dass ein gutes Team die Grundvoraussetzung f r ein gelungenes Abschlussprojekt ist Dass wir vier gemeinsam eine Gruppe bilden w rden stand eigentlich bereits fest lange bevor es noch ein Projekt gab Nich
148. t den eintr gen der Datenbank verglichen menulinks php ist das einzige Dokument welches die Informationen ber GET erh lt Alle anderen Dokumente bekommen die Login Daten ber eine Session bermittelt um einfaches herauslesen aus der URL Zeile zu vermeiden und die Sicherheit zu erh hen Der Abgleich des eingetragenen Benutzernamens des Passworts und der dazugeh rigen Gemeinde l uft folgenderma en ab SBenutzerNameForm BenutzerName PasswortForm Passwort SOoLQuery SELECT FROM user WHERE user BenutzerName AND gem id SGemeindeNummer SQueryString mysql query SQLQuery or die WHOOPS Keine Verbindung zur Datenbank DatenSatz mysql_fetch array QueryString BenutzerId DatenSatz user id SBenutzerName S SDatenSatz user Passwort DatenSatz pass Gemeindeld SDatenSatz gem id if isset BenutzerNameForm and BenutzerNameForm BenutzerName and SPasswortForm Passwort and GemeindeNummer Gemeindeld LoginError 1 else if isset BenutzerNameForm echo lt p style color A7124A gt Es ist ein Fehler bei der lt br gt Anmeldung aufgetreten lt br gt Bitte versuchen Si s lt br gt erneut lt p gt LoginError 2 Zuerst werden die Variablen BenutzerNameForm und PasswortForm mit den alten Inhalten des Formulars bef llt Dann werden ber ein SQL Query jene Benu
149. t nur die Tatsache dass wir uns auch privat sehr gut verstehen machte dies klar sondern genauso der Umstand dass wir einander innerhalb der Gruppe gut erg nzen da jeder seine eigenen anderen Spezialgebiete hat Als gegen Ende des Sommers feststand dass wir das Projekt Via Sacra umsetzen w rden konnte ich mir und ich denke es ist den meisten von uns so ergangen noch nicht wirklich viel darunter vorstellen Wir wussten nur dass es sich um eine Web Plattform handeln sollte was unseren urspr nglichen Vorstellungen von einem Diplomprojekt entsprach da wir in so einem Projekt die unterschiedlichsten Bereiche unterbringen konnten die wir im Unterricht am Multimedia Kolleg durchbesprochen hatten Es w rde also sowohl Programmierarbeit sein als auch Entwicklung eines Designs Nach und nach wuchs jedoch eine klare Vorstellung des Projekts und mit ihr unsere Begeisterung daf r Ich habe den Eindruck dass auch unsere schulischen Projektbetreuer Herr Fiala und Herr Klein immer einen recht guten Eindruck von unserem Projekt hatten beide hatten erstaunlicherweise einen Bezug zum Thema Pilgern und kannten die Via Sacra was die Kommunikation wesentlich entspannte und erleichterte Mein kurzfristiges Problem war die Aufteilung der Arbeitsbereiche Es war klar dass Markus und Clemens die Programmierarbeit bernehmen Clemens zus tzlich die Erstellung der Flash Karte Lisa und ich wollten urspr nglich das Design bernehmen aber wir ste
150. te dann vom Programm berechnet werden ein Vorgang der ber eineinhalb Stunden in Anspruch nahm Wie auf diesem Bild oben zu erkennen ist findet man im Nachspann noch das alte Logo der Via Sacra Das liegt daran dass wir das neue Logo erst nach der Fertigstellung des Nachspanns erhalten haben Ein neuerliches Rendern des Nachspanns h tte jedoch zu viel Zeit gekostet die wir f r die Fertigstellung des Hauptteils ben tigt haben Nachdem der Nachspann jedoch ohnehin nicht bei der Pr sentation gezeigt wird sahen wir das das alte Logo nicht als St rfaktor und nahmen von einem neuerlichen Rechnen des Nachspanns Abstand 2 8 Kompression Die Kompression des fertigen Media 100 Videos erfolgte mittels der Software Media Cleaner 5 Der Vorgang der Kompression beinhaltet das Laden der ca 3 5 GB gro en Media 100 Datei in den Cleaner das Einstellen der gew nschten Ausgabeoptionen und dem Rechenvorgang Verwendeter Kompressor Sorenson High End Nach einigem Experimentieren entschieden wir uns f r diesen Kompressor da er im Vergleich zu anderen Varianten die eindeutig besseren Ergebnisse lieferte sowohl hinsichtlich Bildqualit t als auch bez glich Datenmenge Der Kompressionsvorgang beinhaltet das Codieren des Bildmaterials die Kompression der Audiodaten und das anschlie ende Zusammenf gen der Audio und Videodaten in eine gemeinsame Datei flattening Video Einstellungen Datenmenge 640x480 bei 25 Bildern pro Sek
151. tions Cap id typ typ_id AND typ menu wanderrouten AND loc_name LIKE begriff OR typ_name LIKE Sbegriff OR beschreibung LIKE begriff OR strasse LIKE begriff OR plz LIKE begriff OR ort LIKE begriff OR baustil LIKE begriff OR altar LIKE begqgriff OR messen LIKE begriff OR geweiht LIKE begriff ORDER BY loc_name Ia Datenbankabfrage f r Suche nach Wallfahrtsberichten SELECT FROM wallfahrten WHERE header LIKE begriff OR body LIK Sbegriff ORDER BY datum DESC je VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 44 Datenbankabfrage f r Suche nach allgemeinen Touristeninformationen SELECT FROM locations typ WHERE Locations Cap id typ typ_id AND typ menu tourismus AND loc name LIKE begriff OR typ name LIKE begqriff OR beschreibung LIKE begriff OR strasse LIKE begriff OR plz LIKE begriff OR ort LIKE begriff OR baustil LIKE begqriff OR altar LIKE begriff OR messen LIKE begriff OR geweiht LIKE begriff ORDER BY
152. tzer aus der Datenbank ausgew hlt deren Benutzername und dazugeh rige Gemeindenummer mit denen aus dem Formular bereinstimmt Dieses SQL Statement erm glicht es aber auch mehrere gleiche Benutzer mit gleichen Passw rtern f r verschiedene Gemeinden zu haben Im Anschluss an die Datenbankabfrage werden die Variablen BenutzerId BenutzerName Passwort und Gemeindeld mit den Ergebnissen der Abfrage gef llt Liefert die Abfrage ein leeres Ergebnis bleiben nat rlich auch diese Variablen leer VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 50 Anschlie end werden die Daten der Abfrage mit denen der Formulareingabe verglichen Eine isset Anweisung vermeidet wieder Fehler die bei Windows NT Rechnern auftreten k nnen Stimmen die Daten berein wird LoginError auf 1 gesetzt ist dies nicht der Fall erh lt sLoginError den Wert 2 Die Gefahr dass LoginError von au en durch GET gesetzt wird besteht nicht da die Variable intern beim Vergleich von Benutzername und Passwort wieder berschrieben wird Registrieren der Variablen in der Session Im n chsten Schritt werden einige Variablen in die Session geschrieben um sie nach bergabe an ein nachfolgendes Dokument wieder auslesen zu k nnen Au erdem wird so verhindert Variablen ber manuelle Eingabe durch GET im Skript zu erzeugen und auch zu initialisieren da diese von den Session Variablen berschrieben werden Fol
153. um ein paar Statements von Passanten und Besuchern einzuholen 15 30 R ckfahrt nach Wien Das ausgeliehene Material wurde noch am selben Tag wieder an die Graphische zur ckgebracht Via Sacra Anhang Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 13 Fazit e ca 45 Minuten wurden gedreht e die Fotos die als Erg nzung zum Making of Material gedacht waren gingen leider aufgrund eines Formatierungsfehlers im Smart Media Reader verloren Samstag 4 Mai 2002 Interview online Markus Hahndl stellt einen Rohschnitt des B rgermeister Interviews komprimiert als mp3 online http leo graphische at viasacra sound buergermeister mp3 Dienstag 7 Mai 2002 Neue Version der Flash Karte KIDS Karte vergr ern Wien e Die Farben der Via Sacra Brunn Seite wurden eingearbeitet Perchtoldsdorf Rohrbach Alland e Bedien Kn pfe zoom in zoom out Namen Sn Tann ein ausblenden und Karte in den Ausgangszustand zur cksetzen Heiligenkreuz St Veit a d Gelsen Hainfeld Tumiz Hohenberg e Der Kartenausschnitt kann mit der Maus verschoben und so den Bed rfnissen der Benutzer angepasst werden Mittwoch 8 Mai 2002 14 00 bis 16 00 Uhr Videoschnitt bei Prof Klein Anwesend Lisa Schlichting Julia Malcik Peter Klein e Digitalisieren des gedrehten Materials e Erste berlegungen zum Aufbau des Videos Arbeits Ausr stung Schnittplatz Mac
154. unde L nge 5 Minuten 10 Sekunden 73 3 MB VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 76 Die Ausgabe der fertigen Datei erfolgte als Quicktime Video mit der Dateierweiterung MOV Zum Abspielen des Videos ist Quicktime ab Version 3 erforderlich Die Installation eines eigenen Decoders f r Sorenson ist nicht erforderlich Das gro e Video l uft mit 25 Bildern Frames pro Sekunde um einen ruckelfreien Bildlauf zu gew hrleisten w hrend die kleine Version sich auf 12 5 Frames beschr nkt da dies bei einer Gr e von 320x240 f r die st rungsfreie Wahrnehmung gen gt und die Datenrate zus tzlich reduziert Eine Vollversion des Videos finden Sie auf der der Dokumentation beiliegenden CD ROM VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 77 2 9 Probleme bei der Entwicklung e Die uns versprochenen Dreh Gelegenheiten bei den von Herrn Leitner immer wieder erw hnten Gemeinde Workshops kamen leider nie zustande da wir keine Filmerlaubnis f r diese Veranstaltungen erhielten Grund daf r war dass einige Gemeinden noch nicht fest entschlossen waren berhaupt bei dem Projekt Via Sacra mitzumachen und nicht durch Kamerapr senz verschreckt werden sollten e Kurzfristig war geplant auch Fremdmaterial in unser Video einzubinden da nicht sicher war ob wir selbst gen gend Landschaftsmaterial drehen w rden Der
155. us lustigen Szenen und netten Spr chen besteht die f r die Pr sentation nicht notwendig sind Au erdem steht bei der Pr sentation nicht gen gend Zeit zur Verf gung um das ganze Video vorzuspielen VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovsky Lisa Schlichting 62 2 1 Allgemeines 2 1 1 Beteiligte Regie Julia Malcik Lisa Schlichting Clemens Prerovsky Kameraf hrung Julia Malcik Tontechnik Interviewf hrung mit dem B rgermeister Markus Hahndl Videoschnitt Lisa Schlichting und Julia Malcik Interviews mit Pilgern und Spazierg ngern Lisa Schlichting Projektbetreuung und technische Unterst tzung Peter Klein Graphische Informationen zu Veranstaltungen und interessanten Personen Ernst Leitner 2 1 2 Sprache Das Video existiert nur in einer deutschsprachigen Version da die Zielgruppe und vor allem die Interviewpartner vorrangig sterreicher sind 2 1 3 Einsatzgebiet des Videos Beide Videos im Endzustand waren nie f r ffentliche Vorf hrungen gedacht daher wurde keine Vorf hr Rechte f r die Musik gekauft Falls doch kommerzielles Interesse von Seiten des Webplattformauftraggebers kommen sollte wird das Video ohne Musik zur Verf gung gestellt Das Video wird f r die Abschluss Diplomarbeit der Multimedia Kollegs produziert zur Unterst tzung der Pr sentation und als Imagevideo f r Au enstehende um einen Eindruck von der Via Sacra zu bekommen 2 1 4 Die Zielgruppe
156. vorten Extras Q Zur ck el a 8 Merabtz Abbrechen Aktualisieren Startsete Adresse VIA SACRA SUCHE Er ffnung einer 23 04 2002 LESERBEREICH Herbert Hurt herbert hurt furt ade HISTORISCHES Via Sacra in drei Tagen wandern ck Der britische Premierminister Tony Blair ist feiert 35 J hriges indes das erste Mal ffentlich von einem Jubil um REGIONEN F hrenberge N Milit rschlag gegen den Irak in kurzer Zeit T rnitzer Blumenmarkt Wienerwald abger ckt Im britischen Unterhaus sagte Blair er ffnet am Samstag G lsental gestern Die Zeit f r ein milit risches Handeln e B ch hat ist noch nicht gekommen E Er f gte aber hinzu dass die Walt ein sicherer Aktionstage 10 Platz ohne Saddam Hussein w re Die ORTSPL Entwicklung von Massenvernichtungsvaffen durch den Irak sei eine ernste Bedrohung KULTUR Oberes Traisental Marlazeller Land GEMEINDEN Rohrbach Der britische prantan Tony Blair ist kulturelles Angebot St Ae Neuwald indes das erste Mal ffentlich von einem st eh Ee Milit rschlag gegen den Irak in kurzer Zeit kirchliche Denkm ler Lu abger ckt im britischen Unterhaus sagte Blair sonstige Denkm ler Traisen gestern Die Zeit f r ein milit risches Handeln NATUR T mitz D die Weit ein sicherer Wanderrouten Platz oben ddam Hussein w re Die Wallfahrt Entwicklung von Massenvernichtungswaffen TOURISMUS durch den Irak sei eine arnste Bedro
157. wenden oder zu mischen Aus Unachtsamkeit legten wir zun chst den von CD eingespielten analogen Ton des B rgermeister Interviews auf die gleiche Spur wie die digitalen Interviews da sich auf der Analogspur bereits die Hintergrundmusik befand Dies f hrte dazu dass der digitale Ton nur mehr ganz leise und unvollst ndig zu h ren war Auch nach dem Verschieben des B rgermeister Tons in die Analogspur lie sich dies nicht beheben Der digitale Ton kam erst wieder zur Geltung als wir auf Anraten von Herrn Klein s mtliche digitale Audiotracks von stereo auf mono stellten e Am zeitaufw ndigsten war die Aufbereitung des Videos f r CD da das Komprimieren unerwartete Schwierigkeiten machte Das zuerst berechnete kleine Video 320x240 Pixel ruckelte beim Betrachten unangenehm au erdem war es f r eine Vorf hrung bei der Pr sentation zu klein und verpixelte bei Vergr erung Daher entschlossen wir uns eine gr ere Version zu erstellen dies scheitere jedoch mehrmals aufgrund von zu wenig freiem Speicherplatz offensichtlich zu fr h ausgeschalteten Rechnern oder anderen Programmfehlern Da wir die Videos meist ber Nacht rechnen lie en konnten wir die Fertigstellung nicht selbst berwachen Statt wie geplant zwei Tage daf r aufzuwenden mussten wir ber eine Woche lang immer wieder neue Einstellungen vornehmen und den Kompressionsprozess erneut starten VIA SACRA Projektdokumentation Markus Hahndl Julia Malcik Clemens Prerovs

Markus Hahndl

Contents

Download Pdf Manuals

Related Search

Related Contents