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

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetEnjoy Anytime
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 

Recently uploaded (20)

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 

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