Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Week01 jan19

707 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Week01 jan19

  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 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. 6. How does PHP act? User From Codin’ for the web Codin’ for the Web, CHARLES WYKE-SMITH
  7. 7. How to use?• 1. Can be embedded into HTML page
  8. 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. 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. 10. What is Client ? Server?Client Server• Visible Nature • Invisible God
  11. 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. 12. Stolen from my professor -
  13. 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. 14. ReviewDynamic 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. 15. Examples of Dynamic Websites
  16. 16. wordpressFramework and template for making portfolio websites and blog-> To edit and update easily
  17. 17. wordpressFramework and template for making portfolio websites and blog-> To edit and update easily
  18. 18. shopifyFramework and template for making shopping mall.-> To remember user’s interactions
  19. 19. facebookSocial networking service-> To provide a platform for the users to fill in and share the contents
  20. 20. nytimesAll about organizing data
  21. 21. Data visualizationNytimes interactive graphics-> To provide real time interactive data visualization
  22. 22. Wefeelfine.orgWeb project to sort and view blog posts with emotional contents-> To provide a different interface and meaning for the web
  23. 23. Interactive Web Art ProjectsAaron Koblin, Ten Thousand Cents-> To explore new possibilities for engaging users as part of the art project
  24. 24. ? YOUR WORK GOES HEREPlease do not hesitate to explore with creative projects engaging dynamic web technologies 

×