Announcing the launch of Captain Planit’s UCLA Evacuation Map!
“The power is yours!” –Captain Planet “If you Planit, they will come!” –Captain Planit
On June 6, 2011, we launched our UCLA Evacuation Map (best viewed in Google Chrome).
With the recent natural disasters in Japan and the United States, Captain Planit realizes how one can never be too prepared for potential disasters. Our project aims to provide a vital tool in disaster preparedness for UCLA students, staff, and visitors. In our opinion, a crucial element in being prepared is information and having access to it. In developing this campus map, we carefully thought about what information people would need if a disaster were to strike our campus. It is our hope that this information can be used at any point during the disaster management process.
We decided to provide users with the following information:
Floor plans – We provide the floor plans for the School of Public Affairs Building. If you are in the building during a disaster, our site will be able to show you the nearest stairwell and exit.
Evacuation zones – Areas that are designated meeting points during an emergency
Emergency services – Police stations, fire stations, hospitals, and first aid centers are labeled on the map
Traffic Evacuation – This provides drivers with information about the nearest exit
Real-time Traffic updates – We use Google maps to provide users with real-time traffic conditions so they can determine the best way to reach their destination
Social media updates – Captain Planit has implemented ways for users to provide campus updates via social media.
Flickr –The first way users can provide updates is through Flickr. Users can document the physical conditions of the campus with pictures and upload them online by tagging them as “UCLA”. After a period of time, pictures will be georeferenced to our map.
Twitter – Users can also use Twitter to provide real-time updates about campus conditions. If users tag their public tweets with “#UCLA411”, their update will show up on our Twitter Ticker. If users have their turn on their location in addition to making their tweets public, their tweet will show up on our map. This will provide a great visual for users to know where the information is coming from. (Currently the tag for this feature is #UCLA just to demonstrate its potential)
Fixed building layers, Fixed Flickr feed to toggle off on load, Toggled bruin bear icons, Drafted initial proposal and revised proposal, Created evacuation area image, Toggled SPA building layers, Fixed bug that made SPA building layers appear on map load
Zodin Del Rosario:
Connected flicker feed for campus photos, connected flickr feed for building photos, connected twitter ticker live feed, connected twitter map markers, created midterm blog, created final blog, created group updates
Created emergency evacuation zone layer and info window content, created emergency zone meeting spot bruin markers (original icon) and info window content, created menu, logo, and html divs that organize site, created toggle visibility function to toggle divs (i.e. twitter div and legend div), created spa building floorplans in photoshop, painstakingly converted to KMZ that match up with google map, and coded into site and created content for info windows, added live traffic option to menu, created help section website and video tutorial, created legend
Created traffic evacuation layer in ArcGIS, retrieved data from GIS server to show evacuation instructions, presentation slides, created emergency service KMZ layer, toggled emergency service layer, toggled floor layer, toggled emergency zone layer, designed logo
What worked: Our site accomplished what we set out to do. We are happy that our features are functioning correctly. We are also happy that our APIs and connection with ArcGIS server are working, because other groups have had problems in these areas.
What didn’t work: We had minor bugs with respect to toggling and formatting our website. More specifically, we had problems with toggling Flickr and getting the Twitter ticker to show properly. We were able to address these issues for the most part. We’d prefer to not have Flickr load on start, but we are OK with it running on load for now.
As of today, our site works best in Chrome. It does not look the way it should on other web browsers. Sometimes we have problems with our info windows and their size and their clickability. For the most part, it works though. There is no easy way to zoom out once a user has toggled a floor plan. The user will need to refresh the site to the correct view.
User Interaction: We have two ways for the user to interact with our site. The first is to access the floor plans through radio buttons and the second is twitter updates. The twitter feed allows users to provide information to the other users and the website administrators. It can be a valuable tool that provides real time information.
- Evacuation zone
- Floor plans for School of Public Affairs
- Emergency services