2. BUILDING INTERACTIVE & DYNAMIC WEBSITES WEB-O-LUTION

3. INTRODUCTIO N Chris Ilagan

15. PROFILE/

16. Our Beginnings

17. Our Experience

18. Sample Work

31. GETTING STARTED/

32. The Opportunity Everyday more people are experiencing the web The web has been an indispensable medium for doing business, marketing, connecting, learning, gathering information, etc. Web or being online is the future

33. Tools and Prog.

35. ANATOMY OF AN INTERACTIVE & DYNAMIC WEBSITE ANATOMY OF AN INTERACTIVE & DYNAMIC WEBSITE DISCUSSION

36. Preview www.pentesileasailing.com

37. DESIGNING IT FROM SCRATCH DESIGNING IT FROM SCRATCH

38. ADDING LIFE AND INTELLIGENCE

39. MAKING YOUR CONTENTS DYNAMIC MAKING YOUR CONTENTS DYNAMIC

40. WEBSITE {FLASH} HTMLHTML XMLXMLSERVERSERVER

41. CONTENT MANAGEMENT SYSTEM USING PHP & mySQL Ediboy Ilagan

42. CMS{FLASH}CMS{FLASH} PHPPHP DATABASE {mySQL} HTMLHTMLXMLXML SERVERSERVER

44. ACTIONSCRIPT function loginCheck() {myData = new LoadVars();myData.userFromFlash = status_mc.user_txt.text;myData.passFromFlash = status_mc.pass_txt.text;myData.statusToFlash = this.statusToFlash;myData.onLoad = function() { display_txt.htmlText = myData.statusToFlash; index = myData.statusToFlash.indexOf("Login successfully"); if (index == 0){ play(); status_mc._visible=false; }};myData.sendAndLoad("login.php", myData, "POST");}; login.php ACTIONSCRIPT function loginCheck() {myData = new LoadVars();myData.userFromFlash = status_mc.user_txt.text;myData.passFromFlash = status_mc.pass_txt.text;myData.statusToFlash = this.statusToFlash;myData.onLoad = function() { display_txt.htmlText = myData.statusToFlash; index = myData.statusToFlash.indexOf("Login successfully"); if (index == 0){ play(); status_mc._visible=false; }};myData.sendAndLoad("login.php", myData, "POST");}; login.php PHP CODE <?php $link = mysql_connect("cms.database.com", "username", "password"); mysql_select_db("database_name"); $query = "select username and password from users";$result = mysql_query( $query ) or die ("didn't query"); if ($user ==. $line["username"] && $pass ==. $line["password"]){ echo "&statusToFlash=".$successFlash;}else{ echo "&statusToFlash=".$failedFlash;}?> PHP CODE <?php $link = mysql_connect("cms.database.com", "username", "password"); mysql_select_db("database_name"); $query = "select username and password from users";$result = mysql_query( $query ) or die ("didn't query"); if ($user ==. $line["username"] && $pass ==. $line["password"]){ echo "&statusToFlash=".$successFlash;}else{ echo "&statusToFlash=".$failedFlash;}?>

45. CMSCMS PHPPHP DATABASEDATABASE

47. ACTIONSCRIPT function updateContent() {myData = new LoadVars();myData.idFromFlash = pageid;myData.contentFromFlash = holdContent;myData.titleFromFlash = title_txt.text;myData.statusToFlash = this.statusToFlash;myData.onLoad = function() { display_txt.htmlText = myData.statusToFlash;};myData.sendAndLoad("update.php", myData, "POST");}; ACTIONSCRIPT PHP CODE <?php $link = mysql_connect("cms.database.com", "username", "password"); mysql_select_db("database_name");$query = "UPDATE profiles SET content='$content',title='$title' where id='$id'";$result = mysql_query( $query );?> PHP CODE <?php $link = mysql_connect("cms.database.com", "username", "password"); mysql_select_db("database_name");$query = "UPDATE profiles SET content='$content',title='$title' where id='$id'";$result = mysql_query( $query );?>

48. CMSCMS PHPPHP DATABASEDATABASE HTMLHTML

50. ACTIONSCRIPT function uploadPhoto() {myData = new LoadVars();myData.idFromFlash = photos;myData.statusToFlash = this.statusToFlash;myData.onLoad = function() { display_txt.htmlText = myData.statusToFlash;};myData.sendAndLoad("upload.php", myData, "POST");}; ACTIONSCRIPT PHP CODE <?php $storage = 'images';$uploadfile = "$storage/". basename( $_FILES['Filedata']['name'] );if ( move_uploaded_file( $_FILES['Filedata']['tmp_name'], $uploadfile ) ) { echo( '1 '. $_FILES['Filedata']['name']);}else{ echo( '0');}?> PHP CODE <?php $storage = 'images';$uploadfile = "$storage/". basename( $_FILES['Filedata']['name'] );if ( move_uploaded_file( $_FILES['Filedata']['tmp_name'], $uploadfile ) ) { echo( '1 '. $_FILES['Filedata']['name']);}else{ echo( '0');}?> XML images/boat01.jpg images/bo at02.jpg images/boat03.jpg images/boat01.jpg images/bo at02.jpg images/boat03.jpg XML

51. CMSCMS PHPPHP DATABASEDATABASE XMLXML SERVERSERVER

53. ACTIONSCRIPT function addToCalendar() {myData = new LoadVars();myData.dateFromFlash = datePHP;myData.statusToFlash = this.statusToFlash;myData.onLoad = function() { _parent._parent.display_txt.htmlText = myData.statusToFlash; setColor(selDate.dateBG_mc,_color_for_event); selDate.total_events_mc._visible = true; selDate.total_events_mc.theLabel.text = "Booked"; }; myData.sendAndLoad("addtocalendar.php", myData, "POST");}; ACTIONSCRIPT PHP CODE <?php $query = "select * from calendar order by date";$result = mysql_query( $query ) or die ("didn't query");$xml = ' '."\n";$xml.= ' '."\n";while($line = mysql_fetch_assoc($result)) { $xml.= "\n".' '."\n"; $xml.= ' '. $line["date"]. ' '."\n"; $xml.= ' '."\n"; $xml.= ' images/event01.jpg '."\n"; $xml.= ' '."\n"; $xml.= ' '."\n"; $xml.= ' '."\n";}?> PHP CODE <?php $query = "select * from calendar order by date";$result = mysql_query( $query ) or die ("didn't query");$xml = ' '."\n";$xml.= ' '."\n";while($line = mysql_fetch_assoc($result)) { $xml.= "\n".' '."\n"; $xml.= ' '. $line["date"]. ' '."\n"; $xml.= ' '."\n"; $xml.= ' images/event01.jpg '."\n"; $xml.= ' '."\n"; $xml.= ' '."\n"; $xml.= ' '."\n";}?> XML 2009-01- 01 images/event01.jpg 2009-01- 02 images/event01.jpg 2009-01- 03 images/event01.jpg 2009-01- 01 images/event01.jpg 2009-01- 02 images/event01.jpg 2009-01- 03 images/event01.jpg XML

54. CMSCMS PHPPHP DATABASEDATABASE XMLXML

55. ACCESSIBILITY Chris Ilagan

56. WEBSITE {FLASH} HTMLHTML XMLXML SERVERSERVER

57. DEMO

58. SUMMARY

59. Summary The web or an online presence gives us great potentials and opportunities. There are available tool and programs that will help us get started and advance on web development. Creating a website goes beyond what the user sees and experience. There is an amount of logic and dynamic data communication going

60. Summary A CMS backed by PHP and mySQL makes our website more intelligent, dynamic and extensible. A functional website should also be optimized for search engines like Google and can be properly rendered on mobile devices. In everything you do, you should put your heart on it and enjoy it. Always ask God’s guidance and wisdom!

61. Q & A

62. Q and A Give advantages of having an online presence especially for your business.

63. Q and A Give at least 3 programs or tools used on creating interactive and dynamic websites

64. Q and A As discussed PHP acts as a __________ between user interface and the database

65. Q and A What are the sources of dynamic data? Give at least one.

66. Q and A What is the term used when making your website visible to search engines and mobile phones?

67. Q and A What does CMS stands for?

68. Q and A What database is usually used to work with PHP?