SlideShare a Scribd company logo
1 of 39
Web Development 101:
Getting Your Site Right From the
          Beginning
             KDMC Boot Camp for
     Knight Information Challenge Winners
                  March 21 2
                         - 5



                                        Lisa Williams
                              lisa@placeblogger.com

                                     placeblogger
What this is
• These are slides from a course developed to help winners of the
  Knight News & Information Challenge develop, launch, and grow
  online community, news, and information projects.
• The original presentation was given as part of a seminar presented
  at the Knight Digital Media Center at USC/Annenberg.
• Session handouts, assignments, and resource material are
  available FREE on the web at http://bit.ly/KDMC. The sessions were
  streamed live the week of March 21, 2010, and video of the
  sessions will be archived at the link above.
• If this is of interest to you, you should look into the Knight News
  Challenge and the Knight Community Information Challenge, which
  fund innovative news and community information projects. You
  can find out more at http://knightfoundation.org.
Who this is for
• Non-programmers who want to build a new website or
  add features to/extend an existing website
• Project leaders who will be working with others on their
  team to set up and run a website and web strategy for a
  project
• Particularly for people who know they will be hiring or
  working with a technical person to help them set up the
  site
• If you are a solo practicioner and want to see what you
  can do without hiring, see http://bit.ly/webdevbasics for
  a list of skills that will help you become more self-
  sufficient.
Screenshot of Placeblogger
Web Dev101 For Journalists
Placeblogger World HQ!
(now with free coffee)




        Cambridge, MA
Web Dev101 For Journalists
Lisa on LinkedIn:
linkedin.com/in/lisawilliams
      Lisa on Twitter:
       @lisawilliams



                      placeblogger
Guy
   Guy Guy
          Guy Guy



            placeblogger
Having a
startup
islike
is like having
one long
existential
crisis
Web Dev101 For Journalists
Phase 1: Create &       Create the items you want to share with a potential tech
Distribute Spec &       partner, including a spec and milestones.
Project Plan (Lisa)
Phase 2                 Which vendors are worth spending your time with? Which
Assess finalists        tech partner do you trust?
Phase 3                 Are you satisfied with the deal you’re getting – both in terms
Award Job               of money and how you work together?
(Susan, Lisa)
Phase 4                 Are you getting the site you want – one you’re really excited
Site Strategy (Susan)   about?
Phase 5                 Do you feel confident about your launch package – editorial,
Launch & Content        features, team, what you’ll do on Day One?
Strategy (Amy)
Phase 6                 What are your standards and goals for community building?
Community building      How do you get and keep people engaged? How will you
(Kwan, Amy, Susan,      utilize social media to extend the impact of your site across
Lisa)                   the web?
Finding, Landing & Working With
Technical Talent for Your Project




                        placeblogger
Where do I find them?




                 placeblogger
You’re not buying,
  you’re selling.




                 placeblogger
Don’t underestimate the cool
           factor




                     placeblogger
What type of relationship?




                    placeblogger
How much should I pay?




                 placeblogger
Do I have enough money?




                  placeblogger
Site      Startup   Tech at     Phase 2     Phase 2       Exit/
             Capital   launch       tech      financing     Uniques
Blogher       >$10k    Movable      Drupal      NBCi,       Acquisition
                        Type                   Venrock         8M
                                                $5M
Television    >$10k    BBforum,      MT,      Bootstrap,     Acquired
Without                 Plone      Prospero   Advertisers    by Bravo
Pity                                                            1M
TechCrunch    >10k     Wordpress   WPMU        Bootstrap,       ?
                                                  ads,         1.8
                                              conferences
Huffington    ~300k     Custom      MT,         $5M VC      Acquisition
Post                    SixApart    Rails     investment       2.5
Exercise 1 of 3

Exercises are located at
http://bit.ly/webdev101


                      placeblogger
Understanding the responses
   you get from coders




                     placeblogger
Four Basic Approaches Coders
Will Take To Building Your Site &
     What They Mean To You
        Packaged v. Custom
     Open Source v. Commercial


                           placeblogger
Packaged v. Custom
• Packaged                   • Custom
• Pros: Get features for     • Pros: greater flexibility,
  free when they’re            ability to build
  added, add new               something truly new
  features without a         • Cons: hard to support,
  programmer, easier           hard to add new
  training                     features
• Less flexible – learning   • No documentation
  to work within
  constraints
Reasons to go custom
• If you have a small site, a good developer may be
  able to get a site up and running very quickly.
• You have greater flexibility – you can build pretty
  much anything.
• It’s generally costlier and harder to maintain and
  train new people on.
• If you’re developing something that truly does
  not exist elsewhere, custom is the way to go.
• You might be working with the next big thing.
Open Source v. Commercial
• Open Source              • Commercial
• Pros: No license fees,   • Pros: Customer
  large developer            service, possibly
  community adds             streamlined.
  features for free        • Cons: if they go out of
• Cons: Less                 business, you may be
  streamlined, volunteer     stranded. Recurring
  labor                      license fees.
Ensuring self-sufficiency
      First feature after launch
        Documented or not?
         Where’s the code?
 What happens when the site crashes?


                               placeblogger
Write a spec

No, really. Write a spec.



                       placeblogger
Five Things You Should Share With A
Coder (Even if Your Project Isn’t New)
•   Wireframes
•   One page description of user roles
•   One page of “user stories”
•   One page list of content types
•   List of features
Writing a spec = thinking it
         through




                      placeblogger
Exercise 2 of 3: User Roles

   Exercises can be found at:
    http://bit.ly/webdev101


                          placeblogger
Create simple wireframes




                   placeblogger
Web Dev101 For Journalists
Web Dev101 For Journalists
Exercise 3 of 3: Simple
     Wireframes
Exercises can be found at:
 http://bit.ly/webdev101


                       placeblogger
Get more dangerous
 Commit to developing your own skills
so that you can add simple features and
           fix basic problems
       http://bit.ly/webdevbasics

                               placeblogger
The Society of Makers
• Show your work to other people who make
  things (& bring your coder, it makes them feel
  good)
• Pecha Kucha (http://www.pecha-kucha.org/ )
• University entrepreneur groups
• Show your work to students
• Get to know other people in your area who Make
  Stuff
Thanks!

                     Lisa Williams
           lisa@placeblogger.com
          twitter.com/lisawilliams



            placeblogger
Get Excited & Make Things




                   placeblogger

More Related Content

What's hot

Texas Association of REALTORS® Low-Cost, High-Impact Technologies
Texas Association of REALTORS® Low-Cost, High-Impact TechnologiesTexas Association of REALTORS® Low-Cost, High-Impact Technologies
Texas Association of REALTORS® Low-Cost, High-Impact TechnologiesDoug Devitre
 
Business Video Production in 2017 - SEMPDX Engage
Business Video Production in 2017 - SEMPDX Engage Business Video Production in 2017 - SEMPDX Engage
Business Video Production in 2017 - SEMPDX Engage Phil Nottingham
 
Tech Savvy REALTORS - How to be Tech Savvy when you are NOT!
Tech Savvy REALTORS - How to be Tech Savvy when you are NOT!Tech Savvy REALTORS - How to be Tech Savvy when you are NOT!
Tech Savvy REALTORS - How to be Tech Savvy when you are NOT!Doug Devitre
 
JESS3 Featured in Computer Arts for foursquare I Voted
JESS3 Featured in Computer Arts for foursquare I VotedJESS3 Featured in Computer Arts for foursquare I Voted
JESS3 Featured in Computer Arts for foursquare I VotedJESS3
 
PRESA: Communicating Effectively And Minimizing Risk Using Social Media
PRESA: Communicating Effectively And Minimizing Risk Using Social MediaPRESA: Communicating Effectively And Minimizing Risk Using Social Media
PRESA: Communicating Effectively And Minimizing Risk Using Social MediaDoug Devitre
 
Getting down to business with social media for flooring dealers
Getting down to business with social media for flooring dealersGetting down to business with social media for flooring dealers
Getting down to business with social media for flooring dealersBecky McCray
 
Email and Web Marketing on Steriods v2
Email and Web Marketing on Steriods v2Email and Web Marketing on Steriods v2
Email and Web Marketing on Steriods v2Doug Devitre
 
SESNY Training Laycock Blogging
SESNY Training Laycock BloggingSESNY Training Laycock Blogging
SESNY Training Laycock BloggingJennifer Laycock
 
MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)
MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)
MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)Tim Brunelle
 
Optimizing video across social media platforms -BrightonSEO 2016
Optimizing video across social media platforms -BrightonSEO 2016Optimizing video across social media platforms -BrightonSEO 2016
Optimizing video across social media platforms -BrightonSEO 2016Phil Nottingham
 
Design Thinking Workshop for Innovative Products and Businesses
Design Thinking Workshop for Innovative Products and BusinessesDesign Thinking Workshop for Innovative Products and Businesses
Design Thinking Workshop for Innovative Products and BusinessesChristina Wodtke
 
Florida REALTORS Association 2011 Winter Meetings
Florida REALTORS Association 2011 Winter MeetingsFlorida REALTORS Association 2011 Winter Meetings
Florida REALTORS Association 2011 Winter MeetingsDoug Devitre
 
Incorporating Video into your Link Building Strategy
Incorporating Video into your Link Building StrategyIncorporating Video into your Link Building Strategy
Incorporating Video into your Link Building StrategyPhil Nottingham
 
The MightyWrite
The MightyWriteThe MightyWrite
The MightyWriteWill Osman
 
1a transmedia tools for visioning v2 w instructor notes
1a transmedia tools for visioning v2 w instructor notes1a transmedia tools for visioning v2 w instructor notes
1a transmedia tools for visioning v2 w instructor notesboazhermon
 
Untangling spring week3
Untangling spring week3Untangling spring week3
Untangling spring week3Derek Jacoby
 
Designing for Change Half Day
Designing for Change Half DayDesigning for Change Half Day
Designing for Change Half DayChristina Wodtke
 
Your first web application. From Design to Launch
Your first web application. From Design to LaunchYour first web application. From Design to Launch
Your first web application. From Design to LaunchDavid Brooks
 

What's hot (20)

Texas Association of REALTORS® Low-Cost, High-Impact Technologies
Texas Association of REALTORS® Low-Cost, High-Impact TechnologiesTexas Association of REALTORS® Low-Cost, High-Impact Technologies
Texas Association of REALTORS® Low-Cost, High-Impact Technologies
 
Business Video Production in 2017 - SEMPDX Engage
Business Video Production in 2017 - SEMPDX Engage Business Video Production in 2017 - SEMPDX Engage
Business Video Production in 2017 - SEMPDX Engage
 
ACES Survive Redesign 2012
ACES Survive Redesign 2012ACES Survive Redesign 2012
ACES Survive Redesign 2012
 
Tech Savvy REALTORS - How to be Tech Savvy when you are NOT!
Tech Savvy REALTORS - How to be Tech Savvy when you are NOT!Tech Savvy REALTORS - How to be Tech Savvy when you are NOT!
Tech Savvy REALTORS - How to be Tech Savvy when you are NOT!
 
JESS3 Featured in Computer Arts for foursquare I Voted
JESS3 Featured in Computer Arts for foursquare I VotedJESS3 Featured in Computer Arts for foursquare I Voted
JESS3 Featured in Computer Arts for foursquare I Voted
 
PRESA: Communicating Effectively And Minimizing Risk Using Social Media
PRESA: Communicating Effectively And Minimizing Risk Using Social MediaPRESA: Communicating Effectively And Minimizing Risk Using Social Media
PRESA: Communicating Effectively And Minimizing Risk Using Social Media
 
Getting down to business with social media for flooring dealers
Getting down to business with social media for flooring dealersGetting down to business with social media for flooring dealers
Getting down to business with social media for flooring dealers
 
Email and Web Marketing on Steriods v2
Email and Web Marketing on Steriods v2Email and Web Marketing on Steriods v2
Email and Web Marketing on Steriods v2
 
WordPress
WordPress WordPress
WordPress
 
SESNY Training Laycock Blogging
SESNY Training Laycock BloggingSESNY Training Laycock Blogging
SESNY Training Laycock Blogging
 
MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)
MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)
MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)
 
Optimizing video across social media platforms -BrightonSEO 2016
Optimizing video across social media platforms -BrightonSEO 2016Optimizing video across social media platforms -BrightonSEO 2016
Optimizing video across social media platforms -BrightonSEO 2016
 
Design Thinking Workshop for Innovative Products and Businesses
Design Thinking Workshop for Innovative Products and BusinessesDesign Thinking Workshop for Innovative Products and Businesses
Design Thinking Workshop for Innovative Products and Businesses
 
Florida REALTORS Association 2011 Winter Meetings
Florida REALTORS Association 2011 Winter MeetingsFlorida REALTORS Association 2011 Winter Meetings
Florida REALTORS Association 2011 Winter Meetings
 
Incorporating Video into your Link Building Strategy
Incorporating Video into your Link Building StrategyIncorporating Video into your Link Building Strategy
Incorporating Video into your Link Building Strategy
 
The MightyWrite
The MightyWriteThe MightyWrite
The MightyWrite
 
1a transmedia tools for visioning v2 w instructor notes
1a transmedia tools for visioning v2 w instructor notes1a transmedia tools for visioning v2 w instructor notes
1a transmedia tools for visioning v2 w instructor notes
 
Untangling spring week3
Untangling spring week3Untangling spring week3
Untangling spring week3
 
Designing for Change Half Day
Designing for Change Half DayDesigning for Change Half Day
Designing for Change Half Day
 
Your first web application. From Design to Launch
Your first web application. From Design to LaunchYour first web application. From Design to Launch
Your first web application. From Design to Launch
 

Viewers also liked

Rhys Henderson Career Map 2011
Rhys Henderson Career Map 2011Rhys Henderson Career Map 2011
Rhys Henderson Career Map 2011rhenders
 
講演資料@福岡市共働カフェ 20130208
講演資料@福岡市共働カフェ 20130208 講演資料@福岡市共働カフェ 20130208
講演資料@福岡市共働カフェ 20130208 Takuji Hiroishi
 
Kies voor de geesteswetenschapper!
Kies voor de geesteswetenschapper! Kies voor de geesteswetenschapper!
Kies voor de geesteswetenschapper! KVANdagen
 
Trabajo de paginas web
Trabajo de paginas webTrabajo de paginas web
Trabajo de paginas webJoanna Ramsz
 
What to blog about in compumatrix
What to blog about in compumatrixWhat to blog about in compumatrix
What to blog about in compumatrixCompumatrix Inc.
 
Sps philly 2011 1-designer
Sps philly 2011 1-designerSps philly 2011 1-designer
Sps philly 2011 1-designerPeter1020
 
Connected Component Labeling on Intel Xeon Phi Coprocessors – Parallelization...
Connected Component Labeling on Intel Xeon Phi Coprocessors – Parallelization...Connected Component Labeling on Intel Xeon Phi Coprocessors – Parallelization...
Connected Component Labeling on Intel Xeon Phi Coprocessors – Parallelization...Intel IT Center
 
Nj sharepoint user group
Nj sharepoint user groupNj sharepoint user group
Nj sharepoint user groupPeter1020
 
社会・地域を良くするために、どう目標を定め、実践するのか?
社会・地域を良くするために、どう目標を定め、実践するのか?社会・地域を良くするために、どう目標を定め、実践するのか?
社会・地域を良くするために、どう目標を定め、実践するのか?Takuji Hiroishi
 

Viewers also liked (11)

Rhys Henderson Career Map 2011
Rhys Henderson Career Map 2011Rhys Henderson Career Map 2011
Rhys Henderson Career Map 2011
 
講演資料@福岡市共働カフェ 20130208
講演資料@福岡市共働カフェ 20130208 講演資料@福岡市共働カフェ 20130208
講演資料@福岡市共働カフェ 20130208
 
Kies voor de geesteswetenschapper!
Kies voor de geesteswetenschapper! Kies voor de geesteswetenschapper!
Kies voor de geesteswetenschapper!
 
WE+ 2015
WE+ 2015WE+ 2015
WE+ 2015
 
Trabajo de paginas web
Trabajo de paginas webTrabajo de paginas web
Trabajo de paginas web
 
What to blog about in compumatrix
What to blog about in compumatrixWhat to blog about in compumatrix
What to blog about in compumatrix
 
Compumatrix 101 1
Compumatrix 101 1Compumatrix 101 1
Compumatrix 101 1
 
Sps philly 2011 1-designer
Sps philly 2011 1-designerSps philly 2011 1-designer
Sps philly 2011 1-designer
 
Connected Component Labeling on Intel Xeon Phi Coprocessors – Parallelization...
Connected Component Labeling on Intel Xeon Phi Coprocessors – Parallelization...Connected Component Labeling on Intel Xeon Phi Coprocessors – Parallelization...
Connected Component Labeling on Intel Xeon Phi Coprocessors – Parallelization...
 
Nj sharepoint user group
Nj sharepoint user groupNj sharepoint user group
Nj sharepoint user group
 
社会・地域を良くするために、どう目標を定め、実践するのか?
社会・地域を良くするために、どう目標を定め、実践するのか?社会・地域を良くするために、どう目標を定め、実践するのか?
社会・地域を良くするために、どう目標を定め、実践するのか?
 

Similar to Web Dev101 For Journalists

Biggest Mistake of Broke Web Designers
Biggest Mistake of Broke Web Designers Biggest Mistake of Broke Web Designers
Biggest Mistake of Broke Web Designers New Tricks
 
Surviving a Hackathon and Beyond
Surviving a Hackathon and BeyondSurviving a Hackathon and Beyond
Surviving a Hackathon and Beyondimoneytech
 
Web 2.0 in the Service of the Investor Relations
Web 2.0 in the Service of the Investor RelationsWeb 2.0 in the Service of the Investor Relations
Web 2.0 in the Service of the Investor RelationsMagic Solutions
 
Powerpoint dropbox
Powerpoint dropboxPowerpoint dropbox
Powerpoint dropboxxristou
 
Dropbox: Building Business Through Lean Startup Principles
Dropbox: Building Business Through Lean Startup PrinciplesDropbox: Building Business Through Lean Startup Principles
Dropbox: Building Business Through Lean Startup PrinciplesVishal Kumar
 
DevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable ProductsDevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable ProductsBen Hall
 
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...Acquia
 
Redefining your big idea
Redefining your big ideaRedefining your big idea
Redefining your big ideaRyan Lou
 
LEARN STARTUP OVERVIEW
LEARN STARTUP OVERVIEWLEARN STARTUP OVERVIEW
LEARN STARTUP OVERVIEWwe20
 
Building Startups and Minimum Viable Products (NDC2013)
Building Startups and Minimum Viable Products (NDC2013)Building Startups and Minimum Viable Products (NDC2013)
Building Startups and Minimum Viable Products (NDC2013)Ben Hall
 
Pitch your idea like a rockstar!
Pitch your idea like a rockstar!Pitch your idea like a rockstar!
Pitch your idea like a rockstar!Innovator SG
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Dylan Wilbanks
 
Bermuda Triangle WCATL 2019
Bermuda Triangle WCATL 2019 Bermuda Triangle WCATL 2019
Bermuda Triangle WCATL 2019 New Tricks
 
From Monoliths to Services: Paying Your Technical Debt
From Monoliths to Services: Paying Your Technical DebtFrom Monoliths to Services: Paying Your Technical Debt
From Monoliths to Services: Paying Your Technical DebtTechWell
 
Jw may presentation
Jw may presentationJw may presentation
Jw may presentationJon May
 
Seven Core Competency Framework of a WordPress Pro
Seven Core Competency Framework of a WordPress ProSeven Core Competency Framework of a WordPress Pro
Seven Core Competency Framework of a WordPress ProNew Tricks
 
Prototyping like it is 2022
Prototyping like it is 2022 Prototyping like it is 2022
Prototyping like it is 2022 Michael Yagudaev
 
Mapping Your Way To Site Success: Site Plans for Proj
Mapping Your Way To Site Success: Site Plans for ProjMapping Your Way To Site Success: Site Plans for Proj
Mapping Your Way To Site Success: Site Plans for ProjLisa Williams
 
'The Minimalist Publisher How to Do More with Less' at Mumbrella Publish 2022
'The Minimalist Publisher How to Do More with Less' at Mumbrella Publish 2022'The Minimalist Publisher How to Do More with Less' at Mumbrella Publish 2022
'The Minimalist Publisher How to Do More with Less' at Mumbrella Publish 2022AnneNguyen92
 

Similar to Web Dev101 For Journalists (20)

Biggest Mistake of Broke Web Designers
Biggest Mistake of Broke Web Designers Biggest Mistake of Broke Web Designers
Biggest Mistake of Broke Web Designers
 
Surviving a Hackathon and Beyond
Surviving a Hackathon and BeyondSurviving a Hackathon and Beyond
Surviving a Hackathon and Beyond
 
5 truths-new
5 truths-new5 truths-new
5 truths-new
 
Web 2.0 in the Service of the Investor Relations
Web 2.0 in the Service of the Investor RelationsWeb 2.0 in the Service of the Investor Relations
Web 2.0 in the Service of the Investor Relations
 
Powerpoint dropbox
Powerpoint dropboxPowerpoint dropbox
Powerpoint dropbox
 
Dropbox: Building Business Through Lean Startup Principles
Dropbox: Building Business Through Lean Startup PrinciplesDropbox: Building Business Through Lean Startup Principles
Dropbox: Building Business Through Lean Startup Principles
 
DevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable ProductsDevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable Products
 
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...
 
Redefining your big idea
Redefining your big ideaRedefining your big idea
Redefining your big idea
 
LEARN STARTUP OVERVIEW
LEARN STARTUP OVERVIEWLEARN STARTUP OVERVIEW
LEARN STARTUP OVERVIEW
 
Building Startups and Minimum Viable Products (NDC2013)
Building Startups and Minimum Viable Products (NDC2013)Building Startups and Minimum Viable Products (NDC2013)
Building Startups and Minimum Viable Products (NDC2013)
 
Pitch your idea like a rockstar!
Pitch your idea like a rockstar!Pitch your idea like a rockstar!
Pitch your idea like a rockstar!
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
 
Bermuda Triangle WCATL 2019
Bermuda Triangle WCATL 2019 Bermuda Triangle WCATL 2019
Bermuda Triangle WCATL 2019
 
From Monoliths to Services: Paying Your Technical Debt
From Monoliths to Services: Paying Your Technical DebtFrom Monoliths to Services: Paying Your Technical Debt
From Monoliths to Services: Paying Your Technical Debt
 
Jw may presentation
Jw may presentationJw may presentation
Jw may presentation
 
Seven Core Competency Framework of a WordPress Pro
Seven Core Competency Framework of a WordPress ProSeven Core Competency Framework of a WordPress Pro
Seven Core Competency Framework of a WordPress Pro
 
Prototyping like it is 2022
Prototyping like it is 2022 Prototyping like it is 2022
Prototyping like it is 2022
 
Mapping Your Way To Site Success: Site Plans for Proj
Mapping Your Way To Site Success: Site Plans for ProjMapping Your Way To Site Success: Site Plans for Proj
Mapping Your Way To Site Success: Site Plans for Proj
 
'The Minimalist Publisher How to Do More with Less' at Mumbrella Publish 2022
'The Minimalist Publisher How to Do More with Less' at Mumbrella Publish 2022'The Minimalist Publisher How to Do More with Less' at Mumbrella Publish 2022
'The Minimalist Publisher How to Do More with Less' at Mumbrella Publish 2022
 

More from Lisa Williams

Impaq.me: Combining Social Sharing with Fundraising for News Organizations
Impaq.me: Combining Social Sharing with Fundraising for News OrganizationsImpaq.me: Combining Social Sharing with Fundraising for News Organizations
Impaq.me: Combining Social Sharing with Fundraising for News OrganizationsLisa Williams
 
Deceptive charts and graphs
Deceptive charts and graphsDeceptive charts and graphs
Deceptive charts and graphsLisa Williams
 
Deceptive charts and graphs
Deceptive charts and graphsDeceptive charts and graphs
Deceptive charts and graphsLisa Williams
 
Deceptive charts and graphs
Deceptive charts and graphsDeceptive charts and graphs
Deceptive charts and graphsLisa Williams
 
Impaq me-presentation
Impaq me-presentationImpaq me-presentation
Impaq me-presentationLisa Williams
 
Four tests for startups
Four tests for startupsFour tests for startups
Four tests for startupsLisa Williams
 
Data for-radicals-lesson-1
Data for-radicals-lesson-1Data for-radicals-lesson-1
Data for-radicals-lesson-1Lisa Williams
 
Sxsw 2012 lisa williams the hyperlocal hoax
Sxsw 2012 lisa williams the hyperlocal hoaxSxsw 2012 lisa williams the hyperlocal hoax
Sxsw 2012 lisa williams the hyperlocal hoaxLisa Williams
 
The Future Is Small But The Impact Isn't
The Future Is Small But The Impact Isn'tThe Future Is Small But The Impact Isn't
The Future Is Small But The Impact Isn'tLisa Williams
 
Data Visualization for Journalism
Data Visualization for Journalism Data Visualization for Journalism
Data Visualization for Journalism Lisa Williams
 
How do I identify great media projects?
How do I identify great media projects?How do I identify great media projects?
How do I identify great media projects?Lisa Williams
 
Sxsw 2011 version 2 for pdf
Sxsw 2011 version 2 for pdfSxsw 2011 version 2 for pdf
Sxsw 2011 version 2 for pdfLisa Williams
 
Bloggers vs Journalists: It's a Psychological Thing
Bloggers vs Journalists: It's a Psychological ThingBloggers vs Journalists: It's a Psychological Thing
Bloggers vs Journalists: It's a Psychological ThingLisa Williams
 
Local: A Laboratory for Journalism's Future
Local: A Laboratory for Journalism's FutureLocal: A Laboratory for Journalism's Future
Local: A Laboratory for Journalism's FutureLisa Williams
 
How I Created A News Startup
How I Created A News StartupHow I Created A News Startup
How I Created A News StartupLisa Williams
 
If You're A Journalism Major, You Have a Choice
If You're A Journalism Major, You Have a ChoiceIf You're A Journalism Major, You Have a Choice
If You're A Journalism Major, You Have a ChoiceLisa Williams
 
Startups For Journalists
Startups For JournalistsStartups For Journalists
Startups For JournalistsLisa Williams
 
Thinking Like A Startup for Journalists
Thinking Like A Startup for JournalistsThinking Like A Startup for Journalists
Thinking Like A Startup for JournalistsLisa Williams
 

More from Lisa Williams (20)

Impaq.me: Combining Social Sharing with Fundraising for News Organizations
Impaq.me: Combining Social Sharing with Fundraising for News OrganizationsImpaq.me: Combining Social Sharing with Fundraising for News Organizations
Impaq.me: Combining Social Sharing with Fundraising for News Organizations
 
Deceptive charts and graphs
Deceptive charts and graphsDeceptive charts and graphs
Deceptive charts and graphs
 
Deceptive charts and graphs
Deceptive charts and graphsDeceptive charts and graphs
Deceptive charts and graphs
 
Deceptive charts and graphs
Deceptive charts and graphsDeceptive charts and graphs
Deceptive charts and graphs
 
Impaq me-presentation
Impaq me-presentationImpaq me-presentation
Impaq me-presentation
 
Four tests for startups
Four tests for startupsFour tests for startups
Four tests for startups
 
Data for-radicals-lesson-1
Data for-radicals-lesson-1Data for-radicals-lesson-1
Data for-radicals-lesson-1
 
Sxsw 2012 lisa williams the hyperlocal hoax
Sxsw 2012 lisa williams the hyperlocal hoaxSxsw 2012 lisa williams the hyperlocal hoax
Sxsw 2012 lisa williams the hyperlocal hoax
 
Grafton conference2
Grafton conference2Grafton conference2
Grafton conference2
 
The Future Is Small But The Impact Isn't
The Future Is Small But The Impact Isn'tThe Future Is Small But The Impact Isn't
The Future Is Small But The Impact Isn't
 
Data Visualization for Journalism
Data Visualization for Journalism Data Visualization for Journalism
Data Visualization for Journalism
 
How do I identify great media projects?
How do I identify great media projects?How do I identify great media projects?
How do I identify great media projects?
 
Sxsw 2011 version 2 for pdf
Sxsw 2011 version 2 for pdfSxsw 2011 version 2 for pdf
Sxsw 2011 version 2 for pdf
 
Bloggers vs Journalists: It's a Psychological Thing
Bloggers vs Journalists: It's a Psychological ThingBloggers vs Journalists: It's a Psychological Thing
Bloggers vs Journalists: It's a Psychological Thing
 
Local: A Laboratory for Journalism's Future
Local: A Laboratory for Journalism's FutureLocal: A Laboratory for Journalism's Future
Local: A Laboratory for Journalism's Future
 
How I Created A News Startup
How I Created A News StartupHow I Created A News Startup
How I Created A News Startup
 
Public media camp
Public media campPublic media camp
Public media camp
 
If You're A Journalism Major, You Have a Choice
If You're A Journalism Major, You Have a ChoiceIf You're A Journalism Major, You Have a Choice
If You're A Journalism Major, You Have a Choice
 
Startups For Journalists
Startups For JournalistsStartups For Journalists
Startups For Journalists
 
Thinking Like A Startup for Journalists
Thinking Like A Startup for JournalistsThinking Like A Startup for Journalists
Thinking Like A Startup for Journalists
 

Web Dev101 For Journalists

  • 1. Web Development 101: Getting Your Site Right From the Beginning KDMC Boot Camp for Knight Information Challenge Winners March 21 2 - 5 Lisa Williams lisa@placeblogger.com placeblogger
  • 2. What this is • These are slides from a course developed to help winners of the Knight News & Information Challenge develop, launch, and grow online community, news, and information projects. • The original presentation was given as part of a seminar presented at the Knight Digital Media Center at USC/Annenberg. • Session handouts, assignments, and resource material are available FREE on the web at http://bit.ly/KDMC. The sessions were streamed live the week of March 21, 2010, and video of the sessions will be archived at the link above. • If this is of interest to you, you should look into the Knight News Challenge and the Knight Community Information Challenge, which fund innovative news and community information projects. You can find out more at http://knightfoundation.org.
  • 3. Who this is for • Non-programmers who want to build a new website or add features to/extend an existing website • Project leaders who will be working with others on their team to set up and run a website and web strategy for a project • Particularly for people who know they will be hiring or working with a technical person to help them set up the site • If you are a solo practicioner and want to see what you can do without hiring, see http://bit.ly/webdevbasics for a list of skills that will help you become more self- sufficient.
  • 6. Placeblogger World HQ! (now with free coffee) Cambridge, MA
  • 8. Lisa on LinkedIn: linkedin.com/in/lisawilliams Lisa on Twitter: @lisawilliams placeblogger
  • 9. Guy Guy Guy Guy Guy placeblogger
  • 10. Having a startup islike is like having one long existential crisis
  • 12. Phase 1: Create & Create the items you want to share with a potential tech Distribute Spec & partner, including a spec and milestones. Project Plan (Lisa) Phase 2 Which vendors are worth spending your time with? Which Assess finalists tech partner do you trust? Phase 3 Are you satisfied with the deal you’re getting – both in terms Award Job of money and how you work together? (Susan, Lisa) Phase 4 Are you getting the site you want – one you’re really excited Site Strategy (Susan) about? Phase 5 Do you feel confident about your launch package – editorial, Launch & Content features, team, what you’ll do on Day One? Strategy (Amy) Phase 6 What are your standards and goals for community building? Community building How do you get and keep people engaged? How will you (Kwan, Amy, Susan, utilize social media to extend the impact of your site across Lisa) the web?
  • 13. Finding, Landing & Working With Technical Talent for Your Project placeblogger
  • 14. Where do I find them? placeblogger
  • 15. You’re not buying, you’re selling. placeblogger
  • 16. Don’t underestimate the cool factor placeblogger
  • 17. What type of relationship? placeblogger
  • 18. How much should I pay? placeblogger
  • 19. Do I have enough money? placeblogger
  • 20. Site Startup Tech at Phase 2 Phase 2 Exit/ Capital launch tech financing Uniques Blogher >$10k Movable Drupal NBCi, Acquisition Type Venrock 8M $5M Television >$10k BBforum, MT, Bootstrap, Acquired Without Plone Prospero Advertisers by Bravo Pity 1M TechCrunch >10k Wordpress WPMU Bootstrap, ? ads, 1.8 conferences Huffington ~300k Custom MT, $5M VC Acquisition Post SixApart Rails investment 2.5
  • 21. Exercise 1 of 3 Exercises are located at http://bit.ly/webdev101 placeblogger
  • 22. Understanding the responses you get from coders placeblogger
  • 23. Four Basic Approaches Coders Will Take To Building Your Site & What They Mean To You Packaged v. Custom Open Source v. Commercial placeblogger
  • 24. Packaged v. Custom • Packaged • Custom • Pros: Get features for • Pros: greater flexibility, free when they’re ability to build added, add new something truly new features without a • Cons: hard to support, programmer, easier hard to add new training features • Less flexible – learning • No documentation to work within constraints
  • 25. Reasons to go custom • If you have a small site, a good developer may be able to get a site up and running very quickly. • You have greater flexibility – you can build pretty much anything. • It’s generally costlier and harder to maintain and train new people on. • If you’re developing something that truly does not exist elsewhere, custom is the way to go. • You might be working with the next big thing.
  • 26. Open Source v. Commercial • Open Source • Commercial • Pros: No license fees, • Pros: Customer large developer service, possibly community adds streamlined. features for free • Cons: if they go out of • Cons: Less business, you may be streamlined, volunteer stranded. Recurring labor license fees.
  • 27. Ensuring self-sufficiency First feature after launch Documented or not? Where’s the code? What happens when the site crashes? placeblogger
  • 28. Write a spec No, really. Write a spec. placeblogger
  • 29. Five Things You Should Share With A Coder (Even if Your Project Isn’t New) • Wireframes • One page description of user roles • One page of “user stories” • One page list of content types • List of features
  • 30. Writing a spec = thinking it through placeblogger
  • 31. Exercise 2 of 3: User Roles Exercises can be found at: http://bit.ly/webdev101 placeblogger
  • 32. Create simple wireframes placeblogger
  • 35. Exercise 3 of 3: Simple Wireframes Exercises can be found at: http://bit.ly/webdev101 placeblogger
  • 36. Get more dangerous Commit to developing your own skills so that you can add simple features and fix basic problems http://bit.ly/webdevbasics placeblogger
  • 37. The Society of Makers • Show your work to other people who make things (& bring your coder, it makes them feel good) • Pecha Kucha (http://www.pecha-kucha.org/ ) • University entrepreneur groups • Show your work to students • Get to know other people in your area who Make Stuff
  • 38. Thanks! Lisa Williams lisa@placeblogger.com twitter.com/lisawilliams placeblogger
  • 39. Get Excited & Make Things placeblogger