Week01 jan19

659 views
607 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
659
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Codin’ for the web
  • Cookie Cutter
  • server
  • from
  • Codin’ for the web
  • 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 

    ×