so you wanna build a website! - lmu mschool
DESCRIPTION
This was from my lecture on March 13, 2013. I only had 60 minutes to teach the class how to build a web site. For you seasoned pros there are some gaps, but this is the gist of what it takes....TRANSCRIPT
SO YOU WANNA BUILD A WEB SITE?
LMU – mSchoolMarch 13, 2013Michael Weiss
TEAMPHASES OF DEVELOPMENT
TEAM
PROJECT MANAGERINFORMATION ARCHITECTLEAD DESIGNERLEAD TECHPROGRAMMING TEAMQA
CLIENT FACINGPROJECT MANAGERINFORMATION ARCHITECTLEAD DESIGNERLEAD TECHPROGRAMMING TEAMQA
PROJECT MANAGERINFORMATION ARCHITECTLEAD DESIGNERLEAD TECHPROGRAMMING TEAMQA
PROJECT MANAGERDay to Day Manager
Scope – Schedule – Budget
Manage Client Expectations
Manage Internal Team
PROJECT MANAGERINFORMATION ARCHITECTLEAD DESIGNERLEAD TECHPROGRAMMING TEAMQA
INFORMATION ARCHITECTIdentifies Wishes/Wants/Needs
Organizes Content Flow
Creates & Executes UX
Wire Frames & Site Maps
PROJECT MANAGERINFORMATION ARCHITECTLEAD DESIGNERLEAD TECHPROGRAMMING TEAMQA
LEAD DESIGNERWorks with IA - IMPORTANT
Understands Brand
Translates into Design
PROJECT MANAGERINFORMATION ARCHITECTLEAD DESIGNERLEAD TECHPROGRAMMING TEAMQA
LEAD TECHTechnology Audit
Technology Recommendations
Writes Tech Spec
Manages Programming Team
PROJECT MANAGERINFORMATION ARCHITECTLEAD DESIGNERLEAD TECHPROGRAMMING TEAMQA
PROGRAMMING TEAMHTML
JavaScript
AJAX
Middleware
Databases
PROJECT MANAGERINFORMATION ARCHITECTLEAD DESIGNERLEAD TECHPROGRAMMING TEAMQA
QATest
Functionality
Design
Grammar
PHASES OF DEVELOPMENT
DISCOVERYSPECIFICATIONSDESIGNDEVELOPMENTALPHABETADELIVERYLAUNCH
DISCOVERYSPECIFICATIONSDESIGNDEVELOPMENTALPHABETADELIVERYLAUNCH
Time & Materials
Fixed Budget
DISCOVERYAgency: PM, IA, Designer, LT
Client: ALL Stakeholders – Tech!
Objective: Set BREADTH of Scope
Deliverable: S.O.W.
DISCOVERYData gathering
Identify Wishes/Wants/Needs
Set Priorities
Set Breadth of Scope
SPECIFICATIONSAgency: PM, IA, LT
Client: Necessary Stakeholders
Objective: Set DEPTH of Scope
Deliverable: Functional Spec
SPECIFICATIONSSite Maps
Wire Frames
Technology Audit & Suggestions
Identify 3rd Party Integration: Social Platform, Email, CRM
DESIGNAgency: PM, IA, Designer
Client: Necessary Stakeholders
Wire Frames + Brand = Design
Deliverable: Comps & Final
http://www.ip-no.org/
DEVELOPMENTAgency: PM, LT, Programmers
Client: Necessary Stakeholders
Spec + Wire Frames + Design
Deliverable: Functioning Site
DEVELOPMENT3 Types: Front, Middle & Back
Front: HTML, AJAX, Flash, HTML5
Back: SQL, MySQL = Databases
Middle: PHP, .NET, Ruby
WebsiteHTML Database
SQL or MySQL
MiddlewarePHP or .NET
HOW IT WORKS 101
DEVELOPMENT - QAOften a forgotten task
Critical for launch
Alpha – 50% Functional
Beta – 95% Functional
Delivery – 100% NOT LAUNCH