====== U19 - Freestyle Computing ======

[[http://new.aec.at/prix/kategorien/u19/|Website]]

===== Ideen =====

==== Rechentrainer ====
==== "Mosaikfilm" ====
==== Film ? ====

==== kreativer/sarkastischer Film ====


==== Webseiten-Gestaltung für Anfänger ====
//Sebastian Wagner//

Das Programm soll es Einsteigern ermöglichen ein ansprechendes und funktionstüchtiges selbst in kurzer Zeit und ohne viel Fachkenntnis zu erstellen. Dazu kann der Benutzer vorgefertigte Elemente auf der Seite frei platzieren und gestalten. Als Hilfe stehen ihm Grundgerüste und Farbschemen zur Verfügung. Zusätzlich soll das Programm Tutorials zur Webseitenentwicklung, sowie einen Export in HTML/CSS und für CMS- und Blog-Systeme enthalten.

++++ Details |

**Idee**\\
Die Idee ist es, eine Schnittstelle zwischen professionellem HTML/CSS und dem womöglich noobigen Nutzer, sowie eine Anlaufstelle für Möchte-gern Designer und Webseiten-Betreiber zu schaffen.

**Update:** Ich habe inzwischen dass Programm GPick entdeckt, das einen Teil meiner Idee bereits verwirklicht. Kommt ganz am Ende: http://vimeo.com/20597493

\\
//__**Beschreibung**__//\\
Das maximierte Fenster bietet auf der linken Seite Steuerungselemente zur Gestaltung der Seite (oben) und eine Art Pseudocode (unten). Rechts ist eine vom Programm selbst erstellte Vorschau (also wie wir denken, wie die Website aussieht). Mit dem Pseudocode arbeitet auch das Programm intern, ich stell mir das so vor:


\\
**Pseudocode**\\
Ähnlich wie beim Programmieren, ein passenderer Name wäre von Vorteil

<code css>
box {
	header (farbprofil1)
	logobox (logo.png)
	contentbox {
		sidenav: left (#FFF, #000)
		inhalt (farben)
	}
}
footer [bottom:0;]
</code>

Wie zu sehen ist, ist der Code Markup-ähnlich (-> XML). Es gibt Klassen und Member mit Attributen
  * Die geschweiften Klammern sind für Klassen/Boxen, die Elemente enthalten.
  * Die Member haben Attribute in runden Klammern, entweder ist der Parameter ein Farbprofil, Bild oder die Farben
  * auch reiner CSS-Code ist möglich, in eckigen Klammern

Realisierbar wäre weiters Vererbung (à la "contentbox+elternbox")


\\
**Farbschmemas**\\
enthalten Farben für Ränder, Vodergrund, Hintergrund (eventl. überall 2 für komplexere Elemente)

vordefinierte, Import, Export


\\
**Grundgerüste**\\
siehe zB. [[http://www.intensivstation.ch/templates/|intensivstation.ch]]


\\
**Elemente**\\

  * Navigationen, zB
    * dropdown
    * slidedown
  * Boxen
  * Platz für Werbeflächen
  * Header
  * Footer
  * Contenboxen


\\
**Vorschau**\\
Wird neben dem Editor angezeigt, so wie sich das Prog das Design "denkt".
Wird alle x-Sekunden neu geladen.
Zusätzliche Buttons für versch. Browser (Verbindung zu Browsershots.org?)


\\
**Hilfe**\\
Beschreibung der Funktionen (ausführliche und gut erklärte Dokumentation)


\\
**Tutorials**\\
z.B.:
  * Farbenlehre
  * Aufmerksamkeitsbereiche der Besucher 


\\
**Sprache**\\
__Programmiersprache:__\\

Java, da:

  * Plattformunabhängigkeit (Sprachen wie C# fallen weg)
  * Verfügbarkeit auf einem Großteils der PCs der Zielgruppe (Skriptsprachen wie Perl oder Python fallen weg)
  * einfach grafische Oberfläche ohne Zusatztools möglich (C+ + fällt weg)  

__Benutzeroberfläche__\\

Mehrsprachig (EN, DE)


\\
**Lizenz**\\
bevorzugt GNU-GPL

\\

{{:inf:inf7b_201011:u19_-_freestyle_computing:guidraft.png|}}

++++