Download - Lessons In Sharing Open Source
![Page 1: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/1.jpg)
National Association of Government Web Professionals 2013 National Conference
LESSONS IN SHARING OPEN SOURCELeslie LabrecqueCity of Boulder, Colorado
![Page 2: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/2.jpg)
National Association of Government Web Professionals 2013 National Conference
Agenda• Project Definition• Technology Used• Lessons Learned• The Final Product• Questions
![Page 3: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/3.jpg)
National Association of Government Web Professionals 2013 National ConferenceNational Association of Government Web Professionals 2013 National Conference
Project DefinitionProject Phases Defined
![Page 4: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/4.jpg)
National Association of Government Web Professionals 2013 National Conference
Old Website Design• This was our old website…• Joomla CMS• Around since May 2006
![Page 5: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/5.jpg)
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)
![Page 6: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/6.jpg)
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
![Page 7: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/7.jpg)
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
![Page 8: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/8.jpg)
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
![Page 9: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/9.jpg)
National Association of Government Web Professionals 2013 National Conference
Phase II - ImplementationDate 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
![Page 10: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/10.jpg)
National Association of Government Web Professionals 2013 National Conference
![Page 11: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/11.jpg)
National Association of Government Web Professionals 2013 National Conference
Design 1 Design 2
Design 3
![Page 12: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/12.jpg)
National Association of Government Web Professionals 2013 National Conference
And The Winner Is…
![Page 13: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/13.jpg)
National Association of Government Web Professionals 2013 National Conference
Design Phase TimelineDate 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 prototypeTested and refined prototype Work with Vision completed
![Page 14: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/14.jpg)
National Association of Government Web Professionals 2013 National Conference
CMS ImplementationDate Task
Sept 2012 Hired PHP Developer
Oct 2012 Installed Arvada’s CMS code
Mar 2013 Integrated design with CMSRan migration scriptTrained users
Mar 2013 – Jul 2013
Repurposed content for responsive design
Jul 2013 GO LIVE!
![Page 15: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/15.jpg)
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
![Page 16: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/16.jpg)
National Association of Government Web Professionals 2013 National ConferenceNational Association of Government Web Professionals 2013 National Conference
Technology UsedThe Technology We Are Using
![Page 17: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/17.jpg)
National Association of Government Web Professionals 2013 National Conference
Arvada CMS (XPress)• PHP 5• MySQL database• Kohana PHP framework• jQuery UI
![Page 18: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/18.jpg)
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
![Page 19: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/19.jpg)
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
![Page 20: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/20.jpg)
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
![Page 21: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/21.jpg)
National Association of Government Web Professionals 2013 National ConferenceNational Association of Government Web Professionals 2013 National Conference
Lessons LearnedWhat We Learned From This Project
![Page 22: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/22.jpg)
National Association of Government Web Professionals 2013 National Conference
Clean House• Clean up the code before sharing• Remove hard-coded variables
![Page 23: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/23.jpg)
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
![Page 24: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/24.jpg)
National Association of Government Web Professionals 2013 National Conference
Hire Good People• Added PHP developer position• Have a rock star systems administrator
![Page 25: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/25.jpg)
National Association of Government Web Professionals 2013 National Conference
Communication• Regular meetings• Show/Tell • Keep management informed
![Page 26: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/26.jpg)
National Association of Government Web Professionals 2013 National Conference
Establish Roadmap• Where is the project going?• Agreed upon enhancements • Enhancement timeframe?
![Page 27: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/27.jpg)
National Association of Government Web Professionals 2013 National Conference
Scope Creep• Lot of things you can do• Stick to the roadmap
![Page 28: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/28.jpg)
National Association of Government Web Professionals 2013 National Conference
Shared Code Repository• Master code repository• Each agency can have their own
![Page 29: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/29.jpg)
National Association of Government Web Professionals 2013 National Conference
Bug Tracking• Collectively log bugs• Collectively squash bugs
![Page 30: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/30.jpg)
National Association of Government Web Professionals 2013 National Conference
Modularize• Write reusable modules• Can someone else use this?
![Page 31: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/31.jpg)
National Association of Government Web Professionals 2013 National Conference
Know Your APIs• Read the documentation• Write code to catch exceptions • Sign up for updates
![Page 32: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/32.jpg)
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
![Page 33: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/33.jpg)
National Association of Government Web Professionals 2013 National Conference
Bing Move Tool• Use the Site Move Tool!• Located under Diagnostics & Tools
![Page 34: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/34.jpg)
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
![Page 35: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/35.jpg)
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
![Page 36: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/36.jpg)
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
![Page 37: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/37.jpg)
National Association of Government Web Professionals 2013 National Conference
Search Issues• Have a good internal search• Search engines take time to reindex
![Page 38: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/38.jpg)
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
![Page 39: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/39.jpg)
National Association of Government Web Professionals 2013 National Conference
Sitemap.XML• Create a sitemap• Place at the root• Submit to webmaster tools
accounts
![Page 40: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/40.jpg)
National Association of Government Web Professionals 2013 National Conference
301 Redirects• Setup 301 redirects• Redirect top level pages• Redirect high traffic pages
![Page 41: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/41.jpg)
National Association of Government Web Professionals 2013 National Conference
Soft/Hard 404 Error• Hard 404: Not Found• Soft 404: Also returns 200 OK code
![Page 42: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/42.jpg)
National Association of Government Web Professionals 2013 National Conference
Documentation• User and reference manuals• Style guides
![Page 43: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/43.jpg)
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
![Page 44: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/44.jpg)
National Association of Government Web Professionals 2013 National ConferenceNational Association of Government Web Professionals 2013 National Conference
The Final ProductWhere We Are Now
![Page 45: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/45.jpg)
National Association of Government Web Professionals 2013 National Conference
![Page 46: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/46.jpg)
National Association of Government Web Professionals 2013 National Conference
![Page 47: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/47.jpg)
National Association of Government Web Professionals 2013 National Conference
![Page 48: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/48.jpg)
National Association of Government Web Professionals 2013 National Conference
![Page 49: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/49.jpg)
National Association of Government Web Professionals 2013 National Conference
![Page 50: Lessons In Sharing Open Source](https://reader033.vdocuments.site/reader033/viewer/2022052622/558e3a601a28abb1228b46ff/html5/thumbnails/50.jpg)
National Association of Government Web Professionals 2013 National Conference
Questions?Email: [email protected]
Twitter: @leslielabrecque
Delicious: d.me/leslielabrecque
Slideshare: slideshare.net/leslielabrecque