• Một máy tính có thể khai thác dịch vụ của chính nó..4. Cổng dịch vụ: Service Port 1.6..[r]
(1)Phát triển ứng dụng Web – Web Programming
Chương 1: HTML
Phát triển ứng dụng Web – Web Programming
Chương 1: HTML
(2)Phần Tổng quan thiết kế & lập trình Web
(3)1.1 Mạng, giao thức 1.1 Mạng, giao thức
• Mạng máy tính (Computer Network) Hệ thống
các máy tính kết nối với nhằm trao đổi liệu.
• Giao thức (Protocol)
– Tập hợp quy tắc thống các máy tính mạng nhằm thực trao đổi dữ liệu xác
(4)4
1.2 Địa IP: IP Address 1.2 Địa IP: IP Address
• Xác định máy tính mạng dựa giao thức TCP/IP Hai máy tính mạng có địa chỉ IP khác nhau
• Có dạng x.y.z.t (0 ≤ x, y, z, t ≤ 255)
• Ví dụ: 222.255.77.2
(5)1.3 Tên miền (Domain Name) 1.3 Tên miền (Domain Name)
• Là tên “gắn” với địa IP
• Máy chủ DNS thực việc “gắn” (ánh xạ) • Ở dạng văn nên thân thiện với người
• Được chia thành nhiều cấp, phân biệt dấu chấm (.) Đánh số cấp từ phải sang trái
• Cấp lớn cấp nhỏ
• Ví dụ: fit.hcmup.edu.vn gắn với 222.255.77.2 đó:
– vn: Nước Việt Nam (Cấp 1)
– edu: Tổ chức giáo dục (Cấp 2)
– hcmup: Tên quan (Cấp 3)
– fit: đơn vị nhỏ quan (Cấp 4)
(6)6
1.4 Máy chủ-máy phục vụ: Server 1.4 Máy chủ-máy phục vụ: Server
• Là máy tính chun cung cấp tài ngun, dịch vụ cho máy tính khác
• Thường cài phần mềm chuyên dụng để có khả cung cấp
• Một máy chủ dùng cho hay nhiều mục đích Tên máy chủ thường gắn với mục đích sử dụng Ví dụ:
– File server
– Application server – Mail server
– Web server
– …
(7)1.5 Máy khách: Client 1.5 Máy khách: Client
• Máy khai thác dịch vụ máy chủ
• Với dịch vụ, thường có phần mềm chuyên biệt để khai thác
• Một máy tính vừa client vừa là server
(8)8
1.6 Cổng dịch vụ: Service Port 1.6 Cổng dịch vụ: Service Port
• Là số [0; 65535] xác định dịch vụ máy chủ
• dịch vụ khác chiếm cổng khác nhau
• Mỗi dịch vụ thường chiếm cổng xác định, ví dụ:
– Web (http): 80
– Web (https): 443
(9)1.7 Địa tài nguyên: URL (Uniform Resource Locator) 1.7 Địa tài nguyên: URL (Uniform Resource Locator)
• Tài nguyên: file mạng
• URL: Xác định vị trí cách khai thác file
• protocol://host_name[:port_num][/path][/file_name] • giao_thức://địa_chỉ_máy:cổng/đường_dẫn/tên_file
• Ví dụ:
• Trong trường hợp mặc định, nhiều thành phần bỏ qua:
– Giao thức, cổng: Được trình duyệt đặt mặc định
protocol server name port directory/file name on the server
(10)Các giao tác chuẩn Web Các giao tác chuẩn Web
Browser
DNS server
URL
Origin server
1 DNS
lookup
2 TCP connection 3 HTTP request 4 HTTP response
(11)1.8 Trang web, web site, World Wide Web
1.8 Trang web, web site, World Wide Web
• Trang web (Web page):
– Là trang nội dung
– Có thể viết nhiều ngơn ngữ khác nhau kết trả client HTML
• Web site: Tập hợp trang web có nội
dung thống phục vụ cho mục đích đó
• World Wide Web (WWW): Tập hợp
(12)12
1.9 Web server, Web browser 1.9 Web server, Web browser
• Web server:
– Máy phục vụ web
– Một số phần mềm web server chuyên dụng:
• Apache: mã nguồn mở
• Internet Information Services (IIS): Sản phẩm Microsoft
• Web Browser:
– Phần mềm chạy client để khai thác dịch vụ web
– Một số Web browser:
• Nescape
• Mozilla Firefox
• Internet Explorer (IE): tích hợp sẵn windows
(13)Seven major browser components:
(14)14
2 Phân loại trang web 2 Phân loại trang web
• Web tĩnh:
– Dễ phát triển – Tương tác yếu – Sử dụng HTML
– Người làm web tĩnh thường dùng công cụ trực quan để tạo trang web
• Web động:
– Khó phát triển – Tương tác mạnh
– Sử dụng nhiều ngôn ngữ khác – Thường phải viết nhiều mã lệnh
(15)3 Các bước phát triển website
3 Các bước phát triển website
• Đặc tả u cầu • Phân tích
• Thiết kế (dữ liệu, giao diện, xử lý) • Lập trình
(16)16
website website
• Đặc tả yêu cầu
– Web để làm gì? – Ai dùng?
– Trình độ người dùng? – Nội dung, hình ảnh?
• Phân tích
– Mối liên quan nội dung?
(17)3 Các bước phát triển website
3 Các bước phát triển website
• Thiết kế
– Sơ đồ cấu trúc website – Giao diện
– Tĩnh hay động – CSDL
– Nội dung trang – Liên kết trang
• Lập trình
– Cấu trúc thư mục
(18)18
website website
• Kiểm thử
– Kiểm tra nhiều trình duyệt
– Kiểm tra nhiều loại mạng
– Kiểm tra tốc độ
(19)4 Công bố website Internet
4 Công bố website Internet
Để công bố Website Internet, ta cần điều kiện cần thiết sau:
4.1. Xây dựng website
4.2. Đăng ký tên miền
4.3. Hosting
4.4. Duy trì website
4.5. Phát triển website
(20)20
4.1 Xây dựng website 4.1 Xây dựng website
• Loại thơng tin
– Web tĩnh, động – Portal
• Giá thành
– Web tĩnh: Tính theo kiểu trang
• Trang đơn giản: 70 – 150.000đ/trang
• Trang hiệu ứng hình ảnh tốt: 150 – 400.000đ/trang
– Web động: Tính theo mục, khối chức
• Thiết kế CSDL
• Các chức phía user: đưa tin, phân loại, tìm kiếm…
• Các chức phía Admin: Đăng nhập, xem/thêm/sửa/xóa tin bài, báo cáo, thống kê…