Bài giảng Phát triển ứng dụng web ThS. Nguyễn Hồ Minh Đức

PHÁT TRIỂN ỨNG DỤNG WEB
ThS. Nguyễn Hồ Minh Đức


Giới thiệu môn học


Mục tiêu:
 Nắm vững các khái niệm căn bản của quá

trình thiết kế, cài đặt và triển khai 1 ứng
dụng web
 Thiết kế và cài đặt 1 ứng dụng web hoàn
chỉnh bằng PHP
 Triển khai ứng dựng web trên intranet,
internet
 Một số kỹ thuật an toàn và bảo mật cho
website
Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

2


Giới thiệu môn học


Nội dung môn học:
 Giới thiệu về internet và những nguyên lý cơ







bản trong thiết kế web
HTML, DHTML
Javascript
Lập trình web với PHP
Triển khai ứng dụng web

Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

3


Giới thiệu môn học


Tài liệu tham khảo:
 Bài giảng, bài tập:

/> www.w3schools.com
 www.php.net
 />
Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

4


Giới thiệu môn học


Đánh giá kết quả
 10%: điểm danh, bài tập kiểm tra trên lớp
 20%: thi thực hành giữa kỳ

 70%: thi thực hành cuối kỳ



Điểm khuyến khích:
 SV đăng ký nhóm (2-4 người) báo cáo các

chuyên đề nhỏ liên quan đến nội dung môn
học

Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

5


Giới thiệu môn học


Liên hệ:
 Nguyễn Hồ Minh Đức: ,

P209, khoa CNTT&TUD, ĐH Tôn Đức Thắng

Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

6


CHƯƠNG I
GIỚI THIỆU VỀ WEB


CÁC KHÁI NIỆM CƠ BẢN


Internet :
 một hệ thống thông tin toàn cầu có thể được truy nhập

công cộng gồm các mạng máy tính được liên kết với
nhau
 Hệ thống này truyền thông tin theo kiểu nối chuyển gói
dữ liệu (packet switching) dựa trên một giao thức liên
mạng đã được chuẩn hóa (giao thức IP)

Intranet : là mạng cục bộ không nối vào Internet,
truyền thông bằng giao thức TCP/IP.
 Mô hình Client-Server: mô hình khách-chủ.
Server chứa tài nguyên dùng chung cho nhiều
máy Client


Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

8

CÁC KHÁI NIỆM CƠ BẢN
Internet Service Provider (ISP): Nhà cung
cấp dịch vụ Internet cho khách hàng. Mỗi ISP
có nhiều khách hàng và có thể có nhiều loại
dịch vụ Internet khác nhau.
 Internet Protocol: tiêu chuẩn chi phối việc
chuyển tải thông tin giữa các máy tính trong
mạng


Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

9


Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

10


CÁC KHÁI NIỆM CƠ BẢN


Web Browser: trình duyệt Web. Dùng để truy
xuất các tài liệu trên các Web Server.
– Internet Explorer, FireFox, Opera, Safari,

Chrome,…
Home page: là trang web đầu tiên trong web

site
 Hosting provider: là công ty hoặc tổ chức
đưa các trang của chúng ta lên mạng
 Publish: Xuất bản trang web


Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

11


CÁC KHÁI NIỆM CƠ BẢN


Web server là một chương trình đáp ứng yêu cầu
truy xuất tài nguyên
 Webserver là dạng phần mềm cài trên máy server để phục

vụ quản lý các website .
 Ví dụ : apache, iis,…


World Wide Web, gọi tắt là Web hoặc WWW, mạng
lưới toàn cầu là một không gian thông tin toàn cầu
mà mọi người có thể truy nhập (đọc và viết) qua các
máy tính nối với mạng Internet. Thuật ngữ này
thường được hiểu nhầm là từ đồng nghĩa với chính
thuật ngữ Internet. Nhưng Web thực ra chỉ là một
trong các dịch vụ chạy trên Internet (wikipedia)
Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

12


CÁC KHÁI NIỆM CƠ BẢN




URL, viết tắt của Uniform Resource Locator, được dùng để
tham chiếu tới tài nguyên trên Internet
URL mang lại khả năng siêu liên kết cho các trang mạng
Một URL gồm có nhiều phần được liệt kê dưới đây:
 URL scheme thường là Tên giao thức (ví dụ: http, ftp) nhưng cũng có






thể là một cái tên khác (ví du: news, mailto)
Tên miền (ví dụ: )
Chỉ định thêm cổng (có thể không cần)
Đường dẫn tuyệt đối trên máy phục vụ của tài nguyên (ví dụ:
thumuc/trang)
Các truy vấn (có thể không cần)
Chỉ định mục con (có thể không cần)

Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

13


GIỚI THIỆU KHÁI QUÁT VỀ WEB
Web Page: là một file văn bản chứa những tag
HTML hoặc những đọan mã đặc biệt mà trình
duyệt web có thể hiểu và thông dịch được, file
được lưu với phần mở rộng là .html hoặc htm.
 Website: Một tập hợp nhiều web page, thể hiện
thông tin của một tổ chức hoặc một chủ đề nào
đó


Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

14


GIỚI THIỆU KHÁI QUÁT VỀ WEB


HTML (HyperText markup Language) gồm các đoạn mã
chuẩn được quy ước để thiết kế Web và được hiển thị bởi
trình duyệt Web
 Hypertext (Hypertext link) là một từ hay một cụm từ đặc
biệt dùng để tạo liên kết giữa các trang web
 Markup: là cách định dạng văn bản để trình duyệt hiểu và
thông dịch được.
 Language: tập những quy luật để định dạng văn bản trên
trang web.



Trình soạn thảo trang web:Có thể soạn thảo web trên

bất kỳ trình soạn thảo văn bản nào: Notepad,
FrontPage hoặc Dreamweaver,…
Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

15


TAG HTML
Cú pháp:
<tagName ListProperties> Object </tagName>








TagName : tên tag HTML, liền với dấu “< “,
không có khoảng trắng
Object :đối tượng hiển thị trên trang Web
ListPropeties: danh sách thuộc tính của Tag

Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

16


TAG HTML

Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

17


TAG HTML


Nếu có nhiều thuộc tính thì các thuộc tính cách
nhau khoảng trắng

property1=’value1’property2=’value2’…
>
Object
</TagName>
Ví dụ:

<body BGCOLOR=”RED” TEXT=“#FFFF00”>
nội dung
</body>
Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

18

CẤU TRÚC CƠ BẢN CỦA TRANG WEB
<HTML>
<HEAD>
Nội dung thông tin của trang web
</HEAD>
<BODY>
Nội dung hiển thị trên trình duyệt
</BODY>
</HTML>
Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

19


CÁC TAG HTML CƠ BẢN
1. <Title> : Hiển thị nội dung tiêu đề của trang web trên
thanh tiêu đề của trình duyệt
Cú pháp:
<TITLE> Nội dung tiêu đề </TITLE>

2. <Hn>: Tạo header, gồm 6 cấp header, được đặt trong
phần BODY
Cú pháp
<Hn ALIGN= “Direction”>
Nội dung của Header
</Hn>
Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

20

3. <P> : Dùng để ngắt đoạn và bắt đầu đoạn mới
Cú pháp:
<P ALIGN = “Direction”>
Nội dung của đoạn

</P>
4. <BR>: Ngắt dòng tại vị trí của tag.
5. <HR>: Kẻ đường ngang trang
Cú pháp:

---

Size=value color=#rrggbb>

Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

21


6. <FONT>: định dạng font chữ

– Định dạng Font chữ cho cả tài liệu thì đặt
tag <Font> trong phần <Body>
– Định dạng từng phần hoặc từng từ thì đặt
tại vị trí muốn định dạng
Cú pháp:
fontName3” size=“value”
Color=”rrggbb”>
Nội dung hiển thị

</FONT>
Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

22


7. <BODY > : Chứa nội dung của trang web
 Cú pháp:

<BODY>
Nội dung chính của trang web
</BODY>
 Các thuộc tính của <Body>
– BgColor: thiết lập màu nền của trang
– Text: thiết lập màu chữ
– Link: màu của siêu liên kết
– Vlink: màu của siêu liên kết đã xem qua
– Background: load một hình làm nền cho trang
– LeftMargin: Canh lề trái
– TopMargin: Canh lề trên của trang
Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

23


Ví dụ:
<HTML>
<HEAD>
<TITLE> LearningHTML</TITLE>
</HEAD>

<BODY BGCOLOR=”#0000FF” text=”yellow”>
<FONT COLOR=LIMEGRREN>
Welcome to HTML
</FONT>
</BODY>

</HTML>
Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

24


8. <IMG> : Chèn một hình ảnh vào trang Web
Cú pháp:
width=value height=value border=value>
9. <BgSound> : Chèn một âm thanh vào trangWeb. Âm
thanh này sẽ được phát mỗi khi người sử dụng mở trang
Web.
Cú pháp:
<BgSound src=”filenhac” Loop=value>
10. <EMBED>: Cho phép đưa âm thanh trực tiếp vào trang
WEB.
Phát triển Ứng dụng Web - Nguyễn Hồ Minh Đức

25