Medien Wiki - User contributions [en]

MODEN:DIAL 8-2-6 for MULTIPLE

2010-04-19T19:30:22Z

Alex V.:

[[:Category:Werkmodul|Werkmodul]] 
''SS 10'' 
''4 SWS, 6 ECTS'' 
[[:Category:Felix Sattler|''Felix Sattler'']]

http://www.printmag.com/CMSAssets/In%20Print/RDA09/FW-104.826_apothacary_flat.jpg
©826 National Stores, The Pirate Supply Store [http://www.printmag.com/Article/RDA-2009-Offices-pirate-supplies-for-826-Valencia view image source]
====English description====

"Dial 8-2-6 for Multiple" is a funky yet intelligent adventure into alternative corporate identities. The class will follow the role model of the U.S. 826 National stores and invent and (re)design a range of amazing products that we will be able to sell/distribute as multiples.
So if you like to become an entrepreneur and design your own line of products (i.e. stationery, clothes, toys, whatever) you are very welcome to join us! The class will look into the history of brand identity as well as into practical aspects of graphic design, typography, layout, prepress and print production. A comprehensive introduction into Adobe Illustrator and InDesign is part of the package. Those who are daring enough to dive into art history may also have a possibility to review the history of the multiple as a visual arts practice since the 1960.

http://www.dionlabel.com/tl_files/dion/images/Summer%202009%20Blog/robot%20826.JPG
©826 National Stores, The Liberty Street Robot Supply and Repair [http://www.dionlabel.com/blog-reader/items/id-826-national.html view image source]
====Deutsche Beschreibung====

''"At the same time, the volunteers at 826 Valencia began making their own products. Using toilet plungers and handkerchiefs, they made beautiful custom-fitted peg-legs. They packaged beard extensions, created special-occasion eye patches, and created a line of planks for all weights and eventualities. Soon the store had its own aesthetic and even a certain mythology. The work was fun." ''(aus: Essentially Odd, Katalog der 826 National stores)

"Dial 8-2-6 for Multiple" ist ein phantasievoller und intelligenter Ausflug in die Welt des alternativen Corporate Design. Dem Vorbild der 826 National stores folgend, entwerfen wir Produkte und Marken für den alltäglichen Bedarf von Superhelden, Meerjungfrauen, Riesenschildkröten und ähnlich bedürftige Zielgruppen.

====Kursinhalte & -ziele====

Kursinhalte sind Entwurf und Umsetzung eines kleinen Produktsortiments in Einzel- oder Gruppenarbeit (ca. 3 Produktentwürfe als Übungen + ein in vollem Umfang realisierter Abschlussentwurf). Eine zentrale Rolle wird darin das Verpackungsdesign mit Logos, Typographie und anderen grafischen Elementen einnehmen. Begleitend finden Workshops in Adobe Illustrator und InDesign statt. Kursziel ist die Erlangung künstlerisch-gestalterischer Kompetenzen im Entwurf von (alternativen) Marken- und Produktidentitäten in Verbindung mit der Befähigung zur kritischen Reflexion über deren ökonomisch-ästhetische Funktions- und Wirkweisen.
Im Kurs werden neben dem Produktsortiment der 826 National Stores wichtige Markenidentitäten aber auch künstlerische „Corporate Identities“ besprochen.
Bestanteil des Kurses ist eine Exkursion in die Dauerausstellung des Museum der Dinge (Berlin).

====Leistungsnachweis====

*Anwesenheit und aktive Teilnahme am Plenum und den Einzelkonsultationen (20% der Abschlussnote).
*Anfertigung der Übungs- & Hausaufgaben und der Abschlussaufgabe inkl. Endpräsentation (60%).
*Kurs-Dokumentation (20%).

====Literatur====

*Eggers, Dave (Hg.): Essentially Odd. A Catalog of Products Created For and Sold at the 826 Stores; 826 National, 2009; ISBN 978-1934750094

*Benjamin, Walter: Das Kunstwerk im Zeitalter seiner techischen Reproduzierbarkeit; in: Engell/Pias/Fahle/Vogl, Neitzl (Hg.): Kursbuch Medienkultur, DVA, 2000, S.18; ISBN 3-421-05310-1

*Weibel, Peter: Kunst ohne Unikat. Multiple und Sampling als Medium: Techno-Transformationen der Kunst; Verlag der Buchhandlung Walther König, Köln, 1999; ISBN 3-88375-354-8

*Buchholz, Daniel & Magnani, Gregorio: International Index of Multiples. From Duchamp to the Present; Spiral/Wacoal Art Center, Tokyo, Verlag der Buchhandlung Walther König, Köln, 1993; ISBN 3-88375-174-x

*Zdenek, Felix (Hg.): Das Jahrhundert des Multiple. Von Duchamp bis zur Gegenwart; Oktagon Verlag, 1994; ISBN 3-927789-29-1

* Glenn, Constance W.: The Great American Pop Art Store. Multiples of the Sixties; Smart Art Press, 1997; ISBN 978-0936270364

*Flagmeier, Renate: Kampf der Dinge. der Deutsche Werkbund zwischen Anspruch und Alltag; Koehler & Amelang, Leipzig, 2008; ISBN 978-3-7338-0364-3; darin besonders: Flagmeier R.: Über das Entzeichnen und das Bezeichnen der Dinge; Seite 12 – 22

*Topps Company / Abrams, Harry N.: Wacky Packages; Harry N. Abrams; 2008; ISBN 978-0810995314

*Adbusters-Magazin, alle Ausgaben

*Williams, Gareth: Branded? Products and their personalities; Victoria & Albert Museum, 2000; ISBN 978-1851773251

*Wiedemann, Julius: Logo design; Taschen Verlag, 2007; ISBN 978-3-8228-4622-3

* Aicher, Otl & Bachtin, Miachail: Design & Politik. Texte zur gesellschaftlichen Relevanz gestalterischen Schaffens; Fachhochschule Würzburg-Schweinfurt, 2005; ISBN 3-9810428-0-8

====Links====

'''Multiples und Editionen'''
* [http://www.onestarpress.com/-Multiples- Multiples im Verlag von onestarpress.com]
* [http://www.artmetropole.com/index.cfm?fuseaction=shop.FA_dsp_browse_results&CategoryID=75F24FD3-42D5-4F94-A069-7BDA786B584B Multiples im Verlag von artmetropole.com]
* [http://images.google.de/images?um=1&hl=de&client=firefox-a&hs=y1u&rls=org.mozilla%3Ade%3Aofficial&tbs=isch%3A1&sa=1&q=duchamp+boites+en+valise&aq=f&aqi=&aql=&oq=&gs_rfai=&start=0 Marcel Duchamps ''Boîte-en-valise'' (Google Bildersuche)]
* [http://de.wikipedia.org/wiki/Liste_der_Multiples_von_Joseph_Beuys Wikipedia-Eintrag über die Multiples von Joseph Beuys]
* [http://images.google.de/images?q=beuys+multiples&oe=utf-8&rls=org.mozilla:de:official&client=firefox-a&um=1&ie=UTF-8&ei=fze_S-GeA5aVOLWyoZcE&sa=X&oi=image_result_group&ct=title&resnum=4&ved=0CC4QsAQwAw Joseph Beuys Multiples (Google Bildersuche)]
* [http://images.google.de/images?q=brillo+box&oe=utf-8&rls=org.mozilla:de:official&client=firefox-a&um=1&ie=UTF-8&ei=HwTDS7H1J43p-QbN06jqCA&sa=X&oi=image_result_group&ct=title&resnum=1&ved=0CBsQsAQwAA Andy Warhol ''Brillo Box'' (Google Bildersuche)]
* [http://www.edition-staeck.de/ Edition Staeck, Multiples u.a. von Joseh Beuys]

'''Alternative Produkte/Marken'''
* [http://www.826national.org/stores/ 826 National Stores (Hauptseite)]
* [http://www.drbronner.com/DBMS/LS.htm Dr. Bronner’s Magic Soaps][http://www.drbronner.com/timeline.html Unternehmensgeschichte]
* [http://www.humanbeans.net Human Beans][http://humanbeans.net/powerpizza Powerpizza Laptop-Hülle]

'''Echte und fiktive (Künstler-)Marken/Produkte'''
* [http://www.volksboutique.org Christine Hill und Volksboutique.org]
* [http://www.ingoldairlines.com/start_set.htm Res Ingold, ''Ingold Airlines'']
* Philippe Cazal, Collection ([http://opac.ub.uni-weimar.de/DB=1/SET=1/TTL=1/CMD?ACT=SRCHA&IKT=1016&SRT=YOP&TRM=kunstforum+international+betriebssystem+kunst Artikel in Kunstforum International, Band 125, 1994, S. 78])

'''Culture Jamming'''
* [http://en.wikipedia.org/wiki/Culture_jamming Wikipedia(EN)-Eintrag zu ''Culture Jamming'' mit vielen Links]
* [https://www.adbusters.org/ Adbusters Magazine]

====Curriculum====

12. April 2010
:*Vorstellung der Kursinhalte, Informationen zu Aufgabenstellung/Leistungsnachweisen, Exkursionen, Referatsvergabe
:*Hausaufgabe
::Lektüre: Walter Benjamin: Das Kunstwerk im Zeitalter seiner techischen Reproduzierbarkeit (siehe Literaturliste oben)
::Pitching Added Value: jeweils ein 826 National Produkt oder Produktgruppe auswählen und einen „Pitch“ dafür vorbereiten. Ziel des Pitchs ist eine überzeugende Vorstellung des Produkts, dessen ideeller und materieller Qualitäten
----
19. April
:*Besprechung der Hausaufgabe vom 12. April: Text Benjamin und Präsentation 826-Pitchings
:*Präsentation: "Designing Volksboutique -- Labels&Logos für Christine Hill 2006 - 2009" (Felix)
:*Hausaufgabe: Lektüre Renate Flagmeier: Über das Entzeichnen und das Bezeichnen der Dinge; siehe Literaturliste (oben)
:* http://www.youtube.com/watch?v=Nx7v815bYUw/ Apple Keynote - Zusammenschnitt Gebrauch von Adjektiven (Bitte verschieben, wenn an dieser Stelle unpassend)
----
26. April
:*'''Exkursion''' ins [http://www.museumderdinge.de/ Museum der Dinge] in Berlin
:*Hausaufgabe
::Lektüre: Buchholz/Magnani: Introduction, in: International Index of Multiples, Seite 7 – 12 (siehe Literaturliste)
----
3. Mai
:*'''Adobe CS Workshop''', Teil 1: Illustrator
::*SCC, Medienhaus, Pool 3, 17 – 22 Uhr
----
10. Mai
:*Kurzreferat:
----
17. Mai
:*'''Adobe CS Workshop''', Teil 2: InDesign
::*SCC, Medienhaus, Pool 3, 17 – 22 Uhr
----
24. Mai '''Kein Plenum! Pfingstmontag'''
----
31. Mai
:*Kurzreferat:
----
7. Juni
:*Kurzreferat:
----
14. Juni
:*Kurzreferat:
----
21. Juni
:*Kurzreferat:
----
28. Juni
:*Kurzreferat:
----
5. Juli
:*Abschlussbesprechung, Vorbereitung für Mediengang
----
12. Juli
:*Aufbau Mediengang

==== Referatsthemen ====

*Marcel Duchamp
*Joseph Beuys
*Daniel Spoerri / Edition MAT
*Fluxus, George Maciunas, Edition Hundertmark (evtl. zwei Referate)

[[Category:SS10]]
[[Category:Felix Sattler]]
[[Category:Werkmodul]]

[[Category:SS10]]
[[Category:Felix Sattler]]
[[Category:Werkmodul]]

IFD:Webprogrammierung AV

2010-04-01T13:11:33Z

Alex V.:

== '''Link:''' ==

http://hundertneun.com/pomodaba/index.html

http://hundertneun.com/pomodaba/index3.html (i-Frame-Version)

== '''Vorwort:''' ==

Es handelt sich bei diesem Projekt um einen Testdummy, der weder mit später beschriebenen Datenbank ausgestattet ist, noch irgendwelche Funktionen (Menü, etc.) aufweist.
Der Grund ist folgender: Ich habe feststellen müssen, dass es deutlich schwerer wird eine Datenbank an ein bestehendes Design zu koppeln, als Datenbankfeatures mit einem Design zu versehen. Es wird also nötig sein, zuerst eine passende Datenbank zu finden und darauf basierend ein Layout zu gestalten.
Alle klickbaren und nötigen Links zur Navigation sind standartmäßig blau gefärbt und unterstrichen, was natürlich im Endprodukt verschwinden wird. Alle für die Zukunft angedachten Features, die jetzt vielleicht auf Grund der fehlenden Datenbank nicht eingebunden wurden, sind farblich gekennzeichnet.

== '''Idee:''' ==

Immer mehr Speicherplatz und immer schnellere Wege des Datenaustauschs sorgen dafür, dass auch immer mehr digitale Daten nicht mehr nur kurzzeitig zwischengespeichert, sondern nahezu schon archiviert werden (können). Aus persönlicher Erfahrung und „Sammelleidenschaft“ habe ich mir immer schon eine lokale Filmdatenbank gewünscht, die alle Videoformate auf dem Rechner oder auf Wechseldatenträgern (Ext. HDD, UsB-Stick, ...) auslesen und browserbasierend wiedergeben kann. Natürlich gibt es verschiedenste Datenbanksysteme und Webseiten, die alle nötigen und möglichen Informationen der Filmgeschichte bereitstellen, allerdings fehlt mir die übergreifende Kompatibilität und Personalisierung.
Ziel meines Projektes soll daher sein:
Ein System zu entwickeln, dass relevante Dateitypen auf Speichermedien erkennt und explizit benennen kann
Eine Datenbankstruktur im „Backend“, die vor allem dezent und möglichst speicherplatzsparend arbeitet, aber zudem definitiv einen Abgleich zu bestehenden Datenbanken leisten und diese lokal „spiegeln“ muss
Eine Oberfläche zu schaffen, die eine maximale Kompatibilität unabhängig von System oder Endgerät bietet
Besonderen Wert möchte ich auch auf die Idee von „Pack & Go“ legen, was heißen soll, dass es dem Nutzer möglich sein soll beispielsweise eine externe Festplatte mit Filmdateien zu füllen, die pmdb ebenfalls auf dieses Medien zu ziehen und somit an jedem Rechner der Welt einfach per „Plug & Play“ seine Filmsammlung auf dem neuesten Stand verfügbar zu haben.

== '''Umsetzung:''' ==

[[Image:layout.jpg]]

Das Grundlayout ist dreigeteilt: Die Bereiche '''1''' und '''3''' bilden einen grafischen Rahmen (Filmstreifen) um den eigentlichen Inhaltsbereich '''2'''. Diese drei div-Container werden in einem übergeordneten div-Container ausgerichtet (float:left), der zugleich alles horizontal zentriert. Die Größe dieser div-Box beträgt 960 x 600 px, eine mehr oder weniger gebräuchliche Auflösung, die weites gehend auf allen gängigen Monitoren ohne störende Scrollbalken funktioniert. Eine Auflösung von 800 x 600 px wurde bewusst nicht beachtet, da schätzungsweise nur etwa 10 – 15% der weltweiten PCs noch diese Auflösung bevorzugen. Die eigentliche Seite ist also statisch, die Hintergrundgrafik „wächst“ natürlich auflösungsabhängig mit.
Das Design soll einen Filmstreifen imitieren, den man vertikal im Browser auf- und abrollen kann. Um diesen Effekt zu erzeugen muss die Seite natürlich vertikal scrollbar sein, d.h. sie muss „länger“ als das Browserfenster sein. Aus diesem Grund wurden die Maße auf 960 x 3000 px erhöht und bei der i-Frame-Version der sichtbare Bereich wieder auf 960 x 600 px begrenzt, was einem Sinnabschnitt entspricht.
Diese Webseite besteht also aus nur einer .html-Seite, die man in Sinnabschnitte unterteilen kann. Prinzipiell entspricht also ein Sinnabschnitt einer Seite, die ich nun aufliste:

'''Seite 1:'''

[[Image:welcome.jpg]]

Dieser Sinnabschnitt ist sozusagen die Startseite. Hier wird der Nutzer begrüßt und erhält eine kurze Einführung. Zudem soll ein „Hilfe-Menü“ hier präsentiert werden, dass sich je nach Sinnabschnitt anpasst.
Unterhalb des Begrüßungstextes findet man eine Übersicht der fünf Filme, die zuletzt ins System eingetragen wurden. Per Klick auf das Filmplakat gelangt man auf die entsprechende Detailansicht dieses Films. Der hier angedeutete Mouse-over-Effekt wird mit dem jquery-Effekt CSS Dock Menu (http://www.ndesign-studio.com/blog/css-dock-menu) ersetzt.

'''Seite 2:'''

[[Image:filmsuche.jpg]]

Dieser Sinnabschnitt beschreibt die Suchmaske. Die Suchfunktion hängt sehr eng mit der Datenbankstruktur zusammen, daher soll exemplarisch gezeigt werden, was mögliche Suchattribute sein können. Ebenfalls noch nicht sicher ist, ob der Nutzer seine Suche frei eingeben darf/muss (siehe Titel, Regie, Cast) oder alles per drop-down (siehe Genre, Jahr, Land) geregelt werden kann.
Das Suchergebnis mit der höchsten Übereinstimmung wird direkt rechts neben das Suchfeld angezeigt und verlinkt. Das Suchergebnis stellt nur minimalste Informationen bereit; der Film kann aber durch die angegebenen Links genauer betrachtet werden.
Die Suchergebnisse mit weniger Relevanz werden unter der eigentlichen Suchmaske ebenfalls aufgeführt, so dass beispielsweise Filme ähnlichen Titels, mit gleichen Schauspielern, aus dem gleichen Jahr oder vom gleichen Regisseur ebenfalls per Klick aufrufbar sind.

'''Seite 3:'''

[[Image:filmdetails.jpg]]

Dieser Sinnabschnitt zeigt eine Detailansicht eines ausgewählten Films. Neben dem Filmplakat werden elementare Informationen wie Titel, Genre und Handlung angeboten. Zusätzlich hat der User auch die Möglichkeit sich durch den passenden Trailer zu informieren und erhält zudem tiefergehende Angaben wie die Besetzungsliste.
Festzuhalten ist noch, dass der Link „Film ansehen“ eine externe Verknüpfung zu einem MediaPlayer beschreibt; der Film wird also nicht im Browser geöffnet.
Angedeutet durch den Link „Fantasy“ sollen alle hier aufgeführten Punkte, bis auf „Handlung“, verlinkt sein, so dass man beispielsweise bei Klick auf „Genre“ --> „Fantasy“ alle Filme dieses Genres aufgelistet bekommt oder bei Klick auf einen Schauspieler alle Filme, in denen er mitwirkt. Auch hier wieder das bekannte Problem der serverseitigen Anbindung.

'''Seite 4:'''

[[Image:film_eintragen.jpg]]

Dieser Sinnabschnitt bietet die Möglichkeit Filme manuell in die Datenbank einzutragen. Für den Fall, dass das Backend Filme von Speichermedien falsch oder gar nicht automatisch erkennt, hat der Benutzer hier die Möglichkeit Filme eigenhändig hinzuzufügen. Diese Methode ist sicherlich bei einer Fülle von Dateien recht aufwendig und zeitraubend, aber auch hier gilt wieder, dass das Datenbanksystem bestmöglich ausgewählt werden muss, damit eine manuelle Eintragung ein Sonderfall bleibt.
Die Eintragungsmaske orientiert sich am bekannten Suchfeld, erweitert durch mögliche Angaben von URLs, beispielsweise von imdb (http://www.imdb.de), die vorhandene Filmdetails dann importieren.
Unterhalb der Eintragungsmöglichkeiten befindet sich eine Aussicht auf kommende Neuerscheinungen. Diese Neuerscheinungen sollen genau so präsentiert werden wie die bereits eingetragene Filme im System, dürfen natürlich nicht als solche aufgeführt werden (siehe Seite 5).

'''Seite 5:'''

[[Image:filmübersicht.jpg]]

Dieser Sinnabschnitt listet alle vorhandenen Filme auf und soll so vor allem dem Nutzer, der sich ohne fixe Absichten einen Film aussuchen möchte, losgelöst von Genre, Jahr, etc., eine Übersicht bieten.
Alle Filme sind alphabetisch aufgeführt und lassen sich per Klick auf einen Anfangsbuchstaben begrenzen. Per Klick auf ein Filmplakat oder den Filmtitel springt die Seite zur Detailansicht (siehe Seite 3).

== '''Mein Anteil:''' ==

Prinzipiell habe ich alles eigenständig gecoded und soweit noch keine kompletten Scripte verarbeitet. Sehr hilfreich, gerade in Sachen Scrollen, fand ich die Seiten von David Walsh (http://davidwalsh.name/), wo ich mich auch in Fetzen bedient habe. Leider haben sich mehrere Scripte gegenseitig beeinträchtigt, so dass ich z.B. auf das obenerwähnte CSS Dock Menu zu Gunsten von Anchor-Scroll verzichten musste, um nur ein Problem zu nennen.

== '''Serverseitige Anbindung/Datenbank:''' ==

Nach zu langer Recherche sind momentan SQLite (http://www.sqlite.org/) und/oder web2py (http://www.web2py.com/) meine Favoriten um diesem Projekt wirklich Leben zu verleihen.
Vor allem soll diese „Website“ ja so kompatibel sein, dass auch die Datenbank nicht nur funktioniert, sondern auch auf externen Speichermedien startet und läuft. Nach meinen Erkenntnissen bietet sich hier die Sprache Python (http://www.python.de/) an, die web2py verwendet, was dann allerdings mein Projekt noch weiter von den Inhalten des Werkmoduls wegbringt.

IFD:Webprogrammierung AV

2010-04-01T12:58:05Z

Alex V.:

== '''Link:''' ==

http://hundertneun.com/pomodaba/index.html

http://hundertneun.com/pomodaba/index3.html (i-Frame-Version)

== '''Vorwort:''' ==

Es handelt sich bei diesem Projekt um einen Testdummy, der weder mit später beschriebenen Datenbank ausgestattet ist, noch irgendwelche Funktionen (Menü, etc.) aufweist.
Der Grund ist folgender: Ich habe feststellen müssen, dass es deutlich schwerer wird eine Datenbank an ein bestehendes Design zu koppeln, als Datenbankfeatures mit einem Design zu versehen. Es wird also nötig sein, zuerst eine passende Datenbank zu finden und darauf basierend ein Layout zu gestalten.
Alle klickbaren und nötigen Links zur Navigation sind standartmäßig blau gefärbt und unterstrichen, was natürlich im Endprodukt verschwinden wird. Alle für die Zukunft angedachten Features, die jetzt vielleicht auf Grund der fehlenden Datenbank nicht eingebunden wurden, sind farblich gekennzeichnet.

== '''Idee:''' ==

Immer mehr Speicherplatz und immer schnellere Wege des Datenaustauschs sorgen dafür, dass auch immer mehr digitale Daten nicht mehr nur kurzzeitig zwischengespeichert, sondern nahezu schon archiviert werden (können). Aus persönlicher Erfahrung und „Sammelleidenschaft“ habe ich mir immer schon eine lokale Filmdatenbank gewünscht, die alle Videoformate auf dem Rechner oder auf Wechseldatenträgern (Ext. HDD, UsB-Stick, ...) auslesen und browserbasierend wiedergeben kann. Natürlich gibt es verschiedenste Datenbanksysteme und Webseiten, die alle nötigen und möglichen Informationen der Filmgeschichte bereitstellen, allerdings fehlt mir die übergreifende Kompatibilität und Personalisierung.
Ziel meines Projektes soll daher sein:
Ein System zu entwickeln, dass relevante Dateitypen auf Speichermedien erkennt und explizit benennen kann
Eine Datenbankstruktur im „Backend“, die vor allem dezent und möglichst speicherplatzsparend arbeitet, aber zudem definitiv einen Abgleich zu bestehenden Datenbanken leisten und diese lokal „spiegeln“ muss
Eine Oberfläche zu schaffen, die eine maximale Kompatibilität unabhängig von System oder Endgerät bietet
Besonderen Wert möchte ich auch auf die Idee von „Pack & Go“ legen, was heißen soll, dass es dem Nutzer möglich sein soll beispielsweise eine externe Festplatte mit Filmdateien zu füllen, die pmdb ebenfalls auf dieses Medien zu ziehen und somit an jedem Rechner der Welt einfach per „Plug & Play“ seine Filmsammlung auf dem neuesten Stand verfügbar zu haben.

== '''Umsetzung:''' ==

[[Image:layout.jpg]]

Das Grundlayout ist dreigeteilt: Die Bereiche 1 und 3 bilden einen grafischen Rahmen (Filmstreifen) um den eigentlichen Inhaltsbereich 2. Diese drei div-Container werden in einem übergeordneten div-Container ausgerichtet (float:left), der zugleich alles horizontal zentriert. Die Größe dieser div-Box beträgt 960 x 600 px, eine mehr oder weniger gebräuchliche Auflösung, die weites gehend auf allen gängigen Monitoren ohne störende Scrollbalken funktioniert. Eine Auflösung von 800 x 600 px wurde bewusst nicht beachtet, da schätzungsweise nur etwa 10 – 15% der weltweiten PCs noch diese Auflösung bevorzugen. Die eigentliche Seite ist also statisch, die Hintergrundgrafik „wächst“ natürlich auflösungsabhängig mit.
Das Design soll einen Filmstreifen imitieren, den man vertikal im Browser auf- und abrollen kann. Um diesen Effekt zu erzeugen muss die Seite natürlich vertikal scrollbar sein, d.h. sie muss „länger“ als das Browserfenster sein. Aus diesem Grund wurden die Maße auf 960 x 3000 px erhöht und bei der i-Frame-Version der sichtbare Bereich wieder auf 960 x 600 px begrenzt, was einem Sinnabschnitt entspricht.
Diese Webseite besteht also aus nur einer .html-Seite, die man in Sinnabschnitte unterteilen kann. Prinzipiell entspricht also ein Sinnabschnitt einer Seite, die ich nun aufliste:

'''Seite 1:'''

[[Image:welcome.jpg]]

Dieser Sinnabschnitt ist sozusagen die Startseite. Hier wird der Nutzer begrüßt und erhält eine kurze Einführung. Zudem soll ein „Hilfe-Menü“ hier präsentiert werden, dass sich je nach Sinnabschnitt anpasst.
Unterhalb des Begrüßungstextes findet man eine Übersicht der fünf Filme, die zuletzt ins System eingetragen wurden. Per Klick auf das Filmplakat gelangt man auf die entsprechende Detailansicht dieses Films. Der hier angedeutete Mouse-over-Effekt wird mit dem jquery-Effekt CSS Dock Menu (http://www.ndesign-studio.com/blog/css-dock-menu) ersetzt.

'''Seite 2:'''

[[Image:filmsuche.jpg]]

Dieser Sinnabschnitt beschreibt die Suchmaske. Die Suchfunktion hängt sehr eng mit der Datenbankstruktur zusammen, daher soll exemplarisch gezeigt werden, was mögliche Suchattribute sein können. Ebenfalls noch nicht sicher ist, ob der Nutzer seine Suche frei eingeben darf/muss (siehe Titel, Regie, Cast) oder alles per drop-down (siehe Genre, Jahr, Land) geregelt werden kann.
Das Suchergebnis mit der höchsten Übereinstimmung wird direkt rechts neben das Suchfeld angezeigt und verlinkt. Das Suchergebnis stellt nur minimalste Informationen bereit; der Film kann aber durch die angegebenen Links genauer betrachtet werden.
Die Suchergebnisse mit weniger Relevanz werden unter der eigentlichen Suchmaske ebenfalls aufgeführt, so dass beispielsweise Filme ähnlichen Titels, mit gleichen Schauspielern, aus dem gleichen Jahr oder vom gleichen Regisseur ebenfalls per Klick aufrufbar sind.

'''Seite 3:'''

[[Image:filmdetails.jpg]]

Dieser Sinnabschnitt zeigt eine Detailansicht eines ausgewählten Films. Neben dem Filmplakat werden elementare Informationen wie Titel, Genre und Handlung angeboten. Zusätzlich hat der User auch die Möglichkeit sich durch den passenden Trailer zu informieren und erhält zudem tiefergehende Angaben wie die Besetzungsliste.
Festzuhalten ist noch, dass der Link „Film ansehen“ eine externe Verknüpfung zu einem MediaPlayer beschreibt; der Film wird also nicht im Browser geöffnet.
Angedeutet durch den Link „Fantasy“ sollen alle hier aufgeführten Punkte, bis auf „Handlung“, verlinkt sein, so dass man beispielsweise bei Klick auf „Genre“ --> „Fantasy“ alle Filme dieses Genres aufgelistet bekommt oder bei Klick auf einen Schauspieler alle Filme, in denen er mitwirkt. Auch hier wieder das bekannte Problem der serverseitigen Anbindung.

'''Seite 4:'''

[[Image:film_eintragen.jpg]]

Dieser Sinnabschnitt bietet die Möglichkeit Filme manuell in die Datenbank einzutragen. Für den Fall, dass das Backend Filme von Speichermedien falsch oder gar nicht automatisch erkennt, hat der Benutzer hier die Möglichkeit Filme eigenhändig hinzuzufügen. Diese Methode ist sicherlich bei einer Fülle von Dateien recht aufwendig und zeitraubend, aber auch hier gilt wieder, dass das Datenbanksystem bestmöglich ausgewählt werden muss, damit eine manuelle Eintragung ein Sonderfall bleibt.
Die Eintragungsmaske orientiert sich am bekannten Suchfeld, erweitert durch mögliche Angaben von URLs, beispielsweise von imdb (http://www.imdb.de), die vorhandene Filmdetails dann importieren.
Unterhalb der Eintragungsmöglichkeiten befindet sich eine Aussicht auf kommende Neuerscheinungen. Diese Neuerscheinungen sollen genau so präsentiert werden wie die bereits eingetragene Filme im System, dürfen natürlich nicht als solche aufgeführt werden (siehe Seite 5).

'''Seite 5:'''

[[Image:filmübersicht.jpg]]

Dieser Sinnabschnitt listet alle vorhandenen Filme auf und soll so vor allem dem Nutzer, der sich ohne fixe Absichten einen Film aussuchen möchte, losgelöst von Genre, Jahr, etc., eine Übersicht bieten.
Alle Filme sind alphabetisch aufgeführt und lassen sich per Klick auf einen Anfangsbuchstaben begrenzen. Per Klick auf ein Filmplakat oder den Filmtitel springt die Seite zur Detailansicht (siehe Seite 3).

== '''Mein Anteil:''' ==

Prinzipiell habe ich alles eigenständig gecoded und soweit noch keine kompletten Scripte verarbeitet. Sehr hilfreich, gerade in Sachen Scrollen, fand ich die Seiten von David Walsh (http://davidwalsh.name/), wo ich mich auch in Fetzen bedient habe. Leider haben sich mehrere Scripte gegenseitig beeinträchtigt, so dass ich z.B. auf das obenerwähnte CSS Dock Menu zu Gunsten von Anchor-Scroll verzichten musste, um nur ein Problem zu nennen.

== '''Serverseitige Anbindung/Datenbank:''' ==

Nach zu langer Recherche sind momentan SQLite (http://www.sqlite.org/) und/oder web2py (http://www.web2py.com/) meine Favoriten um diesem Projekt wirklich Leben zu verleihen.
Vor allem soll diese „Website“ ja so kompatibel sein, dass auch die Datenbank nicht nur funktioniert, sondern auch auf externen Speichermedien startet und läuft. Nach meinen Erkenntnissen bietet sich hier die Sprache Python (http://www.python.de/) an, die web2py verwendet, was dann allerdings mein Projekt noch weiter von den Inhalten des Werkmoduls wegbringt.

IFD:Webprogrammierung AV

2010-04-01T12:56:53Z

Alex V.:

== '''Link:''' ==

http://hundertneun.com/pomodaba/index.html

http://hundertneun.com/pomodaba/index3.html (i-Frame-Version)

== '''Vorwort:''' ==

Es handelt sich bei diesem Projekt um einen Testdummy, der weder mit später beschriebenen Datenbank ausgestattet ist, noch irgendwelche Funktionen (Menü, etc.) aufweist.
Der Grund ist folgender: Ich habe feststellen müssen, dass es deutlich schwerer wird eine Datenbank an ein bestehendes Design zu koppeln, als Datenbankfeatures mit einem Design zu versehen. Es wird also nötig sein, zuerst eine passende Datenbank zu finden und darauf basierend ein Layout zu gestalten.
Alle klickbaren und nötigen Links zur Navigation sind standartmäßig blau gefärbt und unterstrichen, was natürlich im Endprodukt verschwinden wird. Alle für die Zukunft angedachten Features, die jetzt vielleicht auf Grund der fehlenden Datenbank nicht eingebunden wurden, sind farblich gekennzeichnet.

== '''Idee:''' ==

Immer mehr Speicherplatz und immer schnellere Wege des Datenaustauschs sorgen dafür, dass auch immer mehr digitale Daten nicht mehr nur kurzzeitig zwischengespeichert, sondern nahezu schon archiviert werden (können). Aus persönlicher Erfahrung und „Sammelleidenschaft“ habe ich mir immer schon eine lokale Filmdatenbank gewünscht, die alle Videoformate auf dem Rechner oder auf Wechseldatenträgern (Ext. HDD, UsB-Stick, ...) auslesen und browserbasierend wiedergeben kann. Natürlich gibt es verschiedenste Datenbanksysteme und Webseiten, die alle nötigen und möglichen Informationen der Filmgeschichte bereitstellen, allerdings fehlt mir die übergreifende Kompatibilität und Personalisierung.
Ziel meines Projektes soll daher sein:
Ein System zu entwickeln, dass relevante Dateitypen auf Speichermedien erkennt und explizit benennen kann
Eine Datenbankstruktur im „Backend“, die vor allem dezent und möglichst speicherplatzsparend arbeitet, aber zudem definitiv einen Abgleich zu bestehenden Datenbanken leisten und diese lokal „spiegeln“ muss
Eine Oberfläche zu schaffen, die eine maximale Kompatibilität unabhängig von System oder Endgerät bietet
Besonderen Wert möchte ich auch auf die Idee von „Pack & Go“ legen, was heißen soll, dass es dem Nutzer möglich sein soll beispielsweise eine externe Festplatte mit Filmdateien zu füllen, die pmdb ebenfalls auf dieses Medien zu ziehen und somit an jedem Rechner der Welt einfach per „Plug & Play“ seine Filmsammlung auf dem neuesten Stand verfügbar zu haben.

== '''Umsetzung:''' ==

[[Image:layout.jpg]]

Das Grundlayout ist dreigeteilt: Die Bereiche 1 und 3 bilden einen grafischen Rahmen (Filmstreifen) um den eigentlichen Inhaltsbereich 2. Diese drei div-Container werden in einem übergeordneten div-Container ausgerichtet (float:left), der zugleich alles horizontal zentriert. Die Größe dieser div-Box beträgt 960 x 600 px, eine mehr oder weniger gebräuchliche Auflösung, die weites gehend auf allen gängigen Monitoren ohne störende Scrollbalken funktioniert. Eine Auflösung von 800 x 600 px wurde bewusst nicht beachtet, da schätzungsweise nur etwa 10 – 15% der weltweiten PCs noch diese Auflösung bevorzugen. Die eigentliche Seite ist also statisch, die Hintergrundgrafik „wächst“ natürlich auflösungsabhängig mit.
Das Design soll einen Filmstreifen imitieren, den man vertikal im Browser auf- und abrollen kann. Um diesen Effekt zu erzeugen muss die Seite natürlich vertikal scrollbar sein, d.h. sie muss „länger“ als das Browserfenster sein. Aus diesem Grund wurden die Maße auf 960 x 3000 px erhöht und bei der i-Frame-Version der sichtbare Bereich wieder auf 960 x 600 px begrenzt, was einem Sinnabschnitt entspricht.
Diese Webseite besteht also aus nur einer .html-Seite, die man in Sinnabschnitte unterteilen kann. Prinzipiell entspricht also ein Sinnabschnitt einer Seite, die ich nun aufliste:

Seite 1:

[[Image:welcome.jpg]]

Dieser Sinnabschnitt ist sozusagen die Startseite. Hier wird der Nutzer begrüßt und erhält eine kurze Einführung. Zudem soll ein „Hilfe-Menü“ hier präsentiert werden, dass sich je nach Sinnabschnitt anpasst.
Unterhalb des Begrüßungstextes findet man eine Übersicht der fünf Filme, die zuletzt ins System eingetragen wurden. Per Klick auf das Filmplakat gelangt man auf die entsprechende Detailansicht dieses Films. Der hier angedeutete Mouse-over-Effekt wird mit dem jquery-Effekt CSS Dock Menu (http://www.ndesign-studio.com/blog/css-dock-menu) ersetzt.

Seite 2:

[[Image:filmsuche.jpg]]

Dieser Sinnabschnitt beschreibt die Suchmaske. Die Suchfunktion hängt sehr eng mit der Datenbankstruktur zusammen, daher soll exemplarisch gezeigt werden, was mögliche Suchattribute sein können. Ebenfalls noch nicht sicher ist, ob der Nutzer seine Suche frei eingeben darf/muss (siehe Titel, Regie, Cast) oder alles per drop-down (siehe Genre, Jahr, Land) geregelt werden kann.
Das Suchergebnis mit der höchsten Übereinstimmung wird direkt rechts neben das Suchfeld angezeigt und verlinkt. Das Suchergebnis stellt nur minimalste Informationen bereit; der Film kann aber durch die angegebenen Links genauer betrachtet werden.
Die Suchergebnisse mit weniger Relevanz werden unter der eigentlichen Suchmaske ebenfalls aufgeführt, so dass beispielsweise Filme ähnlichen Titels, mit gleichen Schauspielern, aus dem gleichen Jahr oder vom gleichen Regisseur ebenfalls per Klick aufrufbar sind.

Seite 3:

[[Image:filmdetails.jpg]]

Dieser Sinnabschnitt zeigt eine Detailansicht eines ausgewählten Films. Neben dem Filmplakat werden elementare Informationen wie Titel, Genre und Handlung angeboten. Zusätzlich hat der User auch die Möglichkeit sich durch den passenden Trailer zu informieren und erhält zudem tiefergehende Angaben wie die Besetzungsliste.
Festzuhalten ist noch, dass der Link „Film ansehen“ eine externe Verknüpfung zu einem MediaPlayer beschreibt; der Film wird also nicht im Browser geöffnet.
Angedeutet durch den Link „Fantasy“ sollen alle hier aufgeführten Punkte, bis auf „Handlung“, verlinkt sein, so dass man beispielsweise bei Klick auf „Genre“ --> „Fantasy“ alle Filme dieses Genres aufgelistet bekommt oder bei Klick auf einen Schauspieler alle Filme, in denen er mitwirkt. Auch hier wieder das bekannte Problem der serverseitigen Anbindung.

Seite 4:

[[Image:film_eintragen.jpg]]

Dieser Sinnabschnitt bietet die Möglichkeit Filme manuell in die Datenbank einzutragen. Für den Fall, dass das Backend Filme von Speichermedien falsch oder gar nicht automatisch erkennt, hat der Benutzer hier die Möglichkeit Filme eigenhändig hinzuzufügen. Diese Methode ist sicherlich bei einer Fülle von Dateien recht aufwendig und zeitraubend, aber auch hier gilt wieder, dass das Datenbanksystem bestmöglich ausgewählt werden muss, damit eine manuelle Eintragung ein Sonderfall bleibt.
Die Eintragungsmaske orientiert sich am bekannten Suchfeld, erweitert durch mögliche Angaben von URLs, beispielsweise von imdb (http://www.imdb.de), die vorhandene Filmdetails dann importieren.
Unterhalb der Eintragungsmöglichkeiten befindet sich eine Aussicht auf kommende Neuerscheinungen. Diese Neuerscheinungen sollen genau so präsentiert werden wie die bereits eingetragene Filme im System, dürfen natürlich nicht als solche aufgeführt werden (siehe Seite 5).

Seite 5:

[[Image:filmübersicht.jpg]]

Dieser Sinnabschnitt listet alle vorhandenen Filme auf und soll so vor allem dem Nutzer, der sich ohne fixe Absichten einen Film aussuchen möchte, losgelöst von Genre, Jahr, etc., eine Übersicht bieten.
Alle Filme sind alphabetisch aufgeführt und lassen sich per Klick auf einen Anfangsbuchstaben begrenzen. Per Klick auf ein Filmplakat oder den Filmtitel springt die Seite zur Detailansicht (siehe Seite 3).

== '''Mein Anteil:''' ==

Prinzipiell habe ich alles eigenständig gecoded und soweit noch keine kompletten Scripte verarbeitet. Sehr hilfreich, gerade in Sachen Scrollen, fand ich die Seiten von David Walsh (http://davidwalsh.name/), wo ich mich auch in Fetzen bedient habe. Leider haben sich mehrere Scripte gegenseitig beeinträchtigt, so dass ich z.B. auf das obenerwähnte CSS Dock Menu zu Gunsten von Anchor-Scroll verzichten musste, um nur ein Problem zu nennen.

== '''Serverseitige Anbindung/Datenbank:''' ==

Nach zu langer Recherche sind momentan SQLite (http://www.sqlite.org/) und/oder web2py (http://www.web2py.com/) meine Favoriten um diesem Projekt wirklich Leben zu verleihen.
Vor allem soll diese „Website“ ja so kompatibel sein, dass auch die Datenbank nicht nur funktioniert, sondern auch auf externen Speichermedien startet und läuft. Nach meinen Erkenntnissen bietet sich hier die Sprache Python (http://www.python.de/) an, die web2py verwendet, was dann allerdings mein Projekt noch weiter von den Inhalten des Werkmoduls wegbringt.

File:Welcome.jpg

2010-04-01T12:46:23Z

Alex V.:

File:Layout.jpg

2010-04-01T12:46:05Z

Alex V.:

File:Filmübersicht.jpg

2010-04-01T12:45:50Z

Alex V.:

File:Filmsuche.jpg

2010-04-01T12:45:34Z

Alex V.:

File:Filmdetails.jpg

2010-04-01T12:45:14Z

Alex V.:

File:Film eintragen.jpg

2010-04-01T12:44:30Z

Alex V.:

IFD:Webprogrammierung AV

2010-03-30T11:53:39Z

Alex V.:

== '''Link:''' ==

http://hundertneun.com/pomodaba/index.html

http://hundertneun.com/pomodaba/index3.html (i-Frame-Version)

== '''Idee:''' ==

Lokale Filmdatenbank, die alle Videoformate auf dem Rechner oder auf Wechseldatenträgern ''(Ext. HDD, UsB-Stick, ...)'' auslesen kann und browserbasierend "hübsch aufbereitet" darstellt.

== '''Umsetzung:''' ==

Das Auslesen der Dateien kann wohl nur durch eine Datenbank geschehen. Wenn alle relevanten Dateien ausgelesen wurden erhält man lediglich Informationen wie
Dateiname, Dateityp, Speicherort ''(Pfad)'', Größe, ... ''(Vgl. Ordnerstruktur und -informationen im Explorer)''. Inwiefern diese Informationen ausreichen um einen
Film eindeutig zu betiteln wird sich zeigen, vorallem weil Dateinamen in diesem Fall wohl nicht ausreichen, da diese oft unzureichend oder garnicht zutreffend sind.
Um neben diesen "Standart-Infos" nützliche weitere Angaben zu bekommen ''(Regie, Erscheinungsjahr, Filmplakat, Schauspieler, ...)'' und eine eindeutige Beschriftung zu ermöglichen, soll diese "lokale Datenbank" mit verfügbaren Online-Datenbanken abgeglichen werden ''(Vgl. imdb.com)''. Um eventuelle Ladezeiten und um die Datenbank auch offline verfügbar zu machen, sollen die online erworbenen Infos ebenfalls in die "Lokale Datenbank" eingefügt werden und lediglich bei neuerkannten Dateien und bestehender Internetverbindung ein Abgleich stattfinden.
Ich denke, dass mittels php ein Auslesen dieser Infos problemlos funktionieren kann und dann per html und css dargestellt werden können. Wichtig hierbei
ist eine Art Verschlagwortung ''(Tags)'', damit eine elementare Suchfunktion zur Verfügung gestellt werden kann. Es soll also möglich sein, nicht nur "stupide" nach
Filmtiteln zu suchen, sondern beispielsweise auch alle vorhandenen Filme nach Schauspieler, Jahr, Genre, ... mehr oder weniger zu listen.
Als besonderes Feature habe ich auch an eine Random-Funktion gedacht, die zufällig ''(vll. sogar mit Möglichkeit Tags auszuschließen)'' einen Film anbietet.
Zudem wäre ein Rating, eine "Last viewed" und eine Vorschaufunktion ganz schön.

== '''Problematik:''' ==

Vorab: Das "Projekt" sprengt wohl die Anforderungen an den Kurs. Ich werde mich zunächst auf einen "Dummy" konzentrieren, der exemplarisch und ohne Datenbank
vorallem das Interface, am Beispiel von 5-10 Filmen aus verschiedenen Genres, zeigen soll.
Zudem muss eine Datenbank gefunden werden, die deutlich schlanker ist als die Üblichen, damit der Speicherbedarf so gering wie möglich gehalten werden kann.
Außerdem soll dieses ganze System, daher auch browserbasierend, auf allen Plattformen und vorallem, wie erwähnt, auf Wechselmedien funktionieren.
Abschließend muss ich noch sagen, dass noch viele, viele, vorallem technische Fragen im Raum stehen, so dass ich noch nicht sagen kann: So geht das alles,
so sieht das aus, weil das Interface ja auf diese Datenbankstrukturen passen muss.

== '''Skizze, etc:''' ==

[[Image:preview_vogt.jpg]]

weitere Bilder folgen...

Link zum existierenden, meiner Meinung nach sehr guten Filmdatenbank Programm:
http://my-movie-database.de/

IFD:Webprogrammierung AV

2010-01-25T14:22:36Z

Alex V.:

== '''Idee:''' ==

Lokale Filmdatenbank, die alle Videoformate auf dem Rechner oder auf Wechseldatenträgern ''(Ext. HDD, UsB-Stick, ...)'' auslesen kann und browserbasierend "hübsch aufbereitet" darstellt.

== '''Umsetzung:''' ==

Das Auslesen der Dateien kann wohl nur durch eine Datenbank geschehen. Wenn alle relevanten Dateien ausgelesen wurden erhält man lediglich Informationen wie
Dateiname, Dateityp, Speicherort ''(Pfad)'', Größe, ... ''(Vgl. Ordnerstruktur und -informationen im Explorer)''. Inwiefern diese Informationen ausreichen um einen
Film eindeutig zu betiteln wird sich zeigen, vorallem weil Dateinamen in diesem Fall wohl nicht ausreichen, da diese oft unzureichend oder garnicht zutreffend sind.
Um neben diesen "Standart-Infos" nützliche weitere Angaben zu bekommen ''(Regie, Erscheinungsjahr, Filmplakat, Schauspieler, ...)'' und eine eindeutige Beschriftung zu ermöglichen, soll diese "lokale Datenbank" mit verfügbaren Online-Datenbanken abgeglichen werden ''(Vgl. imdb.com)''. Um eventuelle Ladezeiten und um die Datenbank auch offline verfügbar zu machen, sollen die online erworbenen Infos ebenfalls in die "Lokale Datenbank" eingefügt werden und lediglich bei neuerkannten Dateien und bestehender Internetverbindung ein Abgleich stattfinden.
Ich denke, dass mittels php ein Auslesen dieser Infos problemlos funktionieren kann und dann per html und css dargestellt werden können. Wichtig hierbei
ist eine Art Verschlagwortung ''(Tags)'', damit eine elementare Suchfunktion zur Verfügung gestellt werden kann. Es soll also möglich sein, nicht nur "stupide" nach
Filmtiteln zu suchen, sondern beispielsweise auch alle vorhandenen Filme nach Schauspieler, Jahr, Genre, ... mehr oder weniger zu listen.
Als besonderes Feature habe ich auch an eine Random-Funktion gedacht, die zufällig ''(vll. sogar mit Möglichkeit Tags auszuschließen)'' einen Film anbietet.
Zudem wäre ein Rating, eine "Last viewed" und eine Vorschaufunktion ganz schön.

== '''Problematik:''' ==

Vorab: Das "Projekt" sprengt wohl die Anforderungen an den Kurs. Ich werde mich zunächst auf einen "Dummy" konzentrieren, der exemplarisch und ohne Datenbank
vorallem das Interface, am Beispiel von 5-10 Filmen aus verschiedenen Genres, zeigen soll.
Zudem muss eine Datenbank gefunden werden, die deutlich schlanker ist als die Üblichen, damit der Speicherbedarf so gering wie möglich gehalten werden kann.
Außerdem soll dieses ganze System, daher auch browserbasierend, auf allen Plattformen und vorallem, wie erwähnt, auf Wechselmedien funktionieren.
Abschließend muss ich noch sagen, dass noch viele, viele, vorallem technische Fragen im Raum stehen, so dass ich noch nicht sagen kann: So geht das alles,
so sieht das aus, weil das Interface ja auf diese Datenbankstrukturen passen muss.

== '''Skizze, etc:''' ==

[[Image:preview_vogt.jpg]]

weitere Bilder folgen...

Link zum existierenden, meiner Meinung nach sehr guten Filmdatenbank Programm:
http://my-movie-database.de/

IFD:Webprogrammierung AV

2010-01-17T19:21:21Z

Alex V.:

IFD:Webprogrammierung AV

2010-01-17T19:19:07Z

Alex V.: Created page with ''''Idee:''' Lokale Filmdatenbank, die alle Videoformate auf dem Rechner oder auf Wechseldatenträgern ''(Ext. HDD, UsB-Stick, ...)'' auslesen kann und browserbasierend "hübsch …'

'''Idee:'''

Lokale Filmdatenbank, die alle Videoformate auf dem Rechner oder auf Wechseldatenträgern ''(Ext. HDD, UsB-Stick, ...)'' auslesen kann und browserbasierend "hübsch aufbereitet" darstellt.

'''Umsetzung:'''

Das Auslesen der Dateien kann wohl nur durch eine Datenbank geschehen. Wenn alle relevanten Dateien ausgelesen wurden erhält man lediglich Informationen wie
Dateiname, Dateityp, Speicherort ''(Pfad)'', Größe, ... ''(Vgl. Ordnerstruktur und -informationen im Explorer)''. Inwiefern diese Informationen ausreichen um einen
Film eindeutig zu betiteln wird sich zeigen, vorallem weil Dateinamen in diesem Fall wohl nicht ausreichen, da diese oft unzureichend oder garnicht zutreffend sind.
Um neben diesen "Standart-Infos" nützliche weitere Angaben zu bekommen ''(Regie, Erscheinungsjahr, Filmplakat, Schauspieler, ...)'' und eine eindeutige Beschriftung zu ermöglichen, soll diese "lokale Datenbank" mit verfügbaren Online-Datenbanken abgeglichen werden ''(Vgl. imdb.com)''. Um eventuelle Ladezeiten und um die Datenbank auch offline verfügbar zu machen, sollen die online erworbenen Infos ebenfalls in die "Lokale Datenbank" eingefügt werden und lediglich bei neuerkannten Dateien und bestehender Internetverbindung ein Abgleich stattfinden.
Ich denke, dass mittels php ein Auslesen dieser Infos problemlos funktionieren kann und dann per html und css dargestellt werden können. Wichtig hierbei
ist eine Art Verschlagwortung ''(Tags)'', damit eine elementare Suchfunktion zur Verfügung gestellt werden kann. Es soll also möglich sein, nicht nur "stupide" nach
Filmtiteln zu suchen, sondern beispielsweise auch alle vorhandenen Filme nach Schauspieler, Jahr, Genre, ... mehr oder weniger zu listen.
Als besonderes Feature habe ich auch an eine Random-Funktion gedacht, die zufällig ''(vll. sogar mit Möglichkeit Tags auszuschließen)'' einen Film anbietet.
Zudem wäre ein Rating, eine "Last viewed" und eine Vorschaufunktion ganz schön.

'''Problematik:'''

Vorab: Das "Projekt" sprengt wohl die Anforderungen an den Kurs. Ich werde mich zunächst auf einen "Dummy" konzentrieren, der exemplarisch und ohne Datenbank
vorallem das Interface, am Beispiel von 5-10 Filmen aus verschiedenen Genres, zeigen soll.
Zudem muss eine Datenbank gefunden werden, die deutlich schlanker ist als die Üblichen, damit der Speicherbedarf so gering wie möglich gehalten werden kann.
Außerdem soll dieses ganze System, daher auch browserbasierend, auf allen Plattformen und vorallem, wie erwähnt, auf Wechselmedien funktionieren.
Abschließend muss ich noch sagen, dass noch viele, viele, vorallem technische Fragen im Raum stehen, so dass ich noch nicht sagen kann: So geht das alles,
so sieht das aus, weil das Interface ja auf diese Datenbankstrukturen passen muss.

'''Skizze, etc:'''

[[Image:preview_vogt.jpg]]

weitere Bilder folgen...

IFD:Grundlagen der Webprogrammierung/Projekte

2010-01-17T19:13:59Z

Alex V.:

Die Projektdokumentationen sollten folgende Informationen enthalten:
* Kurzbeschreibung (was, für wen, worüber, dynamisch, statisch...)
* Entwurf-Scribbles (Aufbau Seitenstruktur, Designentwürfe) <ref>Bitte keine gezippten PDFs hochladen, die muss man für jedes Projekt erst mühsam runterladen und entpacken und dann anschauen; ladet einfach ein oder mehrere aussagekräftige Screenshots oder Scans als JPG, PNG, etc… hoch und bindet diese wie untenstehend ein. Bei Scans von Schwarz-Weiß Zeichnungen bitte den Kontrast erhöhen und die Seiten vorher beschneiden. Danke!!!</ref>
* Problem/Lösung (kurze Problem/Lösungs-Gegenüberstellung)
* Bei fertigen Projekten die aktuelle URL

<references />

== Einbinden von Bildern ==
In voller Größe:
<source lang="HTML4Strict">[[Image:meinbild.jpg]]</source>

Verkleinert, als anklickbares Thumbnail mit (z.B.) 320px Breite:
<source lang="HTML4Strict">[[Image:meinbild.jpg|320px]]</source>

== Projekte ==
* [[IFD:Webprogramming_JF|Jan F.]]
* [[IFD:Webprogramming_AV|Antonia Volke]]
* [[IFD:Webprogramming_KK|Katharina Knobel]]
* [[IFD:Webprogramming_CB|Clemens Beier]]
* [[IFD:Webprogramming_SH|S. Heim ]]
* [[IFD:Webprogramming_AVG|AlicevG ]]
* [[IFD:Webprogramming_CL|Carsten L.]]
* [[IFD:Webprogramming_CH|Claudia H.]]
* [[IFD:Webprogramming_MA|Matthias A.]]
* [[IFD:Webprogramming_FF|Fabia F.]]
* [[IFD:Webprogramming_LJ|Laura J.]]
* [[IFD:Webprogramming_MU|Mandy U.]]
* [[IFD:Webprogramming_GR|Gabriel R.]]
* [[IFD:Webprogramming_SW|Sabine W.]]
* [[IFD:Webprogramming_MS|Matthias Schüller]]
* [[IFD:Webprogrammierung_SR|Sylvia R.]]
* [[IFD:Webprogrammierung_AV|Alex V.]]

{{Template:Webprogramming}}

File:Preview vogt.jpg

2010-01-17T19:12:41Z

Alex V.: