Difference between revisions of "CSC220 Homework 6 2010"

From dftwiki3
Jump to: navigation, search
Line 14: Line 14:
 
This assignment is more open-ended than usual.  It asks you to do some research on your own, adapt some code, and make something work.  For this reason, this is a very good assignment to work on with a partner.  Do not hesitate to associate with somebody else in the class to work on this, in ''pair programming'' mode, i.e. two people working on one computer at the same time (and it will give you an opportunity to analyze your partner's [http://www.facebook.com/l.php?u=http%3A%2F%2Fstart.sbastn.com%2Fprogrammer-personality&h=ada6e personality]! ;-)
 
This assignment is more open-ended than usual.  It asks you to do some research on your own, adapt some code, and make something work.  For this reason, this is a very good assignment to work on with a partner.  Do not hesitate to associate with somebody else in the class to work on this, in ''pair programming'' mode, i.e. two people working on one computer at the same time (and it will give you an opportunity to analyze your partner's [http://www.facebook.com/l.php?u=http%3A%2F%2Fstart.sbastn.com%2Fprogrammer-personality&h=ada6e personality]! ;-)
 
<br />
 
<br />
It is based on the very good tutorial [http://code.google.com/apis/maps/articles/phpsqlajax.html Using PHP/MySQL with Google Maps] by Google Geo Team member '''Pamela Fox'''.  
+
It is based on the very good tutorials [http://code.google.com/apis/maps/articles/phpsqlajax.html Using PHP/MySQL with Google Maps] by Google Geo Team member '''Pamela Fox''', and [http://code.google.com/apis/kml/articles/phpmysqlkml.html#outputkml Using PHP and MySQL to create KML], by
 +
Google Geo Team member Mano Marks.
 
</bluebox>
 
</bluebox>
 
<br />
 
<br />
Line 20: Line 21:
 
=Part 1=
 
=Part 1=
  
* Read Pamela Fox's [http://code.google.com/apis/maps/articles/phpsqlajax.html tutorial].  Feel free to build all the tables and files she is presenting in the tutorial, and create the same output as she is.
+
* Read Mano Marks's [http://code.google.com/apis/kml/articles/phpmysqlkml.html tutorial].  Do not worry if you do not understand everything.
 +
* Read Pamela Fox's [http://code.google.com/apis/maps/articles/phpsqlajax.html tutorial].  Similarly, do not worry if you do not fully understand everything.
 +
* Feel free to try out some of the examples provided.
  
 
=Part 2=
 
=Part 2=
 +
 +
* Get a Google Maps API key.  This is a string that you will include in your Web page/Php page, that will allow Google to recognize you.  When you get a key at http://code.google.com/apis/maps/signup.html and specify '''cs.smith.edu''' as the domain from where you Google Maps will be fetched.
 +
 +
=Part 3=
  
 
* Use phpmyadmin to explore the database '''220a_hw6'''.  You should have access to it.  It contains 12 different KML files that were gathered during Fall break (by a friend and I riding bikes on campus).  For your information, here's the [[CSC220 fillKmlData.php|program]] I used to populate the table '''kmldata''' with the different kml files that were stored in a directory called abvio in my 220a account.
 
* Use phpmyadmin to explore the database '''220a_hw6'''.  You should have access to it.  It contains 12 different KML files that were gathered during Fall break (by a friend and I riding bikes on campus).  For your information, here's the [[CSC220 fillKmlData.php|program]] I used to populate the table '''kmldata''' with the different kml files that were stored in a directory called abvio in my 220a account.
Line 29: Line 36:
  
 
# copy the table kmldata into your own database (this is mostly to allow you to modify it as you see fit).  Keep the name of the table the same, please, so that I can test your program easily.<br /><br />
 
# copy the table kmldata into your own database (this is mostly to allow you to modify it as you see fit).  Keep the name of the table the same, please, so that I can test your program easily.<br /><br />
# using the information from Fox's tutorial, create a php/mysql Web page that will pick one of the kml files from the database and generate a (static) Google map from it. ''Note'': you do not have to worry about domxml for this assignment.  Domxml is a library that php can use to generate xml out of hierarchical information.  In our case the xml code is already built and stored in the column '''`data`''' of the mysql table '''`kmldata`'''.  All you have to do is to get it and output it to Google.<br /><br />
+
# using the information from Mano and Fox's tutorial, create two files, one a php program that will output kml code, and one a Web page that will ask Google to fetch the KML information generated by your php program and display it on a map.
 +
** The  php/mysql program (call it '''outputKml.php''') will pick one of the kml files from the database and will output it to stdout with an '''echo''' statement to spit out the kml information.  Mano recomments using this code to output the KML information:<br /><br /><tt>  header('Content-type: application/vnd.google-earth.kml+xml');<br />  echo $kmlOutput;</tt><br /><br />
 +
:where '''$kmlOutput''' is a string containing all the KML information.
 +
:''Note'': you do not have to worry about domxml for this assignment.  Domxml is a library that php can use to generate xml out of hierarchical information.  In our case the xml code is already built and stored in the column '''`data`''' of the mysql table '''`kmldata`'''.  All you have to do is to get it and output it to Google.<br /><br />
 +
** The '''html''' page will simply provide a wrapper that will ask google to display a Map of the area around Smith College and will ask for the KML data generated by the php program to be ''overlaid'' on the map.  This file is provided for you below.
 +
 
 +
 
  
 
=Requirements and Submission=
 
=Requirements and Submission=

Revision as of 12:08, 28 October 2010

--D. Thiebaut 14:43, 28 October 2010 (UTC)


Page under construction!
UnderConstruction.jpg

This homework is due on 10/4 evening, at midnight. You can work in pairs on this assignment.


CSC220GoogleMapSmith.png

This assignment is more open-ended than usual. It asks you to do some research on your own, adapt some code, and make something work. For this reason, this is a very good assignment to work on with a partner. Do not hesitate to associate with somebody else in the class to work on this, in pair programming mode, i.e. two people working on one computer at the same time (and it will give you an opportunity to analyze your partner's personality! ;-)
It is based on the very good tutorials Using PHP/MySQL with Google Maps by Google Geo Team member Pamela Fox, and Using PHP and MySQL to create KML, by Google Geo Team member Mano Marks.



Part 1

  • Read Mano Marks's tutorial. Do not worry if you do not understand everything.
  • Read Pamela Fox's tutorial. Similarly, do not worry if you do not fully understand everything.
  • Feel free to try out some of the examples provided.

Part 2

  • Get a Google Maps API key. This is a string that you will include in your Web page/Php page, that will allow Google to recognize you. When you get a key at http://code.google.com/apis/maps/signup.html and specify cs.smith.edu as the domain from where you Google Maps will be fetched.

Part 3

  • Use phpmyadmin to explore the database 220a_hw6. You should have access to it. It contains 12 different KML files that were gathered during Fall break (by a friend and I riding bikes on campus). For your information, here's the program I used to populate the table kmldata with the different kml files that were stored in a directory called abvio in my 220a account.



  • Your assignment is to

  1. copy the table kmldata into your own database (this is mostly to allow you to modify it as you see fit). Keep the name of the table the same, please, so that I can test your program easily.

  2. using the information from Mano and Fox's tutorial, create two files, one a php program that will output kml code, and one a Web page that will ask Google to fetch the KML information generated by your php program and display it on a map.
    • The php/mysql program (call it outputKml.php) will pick one of the kml files from the database and will output it to stdout with an echo statement to spit out the kml information. Mano recomments using this code to output the KML information:

      header('Content-type: application/vnd.google-earth.kml+xml');
      echo $kmlOutput;


where $kmlOutput is a string containing all the KML information.
Note: you do not have to worry about domxml for this assignment. Domxml is a library that php can use to generate xml out of hierarchical information. In our case the xml code is already built and stored in the column `data` of the mysql table `kmldata`. All you have to do is to get it and output it to Google.

    • The html page will simply provide a wrapper that will ask google to display a Map of the area around Smith College and will ask for the KML data generated by the php program to be overlaid on the map. This file is provided for you below.


Requirements and Submission

  • Call your php program hw6.php, and make it get your credentials from a file called accessinfo.php, as you did in Lab 7.
  • Make the Web page that outputs the Google Map also show your name(s) as well as any other information you feel makes the page self-contained, explaining what it is showing.
  • Submit a dump of your copy of the kmldata table. You are free to modify its contents to make your job easier, or to enhance how the display works. Call the dump kmldata.sql.
  • Submit the files as follows:
   submit  hw6 hw6.php
   submit  hw6 kmldata.sql
(You do not need to submit the accessinfo.php file.)

Suggestions and Advices

  • When you create the accessinfo.php file, make sure to make it readable by all with chmod
  • The program that populates the table with kml files does not set the date field of the records correctly. The date and time shown are actually the date and time when the file was uploaded, not when it was recorded by the iPhone. Feel free to manually or programmatically update this field.
  • Pairs of kml files contain very similar contents. That's normal, as they were recorded by two people following (mostly) the same paths!
  • When the kml file's contents are stored in the database, they are first processed by the function addslashes. Read the page for this function and why it is useful.

Optional and Extra-Credit

  • Make your php file a form that offers the user to select one of the kml files to display. You are free on the method used to pick one of the files.