Property Management Mashup

Google Maps Integration

Designed to make student housing searches better, this website project was intended to integrate the features of Google Maps, slide shows, and a content management system. Placing the mouse pointer over a pin causes an infotip bubble to appear with address and the rent rate, two of the most common items desired.

Utilizing Google Maps and a content management backend, this mashup makes rental property searches efficient.

Utilizing Google Maps and a content management backend, this mashup makes rental property searches efficient.

In this case, properties entered into the system retain a future date available. A property available for lease in the next 30 days is represented with a green colored pin and is also sorted to the top of the table show at the bottom of the screen. Properties available 180 days or less are represented with a blue pin, thus indicating properties that students may consider leasing for the upcoming school year. Yes, students begin the process of identifying roommates and housing in February and March for the next rental season which begins in August.

Clicking on either a pin or the link in the table presents a summary of information

Clicking on either a pin or the link in the table presents a summary of information

The Google Maps interface allows for some convenient features like embedding a photo, text, and links within an information bubble. Clicking on a pin or a link in the property table at the bottom of the page presents information as shown to the right. Clicking the photo presents a slideshow for the property in a separate window.

With a short timeframe in which to implement this project, it was necessary to populate the database with information quickly and verify the front end and back end would withstand the heavy traffic that occurs during housing fair. Utilizing a background in UNIX scripting, scraping the existing web pages and preparing that information for the database went relatively smoothly. Verifying the formatting and AJAX style data communication was tedious at best. The result is a system that performs under heavy loads on a shared server.