San Diego Playgrounds and Parks

Table of contents

• Pitch
• Goal
• Data
• Stack
• Installation
  • Build and development
• Skills
• Team
• Similar projects
• Github
• Participate

Pitch

Develop an app that a young mother could open on her smartphone and see the location of a city park close to her for her and her children to go to.

Goal

• Prototype goal: web map showing family friendly parks and playgrounds in San Diego County
• Secondary goal: crowd-source locations
• Secondary goal: allow users to provide feedback

Data

• Park data from SanGIS (polygons)
• Parks in OpenStreetMap (polygon and points)
  • leisure=playground tag on OSM wiki
  • playground=* key on OSM wiki
  • Sample Leafleft map%3B%0A%2F%2F%20print%20results%0Aout%20body%3B%0A%3E%3B%0Aout%20skel%20qt%3B) from Overpass generated data
• Playgrounds interpreted from Bing/USGS imagery (points)

Stack

• Leaflet
• Geolocation interface on mobile device
• Twitter Bootstrap
• Modernizr
• jQuery

Installation

This project was generated with the Yeoman webapp generator version 1.0.1.

Clone or fork this repository and ensure the following tools are available:

• Node Package Manager (NPM)
• Grunt
• Bower

Enter your local copy's directory, run npm install then bower install. Grab some coffee :coffee: …this could take a while

NPM will install Grunt task runners and dependencies. Bower will install Bootstrap, Chai, jQuery, Leaflet, Mocha, and Modernizr. All of these files will be stored in your project folder under bower_components/ and node_modules/ and are referenced automatically in your project. Do not modify these directories. Note: These directories are not included in Git, and are excluded via .gitignore.

Build and development

To add dependencies, bower install --save [package] then grunt wiredep to ensure the dependency package is referenced by the project. By building with this method, all dependencies will get consolidated properly into the app at deployment using grunt build.

Run grunt serve for preview, make customizations only in the app/ folder, and grunt build to build a release candidate. Grunt will automatically change the dependency paths of all resources to an official CDN or a directory under dist/.

Deploy the dist/ directory to your web host.

Skills

• GIS (5 hours): Cristiano
• OSM/Image Interpretation (10 hours): ?
• JavaScript (10 hours): James
• HTML5/CSS3 (10 hours): Glenn and others, please!

Team

• Xavier Leonard
• Cristiano Giovando
• Gary Hayslip
• James Villanueva
• Glenn Batuyong

Similar projects

http://www.sandiegocounty.gov/parks/pmap_google.html

GitHub

https://github.com/opensandiego/sd-playgrounds-parks

• Master branch: Web implementation
• gh-pages branch: Web implementation, trunk

How to Participate

• Chat with us on the project channel
• Email us at opensandiego@googlegroups.com
• Join our meetups