Project Plan
I chose to work on a maker map concept. I have designed the user experience and have begun to implement the design. This maker map application is specifically targeted toward designers, developers and researchers.
Example 1
In example 1 user input data is posted to a mysql database from the marker info window popup form. Click anywhere on the map to set the marker. Click the marker and fill out the info window popup form then click "Put me on the map!". The form data from the info window gets added to the mysql database and the lat/long coordinates are recorded there as well.
Example 2
In example 2 the lat/long markers are displayed permanently on the map after having entered the form data from example 1 into the mysql database. When clicking the marker the info window displays user entered data.
Next steps:
My goal is to merge these two examples so that when the user clicks the map they enter data in the popup infow window then submit and the marker would display permanently as in example 2 and when the marker is clicked on the info window displays user data. Additionally all markers that are in that region would also be displayed upon arrival. Secondly I would like to implement the drag-n-drop feature and location finder box as seen in example 3. Finally I would like to implement a full function search box at the top of the interface as seen in the wireframes.
Example 3
In example 3 the user can simply drag the marker to the desired location with popup info window. This would be a form in my case. The other feature I am interested in is the location box in the lower right hand corner that lets you type in a city, state or zip code, press enter and a marker is dispayed based on the lat/long coordinates.
User Profile Form
In example 1 and 2 the large form on the left hand side is intended to become a user profile form. I was able to implement this form to work properly to provide successful feedback on submit. Currently the data is posting to a csv file on the server. I have set up the mysql database for all of the form fields.
Next steps:
I need to write the php script that will post the user profile form data into the mysql database. My final goal is to get the same functionality working in the user profile form so that the user input data posts to the mysql database in the same way it would for the marker popup info window.
Sources:
Google
Amit Agarwal
Formoid