ĐỀ CƯƠNG CHI TIẾT BÀI GIẢNG (Dùng cho tiết giảng) Học phần: LẬP TRÌNH WEB

BỘ MƠN DUYỆT Chủ nhiệm Bộ mơn Ngơ Thành Long ĐỀ CƯƠNG CHI TIẾT BÀI GIẢNG (Dùng cho tiết giảng) Học phần: LẬP TRÌNH WEB Nhóm mơn học: Bộ môn: Hệ thống thông tin Khoa (Viện): Công nghệ thơng tin Thay mặt nhóm mơn học Chu Thị Hường Thơng tin nhóm mơn học TT Họ tên giáo viên Học hàm Học vị Chu Thị Hường GV Ths Hoa Tất Thắng GVC TS Địa điểm làm việc: Phòng A1505, nhà A1 Điện thoại, email: 069515333; huongktqs@yahoo.com, hoatatthang@gmail.com Bài giảng 1: Tìm hiểu mơi trường web Chương Mục 1.1 + 1.2 +1.3 Tiết thứ: Tuần thứ: - Mục đích, yêu cầu:  Nắm sơ lược Học phần, sách riêng giáo viên, địa Giáo viên, bầu lớp trưởng Học phần  Nắm khái niệm www, Protocol HTTP, URL, Web Server,Web Client, Web Browser, HTML;  Nắm bắt cấu trúc trang HTML; Các thẻ HTML  Tổ chức hình thành nhóm tập lớn mơn học - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Lý thuyết, thảo luận: 3t; Tự học, tự nghiên cứu: - Địa điểm: Giảng đường P2 phân cơng - Nội dung chính: 1.1+1.2 (1 tiết); 1.3 (2 tiết) 1.1 Các khái niệm môi trường web 3t  Dịch vụ World Wide Web (WWW): Dịch vụ World wide web xây dựng theo mơ hình Client/Server  URL (Uniform Resource Locator) trỏ dùng với mục địch đơn giản xác định vị trí tài ngun mơi trường Internet  Protocol HTTP: 1.Tạo kết nối Thực yêu cầu Phản hồi Kết thúc kết nối  Web Server, Web Browser  HTML (HyperText Markup Language): ngôn ngữ mô tả tài liệu 1.2 Cấu trúc trang HTML Tiêu đề trang Thân trang 1.3 Các thẻ HTML  Thẻ  Thẻ  Thẻ  Các thẻ định dạng:  Thẻ định dạng bảng  Thẻ hình ảnh  Thẻ liên kết  Các thẻ Input  Thẻ Textarea  Thẻ Select  Thẻ Form  Thẻ Frame - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Các mục 1.1, 1.2, 1.3  Đọc thêm tài liệu [8]  Bài tập nhà: Thực hành ví dụ TL[1] Bài giảng 2: CSS Javascript Chương Mục 1.4 + 1.5 Tiết thứ: Tuần thứ: - Mục đích, yêu cầu:  Cung cấp cho sinh viên kiến thức CSS Javascript, hình thành khả đọc đoạn code CSS Javascript từ sinh viên tự viết đoạn code CSS, Javascript  Tổ chức giao tập lớn mơn học cho nhóm - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Lý thuyết, thảo luận: 3t; Tự học, tự nghiên cứu: 3t - Địa điểm: Giảng đường P2 phân công - Nội dung chính: 1.4 CSS (2 tiết) 1.4.1 Giới thiệu CSS ngơn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, hay UML,… Một số đặc tính CSS i CSS quy định cách hiển thị thẻ HTML cách quy định thuộc tính thẻ (như font chữ, màu sắc, đường viền, kích thước,…) ii Có thể khai báo CSS nhiều cách khác 1 Style đặt thẻ HTML riêng biệt Style đặt phần Style đặt file mở rộng css Style mặc định trình duyệt iii CSS có tính kế thừa 1.4.2 Khai báo selector {property: value} 1.4.3 Một số thuộc tính hay sử dụng a Background b Font c Các thuộc tính Text d Pseudo-classes cho liên kết: e Box model: f Height & Width g Float & Clear: g Position 1.5 Javascript (1 tiết) 1.5.1 Giới thiệu Có thể nhúng JavaScript vào file HTML theo cách sau đây:  Sử dụng câu lệnh hàm cặp thẻ  Sử dụng file nguồn JavaScript  Sử dụng biểu thức JavaScript làm giá trị thuộc tính HTML  Sử dụng thẻ kiện (event handlers) thẻ HTML 1.5.2 Khai báo biến var tenBien; var tenBien="giaTri"; ->biến khởi tạo giá trị 1.5.3 Các toán tử JavaScript  Phép gán  Phép toán so sánh  Phép toán số học  Ghép chuỗi  Phép toán Logic 1.5.4 Cấu trúc lệnh  Cấu trúc rẽ nhánh if else  Cấu trúc lựa chọn switch case  Vòng lặp for  Vòng lặp while  Vòng lặp for in 1.5.5 Hàm JavaScript  Các hàm có sẵn  Hàm người dùng định nghĩa: function TenHam(bien_1,bien_2, ) { // Thân hàm … return value; } - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Các mục 1.4, 1.5,  Đọc thêm tài liệu [8]  Bài tập nhà: o Thực hành ví dụ TL[1] tìm hiểu mở rộng CSS3 o Xây dựng CSS JavaScript phục vụ cho đề tài giao Bài giảng 3: Thảo luận, tập thực hành Các câu lệnh HTML, CSS Javascrip Chương 1: Tiết thứ: Tuần thứ: - Mục đích, yêu cầu:  Củng cố CSS Javascript từ sinh viên tự viết đoạn code CSS, Javascript  Tổ chức giao tập lớn mơn học cho nhóm - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Thảo luận, thực hành: 3t; Tự học, tự nghiên cứu: 3t - Địa điểm: Phịng máy - Nội dung chính: - Thảo luận ý nghĩa, vai trò CSS JS thiết kế website (1 tiết) - Thực hành định dạng khối liên kết (1 tiết):  Viết Pseudo-classes cho liên kết  Định dạng hộp bao ảnh, sử dụng CSS3 để bo đường viền - Thực hành sử dụng JavaScript việc kiểm tra tính hợp lệ liệu nhập  Viết script kiểm tra liệu nhập cho trang đăng nhập  Viết script kiểm tra liệu nhập cho trang đăng ký - Tiến hành thiết kế giao diện cho tập lớn môn học: Định dạng khung trang, bố trí giao diện (1 tiết) - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]:  Ơn tập tồn chương  Thiết kế giao diện tập lớn môn học giao  Bài tập nhà:  Thực hành ví dụ TL[1] tìm hiểu mở rộng CSS3  Xây dựng CSS JavaScript phục vụ cho đề tài giao Bài giảng 4: Tổng quan ngơn ngữ kịch phía server ASP.NET Chương Mục 2.1+ 2.2+2.3 Tiết thứ: Tuần thứ: - Mục đích, yêu cầu:  Giới thiệu sinh viên số ngơn ngữ kịch phía trình chủ  Giới thiệu tổng quan ASP.NET  Và tảng ASP.NET - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Lý thuyết, thảo luận: 3t; Tự học, tự nghiên cứu: - Địa điểm: Giảng đường P2 phân cơng - Nội dung chính: 2.1 Giới thiệu số ngơn ngữ kịch phía server - PHP - JSP - ASP.NET 2.2 Tổng quan ngôn ngữ ASP.NET 3t - ASP va ASP.NET - NET FRAMEWORK - Biên dịch trang ASPX - Môi trường phát triển ứng dụng 2.3 Nền tảng ASP.NET - Mơ hình trang web - Các dẫn - Điều khiển kiện Web page - Thuộc tính Postback - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Các mục 2.1, 2.2, 2.3,  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Tiếp tục thiết kế giao diện cho tập lớn  Tạo Project cho tập lớn phân công Bài giảng 5: Trang Master điều khiển ASP.NET Chương Mục 2.4+ 2.5 Tiết thứ: Tuần thứ: - Mục đích, yêu cầu:  Xây dựng trang Master  Nắm bắt, sử dụng điều khiển nhóm điều khiển ASP.NET: HTML server controls, Web server controls, Validation controls - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Lý thuyết, thảo luận: 3t; - Địa điểm: Giảng đường P2 phân công Tự học, tự nghiên cứu: 3t - Nội dung chính: 2.4 Master Page (1 tiết) - Giới thiệu - Tạo trang Master 2.5 ASP.NET Web Server Control (2 tiết) - Giới thiệu điều khiển - Nhóm điều khiển Web Server controls :              Điều khiển Lable Điều khiển TextBox Điều khiển Button Điều khiển Image Điều khiển ImageButton Điều khiển LinkButton Điều khiển Panel Điều khiển CheckBox Điều khiển RadioButton Điều khiển CheckBoxList Các điều khiển RadioButton Điều khiển ListBox Điều khiển DropDownList - Nhóm điều khiển điều hướng trang nâng cao :        Menu TreeView SiteMapPath ImageMap FileUpload View MultiView - Nhóm điều khiển HTML Server Control - Nhóm điều khiển kiểm tra tính hợp lệ liệu :  Giới thiệu  Các điều khiển - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Các mục 2.4, 2.5,  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Thực hành sử dụng điều khiển  Xây dựng trang Master cho tập lớn phân công Bài giảng 6: Các đối tượng ASP.NET Chương Mục 2.6+ 2.7 Tiết thứ: Tuần thứ: - Mục đích, yêu cầu:  Sinh nắm bắt sử dụng đối tượng ASP.NET, bao gồm thuộc tính phương thức hay sử dụng đối tượng - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Lý thuyết, thảo luận: 3t; Tự học, tự nghiên cứu: - Địa điểm: Giảng đường P2 phân cơng - Nội dung chính: 2.6 Các đối tượng ASP.NET (2 tiết)  Đối tượng Request  Đối tượng Respose  Đối tượng Server  Đối tượng Application  Đối tượng Session  Đối tượng Cookies 2.7 Giới thiệu ngơn ngữ lập trình NET (1 tiết) 3t  Giới thiệu  Khai báo sử dụng khơng miền  Khai báo biến  Tóm tắt cấu trúc điều khiển  Xây dựng hàm/ thủ tục - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Các mục 2.6, 2.7,  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Thực hành thao tác với đối tượng  Ứng dụng đối tượng vào tập lớn phân công Bài giảng 7: Thảo luận, thực hành Các đối tượng ASP.NET Chương Tiết thứ: Tuần thứ: - Mục đích, yêu cầu:  Củng cố lại kiến thức sử dụng đối tượng ASP.NET  Vận dụng đối tượng tình lập trình - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Thảo luận, thực hành: 3t; Tự học, tự nghiên cứu: 3t - Địa điểm: Phịng máy - Nội dung chính: + Thảo luận ý nghĩa, vai trò ứng dụng đối tượng + Thực hành thao tác với đối tượng:  Sử dụng đối tượng Appliaction đếm số người truy cập website  Sử dụng Session phân quyền  Tạo Cookies trang đăng nhập - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Ôn tập chương  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Thực hành thao tác với đối tượng  Ứng dụng đối tượng vào tập lớn phân công Bài giảng 8: Các thao tác liệu điều khiển liệu Chương 3: Mục 3.1+3.2 Tiết thứ: Tuần thứ: - Mục đích, yêu cầu:  Củng cố lại kiến thức CSDL, đặc biệt thao tác liệu: Insert, Update, Delete, Select  Giới thiệu điều khiển Data Sources - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Lý thuyết, Thảo luận: 3t; Tự học, tự nghiên cứu: 3t - Địa điểm: Giảng đường P2 phân cơng - Nội dung chính: 3.1 Các thao tác CSDL - Lệnh Insert  INSERT INTO (Danh sách cột) VALUES (Danh sách giá trị)  INSERT INTO (Danh sách cột) (Các câu hỏi con); - Lệnh Update:  UPDATE SET [WHERE ] - Lệnh Delete: DELETE FROM WHERE - Lệnh Select: SELECT [*| DISTINCT] FROM [WHERE ] [GROUP BY ] [HAVING ] [ORDER BY [ASC/DESC]] - Tạo Store Procedure: CREATE {PROC|PROCEDURE}[schema_name.] procedure_name [ ; number ] [{@parameter [type_schema_name.] data_type } [VARYING][= default ][[ OUT|OUTPUT ] [, n ] [ WITH [ , n ] AS { [ BEGIN ] statements [ END ] } [;] 3.2 Các điều khiển liệu ASP.NET 3.2.1 Điều khiển Data Sources - Giới thiệu điều khiển - Sử dụng điều khiển - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Mục 3.1, 3.2.1  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Thực hành thao tác CSDL SQL Server  Cài đặt CSDL cho tập lớn phân công Bài giảng 9: Các điều khiển liệu Chương 3: Mục 3.2.2+3.2.3 Tiết thứ: Tuần thứ: - Mục đích, yêu cầu:  Sinh viên nắm bắt sử dụng điều khiển hiển thị liệu  Sử dụng biểu thức buộc liệu - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Lý thuyết, Thảo luận: 3t; Tự học, tự nghiên cứu: 3t - Địa điểm: Giảng đường P2 phân công - Nội dung chính: 3.2 Các điều khiển liệu ASP.NET 3.2.2 Điều khiển Data Bound  Giới thiệu  Một số thuộc tính phương thức hay sử dụng điều khiển: ListView, GridView, DataList, DetailView, 3.2.3 Data Binding Expressions  Eval  Bind  DataBinder.Eval - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Mục 3.2.2, 3.2.3  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Thực hành thao tác với điều khiển buộc liệu biểu thức buộc liệu  Tiếp tục vận dụng cho tập lớn phân công Bài giảng 10: Kết nối ứng dụng với mơ hình ADO.NET Chương 3: Mục 3.3 Tiết thứ: Tuần thứ: 10 - Mục đích, yêu cầu:  Sinh viên nắm bắt mơ hình kết nối ADO.NET  Nắm bắt thuộc tính, phương thức lớp cung cấp lập trình kết nối - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Lý thuyết, Thảo luận: 3t; Tự học, tự nghiên cứu: 3t - Địa điểm: Giảng đường P2 phân công - Nội dung chính: 3.3 Kết nối hiển thị liệu sử dụng mơ hình kết nối ADO.NET 3.3.1 Giới thiệu mơ hình ADO.NET (2 tiết) - Giới thiệu mơ hình ADO.NET - Các đối tượng mơ hình ADO.NET 3.3.2 Các lớp mơ hình ADO.NET (1 tiết) - Giới thiệu - Class Connection - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Mục 3.3  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Thực hành thao tác kết nối theo mơ hình ADO.NET  Tiếp tục vận dụng cho tập lớn phân công Bài giảng 11: Kết nối ứng dụng với mô hình ADO.NET (Tiếp) Chương 3: Mục 3.3+3.4 Tiết thứ: Tuần thứ: 11 - Mục đích, yêu cầu:  Nắm bắt thuộc tính, phương thức lớp cung cấp lập trình kết nối  Thao tác với lớp ADO.NET - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Lý thuyết, Thảo luận: 3t; Tự học, tự nghiên cứu: 3t - Địa điểm: Giảng đường P2 phân cơng - Nội dung chính: 3.3 Kết nối hiển thị liệu sử dụng mô hình kết nối ADO.NET 3.3.2 Các lớp mơ hình ADO.NET ( tiếp)  Command  DataAdapter  DataSet  DataView  DataReader 3.4 CSDL ứng dụng WEB  Sử dụng lớp mơ hình ADO.NET thực thao tác Insert, Update, Delete, Select  Viết thành class thực thao tác với đối tượng CSDL - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Mục 3.3 +3.4  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Thực hành thao tác kết nối theo mơ hình ADO.NET  Tiếp tục vận dụng cho tập lớn phân công Bài giảng 12: Thảo luận, thực hành Kết nối Cơ sở liệu Chương 3: Ôn tập chương Tiết thứ: Tuần thứ: 12 - Mục đích, yêu cầu:  Củng cố lại kiến thức kết nối CSDL cho sinh viên  Thảo luận, hướng dẫn sinh viên nắm bắt kỹ lập trình kết nối CSDL - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Thảo luận, thực hành: 3t; Tự học, tự nghiên cứu: 3t - Địa điểm: Phịng máy - Nội dung chính:  Thảo luận ý nghĩa, vai trị lập trình kết nối ứng dụng hai cách:  Sử dụng điều khiển Data Source  Viết trực tiếp Code  Thực hành kết nối ứng dụng với CSDL  Trao đổi tập lớn nhóm - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Ôn tập chương  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Thực hành thao tác kết nối ứng dụng  Vận dụng cho tập lớn phân cơng Bài giảng 13: Các mơ hình ứng dụng Chương 4: Mục 4.1 Tiết thứ: Tuần thứ: 13 - Mục đích, yêu cầu:  Sinh viên nắm bắt mơ hình ứng dụng đa lớp: hai lớp, ba lớp  Ứng dụng mơ hình code lớp thiết kế web - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Lý thuyết, Thảo luận: 3t; Tự học, tự nghiên cứu: 3t - Địa điểm: Giảng đường P2 phân cơng - Nội dung chính: 4.1 Các mơ hình ứng dụng 4.1.1 Giới thiệu mơ hình đa lớp - Giới thiệu - Mơ hình ứng dụng lớp - Mơ hình ứng dụng lớp 4.1.2 Thiết kế ứng dụng web - Các nguyên tắc thiết kế - Thiết kế ứng dụng theo mơ hình lớp - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Mục 4.1  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Thực hành thiết kế ứng dụng web theo mơ hình lớp  Tiếp tục vận dụng cho tập lớn phân công Bài giảng 14: Một số xử lý trang ASP.NET nâng cao Chương 4: Mục 4.2 Tiết thứ: Tuần thứ: 14 - Mục đích, u cầu:  Sinh viên tự tạo điều khiển  Nắm bắt vấn đề liên quan đến bảo mật hệ thống - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Lý thuyết, Thảo luận: 3t; Tự học, tự nghiên cứu: 3t - Địa điểm: Giảng đường P2 phân công - Nội dung chính: 4.2 Xử lý trang ASP.NET nâng cao 4.2.1 Thiết kế User Control - Giới thiệu - Cách xây dựng - Sử dụng User Control 4.2.2 Security Basics -Các khái niệm Security: identity (Nhận dạng), authentication (Xác thực), authorization (Quyền hạn) - ASP.NET Security - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Mục 4.1  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Thực hành thiết kế control  Tiếp tục vận dụng cho tập lớn phân công Bài giảng 15: Thiết kế số chức web Chương 4: 4.3 Tiết thứ: - Mục đích, yêu cầu: Tuần thứ: 15  Sinh viên vận dụng nội dung kiến thức cung cấp thiết kế số chức hay gặp  Thảo luận, hướng dẫn sinh viên hoàn thiện tập lớn - Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu - Thời gian: Thảo luận, thực hành: 3t; Tự học, tự nghiên cứu: 3t - Địa điểm: Phịng máy - Nội dung chính:  4.3 Thiết kế số chức web  4.3.1 Một số chức hay gặp website  Hiển thị thông tin  Cập nhật, thay đổi thông tin  4.3.2 Một số chức nâng cao  Thiết kế giỏ hàng  Bảo mật website  Thảo luận, trao đổi nội dung liên quan đến tập tập lớn nhóm - Yêu cầu SV chuẩn bị:  Đọc trước TL[1]: Ôn tập chương  Đọc thêm tài liệu [2][3][4][5][6][7][8]  Bài tập nhà:  Thực hành lại thiết kế số chức hướng dẫn  Vận dụng cho tập lớn phân công