Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
1. NETD@YS WORKSHOP
„Von der kreativen Idee zum
innovativen Projekt“
VON STEPHAN HAMBERGER
2. CMS
Facebook Usablity
(X)HTML Accessibility
CSS
WEB 2.0 SEO
Flash Viral Marketing
Java Script WOM
PHP Blog API
MySQL
Wordpress
3. Ausbildung
• 09/2007 - Mediatechnology & Design - University of Applied Sciences, Hagenberg
• 09/2008 - Wirtschaftsinformatik - Johannes Kepler University Linz
• 1998-2006 BRG Schloss Wagrain, Vöcklabruck
Job
• 2007 - Red Bull GmbH / Red Bull Mediahouse GmbH – Web & New Media Marketing
• 2006-2007 Lebenshilfe OÖ, Vöcklabruck - IT Assistant
Auszeichnungen & Awards
• 2009 World Summit Youth Award - Runner-Up
• 2008 Winner Web, Netd@ys 2008
• 2007 Winner Web, Netd@ys 2007
• 2007 Honorary Mention, PRIX ARS – U19
• 2006 Winner, Salzkammergut Internet Award
• 2004 Winner, Cyberschool OÖ,
• 2003 Nominee, Netd@ys
• 2003 Winner, i-vent Award
• 2002 Honorary Mention, PRIX ARS – U19
• 2002 Nominee, Netd@ys
• 2001 Winner, www.ebbewerb des Landesjugendrefer.at
4.
5. • 1. Kreative Idee
• 2. Evaluierung auf Umsetzbarkeit / Erfolg -> Go / No Go
• 3. Kick Off
• 4. Projektplan / Projektmanagement
• 5. Ist-Beschreibung- und Pflichtenheft
• 6. Gesamtgrobkonzept
• 7. Umsetzung
• 8. GoLive / Launch
• 9. Distribution / Marketing
• 10. Innovatives (Web)Projekt
6. • Falls noch keine Idee -> Ideenfindung
• Kreativitätstechniken
– Z.b. Brainstorming
• Keine Kritik
• Freier Lauf der Phantasie
• Quantität vor Qualität
• Fremde Ideen aufgreifen & weiterentwickeln
• Visualisierung
• Bewertung der Ergebnisse
• Noch nicht abgedeckte Bedürfnisse
– Z.b. eine Website zur Auftragsvermittlung von Designs/Logos (www.99designs.com)
• Marktanalysen
• Detailliertere Ausarbeitung der Idee -> Neue Ideen
7. • Umsetzbarkeit
– Technische Möglichkeiten
– Zeit
– Ressourcen
• Personen
• Budget
• Rentabilität
– Rentiert sich der Aufwand / das Budget
– Wie verdiene ich mein Geld Business Model
• Größter Mangel von Business Modellen im Web
• Alternative: Werbung z.B. Google AdSense, DoubleClick, …
8. • Partner
– Welche Partner benötige ich?
– Benötige ich finanzielle Unterstützung? (Business Angels)
• Vorhandene Partner vs. Partner Suche (http://xing.com , http://linkedin.com)
• Teambildung
– Welche Leute brauche ich wofür? Qualifikationen?
– Rollenverteilung
• Projektleiter
– Falls noch nicht bestimmt. Klar definieren!
• Ziele definieren
• Go / No Go (zurück zur Ideenfindung?)
9. • Pflichtenheft
• Planung Zeit + Milestones (Achtung meist wird unterschätzt!!)
• Visualisierung z.b. Gantt Chart
• Todo List
• … weitere Instrumente von Projektmanagement
Vorbereitung
Kick Off
Ist-Beschreibung & Pflichtenheft
Gesamtgrobkonzept
Design
IT (inkl Testen)
Go Live
Nutzung / Distribution Marketing
10. WebDesign
Planung
• Inspiration
• Evaluierung ähnlicher Websites
• Usablity
• Technische & Grafische Umsetzbarkeit
• WebDesign Best Practices (z.B. Web 2.0)
• Accessibility
Umsetzung
• Mockup in Grafik Software z.B. Adobe Photoshop [Beispiel]
• Erst schnelle unsaubere Entwürfe, um Eindruck zu gewinnen …
• Mehrere Entwürfe !!
• … dann detailliertere und exakte Ausarbeitung des Design für
den Export
• Übertragen des Layouts in (X)HTML & CSS (Stylesheets) nach
Web Standards
11. IT / Web Development
Planung
• Evaluierung anderer Websites
• Firefox Addon Firebug (http://getfirebug.com/)
• Standalone / Integration (z.b. Facebook Application)
• Auswahl der Technologien
• Statisch vs. Dynamisch, CMS(Content Magenment System)
• Auswahl/Evaluierung CMS
• Features
• Interaktivität
• Usablity
• Accessibility
• Server
Umsetzung
• Browser Kompatibilität
• (X)HTML Validität
• Firefox Addon Html Validator (https://addons.mozilla.org/de/firefox/addon/249)
• Usability
• Accessibility
• Performance
• Suchmaschinenoptimierung = SEO (hier OnSite Optimization, zu OffSite Optimization später)
12. • Umfassendes Testen
• Unterschiedliche Browser
• IE über Virtual PC
• Unterschiedliche Devices
• PC , Mac, Handy, iPhone, …
• Usability / User testing / Use Cases
• Accessibility
• Ohne Stylesheet (CSS)
• Ohne JavaScript (JS)
• Firefox/IE Web Developer Toolbar
• GoLive
• Web Statistik (z.b. http://www.google.com/analytics/ )
13. • Suchmaschinenoptimierung (SEO) OffSite Optimization
• Google Webmaster Tools
• Google PageRank Algorithmus
• Distributionspartner
• Freunde, Verwandte, Spezialisierte Unternehmen
• Distributionspartner bei FB Application Intercultural
Mathias Haas - Weltreisender
• Marketing
• Werbung, WOM, Viral Marketing ,…