Case Study: How we Built Joomlagov.info

20
Case Study - How we built the http: //joomlagov.info/ website

Transcript of Case Study: How we Built Joomlagov.info

Page 1: Case Study: How we Built  Joomlagov.info

Case Study - How we built the http://joomlagov.info/ website

Page 2: Case Study: How we Built  Joomlagov.info

The White House site is built on Drupal. Can you top that?

wiki http://joomlagov.info

Response to the question posed to Ryan Ozimek in March 2011

Page 3: Case Study: How we Built  Joomlagov.info

1. Visual representation of all government websites using Joomla!

2. Easy updates, quick addition of new listings and Minimal Maintenance

3. Site speed and performance

Page 4: Case Study: How we Built  Joomlagov.info

Joomla! Extensions ● Joomlaworks K2 ● Editor - JCE Editor● Chronoforms● Disqus comment system● NoNumber! Extension Manager● XMap● XCloner Backup and Restore

Page 5: Case Study: How we Built  Joomlagov.info

3rd Party Api's ● Google Maps Api version 3● Disqus comment system

Page 6: Case Study: How we Built  Joomlagov.info

Challenges Faced

● Capturing a huge volume of data● Simplifying the management of new data records and updates● No budget ● Tight deadline

Page 7: Case Study: How we Built  Joomlagov.info

Solutions

● Automation (Selenium IDE / Python scripts)● Old fashioned manual labour (community workforce)

Page 8: Case Study: How we Built  Joomlagov.info

Workflow

Page 9: Case Study: How we Built  Joomlagov.info

Project scope

● 253 categories● 2847 articles● 2847 screen captures● 261 menu items

Page 10: Case Study: How we Built  Joomlagov.info

Getting content into Joomla

● Scraping wiki doc and customizing output (long, lat, coutry)● Automating screen captures, resizing and renaming● Creating content by merging text and images

Page 11: Case Study: How we Built  Joomlagov.info

Hit Replay Button

Page 12: Case Study: How we Built  Joomlagov.info

Design and template

● fresh clean look ● map focal point● room for growth

Page 13: Case Study: How we Built  Joomlagov.info

Integration

● K2 extra fields with Google Maps Api● Chronoforms with K2

Page 14: Case Study: How we Built  Joomlagov.info

K2 Extra Fields - HTML Overrides

Page 15: Case Study: How we Built  Joomlagov.info

K2 Category Map clustering

Page 16: Case Study: How we Built  Joomlagov.info

K2 Article - HTML Overrides

Page 17: Case Study: How we Built  Joomlagov.info

Chronoforms submissions directly into K2

Page 18: Case Study: How we Built  Joomlagov.info

Performance enhancements

● re-order code● compression (css, js, html)● caching on

Page 19: Case Study: How we Built  Joomlagov.info

Data is Boring - Maps are fun

Page 20: Case Study: How we Built  Joomlagov.info

Data is Boring - Maps are fun