1. © Anselm Spoerri Web Design Information Visualization Course Prof. Anselm Spoerri aspoerri@rutgers.edu

2. © Anselm Spoerri Lecture 10 – Overview Short Assignment 2 MySQL & PHP code Sample files have been uploaded to Sakai > Resources > PHP Files –Browse View to access –Gigapans (practice in Short Assignment 2) –Photosynths –Videos –Attach Hyperlink to Thumbnail to Link to Individual Item page –Individual Item based on supplied id –Gigapan –Photosynth –Video

3. © Anselm Spoerri Short Assignment 2 Files to consult and modify Info about MySQL Tables in whereRU in Sakai > Resources databaseConnect_table_gigapan_lastname.php ‒ Shows you how to control number of Gigapans to embed ‒ Shows you how to create table with Gigapan thumbnails Example: databaseConnect_table_gigapan_spoerri.php databaseConnect_table_gigapan_spoerri.php  Change MySQL query so that you retrieve the most recent Gigapans for specific campus  Customize code so that only one embedded Gigapan  Customize code so that only two rows of 5 Gigapan thumbnails are shown Example: databaseConnect_table_gigapan_SA2a_spoerri.php databaseConnect_table_gigapan_SA2a_spoerri.php  Customize & Create CSS code to achieve desired look  Redo above steps for next campus Example: databaseConnect_table_gigapan_SA2bs_spoerri.php databaseConnect_table_gigapan_SA2bs_spoerri.php

4. © Anselm Spoerri MySQL – Queries "SELECT something FROM tablename"; "SELECT id, title, campus FROM $db_table"; COUNT "SELECT COUNT(*) FROM $db_table"; // number or rows in table WHERE used to narrow results based true expression "SELECT * FROM $db_table WHERE field='value'"; LIKE qualifier allows searches on parts of strings "SELECT * FROM $db_table WHERE field LIKE "%NB%""; LIMIT choose how many rows to return and where to start "SELECT * FROM $db_table LIMIT 3,2"; // skip first 3 rows and return 2 rows ORDER BY sorts results by one or more columns "SELECT * FROM $db_table ORDER BY campus, date_created DESC"; GROUP BY "SELECT * FROM $db_table GROUP BY campus";

5. © Anselm Spoerri SQL Queries Possible queries: $query = "SELECT * FROM $db_table"; $query = "SELECT * FROM $db_table WHERE campus='Newark'"; $query = "SELECT * FROM $db_table ORDER BY date_created DESC"; $query = "SELECT * FROM $db_table WHERE campus='Newark' ORDER BY date_created DESC";

6. © Anselm Spoerri Access Gigapans Database Table: $db_table = 'whereru_gigapan'; // description in Sakai Resources Example: databaseConnect_table_gigapan_spoerri.phpdatabaseConnect_table_gigapan_spoerri.php Embed Gigapan: Thumbnail Images: t= 1 (for gigapan) w and h specify width and height of thumbnail Remember: you have to escape \ the quotation marks if used inside an echo statement

7. © Anselm Spoerri Access Photosynths Database Table: $db_table = 'whereru_photosynth'; // description in Sakai Resources Example: databaseConnect_table_photosynth_spoerri.php databaseConnect_table_photosynth_spoerri.php Embed Photosynth: Remember: you have to escape \ the quotation marks if used inside an echo statement Thumbnail Images: t= 2 (for photosynth) w and h specify width and height of thumbnail Remember: you have to escape \ the quotation marks if used inside an echo statement

8. © Anselm Spoerri Access Videos Database Table: $db_table = 'whereru_video'; // description in Sakai Resources Example: databaseConnect_table_video_spoerri.php databaseConnect_table_video_spoerri.php Embed Video: Remember: you have to escape \ the quotation marks if used inside an echo statement Thumbnail Images: t= 3 (for video) w and h specify width and height of thumbnail Remember: you have to escape \ the quotation marks if used inside an echo statement

9. © Anselm Spoerri Access Gigapan with Specific ID Database Table: $db_table = 'whereru_gigapan'; // description in Sakai Resources SQL Query to access record for specific id: $query = "SELECT * FROM $db_table WHERE id=$id";

10. © Anselm Spoerri Attach Hyperlink to Individual Item Attach hyperlink to thumbnail so that click loads individual view Set border of image to zero so that blue border does not show because of hyperlink URL: databaseConnect_individual_gigapan_links_spoerri.phpdatabaseConnect_individual_gigapan_links_spoerri.php To be able to supply variables via URL need start with ? for first variable and use & for subsequent variables

11. © Anselm Spoerri View Individual Item To display Gigapan with a specific id passed in via URL URL: databaseConnect_individual_gigapan_spoerri.php ?id=50databaseConnect_individual_gigapan_spoerri.php ?id=50 Use extract($_GET) to assign id to a php variable So that extracted variables don't conflict with ones that you have already defined use parameter in extract function, like this: extract($_GET, EXTR_PREFIX_ALL, 'fromget'); You can access the passed-in id via the $fromget_id variable SQL query to access record for specific id $query = "SELECT * FROM $db_table WHERE id=$fromget_id";