NETD@YS WORKSHOP
  „Von der kreativen Idee zum
       innovativen Projekt“
                    VON STEPHAN HAMBERGER
CMS
                Facebook  Usablity
        (X)HTML                     Accessibility
  CSS
                WEB 2.0    ...
Ausbildung
•     09/2007 - Mediatechnology & Design - University of Applied Sciences, Hagenberg
•     09/2008 - Wirtschaft...
• 1. Kreative Idee

•   2. Evaluierung auf Umsetzbarkeit / Erfolg -> Go / No Go
•   3. Kick Off
•   4. Projektplan / Proje...
• Falls noch keine Idee -> Ideenfindung
• Kreativitätstechniken
    – Z.b. Brainstorming
         •   Keine Kritik
       ...
• Umsetzbarkeit
   – Technische Möglichkeiten
   – Zeit
   – Ressourcen
       • Personen
       • Budget


• Rentabilität...
• Partner
   – Welche Partner benötige ich?
   – Benötige ich finanzielle Unterstützung? (Business Angels)
       • Vorhan...
•   Pflichtenheft
•   Planung Zeit + Milestones (Achtung meist wird unterschätzt!!)
•   Visualisierung z.b. Gantt Chart
• ...
WebDesign
Planung
•   Inspiration
•   Evaluierung ähnlicher Websites
•   Usablity
•   Technische & Grafische Umsetzbarkeit...
IT / Web Development
Planung
•   Evaluierung anderer Websites
      •    Firefox Addon Firebug (http://getfirebug.com/)
• ...
•   Umfassendes Testen
     • Unterschiedliche Browser
          • IE über Virtual PC
     • Unterschiedliche Devices
    ...
•   Suchmaschinenoptimierung (SEO) OffSite Optimization
     • Google Webmaster Tools
     • Google PageRank Algorithmus
•...
1. THE CONTENT
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Nächste SlideShare
Wird geladen in …5
×

Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"

580 Aufrufe

Veröffentlicht am

Veröffentlicht in: Technologie, Business
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
580
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
3
Aktionen
Geteilt
0
Downloads
5
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"

  1. 1. NETD@YS WORKSHOP „Von der kreativen Idee zum innovativen Projekt“ VON STEPHAN HAMBERGER
  2. 2. CMS Facebook Usablity (X)HTML Accessibility CSS WEB 2.0 SEO Flash Viral Marketing Java Script WOM PHP Blog API MySQL Wordpress
  3. 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. 4. • 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
  5. 5. • 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
  6. 6. • 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, …
  7. 7. • 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?)
  8. 8. • 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
  9. 9. 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
  10. 10. 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)
  11. 11. • 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/ )
  12. 12. • 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 ,…
  13. 13. 1. THE CONTENT

×