NETD@YS WORKSHOP
„Von der kreativen Idee zum innovativen Projekt“
VON STEPHAN HAMBERGER
CMS
Facebook(X)HTML
CSS
FlashJava Script
PHP
MySQLWordpress
UsablityAccessibility
SEOViral Marketing
WOMAPI
WEB 2.0
Blog
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
• 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
• 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
• 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, …
• 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?)
• 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
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
IT / Web DevelopmentPlanung• 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)
• 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/ )
• Suchmaschinenoptimierung (SEO) OffSite Optimization• Google Webmaster Tools
• Google PageRank Algorithmus
• Distributionspartner• Freunde, Verwandte, Spezialisierte Unternehmen
• Distributionspartner bei FB Application InterculturalMathias Haas - Weltreisender
• Marketing• Werbung, WOM, Viral Marketing ,…
1. THE CONTENT
Top Related