Bài giảng Lập trình web - Chương 1: Tổng quan về lập trình web - Lê Nhựt Trường
Bạn đang xem 20 trang mẫu của tài liệu "Bài giảng Lập trình web - Chương 1: Tổng quan về lập trình web - Lê Nhựt Trường", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên
Tài liệu đính kèm:
bai_giang_lap_trinh_web_chuong_1_tong_quan_ve_lap_trinh_web.ppt
Nội dung text: Bài giảng Lập trình web - Chương 1: Tổng quan về lập trình web - Lê Nhựt Trường
- BỘ GIÁO DỤC & ĐÀO TẠO TRƯỜNG ĐẠI HỌC CỬU LONG KHOA CÔNG NGHỆ THÔNG TIN Chương 1: Tổng quan về lập trình web Lê Nhựt Trường Email: lntruongcntt@gmail.com
- Nội dung: ◼ Giới thiệu về Internet ◼ Web là gì? ◼ Các thành phần của website ◼ Cách hiện thị trang web ◼ Lập trình web tĩnh và web động ◼ Môi trường phát triển ◼ Cài đặt và cấu hình WebServer Lê Nhựt Trường Bài Giảng Lập Trình Web 2
- Internet là gì? ◼ Internet là một hệ thống thông tin toàn cầu; ◼ có thể được truy cậ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 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); ◼ Bao gồm nhiều máy tính kết nối với nhau. Lê Nhựt Trường Bài Giảng Lập Trình Web 3
- Lê Nhựt Trường Bài Giảng Lập Trình Web 4
- Web là gì? ◼ Web là các dịch vụ phân tán cung cấp thông tin Multimedia dựa trên HyperText. ◼ Các ứng dụng web là sự kết hợp của nhiều yếu tố như phần cứng, phần mềm, giao thức, ngôn ngữ và thành phần giao diện. ◼ Web hiện nay được áp dụng cho rất nhiều lĩnh vực khác nhau như quảng cáo, báo chí, kinh doanh, diễn đàn, Có thể tiếp cận các ứng dụng web thông qua mạng Internet hay Intranet. Lê Nhựt Trường Bài Giảng Lập Trình Web 5
- Các thành phần của website ◼ Web Page: Là một trang web, có thể viết bằng các ngôn ngữ khác nhau nhưng kết quả trả về client là trang HTML. Lê Nhựt Trường Bài Giảng Lập Trình Web 6
- Các thành phần của website ◼ Web Site: Là tập hợp các trang web có nội dung thống nhất, phục vụ cho một mục đích nào đó. Lê Nhựt Trường Bài Giảng Lập Trình Web 7
- Các thành phần của website ◼ World Wide Web (WWW) là hệ thống các web site trên toàn thế giới được truy cập thông qua mạng Internet. Lê Nhựt Trường Bài Giảng Lập Trình Web 8
- Các thành phần của website ◼ Web Browser (Trình duyệt web): Là chương trình chạy trên client để khai thác dịch vụ web của server Lê Nhựt Trường Bài Giảng Lập Trình Web 9
- Các thành phần của website ◼ Web Server: Là trung tâm của web, chuyên cung cấp các dịch vụ web. Giao thức sử dụng để khai thác dịch vụ web là http hoặc https, ◼ 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 của Microsoft Lê Nhựt Trường Bài Giảng Lập Trình Web 10
- Các thành phần của website Lê Nhựt Trường Bài Giảng Lập Trình Web 11
- HTTP là gì? ◼ HTTP "Giao thức truyền tải siêu văn bản" là một trong năm giao thức chuẩn về mạng Internet; ◼ HTTP được dùng để liên hệ thông tin giữa Máy cung cấp dịch vụ (Web server) và Máy sử dụng dịch vụ (Web client) là giao thức Client/Server dùng cho World Wide Web-WWW. ◼ HTTP được xác định thông qua URL, là một giao thức ứng dụng của bộ giao thức TCP/IP (các giao thức nền tảng cho Internet). Lê Nhựt Trường Bài Giảng Lập Trình Web 12
- Vậy URL là gì? ◼ URL: là tài nguyên trên Internet. Các URL có thể được truy xuất thông qua một trình duyệt (Browser). ❑ 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 có thể bỏ qua: ❑ Giao thức, cổng: Được trình duyệt đặt mặc định ❑ Tên file: được máy chủ đặt mặc định Lê Nhựt Trường Bài Giảng Lập Trình Web 13
- Lê Nhựt Trường Bài Giảng Lập Trình Web 14
- Cách hiển thị trang web ◼ Người dùng sẽ thông qua web browser để gửi yêu cầu tới web server và ngược lại web server sẽ gửi phần phản hồi thông qua web browser đến người dùng. Lê Nhựt Trường Bài Giảng Lập Trình Web 15
- Cách hiển thị trang web Yêucầu PHP ASP.Net JSP kết quả HTML quả kết Lê Nhựt Trường Bài Giảng Lập Trình Web 16
- Lê Nhựt Trường Bài Giảng Lập Trình Web 17
- Lê Nhựt Trường Bài Giảng Lập Trình Web 18
- Cơ chế hiển thị trang web ◼ Bước 1: Tạo các trang web trên server. ◼ Bước 2: Người sử dụng gởi yêu cầu từ client lên web server thông qua trình duyệt (web browser); ◼ Bước 3: Web server định vị tập tin xác định yêu cầu; ◼ Bước 4: Thông qua các ngôn ngữ xữ lý, xữ lý yêu cầu và đáp ứng yêu cầu; ◼ Bước 5: Web server sẽ trả kết quả tìm được kèm với các tập tin phụ đính kèm về cho Browser ở client; ◼ Bước 6: Browser xử lý và hiển thị HTML ra màn hình. Lê Nhựt Trường Bài Giảng Lập Trình Web 19
- Trang web tĩnh URL yêu cầu Web Network HTML URL yêu cầu Server HTML ◼ Mọi người sử dụng nhận được kết quả giống nhau. Client ◼ Trang web được viết bằng HTML, chỉ thay đổi khi có sự thay đổi của người xây dựng ◼ Khả năng tương tác yếu ◼ Webserver hoạt động giống 1 file server. Lê Nhựt Trường Bài Giảng Lập Trình Web 20
- Trang web động URL yêu cầu Web Server Network HTML Biên dịch, URL yêu cầu Thực thi Trang web động HTML ◼ Mỗi người sử dụng có thể nhận được nội dung khác nhau phụ thuộc vào kết quả chạy Client chương trình. ◼ Trang web viết bằng HTML + Ngôn ngữ lập trình phía server. Có thể được thay đổi bởi người sử dụng ◼ Khả năng tương tác mạnh Lê Nhựt Trường Bài Giảng Lập Trình Web 21
- Một số công nghệ viết web động ◼ Động phía client: ❑ JavaScript, VBScript được chạy ở client. ❑ Applet ❑ Flash ◼ Động phía server: ❑ CGI: Common Gateway Interface ❑ Java Server Pages ❑ ASP, ASP.NET: Microsoft ◼ Viết bằng VBScript, JavaScript chạy phía server. ◼ Sử dụng web server IIS. ❑ PHP: Mã nguồn mở ◼ Ngôn ngữ lập trình PHP, chạy phía server. ◼ Webserver: Apache, IIS ◼ Bộ biên dịch: PHP ❑ Perl Lê Nhựt Trường Bài Giảng Lập Trình Web 22
- Môi trường phát triển ◼ Webserver (Apache or IIS) ◼ Compiler (Ngôn ngữ PHP) ◼ IDE (Integrated Development Environment) Môi trường phát triển tích hợp là một loại phần mềm máy tính có công dụng giúp đỡ các lập trình viên trong việc phát triển phần mềm. ◼ Database Server (MySQL) Lê Nhựt Trường Bài Giảng Lập Trình Web 23
- Netbean For PHP ◼ Các thành phần cài đặt ◼ Tạo project 24 Lê Nhựt Trường Bài Giảng Lập Trình Web 24
- Netbean For PHP – Thành phần NetBeans IDE 6.8 Full WebServer XAMP 1.7.3 PHP Engine (5.3.1), Apache 2.2.14, MySQL (5.1.41) PHP Engine 5.3.2 Web Server Apache 2.2 Database Server MySQL 5.0 PHP Debuger Xdebug 5.2 25 Lê Nhựt Trường Bài Giảng Lập Trình Web 25
- Netbean for PHP – Thành phần ◼ Setup XAMPP + Control Panel 26 Lê Nhựt Trường Bài Giảng Lập Trình Web 26
- Tạo project ◼ Chạy chương trình NetBeans IDE 6.8 ◼ Vào file→New Project 27 Lê Nhựt Trường Bài Giảng Lập Trình Web 27
- Tạo project 28 Lê Nhựt Trường Bài Giảng Lập Trình Web 28
- Tạo project 29 Lê Nhựt Trường Bài Giảng Lập Trình Web 29