บทที่ 1 ความรู พื้นฐานเก ี่ยวกับการพ ัฒนา และเขียน โปรแกรม ...sci.udru.ac.th/websci/download/com/wanasiri/... ·

บทท 1 ความรพนฐานเกยวกบการพฒนา และเขยนโป โปรแกรมบนเวบ

วชา การเขยนโปรแกรมบนเวบd(Web-based Programming)

Application คออะไร

Application กคอ โปรแกรมทถก

สรางขนมาสาหรบสนบสนนการ

ทางานของระบบสารสนเทศตางๆ

การพฒนาแอพพลเคชนแบบ

Web Based Application ??

วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 2

Web Application คออะไร

eÇçºæo¾Å ie¤ª a¹ (Web application) ¤ o o»Ãæ¡ÃÁ·Õè¶Ù¡e¢ÕÂ¹¢ é¹ ÊÒÁÒÃ¶e¢ �Òãª �§Ò¹¼ �Ò¹ eÇçººÃÒÇe«oÃ � o´ÂoÒÈ aÂo»Ãoµ¤oÅ http(s) ¼ �Ò¹e¤Ã o¢ �ÒÂoi¹e·oÃ �e¹çµ ËÃ o oi¹·ÃÒe¹çµ

E-Commerce

E-Auction

http://www.like.com/order.phpweb board

tb k


guestbook

Web Application

(Client)(Client) (Server)(Server)(Client)(Client) (Server)(Server)

Database

Cli t

Database

SClient

View Form

Server

e¾ èoe¡çº¢ �oÁÙÅµ �Ò§æ

View Data

Ù æ

Å§o»Ãæ¡ÃÁ½ ��§ Server

ÁÕo»Ãæ¡ÃÁ Application ¤o Browser


การตดตอระหวาง Client กบ Server

http://cs udru ac th/~wanasirihttp://cs.udru.ac.th/ wanasiri

http requesthttp://cs.udru.ac.th/~wanasiri

response

คอมพวเตอรฝงผใชอนเทอรเนต

(web browser) เครองบรการเวบ (web server)


การตดตอระหวาง Client กบ Server

http://cs udru ac th/~wanasiri/news phphttp://cs.udru.ac.th/ wanasiri/news.php

http requesthttp://cs.udru.ac.th/~wanasiri/news.php

response

คอมพวเตอรฝงผใชอนเทอรเนต

(web browser) เครองบรการเวบ (web server)Code

ภาษา

HTML

news.php regist.php index.html

Code

ภาษา


ภาษา

HTML

องคประกอบหลกของการเขยนโปรแกรมบนเวบ

เครองบรการเวบ (Web Server)

โปรแกรมเรยกดเอกสารเวบ (Web Browser)

ภาษา HTML และ ภาษา Scriptภาษา HTML และ ภาษา Script

ฐานขอมล (Database)


เครองบรการเวบ (Web server)

A h HTTP S

Zeus Web Server

oftw

are

Sun Java System Web Server

Apache HTTP Server

erve

r So

yInternet Information Server (IIS)

Web

se


ตองใชเวบเซอรฟเวอรจรงๆ ในการพฒนา ??

ลอ ให ป ซอรฟ อรจาลองใหเปนเวบเซอรฟเวอร

Apache Web serverวชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 9

Apache Web server

โปรแกรมเรยกดเอกสารเวบ (web browser)

Internet Explorer Fire fox Google chrome

Plawan browser Opera Safari browser


ลกษณะของภาษาสครปต

ลกษณะภาษาสครปต ทใชการพฒนาโปรแกรมบนเวบ

สามารถแบงได 2 แบบดวยกนคอ

1 Server Side Script เปนลกษณะของภาษาททางานบนเครองเซรฟเวอร1.Server-Side Script เปนลกษณะของภาษาททางานบนเครองเซรฟเวอร

เชน ASP, ASP.NET, PHP, JSP

2.Client-Side Script เปนลกษณะของภาษาททางานอยบนเครองผใช

เชน JavaScript, VBScript


แนะนาภาษา PHP

Rasmus LerdorfRasmus Lerdorf

PHP : Personal Home Page Tools (PHP-Tools)


แนะนาภาษา PHP

PHP เปนภาษาททางานฝง server คอ มการ complier ทฝง server

กอนจะคนคากลบมาในรปแบบของ HTMLกอนจะคนคากลบมาในรปแบบของ HTML

สงทผเรมเขยน PHP ตองเรยนร และตองมพนฐานกอนกคอ ภาษา HTML


ทาไมจงนยมใช PHP

PHP ไดรบความนยมในการนาไปเขยนโปรแกรมบนเวบเนองจาก

1.ใชงานไดฟร

ป ช UNIX L2.รองรบการทางานกบทกระบบปฏบตการ เชน UNIX,Linux และ

Windows

3.รองรบการทางานบนโปรแกรมเวบเบราวเซอรไดทกตว

4 คาสงงายตอการทาความเขาใจ4.คาสงงายตอการทาความเขาใจ

5.ทางานรวมกบระบบแฟมขอมล (File System) ไดด

6.มฟงกชนทรองรบการทางานคอนขางมาก

7 ใชรวมกบคาสงภาษา XML ไดทนท


7.ใชรวมกบคาสงภาษา XML ไดทนท

องคประกอบของการเขยนสครปตภาษา PHP

องคประกอบสาคญไดแกองคปร กอบสาคญไดแก

1.เซอรฟเวอร --> เครองคอมพวเตอร

2.ไคลเอนท --> เครองคอมพวเตอร

3.โปรแกรม Web Server

4.PHP Script Language and Complier

D b5.Database

6.โปรแกรม Database Manager

7.Text Editor


โปรแกรม Web Server


PHP Script Language and Complier


Database


โปรแกรม Database Manager


AppServ คออะไร ???

โปรแกรมทรวมชดโปรแกรมทจาเปนในการเขยนโปรแกรมบนเวบดวย PHP

Appche (Web server) PHP (PHP Compiler)Appche (Web server) PHP (PHP Compiler)

MySql (Database)

phpMyAdmin

ดาวนโหลดฟร!! t k

phpMyAdmin


ดาวนโหลดฟร!! --> www.appservnetwork.com

ใช Appserv รนไหนด ??

AppServ 2.5.10 AppServ 2 6 0AppServ 2.5.10

•Apache 2.2.8

•PHP 5 2 6

AppServ 2.6.0

•Apache 2.2.8 •PHP 5.2.6 •MySQL 5.0.51b

•PHP 6.0.0-dev

•MySQL 6.0.4-alpha •phpMyAdmin-2.10.3 •phpMyAdmin-2.10.3


เมอลงโปรแกรม Appserv เสรจแลว

ส โฟ ใช 1. ตรวจสอบโฟลเดอรใชงานทงหมด


เมอลงโปรแกรม Appserv เสรจแลว

ส ซ ฟ 2. ตรวจสอบการทางานของเวบเซอรฟเวอร

พมพ “localhost” หรอ “127.0.0.1” ใน Address bar ของเวบเบราวเซอร


ทดสอบการทางานของไฟล PHP อยางไร??

http://localhost/ชอโฟลเดอรทเกบไฟล php/ชอไฟล php.php


เรมเขยนโปรแกรมบนเวบดวย PHP อยางไร??

1. การเขยนคาสง PHPPHP•(SGML style)

<? คาสงภาษา PHP ?><? คาสงภาษา PHP ?> •(XML style)

<?php คาสงภาษา PHP ?> •(JavaScript style)

<script language="php"> ... </script> •(ASP style)(ASP style)

<% คาสงภาษา PHP %>



1 การเขยนคาสง PHP1. การเขยนคาสง PHP

<?<? คาสงภาษา PHP คาสงภาษา PHP

?>?>



2. การเขยนภาษา HTML รวมกบคาสง PHP<?<?

echo “ภาษา HTML”;print “ภาษา HTML”;echo “<img src=‘me.jpg’ border=‘1’ alt=‘รปฉน’>”;

??>คาสงภาษา HTML<img src=“me.jpg” border=“1” alt=“รปฉน”>



3. การเขยนคาสงภาษา PHP รวมกบภาษา HTML

<html>

<body>

” ส ” /<h1><? echo”ขอความจากคาสง PHP” ?></h1>

<h1> ขอความจากคาสง HTML </h1>

</body>

</html>



4. การเขยน Comment

<? // สาหรบ Comment 1 บรรทด

/* สาหรบ Comment หลายบรรทดตดกน

บรรทดท 2บรรทดท 2

บรรทดท 3

*/

วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 29?>


5. คาสงแสดงผล

<?

echo “ขอความ หรอ ตวแปร”;

print “ขอความ หรอ ตวแปร”;p ;

?>



6. การกาหนดจดสนสดคาสง PHP แตละคาสง

ระบดวยเครองหมาย ; ;<?<?

echo “”; echo ;

print “”;print ;

?>วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 31

?>


7. ตวแปรของ PHP

ประกาศตวแปรดวยเครองหมาย $<?

$name=“wanasiri thurachon”;

echo “$name”;

echo $name;echo $name;

?>


ตวแปรภาษา PHP

เงอนไขในการตงชอตวแปรในภาษา PHPเงอนไขในการตงชอตวแปรในภาษา PHP

1.ตองขนตนดวยตวอกษร หรอ เครองหมาย Underscore "_"

หามขนตนดวยตวเลข

2. ชอของตวแปรจะประกอบดวย ตวอกษร ตวเลข หรอ เครองหมาย

Underscore เทานน ไมสามารถใชเครองหมายพเศษตางๆ ได

≠3. รองรบ Case Sensitive $name ≠ $Name

4. ชอของตวแปรจะตองไมมชองวาง

$user_login_name;

$userLoginName;


$userLoginName;

แบบฝกปฏบต ทายบท

1. ใหนกศกษา install program appserv ใหม ในเครองทใชในหองปฏบตการ

และทดสอบการทางานของเวบเซอรฟเวอร

2. สรางโฟลเดอรของนกศกษา(ตามหลกการตงชอ) ทตองการเกบไฟล PHP

3 สรางโปรแกรมเพอแสดงขอมลของนกศกษาตามตวอยางใหแจก3. สรางโปรแกรมเพอแสดงขอมลของนกศกษาตามตวอยางใหแจก

4. แสดงผลขอมลผาน localhost


จบบทท 1

Documents

บทที่ 1 ความรู พื้นฐานเก ี่ยวกับการพ ัฒนา และเขียน โปรแกรม ...sci.udru.ac.th/websci/download/com/wanasiri/... ·