Week01 jan19 introductionto_php

Introduc)on to PHP

TCNJ – Web Design 2 : Dynamic

By Jean Ho Chu Week 01. Jan 19. 2012

What is Dynamic Website?

Dynamic Website • ASP.NET, JSP, Ruby on rail, PHP, etc

• Scrip)ng language

• Generates the code for the site • Acts on the server, lives on the server

• Server Side Programming

• Back End Development

• Has memories

• Responsive, malleable

• More difficult to develop the ini)al website

Sta/c Website • HTML, Javascript, etc

• Compiled language

• Only displays pages • Acts, lives anywhere clients are

• Client Side Programming

• Front End Development

• No memories

• Not responsive

• Quick and cheap to develop the ini)al website

This is Sta)c HTML Website…

This is Dynamic Website !

+ =

Molds & Frames Contents Fast, Clean, Easy Diverse results!

Contents are provided by users or from databases

Server side code provides templates from the server

The html page of what the users see is generated!

What is Client ? Server?

Client

• Visible Nature Server

• Invisible God

What is Client ? Server?

Client

• From your computer

• All the user interac)ons happen from the client

Server

• From the hos)ng service

• Never shown directly, performs and executes on the browser

Stolen from my professor -‐

What is PHP?

• PHP : “Hypertext Preprocessor.”

• “Widely used general-‐purpose scrip)ng 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?

• Can be embedded into HTML page

• Starts with <?php • Closes with ?>

<!DOCTYPE html PUBLIC "-‐//W3C//DTD XHTML 1.0 Transi)onal//EN"

"hkp://www.w3.org/TR/xhtml1/DTD/xhtml1-‐transi)onal.dtd">

<html xmlns="hkp://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head> <meta hkp-‐equiv="Content-‐Type" content="text/

html; charset=un-‐8"/> <)tle>Who are you?</)tle> </head>

<body> <?php

print "Hello";

?>

</body> </html>

What is Database?

• A database is a collec)on of tables (made up of columns and rows) that stores informa)on.

What is MySQL?

• MySQL : most popular open-‐source database • Database Management System (DBMS)

• Cf ) Oracle and Microsor’s SQL Serve are also database, and are compe)tors to MySQL

PHP & mySQL

How to use?

• PHP’s mysql_query() • $result = mysql_query(SQL command, ➝ database connec)on);

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 pornolio websites and blog

-‐> To edit and update easily

shopify Framework and template for making shopping mall.

-‐> To remember user’s interac)ons

facebook Social networking service

-‐> To provide a planorm for the users to fill in and share the contents

ny/mes All about organizing data

Data visualiza/on Ny)mes interac)ve graphics

-‐> To provide real )me interac)ve data visualiza)on

Wefeelfine.org Web project to sort and view blog posts with emo)onal contents

-‐> To provide a different interface and meaning for the web

Interac/ve Web Art Projects Aaron Koblin, Ten Thousand Cents

-‐> To explore new possibili)es for engaging users as part of the art project

YOUR WORK GOES HERE

Please do not hesitate to explore with crea)ve projects engaging dynamic web technologies

?

Week01 jan19 introductionto_php

Technology

Transcript of Week01 jan19 introductionto_php