Week01 jan19 introductionto_php


Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Codin’ for the web
  • Cookie Cutter
  • from
  • server
  • Week01 jan19 introductionto_php

    1. 1. Introduction to PHPTCNJ – Web Design 2 : Dynamic By Jean Ho Chu Week 01. Jan 19. 2012
    2. 2. What is Dynamic Website?Dynamic Website Static Website• ASP.NET, JSP, Ruby on rail, PHP, etc • HTML, Javascript, etc• Scripting language • Compiled language• Generates the code for the site • Only displays pages• Acts on the server, lives on the server • Acts, lives anywhere clients are• Server Side Programming • Client Side Programming• Back End Development • Front End Development• Has memories • No memories• Responsive, malleable • Not responsive• More difficult to develop the initial • Quick and cheap to develop the website initial website
    3. 3. This is Static HTML Website…
    4. 4. This is Dynamic Website ! Fast, Clean, Easy Molds & Frames Contents Diverse results! + =Server side code provides Contents are The html page oftemplates provided by users or what the users see isfrom the server from databases generated!
    5. 5. What is Client ? Server?Client Server• Visible Nature • Invisible God
    6. 6. What is Client ? Server?Client Server• From your computer • From the hosting service• All the user interactions • Never shown directly, happen from the client performs and executes on the browser
    7. 7. Stolen from my professor -
    8. 8. What is PHP?• PHP :“Hypertext Preprocessor.”• “Widely used general-purpose scripting language that is especially suited for Web development and can be embedded into HTML.” - from www.php.net-
    9. 9. How does PHP act? User From Codin’ for the web Codin’ for the Web, CHARLES WYKE-SMITH
    10. 10. How to use?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" • Can be embedded into<head> lang="en"> HTML page<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>Who are you?</title></head><body> • Starts with <?php<?php • Closes with ?>print "Hello";?></body></html>
    11. 11. What is Database?• A database is a collection of tables (made up of columns and rows) that stores information.
    12. 12. What is MySQL?• MySQL : most popular open-source database• Database Management System (DBMS)• Cf ) Oracle and Microsoft’s SQL Serve are also database, and are competitors to MySQL
    13. 13. PHP &mySQL
    14. 14. How to use?• PHP’smysql_query() • $result = mysql_query(SQL command, ➝ database connection);
    15. 15. Why use PHP and MySQL?• Easy to edit and update• Let the users fill in the space (ex : facebook my pages, blogs, etc…)• Save and Access to Database (impossible with html)• and more…All in all, TO MAKE A DYNAMIC WEBSITE
    16. 16. Examples of Dynamic Websites
    17. 17. wordpressFramework and template for making portfolio websites and blog-> To edit and update easily
    18. 18. wordpressFramework and template for making portfolio websites and blog-> To edit and update easily
    19. 19. shopifyFramework and template for making shopping mall.-> To remember user’s interactions
    20. 20. facebookSocial networking service-> To provide a platform for the users to fill in and share the contents
    21. 21. nytimesAll about organizing data
    22. 22. Data visualizationNytimes interactive graphics-> To provide real time interactive data visualization
    23. 23. Wefeelfine.orgWeb project to sort and view blog posts with emotional contents-> To provide a different interface and meaning for the web
    24. 24. Interactive Web Art ProjectsAaron Koblin, Ten Thousand Cents-> To explore new possibilities for engaging users as part of the art project
    25. 25. ? YOUR WORK GOES HEREPlease do not hesitate to explore with creative projects engaging dynamic web technologies 