Agile Web Projects

Pulpmedia intern05. August 2013PULP ACADEMY

AGILE WEB PROJECTS

TYPISCHES WEB-PROJEKT

ANFORDERUNGEN

KONZEPT

DESIGN

IMPLEMENTIERUNG

TESTING

DEPLOYMENT

MAINTENANCE

AMAZEDCLIENT IS

Bildquelle: http://knowyourmeme.com/memes/amazed-face

http://knowyourmeme.com/memes/amazed-face

http://knowyourmeme.com/memes/amazed-face

HAPPY & RELAXEDTEAM IS

Bidlquelle: http://www.cartoonshdwallpaper.com

http://www.cartoonshdwallpaper.com

http://www.cartoonshdwallpaper.com

ZUCKERBROT & REGENBOGENALLES

Bildquelle: http://www.fanpop.com

http://www.fanpop.com/clubs/nyan-cat/images/23287290/title/nyan-cat-wallpaper-photo

http://www.fanpop.com/clubs/nyan-cat/images/23287290/title/nyan-cat-wallpaper-photo

UND WIRKLICH?

ANFORDERUNGEN

KONZEPT

DESIGN

IMPLEMENTIERUNG

TESTING

DEPLOYMENT

MAINTENANCE

ändern sich

dauert zu lange

ändert sich nicht

wird nach Freigabe nochmal überworfen

wird übersprungen

Raufkopieren und hoffen, dass alles passt

“Lieber nichts angreifen!”

CONTENT, ANYONE?

DIE HEUTE GELÖST WERDENPROBLEME

SCREEN DESIGN

ZEITPLAN

ENTSCHEIDUNGEN

FREIGABE-PROZESSE

ABSTIMMUNGEN

KONZEPT

BUDGETIERUNG

AUFWANDSSCHÄTZUNG

FEATURE CREEP

TEAM-KOMMUNIKATION

RESSOURCEN

TEST-CASES

WIE KÖNNEN WIR DAS LÖSEN?

VORSCHLAG 1:KEINE WEBPROJEKTE

MEHR!

WEBSITES SIND DIE BASIS SAUBEREN

ONLINE MARKETINGS

BUZZWORD: DIGITALCAMPAIGN HUB

BULLSHIT BINGO!

VORSCHLAG 2:TEURER ANBIETEN!GRÖSSERE TEAMS!

MEHR! MEHR! MEHR!

VORSCHLAG 3:MACH ES GESCHEIT!

WTF IS AWD?

AWD = AGILE WEB DEVELOPMENT

SCRUM!BULLSHIT BINGO!

Bildquelle: Wikipedia

Quelle: http://de.wikipedia.org/wiki/Sunzi

DIVIDE ET IMPERA

http://de.wikipedia.org/wiki/Sunzi

http://de.wikipedia.org/wiki/Sunzi

ROLLENSTORIES

MEETINGS

ROLLEN IN SCRUM

Product OwnerSTIMME DES KUNDEN

TeamDIE, DIE WIRKLICH ARBEITEN

Product OwnerSTIMME DES KUNDEN

TeamDIE, DIE WIRKLICH ARBEITEN

Scrum MasterÜBERWACHT ABLAUF

Kunde

Team-Mitglied Team-Mitglied Team-Mitglied



PIGS AND CHICKENBULLSHIT BINGO!

Kunde




Accounting




Kunde

DAS TEAM

Konzept UX-Design Visual Design

Development Testing Content

Maintenance

Accounting

SEO Video



Maintenance

Accounting

SEO Video



Maintenance SEO Video

Accounting




Accounting



Maintenance

NIEMALS!

SEO Video

Accounting

NIEMALS! NIEMALS!

NIEMALS!

NIEMALS!

NIEMALS!




Accounting

GOT IT? PERSONALUNIONEN

SIND MÖGLICH/NÖTIG

DAS GESAMTE TEAM IST IM PROJEKT - VON

ANFANG AN

SCRUM-MASTER YOU WANT TO BE?

Quelle: http://starwars.wikia.com

http://starwars.wikia.com

http://starwars.wikia.com

Scrum-MasterNICHT (!) TEAM LEADER

“ENFORCER OF THE RULES”

VERMITTLER IM TEAM

BESEITIGT PROBLEME

SCHÜTZT VOR ÄUSSEREN ABLENKUNGEN

I AM YOUR SCRUMMASTER!

Quelle: http://mememachine.viralvideochart.com

http://mememachine.viralvideochart.com

http://mememachine.viralvideochart.com

KEIN TEAM OHNE SCRUM-MASTER!

AM ANFANG DES PROJEKTS BESTIMMEN

STORIESBULLSHIT BINGO!

PERSONA SOLL TÄTIGKEIT WEIL BEGRÜNDUNG

PERSONA SOLL TÄTIGKEIT WEIL BEGRÜNDUNG

PERSONASBULLSHIT BINGO!

Sachebene

Emotionale Ebene

Präsentationsebene (mit Story)

PERSONAS

Un-/Registrierter Besucher

Konsument/Leser/User/Mitarbeiter

Redakteur/Administrator

Eingeschränktes Sehvermögen

SACHEBENE

Name, Alter, Bild

“Background-Story”: Beruf, Herkunft

Zielgruppenzuweisung

EMOTIONALE EBENE

Für Kundenpräsentation (Pitch) nötige Einteilung:

surft am Desktop/Tablet/Handy

benutzt Google/Facebook/...

Newsletter-Abonnent

PRÄSENTATIONSEBENE

BEISPIEL

Marketingleiter bei Konzern in Wien

surft am iPad

sucht neue Online Marketing-Agentur

REINHARD, 36

Marketingleiter bei Konzern in Wien

surft am iPad

sucht neue Online Marketing-Agentur

REINHARD, 36EMOTIONALE EBENE

SACHEBENE & ZIELGRUPPE

STORY

PRÄSENTATIONSEBENE

REINHARD SOLL DIE LEISTUNGEN VON

PULPMEDIA KENNEN, UM ZU SEHEN, OB SEINE

ANFORDERUNGEN ERFÜLLT WERDEN

REINHARD SOLL REFERENZEN SEHEN, UM

SICH VON DER QUALITÄT ZU ÜBERZEUGEN

REINHARD SOLL KUNDEN VON

PULPMEDIA SEHEN, UM VERTRAUEN ZU

GEWINNEN

REINHARD SOLL SCHNELL UND EINFACH

KONTAKT ZU PULPMEDIA

AUFNEHMEN KÖNNEN

ALS EIN BESUCHER MÖCHTE ICH DIE

ANSPRECHPERSONEN ZU DEN LEISTUNGEN MIT KONTAKTDATEN

SEHEN

PROJEKTABLAUF

SCHRITT 1: BACKLOGBULLSHIT BINGO!

Konzept

Accounting

PERSONAS

ZIELGRUPPEN

Kunde

ANWENDER

STORIES

CONTENT

FUNKTIONEN

ANFORDERUNGEN

IDEEN

Story Story Story Story Story Story Story






BACKLOG

SCHRITT 2: SUB-STORIES UND

TEST-CASES

MIT DEM GESAMTEN TEAM

UX-Design

Content

DevelopmentAUS WELCHEN ELEMENTEN BESTEHT EINE REFERENZ?

Reinhard soll Referenzen sehen, um sich von der Qualität zu

überzeugen

WERDEN DIE REFERENZEN GRUPPIERT?

WELCHE ARTEN VON REFERENZEN GIBT ES?

JEDES PROJEKT BESTEHT AUS BILD UND TEXT


überzeugen

WEB PROJEKT REFERENZEN HABEN EINEN LINK

JEDE REFERENZ IST EINDEUTIG EINER LEISTUNG ZUGEWIESEN

WEBSITE VIDEO KAMPAGNE

ARTEN VON REFERENZEN (TEST-CASES)

SOCIAL MEDIA

SCHRITT 3: AUFWANDS-SCHÄTZUNG




1


überzeugen

1 3

3 1 6

0 0,5 0

DIESE STORY: 15,5 STUNDEN




1


überzeugen

1 3

3 1 6

0 1 0

DIESE STORY: 16 STUNDEN





2 3 12 5 8 20 3

5 3 1 2 6 3 9

4 18 7 13 12 4 8

9 10 4 7 1 2 17

GESAMT: 195 STUNDEN

WAS IST MIT OVERHEAD?

KonzeptRECHERCHE ANALYSE PERSONAS

AccountingMEETINGS ABSTIMMUNGEN VERRECHNUNG

DevelopmentHOSTING ZERTIFIKATE SUBVERSION

Visual DesignINSPIRATION MOODS STYLEBOARDS





2 3 12 5 8 20 3

5 3 1 2 6 3 9

4 18 7 13 12 4 8

9 10 4 7 1 2 17

Overhead

GESAMT: 195 STUNDEN

?

JEDES TEAM-MITGLIED SCHÄTZT

DIE EIGENEN OVERHEAD-

STUNDEN EIN

SCHRITT 4: ABWICKLUNG

SPRINTSBULLSHIT BINGO!

SPRINT = TEILABSCHNITT

EIN SPRINT DAUERT ZWISCHEN 2 UND 4

WOCHEN

SPRINT MEETINGS

Content

UX-Design

Visual Design

Development

Testing

Story 1Story 2Story 3Story 4

Konzept

BACKLOG

Retrospektive

WAS WURDE IM LETZTEN SPRINT ERLEDIGT?

CommitmentWAS WIRD IM NÄCHSTEN SPRINT ERLEDIGT?

Content

UX-Design

Visual Design

Development

Testing

Story 1

Story 2

Story 3

Story 4

Konzept

SPRINT-BACKLOG

ContentUX-Design Visual Design Development Testing

Story 1

Story 2

Story 3

Story 4


Story 2

Story 3

Story 4

Story 1


Story 2Story 3

Story 4

Story 1


Story 2Story 3Story 4 Story 1


Story 2

Story 3Story 4 Story 1


Story 2

Story 3Story 4

Story 1


Story 2

Story 3Story 4

Story 1


Story 2

Story 3

Story 4

Story 1


Story 2

Story 3

Story 4

Story 1


Story 2

Story 3

Story 4

Story 1

Done


Story 2

Story 3

Story 4

Story 1

Done

DEFINIERE “DONE”

DEFINIERE “DONE”FÜR JEDE ABTEILUNG

Content

Testing

Visual DesignSAUBERE FIREWORKS DATEI, SCREENS ALS JPG EXPORTIERT

INHALTE KORREKTUR GELESEN UND EINGETRAGEN

ERFOLGREICH AUF FIREFOX, CHROME, IE UND SAFARI GETESTET

DAILY SCRUM MEETING

5 MinutenWAS WURDE GESTERN ERLEDIGT?

IRGENDWELCHE PROBLEME?

WAS WIRD HEUTE ERLEDIGT?

BURNDOWN CHARTBULLSHIT BINGO!

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Sprint 1 Sprint 2 Sprint 3 Sprint 4 Sprint 5 Sprint 7 Sprint 8

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

0

25

50

75

100


Offene Stunden Gearbeitete Stunden

0

25

50

75

100


Done In Progress Open

FORTSCHRITT WIRD ERSICHTLICH(ER)


Story 2

Story 3

Story 1

Done

Story 7

Story 6

Story 8

Story 5Story 4

Story 10

Story 12

Story 13

Story 9

Story 14

Story 11

LOOKS FAMILIAR?

TRELLO FOR SCRUM

PLUGIN FÜR FIREFOX UND CHROME

ZEITAUFWAND JE CARD

GESAMTER ZEITAUFWAND JE LISTE

BACKLOG DONEBLOCKED (RÜCKSPRACHE)QUEUE (ÜBERGABE)SPRINT BACKLOG DAILY SCRUM

LABELS

WER ARBEITET (NOCH) DARAN?

AUFGETEILTE TASKS

BESCHREIBUNG, SUB-STORIES

GESAMTER PROJEKTABLAUF

ERSTGESPRÄCH

ErstgesprächBUDGET

ANFORDERUNGEN ZIELGRUPPEN

CONTENT

TECHNIK

RAHMENBEDINGUNGEN

ZUSATZ-LEISTUNGEN

ZEITRAUM

FUNKTIONEN

WER? BIS WANN?

SEO ONSITE VIDEO

HOSTING ZERTIFIKATE

NEWSLETTER SEO OFFSITE

KONKURRENZ

ZIELE

SOCIAL MEDIA

SEA

ERSTGESPRÄCH

BRAINSTORMING

BrainstormingBRIEFING

KONZEPT KONKURRENZ

UX-DESIGN

VISUAL DESIGN

ACCOUNTING

DEVELOPMENT

ANFORDERUNGEN

SCRIBBLES BEISPIELE

MOODS

TECHN. CONSULTING

ZIELE

FUNKTIONEN

ERSTGESPRÄCH PITCH-PRÄSENTATION

BRAINSTORMING

Pitch-PräsentationPERSONAS

UX-DESIGN MOCKUPS

VISUAL DESIGN

ACCOUNTING

KONZEPT

GESAMTES TEAM

PRÄSENTATION-STORIES

SCREEN-DESIGN

PROTOTYP

PRÄSENTATION BUDGETIERUNG

AUFWANDSSCHÄTZUNG IN TAGEN

SCREEN-LISTE

DEVELOPMENT

Konzept UX-Design Visual Design Development

Persona

Story

KARL, USER

KARL REGISTRIERT SICH

Screen-Liste

Mockups

SCREEN 01: FORMULAR

SCREEN 01 UND 02

SCREEN 02: BESTÄTIGUNG

ScreendesignSCREEN 01 UND 02

PrototypREGISTRIERUNGSPROZESS


BRAINSTORMING KICK-OFF INTERN

Kick-Off InternREBRIEFING

KONZEPT

VISUAL DESIGN

ACCOUNTING

STYLEBOARDS

TECHN. CONSULTING

STORIES

DEVELOPMENT

StyleboardSCHRIFTEN

ELEMENTE

ALLGEMEIN

BUTTONS

HINTERGRUND

FLIESSTEXT

HIGHLIGHTS

FARBEN

ÜBERSCHRIFT LINKS

RAHMEN

BILDER MOODS FORMATE

Quelle: Style Tiles, http://styletil.es

http://styletil.es

http://styletil.es



KICK-OFF MIT KUNDE

Kick-Off mit KundeACCOUNTING ABKLÄRUNG ABLAUF ANGEBOT KONZEPT

NEUE BUDGETIERUNG

FESTLEGUNG STORIES

UX-DESIGN

VISUAL DESIGN

KONZEPT

FESTLEGUNG STYLEBOARD

FIXIERUNG TECHN. RAHMENBEDINGUNGEN

PROTOTYP/BEISPIELE

DEVELOPMENT



KICK-OFF MIT KUNDE

ABSTIMMUNGEN

AbstimmungenSTORIES FIXIERUNG TEST-CASES

DESIGN MAIN-SCREENS

ACCOUNTING

DESIGN

ZEITPLANANGEBOT

ANGEBOT:AUFWANDS-

SCHÄTZUNG + OVERHEAD

ANGEBOT:AUFWANDS-

SCHÄTZUNG + OVERHEAD + BUFFER

ZEITPLAN

TEAM AUFWAND (STD) ARBEITSZEIT JE SPRINT (STD) ANZAHL SPRINTS

KONZEPT

UX-DESIGN

VISUAL DESIGN

DEVELOPMENT

TESTING

CONTENT

30 10 3

12 5 3

30 20 2

120 40 3

20 5 4

50 30 2

IMMER AUFRUNDEN!

ACHTUNG: ABHÄNGIGKEITEN!



KICK-OFF MIT KUNDE

ABSTIMMUNGEN

UMSETZUNG

ÄNDERUNGEN: ZEITPLAN

UmsetzungSCRUM-MEETINGS SPRINT-MEETINGS DAILY SCRUM

ABKLÄRUNGEN MIT KUNDE (BLOCKED-LISTE)

ÄNDERUNGEN: KONZEPT (STORIES)

SCRUM-MASTER

ACCOUNTER

“SAUBERER” SCRUM ABLAUF

PROBLEME BESEITIGEN

TEAM HACKELN, HACKELN, HACKELN

KONZEPT



KICK-OFF MIT KUNDE

ABSTIMMUNGEN ABSCHLUSS

UMSETZUNG

AbschlussDEPLOYMENT

FINALER TEST

ABNAHME DURCH KUNDE

LAUNCH

LIVE-SYSTEM

SUPPORT

ABSCHLUSSGESPRÄCH MIT KUNDE

LAUNCH-PLAN

NACHBEREITUNG BUGHUNTING

ABSCHLUSSGESPRÄCH IM TEAM

TAKEAWAYS

GESAMTES TEAM VON BEGINN AN

DABEI

SCRUM-MASTER ACHTET AUF

SAUBEREN ABLAUF

STORIES STATT GESAMTKONZEPT

SCRUM FOR TRELLO

LABELS: FEATURE, CHANGE REQUEST,

BUG, MAINTENANCE, URGENT!!!

PERSONAS FÜR STORIES UND

TESTING

ORGANISATION:SPRINT MEETINGS

DAILY SCRUM

AKTUELLER STAND:PROJEKT BACKLOGSPRINT BACKLOG

BURNDOWN CHART

STYLEBOARDS FÜR AGILES DESIGN

@pulpmedia facebook.com/pulpmedia pulpmedia.at

Technology

Agile Web Projects