ỨNG DỤNG WEB APPLICATIONS

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (507.93 KB, 16 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

TRƯỜNG ĐẠI HỌC MỞ THÀNH PHỐ HỒ CHÍ MINH

<b>KHOA CƠNG NGHỆ THƠNG TIN </b>

<b>ĐỀ CƯƠNG MƠN HỌC </b>

<b>I. Thơng tin tổng qt </b>

1. Tên môn học tiếng Việt: ỨNG DỤNG WEB2. Tên môn học tiếng Anh: WEB APPLICATIONS 3. Thuộc khối kiến thức/kỹ năng

☐ Giáo dục đại cương ☐ Kiến thức chuyên ngành

☐ Kiến thức ngành ☐ Đồ án/Khóa luận tốt nghiệp 4. Số tín chỉ

5. Phụ trách môn học

a) Khoa/Ban/Bộ môn: Công nghệ Thông tin

b) Giảng viên: ThS. Nguyễn Thị Mai Trang c) Địa chỉ email liên hệ:

Các kiến thức trên giúp cho sinh viên có thể thiết kế được ứng dụng web ở mức cơ bản và là nền tảng để học tốt các mơn học Lập trình Web sau này, đồng thời trang bị cho sinh viên kiến thức và kỹ năng cần thiết để có thể làm đồ án mơn học, khóa luận tốt nghiệp và ứng dụng trong thực tế sau khi ra trường

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

2. Môn học điều kiện

1. Môn tiên quyết Không

2. Môn học trước

3. Môn học song hành Không

CO2

Sử dụng được ngôn ngữ tạo nội dung trang web HTML, cú pháp định dạng trang web CSS, ngôn ngữ lập trình JavaScript, thư viện jQuery để xây dựng và xử lý được các chức năng của website phía trình duyệt.

Sử dụng được một số phần mềm phổ biến trong thiết kế web.

Có thể tạo ứng dụng web, đăng ký host và phát triển ứng dụng lên host và quản lý host

PLO3.3 PLO5.7

Có khả năng tự nghiên cứu, đọc tài liệu để áp dụng những kiến thức đã học trong thực tế

PLO13.1 PLO13.2 PLO13.3

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

4. Chuẩn đầu ra (CĐR) môn học

Học xong môn học này, sinh viên làm được (đạt được):

CLO 1.3 <sup>Biết cách lựa chọn các hosting phù hợp cho từng loại ứng </sup>dụng Web

CLO 1.4 <sup>Sử dụng được cú pháp HTML, CSS, JavaScript, jQuery </sup>trong xây dựng ứng dụng Web

Ma trận tích hợp giữa chuẩn đầu ra của mơn học và chuẩn đầu ra của chương trình đào tạo

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

[1] Nguyễn Thị Mai Trang, Ứng dụng web, Nhà xuất bản Thông tin và truyền thông, 2019

[2] Philippe Hong, Practical Web Design, Packt Publishing, 2018. [NK100000004693] [3] Andy Harris, HTML5 and CSS3 All-in-One for Dummies®, John Wiley & Sons, Inc, 2014 [4] Jonathan ChafferKarl Swedberg, Learning jQuery, Packt Publishing, 2013

Suốt quá trình học

CLO 3.1 CLO 3.2 CLO 3.3

50%

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

7. Kế hoạch giảng dạy

<b>Lý thuyết: </b>

Tuần/buổi

CĐR môn học

Hoạt động dạy và học

Bài đánh

giá

Tài liệu chính và tài liệu tham

khảo

<b>về Internet và cơng nghệ Web </b>

1.1 Tổng quan về Internet

1.1.1 Giới thiệu về Internet

1.1.2 Các giao thức. 1.1.3 Hệ thống tên miền

1.2 Tổng quan về công nghệ Web

1.2.1 World Wide Web.

1.2.2 Địa chỉ URL 1.2.3 Trình duyệt Web

1.2.4 Khái niệm Web tĩnh, Web động

1.2.5 Cách hoạt động của các trang Web. 1.3 Giới thiệu một số phần mềm soạn thảo trang Web

1.3.1 Notepad ++ 1.3.2 Sublime Text 3 1.3.3 Adobe

Dreamweaver 1.4 Cách tạo và triển khai ứng dụng Web 1.4.1 Tạo ứng dụng Web

1.4.2 Triển khai ứng dụng Web lên host

<b>Chương 2: Ngôn ngữ HTML </b>

2.1 Giới thiệu HTML 2.2 Các thẻ HTML cơ bản

2.2.1 Cú pháp, thuộc tính của thẻ

2.2.2 Nhóm thẻ mơ tả thơng tin trang Web

CLO 1.1 CLO 1.2 CLO 1.3 CLO 1.4

Giảng viên: + Giới thiệu đề cương

+ Thuyết giảng + Thao tác mô phỏng

+ Đặt câu hỏi cho sinh viên

Sinh viên:

+ Học ở lớp: chú ý nghe giảng, ghi chép, trả lời câu hỏi

+ Học ở nhà: Xem lại bài giảng, làm lại các ví dụ trong tài liệu, tìm hiểu các website cho đăng ký host miễn phí, cài đặt một trong các phần mềm thiết kế web, xem trước nội dung bài giảng cho buổi kế tiếp

+Trên hệ thống LMS: Làm bài tập, tham gia thảo luận trên diễn đàn

A1 [1] Chương 1, 2 [2] Chapter 1, 5 [3] Part 1, Chapter 3

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

Tuần/buổi

CĐR môn học

Hoạt động dạy và học

Bài đánh

giá

Tài liệu chính và tài liệu tham

khảo

2.2.3 Các thẻ về tiêu đề, đoạn

2.2.4 Các thẻ định dạng và đánh dấu văn bản

2.4 Danh sách 2.5 Bảng 2.6 Multimedia 2.6.1 Hình ảnh 2.6.2 Audio 2.6.3 Video 2.7 Form và control 2.7.1 Form 2.7.2 Các control 2.7.3 Các thao tác trên form

2.8 Giới thiệu HTML5 2.8.1 Giới thiệu. 2.8.2 Một số phần tử mới trong HTML

CLO 1.4 CLO 2.1 CLO 2.2 CLO 3.1 CLO 3.2 CLO 3.3

Giảng viên: + Thuyết giảng + Thao tác mô phỏng

+ Đặt câu hỏi cho sinh viên

+ Mời sinh viên lên bảng làm bài tập tại lớp Sinh viên:

+ Học ở lớp: chú ý nghe giảng, ghi chép, trả lời câu hỏi, làm bài tập tại lớp, xung phong lên bảng

+ Học ở nhà: Xem lại bài giảng, làm lại các ví dụ trong tài liệu, cập nhật nội dung lên website, xem trước nội dung bài giảng cho buổi kế tiếp +Trên hệ thống LMS: Làm bài tập, tham gia thảo luận trên diễn đàn

A1 A2 A3

[1] Chương 2 [2] Chapter 5 [3] Part I, Chapter 4-7

3.1 Giới thiệu CSS 3.2 Các loại CSS 3.2.1 Inline Style Sheet

3.2.2 Internal Style Sheet

3.2.3 External Style Sheet

3.2.4 Độ ưu tiên của CSS

3.3 Cú pháp CSS 3.3.1 Cú pháp

CLO 1.4 CLO 2.1 CLO 2.2 CLO 2.3 CLO 3.1 CLO 3.2 CLO 3.3

Giảng viên: + Thuyết giảng + Thao tác mô phỏng

+ Đặt câu hỏi cho sinh viên

+ Mời sinh viên lên bảng làm bài tập tại lớp Sinh viên:

+ Học ở lớp: chú ý nghe giảng, ghi chép, trả lời câu

A1 A2 A3

[1] Chương 3 [2] Chapter 6 [3] Part 2, chapter 1, 2, 3

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

Tuần/buổi

CĐR môn học

Hoạt động dạy và học

Bài đánh

giá

Tài liệu chính và tài liệu tham

khảo

3.3.2 Các bộ chọn trong CSS

3.4 Định dạng trang Web với CSS. 3.4.1 Màu và nền 3.4.2 Text và Font 3.4.3 Định dạng liên kết với CSS

hỏi, làm bài tập tại lớp, xung phong lên bảng

+ Học ở nhà: Xem lại bài giảng, làm lại các ví dụ trong tài liệu, cập nhật nội dung lên website, cập nhật giao diện trên website, xem trước nội dung bài giảng cho buổi kế tiếp +Trên hệ thống LMS: Làm bài tập, tham gia thảo luận trên diễn đàn

sách với CSS 3.4.5 Box Model 3.4.6 Định dạng bảng với CSS

3.4.7 CSS Display 3.4.8 CSS Position 3.4.9 CSS Float và Clear

3.4.10 Layers 3.4.11 Một số tính năng mới trong CSS3 3.5 Giới thiệu Bootstrap 3.5.1 Giới thiệu

3.5.2 Hệ thống lưới trong Bootstrap

3.65.3 Một số Bootstrap Component

CLO 1.4 CLO 2.1 CLO 2.2 CLO 2.3 CLO 3.1 CLO 3.2 CLO 3.3

Giảng viên: + Thuyết giảng + Thao tác mô phỏng

+ Đặt câu hỏi cho sinh viên

+ Mời sinh viên lên bảng làm bài tập tại lớp Sinh viên:

+ Học ở lớp: chú ý nghe giảng, ghi chép, trả lời câu hỏi, làm bài tập tại lớp, xung phong lên bảng

A1 A2 A3

[1] Chương 3 [2] Chapter 6, 11, 12

[3] Part II, Chapter 4, 5, 6

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

Tuần/buổi

CĐR môn học

Hoạt động dạy và học

Bài đánh

giá

Tài liệu chính và tài liệu tham

4.1.1 Giới thiệu. 4.1.2 Nhúng JavaScript vào trang Web

4.2 Ngôn ngữ kịch bản JavaScript

4.2.1 Cú pháp ngôn ngữ JavaScript 4.2.2 Biến 4.2.3 Toán tử 4.2.4 Các hộp thoại trong JS

4.2.5 Hàm

4.2.6 Cấu trúc điều khiển.

4.3 Các đối tượng trong Javascript

4.3.1 Kiểu dữ liệu đối tượng

4.3.2 String 4.3.3 Date 4.3.4 Math 4.3.5 Array

4.3.6 Mơ hình BOM 4.3.7 Mơ hình DOM

CLO 1.4 CLO 2.1 CLO 2.2 CLO 2.3 CLO 2.4 CLO 3.1 CLO 3.2 CLO 3.3

Giảng viên: + Thuyết giảng + Thao tác mô phỏng

+ Đặt câu hỏi cho sinh viên

+ Mời sinh viên lên bảng làm bài tập tại lớp Sinh viên:

+ Học ở lớp: chú ý nghe giảng, ghi chép, trả lời câu hỏi, làm bài tập tại lớp, xung phong lên bảng

A1 A2 A3

[1] Chương 4 [3] Part IV, Chapter 1-4

4.5 Kiểm chứng dữ liệu 4.6 Giới thiệu đồ họa với JavaScript và HTML5

<b>Chương 5. jQuery </b>

5.1 Giới thiệu jQuery 5.1.1 Giới thiệu thư viện jQuery

5.1.2 Download và sử dụng

5.1.3 Chọn phần tử trong jQuery

5.2 Xử lý sự kiện 5.2.1 Các sự kiện trong jQuery

5.2.2 Sự kiện trên cửa

CLO 1.4 CLO 2.1 CLO 2.2 CLO 2.3 CLO 2.4 CLO 3.1 CLO 3.2 CLO 3.3

Giảng viên: + Thuyết giảng + Thao tác mô phỏng

+ Giới thiệu một số bài tập nâng cao cho sinh viên + Đặt câu hỏi cho sinh viên

+ Mời sinh viên lên bảng làm bài tập tại lớp Sinh viên:

+ Học ở lớp: chú ý nghe giảng, ghi chép, trả lời câu hỏi, làm bài tập tại

A1 A2 A3

[1] Chương 4, 5 [2] Chapter 8 [3] Part IV, chapter 5, 6 [4] Chapter 1, 2, 3

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

Tuần/buổi

CĐR môn học

Hoạt động dạy và học

Bài đánh

giá

Tài liệu chính và tài liệu tham

khảo

sổ trình duyệt và tài liệu.

5.2.2 Sự kiện trên form

5.2.3 Sự kiện chuột 5.2.4 Sự kiện bàn phím

lớp, xung phong lên bảng

tử trong DOM 5.3.1 Truy cập nội dung phần tử

5.3.1 Truy cập thuộc tính phần tử

5.3.3 Chèn nội dung/phần tử 5.3.4 Xóa nội dung/phần tử

5.3.5 Cập nhật CSS 5.3.6 Thiết lập kích thước cho phần tử 5.4 Duyệt cây DOM 5.4.1 Chọn các phần tử cha

5.4.2 Chọn các phần tử con

5.4.3 Chọn các phần tử đồng cấp

5.4.4 Chọn các phần tử theo điều kiện lọc 5.5 Thiết lập hiệu ứng với jQuery

5.5.1 Hiển thị/ẩn phần tử

5.5.2 Làm mờ/rõ phần tử

5.5.3 Thiết lập hiệu ứng trượt cho phần tử 5.5.4 Tạo hoạt hình cho phần tử

CLO 1.4 CLO 2.1 CLO 2.2 CLO 2.3 CLO 2.4 CLO 3.1 CLO 3.2 CLO 3.3

Giảng viên: + Thuyết giảng + Thao tác mô phỏng

+ Hướng dẫn một số bài tập nâng cao cho sinh viên + Ôn tập, giải đáp thắc mắc cho sinh viên

Sinh viên:

+ Học ở lớp: chú ý nghe giảng, ghi chép, thảo luận các vấn đề còn chưa rõ + Học ở nhà: Xem lại bài giảng, làm lại các ví dụ trong tài liệu, hồn thành nội dung trên website.

+Trên hệ thống LMS: Làm bài tập, tham gia thảo luận trên diễn đàn

A1 A2 A3

[1] Chương 5 [4] Chapter 4, 5, 9, 11, 12

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

Tuần/buổi học

môn học

Hoạt động dạy và học

Bài đánh giá

Tài liệu chính và tài liệu tham khảo

- Đăng ký host - Sử dụng phần mềm Notepad++ (hoặc Sublime Text) soạn một trang web đơn giản, upload lên host Chương 2:

- Làm các bài tập thực hành phần HTML

CLO 2.1 CLO 2.2 CLO 3.1

Giảng viên: + Hướng dẫn bằng thao tác trực quan trên máy

+ Theo dõi quá trình thực hiện của sinh viên và hướng dẫn khi sinh viên có yêu cầu

Sinh viên: + Học ở lớp: tự làm bài, Đăng ký host, upload lên host, hỏi giảng viên nếu cần

+ Học ở nhà: Cài một trong các phần mềm soạn thảo trang web, làm các bài tập làm thêm, tự phát triển theo ý mình, cập nhật lên host

+Trên hệ thống LMS: Báo cáo các bài đã làm và đã upload, tham gia thảo luận trên diễn đàn.

A1 [1] Chương 1, 2

[2] Chapter 1, 5

[3] Part 1, Chapter 3

thực hành phần HTML

CLO 2.1 CLO 2.2 CLO 3.2 CLO 3.3

Giảng viên: + Hướng dẫn bằng thao tác trực quan trên máy

+ Theo dõi quá trình thực hiện của sinh viên và hướng dẫn khi sinh viên có yêu cầu

Sinh viên: + Học ở lớp: tự làm bài, cập nhật các bài đã làm lên

A1 A2 A3

[1] Chương 2 [2] Chapter 5 [3] Part I, Chapter 4-7

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

Tuần/buổi học

môn học

Hoạt động dạy và học

Bài đánh giá

Tài liệu chính và tài liệu tham khảo

host, hỏi giảng viên nếu cần

+ Học ở nhà: Làm các bài tập làm thêm, tự phát triển theo ý mình, upload lên host +Trên hệ thống LMS: Báo cáo các bài đã làm và đã upload, tham gia thảo luận trên diễn đàn.

- Làm các bài thực hành phần CSS

CLO 2.1 CLO 2.2 CLO 2.3 CLO 3.2 CLO 3.3

Giảng viên: + Hướng dẫn bằng thao tác trực quan trên máy

+ Theo dõi quá trình thực hiện của sinh viên và hướng dẫn khi sinh viên có yêu cầu

Sinh viên: + Học ở lớp: tự làm bài, upload lên host, hỏi giảng viên nếu cần

A1 A2 A3

[1] Chương 3 [2] Chapter 6 [3] Part 2, chapter 1, 2, 3

thực hành phần CSS

CLO 2.1 CLO 2.2 CLO 2.3 CLO 3.2 CLO 3.3

Giảng viên: + Hướng dẫn bằng thao tác trực quan trên máy

+ Theo dõi quá trình thực hiện của sinh viên và hướng dẫn khi sinh viên

A1 A2 A3

[1] Chương 3 [2] Chapter 6, 12

[3] Part II, Chapter 4, 5, 6

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

Tuần/buổi học

môn học

Hoạt động dạy và học

Bài đánh giá

Tài liệu chính và tài liệu tham khảo

có yêu cầu

Sinh viên: + Học ở lớp: tự làm bài, upload lên host, hỏi giảng viên nếu cần

+ Học ở nhà: Hoàn thiện giao diện website trên host, làm các bài tập làm thêm, tự phát triển theo ý mình, upload lên host +Trên hệ thống LMS: Báo cáo các bài đã làm và đã upload, tham gia thảo luận trên diễn đàn.

phần Javascript

CLO 2.1 CLO 2.2 CLO 2.3 CLO 2.4 CLO 3.2 CLO 3.3

Giảng viên: + Hướng dẫn bằng thao tác trực quan trên máy

+ Theo dõi quá trình thực hiện của sinh viên và hướng dẫn khi sinh viên có yêu cầu

Sinh viên: + Học ở lớp: tự làm bài, upload lên host, hỏi giảng viên nếu cần

A1 A2 A3

[1] Chương 4 [3] Part IV, Chapter 1-6

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

Tuần/buổi học

môn học

Hoạt động dạy và học

Bài đánh giá

Tài liệu chính và tài liệu tham khảo

phần Javascript

CLO 2.1 CLO 2.2 CLO 2.3 CLO 2.4 CLO 3.2 CLO 3.3

Giảng viên: + Hướng dẫn bằng thao tác trực quan trên máy

+ Theo dõi quá trình thực hiện của sinh viên và hướng dẫn khi sinh viên có yêu cầu

Sinh viên: + Học ở lớp: tự làm bài, upload lên host, hỏi giảng viên nếu cần

A1 A2 A3

[1] Chương 4, 5

[3] Part IV, chapter 1-6 [4] Chapter 1, 2, 3, 4, 5, 9, 11, 12

phần jQuery

CLO 2.1 CLO 2.2 CLO 2.3 CLO 2.4 CLO 3.2 CLO 3.3

Giảng viên: + Hướng dẫn bằng thao tác trực quan trên máy

+ Theo dõi quá trình thực hiện của sinh viên và hướng dẫn khi sinh viên có yêu cầu

Sinh viên: + Học ở lớp: tự làm bài, upload lên host, hỏi giảng viên nếu cần

+ Học ở nhà: Làm các bài tập làm thêm, tự phát triển theo ý mình, hồn thiện nội dung trên website của mình +Trên hệ thống

A1 A2 A3

[1] Chương 5 [4] Chapter 1, 2, 3, 4, 5, 9, 11, 12

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

Tuần/buổi học

môn học

Hoạt động dạy và học

Bài đánh giá

Tài liệu chính và tài liệu tham khảo

LMS: Báo cáo các bài đã làm và đã upload, tham gia thảo luận trên diễn đàn.

phần jQuery

CLO 2.1 CLO 2.2 CLO 2.3 CLO 2.4 CLO 3.2 CLO 3.3

Giảng viên: + Hướng dẫn bằng thao tác trực quan trên máy

+ Theo dõi quá trình thực hiện của sinh viên và hướng dẫn khi sinh viên có yêu cầu

Sinh viên: + Học ở lớp: tự làm bài, upload lên host, hỏi giảng viên nếu cần

+ Học ở nhà: Làm các bài tập làm thêm, tự phát triển theo ý mình, hồn thiện nội dung trên website của mình +Trên hệ thống LMS: Báo cáo các bài đã làm và đã upload, tham gia thảo luận trên diễn đàn.

A1 A2 A3

[1] Chương 5 [4] Chapter 1, 2, 3, 4, 5, 9, 11, 12

hợp

CLO 2.1 CLO 2.2 CLO 2.3 CLO 2.4 CLO 3.2 CLO 3.3

Giảng viên: + Hướng dẫn bằng thao tác trực quan trên máy

+ Theo dõi quá trình thực hiện của sinh viên và hướng dẫn khi sinh viên có yêu cầu

Sinh viên: + Học ở lớp: tự làm bài, upload lên

A1 A2 A3

[1] Chương 2, 3, 4, 5

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

Tuần/buổi học

môn học