Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Lessons In Sharing Open Source

231 views

Published on

Presentation on sharing open source software given at the National Association of Government Web Professionals (NAGW) 2013 conference.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Lessons In Sharing Open Source

  1. 1. National Association of Government Web Professionals 2013 National Conference LESSONS IN SHARING OPEN SOURCE Leslie Labrecque City of Boulder, Colorado
  2. 2. National Association of Government Web Professionals 2013 National Conference Agenda • Project Definition • Technology Used • Lessons Learned • The Final Product • Questions
  3. 3. National Association of Government Web Professionals 2013 National ConferenceNational Association of Government Web Professionals 2013 National Conference Project Definition Project Phases Defined
  4. 4. National Association of Government Web Professionals 2013 National Conference Old Website Design • This was our old website… • Joomla CMS • Around since May 2006
  5. 5. National Association of Government Web Professionals 2013 National Conference Phase I - Research Project • Site Navigation • Content Organization • Data Retention and Archiving • Search Capabilities • Site Aesthetics • CMS Functionality (Joomla)
  6. 6. National Association of Government Web Professionals 2013 National Conference Phase I - Process • Request for Information (RFI) Issued • Nine proposals received • Five vendors selected to present • Narrowed down to two vendors
  7. 7. National Association of Government Web Professionals 2013 National Conference Phase I – Design Winner • Vision Internet • Deliver a responsive design template • We would integrate with the CMS
  8. 8. National Association of Government Web Professionals 2013 National Conference Phase I – CMS Winner • City of Arvada • Shared use of their CMS • Both cities would use and contribute to • Enter into an intergovernmental agreement • We added a PHP developer position to our staff
  9. 9. National Association of Government Web Professionals 2013 National Conference Phase II - Implementation Date Task Apr 2012 Kick-off call with Vision Internet Apr – May 2012 Conducted internal and external surveys Jul 2012 On-site visit and approved wireframe Aug 2012 Delivered round I design mockups
  10. 10. National Association of Government Web Professionals 2013 National Conference
  11. 11. National Association of Government Web Professionals 2013 National Conference Design 1 Design 2 Design 3
  12. 12. National Association of Government Web Professionals 2013 National Conference And The Winner Is…
  13. 13. National Association of Government Web Professionals 2013 National Conference Design Phase Timeline Date Task Aug 2012 - Dec 2012 Worked on homepage mockups Dec 2012 Completed and approved homepage mockup Jan 2013 Completed interior page design Feb 2013 Delivered working prototype Tested and refined prototype Work with Vision completed
  14. 14. National Association of Government Web Professionals 2013 National Conference CMS Implementation Date Task Sept 2012 Hired PHP Developer Oct 2012 Installed Arvada’s CMS code Mar 2013 Integrated design with CMS Ran migration script Trained users Mar 2013 – Jul 2013 Repurposed content for responsive design Jul 2013 GO LIVE!
  15. 15. National Association of Government Web Professionals 2013 National Conference Would Also Be Great If… • Implement new constituent relationship management system (CRM) • Online document repository • Officially announce online data catalog
  16. 16. National Association of Government Web Professionals 2013 National ConferenceNational Association of Government Web Professionals 2013 National Conference Technology Used The Technology We Are Using
  17. 17. National Association of Government Web Professionals 2013 National Conference Arvada CMS (XPress) • PHP 5 • MySQL database • Kohana PHP framework • jQuery UI
  18. 18. National Association of Government Web Professionals 2013 National Conference Why We Chose XPress • Government specific • Easy/Intuitive for our web managers • Integrated link checker to scan for broken links • Integrated with Vimeo, YouTube, Google Maps and Flickr • Tagging system to multi-purpose content
  19. 19. National Association of Government Web Professionals 2013 National Conference CMS/Social Media Integration • Embed related videos from YouTube and Vimeo • Include related photos from Flickr • Provide map with address on any page • Include an image banner on any page • Include scrolling mini-banners on any category
  20. 20. National Association of Government Web Professionals 2013 National Conference Additional Technology • CRM - Government Outreach hosted solution • Online Records Access – Laserfiche web portal (Rio) • Open Data – Open Colorado/CKAN
  21. 21. National Association of Government Web Professionals 2013 National ConferenceNational Association of Government Web Professionals 2013 National Conference Lessons Learned What We Learned From This Project
  22. 22. National Association of Government Web Professionals 2013 National Conference Clean House • Clean up the code before sharing • Remove hard-coded variables
  23. 23. National Association of Government Web Professionals 2013 National Conference Learn the Technology • Take the time to learn the technology • Do this before you install the code
  24. 24. National Association of Government Web Professionals 2013 National Conference Hire Good People • Added PHP developer position • Have a rock star systems administrator
  25. 25. National Association of Government Web Professionals 2013 National Conference Communication • Regular meetings • Show/Tell • Keep management informed
  26. 26. National Association of Government Web Professionals 2013 National Conference Establish Roadmap • Where is the project going? • Agreed upon enhancements • Enhancement timeframe?
  27. 27. National Association of Government Web Professionals 2013 National Conference Scope Creep • Lot of things you can do • Stick to the roadmap
  28. 28. National Association of Government Web Professionals 2013 National Conference Shared Code Repository • Master code repository • Each agency can have their own
  29. 29. National Association of Government Web Professionals 2013 National Conference Bug Tracking • Collectively log bugs • Collectively squash bugs
  30. 30. National Association of Government Web Professionals 2013 National Conference Modularize • Write reusable modules • Can someone else use this?
  31. 31. National Association of Government Web Professionals 2013 National Conference Know Your APIs • Read the documentation • Write code to catch exceptions • Sign up for updates
  32. 32. National Association of Government Web Professionals 2013 National Conference Webmaster Tools • Setup Google and Bing webmaster tools in advance • Fetch as Bingbot and Googlebot • Don’t delete old website
  33. 33. National Association of Government Web Professionals 2013 National Conference Bing Move Tool • Use the Site Move Tool! • Located under Diagnostics & Tools
  34. 34. National Association of Government Web Professionals 2013 National Conference Responsive Design • Include tables and forms in design contract • Separate stylesheet for IE8 • Will not work for IE7 or below
  35. 35. National Association of Government Web Professionals 2013 National Conference HTTPS? • Everything has to be https • IE will throw an error every time • Newer browsers will not show the content
  36. 36. National Association of Government Web Professionals 2013 National Conference Keep Old Website Active • Maintain access to old website • Use no follow in <meta> tag on old website
  37. 37. National Association of Government Web Professionals 2013 National Conference Search Issues • Have a good internal search • Search engines take time to reindex
  38. 38. National Association of Government Web Professionals 2013 National Conference Robots.txt • Include directories you don’t want indexed • Use wild cards to eliminate old pages
  39. 39. National Association of Government Web Professionals 2013 National Conference Sitemap.XML • Create a sitemap • Place at the root • Submit to webmaster tools accounts
  40. 40. National Association of Government Web Professionals 2013 National Conference 301 Redirects • Setup 301 redirects • Redirect top level pages • Redirect high traffic pages
  41. 41. National Association of Government Web Professionals 2013 National Conference Soft/Hard 404 Error • Hard 404: Not Found • Soft 404: Also returns 200 OK code
  42. 42. National Association of Government Web Professionals 2013 National Conference Documentation • User and reference manuals • Style guides
  43. 43. National Association of Government Web Professionals 2013 National Conference Share The Love • Setup a website to share • Join the community and help where you can
  44. 44. National Association of Government Web Professionals 2013 National ConferenceNational Association of Government Web Professionals 2013 National Conference The Final Product Where We Are Now
  45. 45. National Association of Government Web Professionals 2013 National Conference
  46. 46. National Association of Government Web Professionals 2013 National Conference
  47. 47. National Association of Government Web Professionals 2013 National Conference
  48. 48. National Association of Government Web Professionals 2013 National Conference
  49. 49. National Association of Government Web Professionals 2013 National Conference
  50. 50. National Association of Government Web Professionals 2013 National Conference Questions? Email: labrecquel@bouldercolorado.gov Twitter: @leslielabrecque Delicious: d.me/leslielabrecque Slideshare: slideshare.net/leslielabrecque

×