1. Introduction to PHP
TCNJ – Web Design 2 : Dynamic
By Jean Ho Chu
Week 01. Jan 19. 2012

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. This is Static HTML Website…

4. This is Dynamic Website !
Fast, Clean, Easy
Molds & Frames Contents Diverse results!
+ =
Server side code provides Contents are The html page of
templates provided by users or what the users see is
from the server from databases generated!

5. 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-

6. How does PHP act?
User
From Codin’ for the web Codin’ for the Web, CHARLES WYKE-SMITH

7. How to use?
• 1. Can be embedded into HTML page

8. How to use?
• Can be used itself or with other PHP files
• Can send data to the browser or can even
generate html pages

9. 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

10. What is Client ? Server?
Client Server
• Visible Nature • Invisible God

11. What is Client ? Server?
Client Server
• From your computer • From the hosting service
• All the user interactions • Never shown
happen from the client directly, performs and
executes on the browser

12. Stolen from my professor -

13. 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

14. Review
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

15. Examples of Dynamic Websites

16. wordpress
Framework and template for making portfolio websites and blog
-> To edit and update easily

17. wordpress
Framework and template for making portfolio websites and blog
-> To edit and update easily

18. shopify
Framework and template for making shopping mall.
-> To remember user’s interactions

19. facebook
Social networking service
-> To provide a platform for the users to fill in and share the contents

20. nytimes
All about organizing data

21. Data visualization
Nytimes interactive graphics
-> To provide real time interactive data visualization

22. Wefeelfine.org
Web project to sort and view blog posts with emotional contents
-> To provide a different interface and meaning for the web

23. Interactive Web Art Projects
Aaron Koblin, Ten Thousand Cents
-> To explore new possibilities for engaging users as part of the art project

24. ?
YOUR WORK GOES HERE
Please do not hesitate to explore with creative projects
engaging dynamic web technologies 