[GoM!] Launch of GoM!!

Overview

GoM is a website that targets at poor international students in Metro service area in LA County. With GoM, the students can search and communicate Dining, Housing and Recreational information in  Metro service area. Our site is unique to other websites that provides similar info since GoM particularly targets at international college students who are not rich and more public-transit dependent. We provide some functions like “time estimation for next bus” or “available Metro bus stops within 1 mile radius from location.” The recreational information attracts the target users to visit our site.

Lastly, the website includes demographic info such as ethnicity, age and median income around the site chosen to help the students to find their housing in their preferred areas because most of the international students want to live around ethnic community of their origin for the convenience.  Although our target users are poor international student, other public users are welcome to use our website to find the info that they need.  Easy access to trip planner will promote the public transportation usage rather than solo driving and eventually, benefit the community as a whole.

Initial Wire-frame Diagram

User Friendly Interface

The interface of the website is very simple and user friendly.  There are three steps to satisfy the user’s need: 1) Choose school 2) Choose metro line around the chosen campus 3) Choose the functions to find dining, housing and recreational info around the campus.

The menu is aligned on side bar and easy to use. 

Fuctions

1) School: The users can choose the universities and colleges of their interest. The “bear” icon shows up on the location and when the user clicks on the icon, a website link for the school appears.  The user can visit the link to learn more about the school.

2) Metro: Under the menu “Metro,” the user can find available Metro bus lines around the campus of their choice (from step 1).  In this case, the campus chosen is UCLA and available Metro bus lines include bus 2, bus 20, bus 305, bus 720 and bus 761. The user can toggle different bus lines by checking the boxes.  Each bus stop is shown with “bus” icon and when the user clicks on a bus stop icon, the time estimation for next bus at that particular bus stop shows in a pop up window.

3) Food: The user can check the boxes to choose different food types and it will activate Yelp API.  The location of restaurants, cafe, bars, etc. will show as icons and when the user clicks on certain location, more information is given in a info window.

4) Arts: Recreational information show up in a similar manner. The user can view the available Metro lines simultaneously and plan for the trip.

5) Rent: The users can add their own renting information by click on the link that says “Fill in a form and map your place now.” They can also view the Metro bus stops within 1 mile radius from certain site of their choice.  The demographic layer generated by ArcGIS was added to the website.  By clicking anywhere on the map, the user can access the demographic info such as race and median age of the neighborhood.  Since most of the international students prefer to live around the ethnic community of their origin for convenience, we believe that the map layer we added will help the student to make decision as to where they want to live while they attend school.  We also added the link of “Los Angeles Times Mapping LA,” which provides profile, crime rate, school info and other comments about the site that student chooses.

Form

6) Misc.: Last menu includes “help” page with tutorial video clip and “about us,” the information about development team.

All of our team members fulfilled their roles in this project. Jinghua was a chief web designer and Joy supported the web design.  Lulu acted as a main coder who consolidated the partial works that were submitted by other team members.  Mingzhe was an organizer who oversaw the project.

Improvements in the Future:

If we were given more time, we would add another function under “Rent” menu that automatically organize the housing info according to rent rate.  In addition, we will try to embed the information that is accessible through “Los Angeles Times Mapping L.A” onto our website rather than just providing the link.

PowerPoint: PPT_Final

Welcome to GoM! Website!

Final Project_Proposal

GoM is a website that targets at college students in Metro service area in LA County. Wigh GoM, people can search and communicate Dining, Housing and Recreational information in  Metro service area.

Compared with other website providing similar information, GoM particularly targets at college students. Therefore, GoM is well organized to better serve people who are not rich and more public-transit dependent. And we provide some functions like commuting time estimation from dorm to school and Metro recreational information to attract target users. And they would find GoM a really helpful trip planner for those without a car.

GoM uses LA Metro API, Yelp API and Google Doc to realize trip planning, dining searching and Housing communication functions. For recreational information, people can either add through a Google Doc or check the existing information provided by GoM through ArcGIS Map server. People can use GoM to either publish or search housing information.

What’s new for the final:

1. Housing function is added.

2.Recreational function is added.

3.Website help page is added.

4. Layout is re-designed and some minor functions is added: weather forecast is added; a twitter chat room is added to show information update.

 

GoM! Midterm Project

Project Topic: GoM! website aims at providing users housing, dining and recreational information within Metro service area. With GoM!, people can locate the nearest Metro stops near them and find out when the next bus comes.

Target Users: GoM! websites targets at college students in LA County who are more public transit dependent, and are active in recreational activities and cheap housing searching.

Functions:Dining Information: GoM! website using Yelp API provides users a list of food categories to choose from. People can see all restaurants falling in their interested categories around selected college. By clicking on the restaurant marker, people can see further information of selected restaurant, including name, ranking , picture, telephone and address.

Transit Information: People can use the dragging down table to select which bus they want to see around the university. Clicking on a specific bus stop people can see the bus stop name and for some stops Metro provides time estimation of next bus.

Housing Information: (saving for Final)

Recreational Information:(saving for Final)

Wireframe:

Roles:

Challenges and More Features for Final:

1. Adding interactive housing information

2. Adding recreational information

3. Adding Flickr API to provide more information to users

4. Expanding service areas (adding more universities into lists )

5. Adding more bus lines.

GoM!: webpage

PowerPoint: GoM Midterm

GoM-Website Proposal

GoM is a website that targets at college students in Metro service area in LA County. Wigh GoM, people can search and communicate Dining, Housing and Recreational information in  Metro service area.

Compared with other website providing similar information, GoM particularly targets at college students. Therefore, GoM is well organized to better serve people who are not rich and more public-transit dependent. And we provide some functions like commuting time estimation from dorm to school and Metro recreational information to attract target users(for detailed information please see our wireframe). And they would find GoM a really helpful trip planner for those without a car.

GoM uses LA Metro API and Yelp API to realize trip planning and dining searching information. And for recreational information and housing searching function, GoM uses Google spreadsheet to realize it.

This wireframe shows detailed information about how functions are organized and what exactly GoM can provide for its users.

Here is some sketchy storyboard for GoM.

Storyboard: GoM_Storyboard

GoM-Wireframe

We suppose to provide 3 main functions for GoM customers. Firstly they can use GoM to search nearby restaurant and add comment to existing restaurants which could be seen by other GoM customers. With GoM they can conveniently find which Metro lines go there and when next bus comes. To realize this function we suppose to use Yelp API and Google spreadsheet (for final). However, because we don’t know how powerful is Yelp API. So we haven’t decided how to design the searching panel.

Secondly, we suppose to provide Housing information for our target customer, college students. Firstly, we find all college in Metro service area and then set up a Google spreadsheet for people to share information. Students can use GoM to post new housing information and searching housing near school. GoM provide users bus line information from every living site to colleges and estimate the commuting time helping students to find houses fitting their requirements.

Last but not least, we provide college students recreational information. By setting up a Google spreadsheet and updating it regularly, students can find latest recreational information on GoM. And they can use GoM to plan their trips to these sites. Also, students could update recreational information on GoM too. GoM users can communicate their feelings of each performance by adding comment on it.

That’s all we can think of now and all contents are subject to change.

Introducing GoM! Members

Team: GoM! – (Go with Metro!)  Go!M website

Proposal:

We propose to design a mobile application with user-friendly interface targeting at college students in Los Angeles, releasing them information including Housing, Food & Dining, and Recreational Activities.

With this mobile application, students can find dorms & hotels, fine food with cheap price, bars & performances, and all this activities are within the service area of Metro. Besides, people can use Metro Student Community function to students who live in the same community and communicate with them.

Housing: low-rate housing information, school dorm locator (mainly about how to transit from the housing site to schools, providing functions like comparing the commute time of several sites etc.)

Food and Dining: low prize and high-ranked restaurants around school and dorm area on Yelp

Recreation Information: 1. Latest performance information update; 2. Recreation facilities around schools or within reach of Metro service; 3. Categorized recreational information (nightlife, museums, parks, hiking, biking, sport matches, concerts, theaters…)

Metro Student Community: 1. Finding students who live in the same community and using GoM! 2. Chatting room for students using GoM! to communicate

Team Members:

Jinghua Suo (Chief Web-Designer)

Jinghua Suo is the chief web designer of GoM!. She holds a master degree in Architecture in Tongji University in China and is a professional architect. She is a current MURP student in UCLA.

Joy—Eun Bee Kim (Web-Designer)

Eun Bee ‘Joy’ Kim was born in Seoul, Korea. She moved to US when she was 14.  She received BA in Architecture from UC Berkeley and currently, enrolled in MA Urban planning program at UCLA.

Mingzhe Liu (Marketing Manager and Web-Designer)

Mingzhe Liu is marketing manager and web-designer of GoM!. He is a professional planner in China in water management and now exchangingin MURP program in UCLA.

Lu Lu (Financial Officer and Application Designer)

Lu Luis financial officer and designer of this application. She holds a BA degree in English Literature in Zhejiang University in China and now a current MURP student of UCLA.