SlideShare a Scribd company logo
1 of 25
Introduction to PHP


TCNJ – Web Design 2 : Dynamic

         By Jean Ho Chu
         Week 01. Jan 19. 2012
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
This is Static HTML Website…
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!
What is Client ? Server?

Client                Server
• Visible Nature      • Invisible God
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
Stolen from my professor -
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-
How does PHP act?
      User




       From Codin’ for the web Codin’ for the Web, CHARLES WYKE-SMITH
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>
What is Database?

• A database is a collection of tables (made up
  of columns and rows) that stores information.
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
PHP &mySQL
How to use?



• PHP’smysql_query()   •   $result = mysql_query(SQL
                           command, ➝ database
                           connection);
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
Examples of Dynamic Websites
wordpress
Framework and template for making portfolio websites and blog
-> To edit and update easily
wordpress
Framework and template for making portfolio websites and blog
-> To edit and update easily
shopify
Framework and template for making shopping mall.
-> To remember user’s interactions
facebook
Social networking service
-> To provide a platform for the users to fill in and share the contents
nytimes
All about organizing data
Data visualization
Nytimes interactive graphics
-> To provide real time interactive data visualization
Wefeelfine.org
Web project to sort and view blog posts with emotional contents
-> To provide a different interface and meaning for the web
Interactive Web Art Projects
Aaron Koblin, Ten Thousand Cents
-> To explore new possibilities for engaging users as part of the art project
?
 YOUR WORK GOES HERE

Please do not hesitate to explore with creative projects
        engaging dynamic web technologies 

More Related Content

What's hot

Expert guide for PHP
Expert guide for PHPExpert guide for PHP
Expert guide for PHPSteve Fort
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web developmentRIAH ENCARNACION
 
Word press development for non developers
Word press development for non developers Word press development for non developers
Word press development for non developers Jessica C. Gardner
 
Developer skills
Developer skillsDeveloper skills
Developer skillswebger
 
Basic web page designing
Basic web page designingBasic web page designing
Basic web page designingShakil Mahmood
 
Become a Successful Web Developer in Web development Field in 2017
Become a Successful Web Developer in Web development Field in 2017Become a Successful Web Developer in Web development Field in 2017
Become a Successful Web Developer in Web development Field in 2017Imran Qasim
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash CourseMrAbas
 
Moving from PHP to a nodejs full stack CMS
Moving from PHP to a nodejs full stack CMSMoving from PHP to a nodejs full stack CMS
Moving from PHP to a nodejs full stack CMSMake & Build
 
Forms as Structured Content
Forms as Structured Content Forms as Structured Content
Forms as Structured Content dotCMS
 
Web development using html and wordpress
Web development using html and wordpressWeb development using html and wordpress
Web development using html and wordpressDakshata Gavand
 
Presentation 1 Web--dev
Presentation 1 Web--devPresentation 1 Web--dev
Presentation 1 Web--devaltsav
 
Advanced php course
Advanced php courseAdvanced php course
Advanced php coursebaluja
 
Getting started with WordPress
Getting started with WordPressGetting started with WordPress
Getting started with WordPressNew Tricks
 
Hybrid Mobile Apps | Ionic & AngularJS
Hybrid Mobile Apps | Ionic & AngularJSHybrid Mobile Apps | Ionic & AngularJS
Hybrid Mobile Apps | Ionic & AngularJSHamdi Hmidi
 

What's hot (20)

Expert guide for PHP
Expert guide for PHPExpert guide for PHP
Expert guide for PHP
 
Geek basics
Geek basicsGeek basics
Geek basics
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Introduction to HTML5 and CSS3
Introduction to HTML5 and CSS3Introduction to HTML5 and CSS3
Introduction to HTML5 and CSS3
 
Word press development for non developers
Word press development for non developers Word press development for non developers
Word press development for non developers
 
Developer skills
Developer skillsDeveloper skills
Developer skills
 
Basic web designing 2
Basic web designing 2Basic web designing 2
Basic web designing 2
 
Basic web page designing
Basic web page designingBasic web page designing
Basic web page designing
 
Become a Successful Web Developer in Web development Field in 2017
Become a Successful Web Developer in Web development Field in 2017Become a Successful Web Developer in Web development Field in 2017
Become a Successful Web Developer in Web development Field in 2017
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
 
Moving from PHP to a nodejs full stack CMS
Moving from PHP to a nodejs full stack CMSMoving from PHP to a nodejs full stack CMS
Moving from PHP to a nodejs full stack CMS
 
.Less - CSS done right
.Less - CSS done right.Less - CSS done right
.Less - CSS done right
 
Forms as Structured Content
Forms as Structured Content Forms as Structured Content
Forms as Structured Content
 
Web development using html and wordpress
Web development using html and wordpressWeb development using html and wordpress
Web development using html and wordpress
 
Presentation 1 Web--dev
Presentation 1 Web--devPresentation 1 Web--dev
Presentation 1 Web--dev
 
Less presentation
Less presentationLess presentation
Less presentation
 
Start using less css
Start using less cssStart using less css
Start using less css
 
Advanced php course
Advanced php courseAdvanced php course
Advanced php course
 
Getting started with WordPress
Getting started with WordPressGetting started with WordPress
Getting started with WordPress
 
Hybrid Mobile Apps | Ionic & AngularJS
Hybrid Mobile Apps | Ionic & AngularJSHybrid Mobile Apps | Ionic & AngularJS
Hybrid Mobile Apps | Ionic & AngularJS
 

Similar to Week01 jan19 introductionto_php

"Python web development combines the simplicity of the language with powerful...
"Python web development combines the simplicity of the language with powerful..."Python web development combines the simplicity of the language with powerful...
"Python web development combines the simplicity of the language with powerful...softwaretrainer2elys
 
Training presentation.pptx
Training presentation.pptxTraining presentation.pptx
Training presentation.pptxNishchaiyaBayla1
 
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017Marc D Anderson
 
Learn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end developmentLearn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end developmentpuneetbatra24
 
The Characteristics of a Successful SPA
The Characteristics of a Successful SPAThe Characteristics of a Successful SPA
The Characteristics of a Successful SPAGil Fink
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxsilvers5
 
Website design & developemet
Website design & developemetWebsite design & developemet
Website design & developemetApurva Tripathi
 
Tech Thursdays: Building Products
Tech Thursdays: Building ProductsTech Thursdays: Building Products
Tech Thursdays: Building ProductsHayden Bleasel
 
Javascript - Getting started | DevCom ISITCom
Javascript - Getting started | DevCom ISITComJavascript - Getting started | DevCom ISITCom
Javascript - Getting started | DevCom ISITComHamdi Hmidi
 
Workflow driven development
Workflow driven developmentWorkflow driven development
Workflow driven developmentDmitryDemyankov
 
Introduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web DevelopmentIntroduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web DevelopmentQurinom Solutions
 
High Voltage - Building Static Sites With Wordpress-Managed Content
High Voltage - Building Static Sites With Wordpress-Managed ContentHigh Voltage - Building Static Sites With Wordpress-Managed Content
High Voltage - Building Static Sites With Wordpress-Managed ContentNicolle Morton
 
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...Serdar Basegmez
 

Similar to Week01 jan19 introductionto_php (20)

Web Desing.pptx
Web Desing.pptxWeb Desing.pptx
Web Desing.pptx
 
Tech talk php_cms
Tech talk php_cmsTech talk php_cms
Tech talk php_cms
 
Web dev#1
Web dev#1Web dev#1
Web dev#1
 
"Python web development combines the simplicity of the language with powerful...
"Python web development combines the simplicity of the language with powerful..."Python web development combines the simplicity of the language with powerful...
"Python web development combines the simplicity of the language with powerful...
 
Php reports sumit
Php reports sumitPhp reports sumit
Php reports sumit
 
Training presentation.pptx
Training presentation.pptxTraining presentation.pptx
Training presentation.pptx
 
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
 
Learn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end developmentLearn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end development
 
The Characteristics of a Successful SPA
The Characteristics of a Successful SPAThe Characteristics of a Successful SPA
The Characteristics of a Successful SPA
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptx
 
Website design & developemet
Website design & developemetWebsite design & developemet
Website design & developemet
 
Tech Thursdays: Building Products
Tech Thursdays: Building ProductsTech Thursdays: Building Products
Tech Thursdays: Building Products
 
Javascript - Getting started | DevCom ISITCom
Javascript - Getting started | DevCom ISITComJavascript - Getting started | DevCom ISITCom
Javascript - Getting started | DevCom ISITCom
 
Workflow driven development
Workflow driven developmentWorkflow driven development
Workflow driven development
 
Web Pages
Web PagesWeb Pages
Web Pages
 
web development
web developmentweb development
web development
 
Introduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web DevelopmentIntroduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web Development
 
Web Development
Web DevelopmentWeb Development
Web Development
 
High Voltage - Building Static Sites With Wordpress-Managed Content
High Voltage - Building Static Sites With Wordpress-Managed ContentHigh Voltage - Building Static Sites With Wordpress-Managed Content
High Voltage - Building Static Sites With Wordpress-Managed Content
 
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...
 

Recently uploaded

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024The Digital Insurer
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 

Recently uploaded (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 

Week01 jan19 introductionto_php

  • 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 Client ? Server? Client Server • Visible Nature • Invisible God
  • 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. Stolen from my professor -
  • 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. How does PHP act? User From Codin’ for the web Codin’ for the Web, CHARLES WYKE-SMITH
  • 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. What is Database? • A database is a collection of tables (made up of columns and rows) that stores information.
  • 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
  • 14. How to use? • PHP’smysql_query() • $result = mysql_query(SQL command, ➝ database connection);
  • 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
  • 17. wordpress Framework and template for making portfolio websites and blog -> To edit and update easily
  • 18. wordpress Framework and template for making portfolio websites and blog -> To edit and update easily
  • 19. shopify Framework and template for making shopping mall. -> To remember user’s interactions
  • 20. facebook Social networking service -> To provide a platform for the users to fill in and share the contents
  • 22. Data visualization Nytimes interactive graphics -> To provide real time interactive data visualization
  • 23. Wefeelfine.org Web project to sort and view blog posts with emotional contents -> To provide a different interface and meaning for the web
  • 24. Interactive Web Art Projects Aaron Koblin, Ten Thousand Cents -> To explore new possibilities for engaging users as part of the art project
  • 25. ? YOUR WORK GOES HERE Please do not hesitate to explore with creative projects engaging dynamic web technologies 

Editor's Notes

  1. Codin’ for the web
  2. Cookie Cutter
  3. from
  4. server