You are on page 1of 11

BỘ GD&ĐT CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM

Trường đại học SPKT Độc lập – Tự do – Hạnh phúc


Khoa: Công nghệ thông tin *******
Chương trình Giáo dục đại học
Ngành đào tạo: Công nghệ thông tin Trình độ đào tạo: ĐH
Chương trình đào tạo: …

Đề cương chi tiết học phần


1. Tên học phần: Thiết Kế Web Mã học phần: WEDE231484
2. Tên Tiếng Anh: Web Design
3. Số tín chỉ: 2+1
Phân bố thời gian: 3(2:1:4)
4. Các giảng viên phụ trách học phần
1/ GV phụ trách chính: ThS. Hoàng Long
2/ Danh sách giảng viên cùng GD: ThS. Lê Thị Minh Châu
5. Điều kiện tham gia học tập học phần
Môn học trước: Không
Môn học tiên quyết: Không
6. Mô tả tóm tắt học phần
Học phần nhằm giới thiệu cho sinh viên kiến thức về Web, HTML5, CSS, JavaScript và kỹ năng
thiết kế web sử dụng Dreamweaver.
7. Mục tiêu học phần

Mục tiêu Mô tả Chuẩn đầu ra


(Goals) (Goal description) CTĐT
(Học phần này trang bị cho sinh viên:)
G1 Kiến thức về Web, HTML5, CSS và JavaScript 1.3

G2 Năng lực, phẩm chất cá nhân và nghề nghiệp 2.1, 2.4, 2.5

G3 Kỹ năng làm việc nhóm 3.1, 3.2

G4 Kỹ năng thiết kế web 4.3, 4.4

1
8. Chuẩn đầu ra của học phần
Mục Chuẩn Mô tả Chuẩn
tiêu đầu ra (Sau khi học xong môn học này, người học có thể:) đầu ra
học phần CDIO
G1.1 Trình bày được các vấn đề cơ bản về Web 1.3
G1.2 Trình bày được các vấn đề cơ bản về HTML5 1.3
G1
G1.3 Trình bày được các vấn đề cơ bản về CSS 1.3
G1.4 Trình bày được các vấn đề cơ bản về JavaScript 1.3
G2.1 Phân tích và giải quyết vấn đề 2.1

G2 G2.2 Kỹ năng cá nhân 2.4


G2.3 Đạo đức nghề nghiệp 2.5
G3.1 Làm việc nhóm 3.1
G3
G3.2 Giao tiếp hiệu quả dưới dạng văn bản và thuyết trình 3.2
G4.1 Phân tích, hình thành ý tưởng giao diện web 4.3
G4
G4.2 Thiết kế web với HTML5, CSS, JavaScript dùng Dreamweaver 4.4

9. Nhiệm vụ của sinh viên


SV không thực hiện đủ một trong các nhiệm vụ sau đây sẽ bị cấm thi:
- Dự lớp: 80%
- Bài tập: 100%
- Báo cáo: 100%
10. Tài liệu học tập
[1] Sách, giáo trình chính: Lawson, B., & Sharp, R. (2011). Introducing HTML5 (2nd ed.).
USA: New Rider.
[2] Sách, giáo trình chính: Pouncey, I., & York, R. (2011). Beginning CSS: Cascading Style
Sheets for Web Design (3rd ed.). USA: Wiley Publishing.
[3] Sách, giáo trình chính: Zakas, N. C. (2011). Professional JavaScript for Web Developers
(3rd ed.). USA: Wiley Publishing.
11. Tỷ lệ Phần trăm các thành phần điểm và các hình thức đánh giá sinh viên :
- Thang điểm: 10
- Đánh giá quá trình: 50% trong đó:
+ Làm bài tập: 40%
+ Chuyên cần: 10%
- Project cuối học kỳ: 50%

2
Kế hoạch thực hiện như sau:
Hình Công cụ Chuẩn đầu ra KT Tỉ lệ
thức Nội dung Thời điểm KT (%)
KT
Bài tập 45
Bài tập về Text Tuần 6 Bài tập nhỏ G1.2, G1.3, G1.4, G2.1, 5
BT#1 G2.2, G2.3, G3.1, G3.2,
G4.1, G4.2
Bài tập về Forms Tuần 7 Bài tập nhỏ G1.2, G1.3, G1.4, G2.1, 5
BT#2 G2.2, G2.3, G3.1, G3.2,
G4.1, G4.2
Bài tập về Video và Tuần 8 G1.2, G1.3, G1.4, G2.1, 5
BT#3 Audio G2.2, G2.3, G3.1, G3.2,
G4.1, G4.2
Bài tập về Canvas Tuần 9 Bài tập nhỏ G1.2, G1.3, G1.4, G2.1, 5
BT#4 G2.2, G2.3, G3.1, G3.2,
G4.1, G4.2
Bài tập về Data Tuần 10 G1.2, G1.3, G1.4, G2.1, 5
BT#5 Storage G2.2, G2.3, G3.1, G3.2,
G4.1, G4.2
Bài tập về Offline Tuần 11 G1.2, G1.3, G1.4, G2.1, 5
BT#6 G2.2, G2.3, G3.1, G3.2,
G4.1, G4.2
Bài tập về Drag & Tuần 12 Bài tập nhỏ G1.2, G1.3, G1.4, G2.1, 5
BT#7 Drop G2.2, G2.3, G3.1, G3.2,
G4.1, G4.2
Bài tập về Tuần 13 G1.2, G1.3, G1.4, G2.1, 5
BT#8 Geolocation G2.2, G2.3, G3.1, G3.2,
G4.1, G4.2
Bài tập về Messages, Tuần 14 Bài tập nhỏ G1.2, G1.3, G1.4, G2.1, 5
BT#9 Workers, và Sockets G2.2, G2.3, G3.1, G3.2,
G4.1, G4.2
Thi cuối kỳ 55
- Nội dung bao quát Thi tự luận
tất cả các chuẩn đầu
ra quan trọng của
môn học.
- Thời gian làm bài
60 phút.

12. Kế hoạch thực hiện (Nội dung chi tiết) học phần theo tuần
3
Tuần Nội dung Chuẩn đầu ra học
phần
1 Chương 1: Giới thiệu Web và HTML5
A/ Các ND và PPGD chính trên lớp: (4) G1.1, G1.2, G2.1,
G2.2, G2.3, G3.1,
Nội Dung (ND) GD chính trên lớp
G3.2, G4.1, G4.2
+ Giới thiệu Web và HTML
+ HTML5 cơ bản
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu Powerpoint
+ Trình bày và thảo luận nhóm
+ Bài tập
B/ Các nội dung cần tự học ở nhà: (8)

Các nội dung tự học chính:


+ Chương 1, [1]
Các tài liệu học tập cần thiết:
+ [1]
2&3 Chương 2: Giới thiệu CSS

A/ Các ND và PPGD chính trên lớp: (8) G1.3, G2.1, G2.2,


G2.3, G3.1, G3.2,
G4.1, G4.2
Nội Dung (ND) GD chính trên lớp
+ Sử dụng HTML5 với CSS
+ CSS cơ bản
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu Powerpoint
+ Trình bày và thảo luận nhóm
+ Bài tập
B/ Các nội dung cần tự học ở nhà: (16)

Các nội dung tự học chính:


+ Chương 1, 2,3,4, [2]
Các tài liệu học tập cần thiết:
+ [2]

4
4& 5 Chương 3: Giới thiệu JavaScript

A/ Các ND và PPGD chính trên lớp: (8) G1.4, G2.1, G2.2,


G2.3, G3.1, G3.2,
G4.1, G4.2
Nội Dung (ND) GD chính trên lớp
+ Sử dụng HTML5 với JavaScript
+ JavaScript cơ bản
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu Powerpoint
+ Trình bày và thảo luận nhóm
+ Bài tập
B/ Các nội dung cần tự học ở nhà: (16)

Các nội dung tự học chính:


+ Chương 1, 2, 3, 4, [3]
Các tài liệu học tập cần thiết:
+ [3]

6 Chương 4: Text( 2/1/6)


A/ Tóm tắt các ND và PPGD chính trên lớp: (4) G1.2, G1.3, G1.4,
G2.1, G2.2, G2.3,
Nội Dung (ND) chính trên lớp:
G3.1, G3.2, G4.1,
+ Các thẻ nội dung G4.2
+ Outlines
+ WAI-ARIA
+ Nâng cao
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu Powerpoint
+ Trình bày và thảo luận nhóm
+ Bài tập
B/ Các nội dung cần tự học ở nhà: (8)

5
Các nội dung tự học chính:
+ Chương 2, [1]
Các tài liệu học tập cần thiết:
+ [1]

7 Chương 5: Forms ( 2/1/6)


A/ Tóm tắt các ND và PPGD chính trên lớp: (4) G1.2, G1.3, G1.4,
G2.1, G2.2, G2.3,
Nội Dung (ND) chính trên lớp:
G3.1, G3.2, G4.1,
+ Cơ bản về forms G4.2
+ Các loại input mới trong HTML5
+ Các thuộc tính mới trong HTML5
+ Một số vấn đề nâng cao
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu Powerpoint
+ Trình bày và thảo luận nhóm
+ Bài tập
B/ Các nội dung cần tự học ở nhà: (8)

Các nội dung tự học chính:


+ Chương 3, [1]
Các tài liệu học tập cần thiết:
+ [1]

8 Chương 6: Video và Audio ( 2/1/6)


A/ Tóm tắt các ND và PPGD chính trên lớp: (4) G1.2, G1.3, G1.4,
G2.1, G2.2, G2.3,
Nội Dung (ND) chính trên lớp:
G3.1, G3.2, G4.1,
+ Cơ bản về Video G4.2
+ Cơ bản về Audio
+ Một số vấn đề nâng cao
Tóm tắt các PPGD chính:
+ Thuyết giảng
6
+ Trình chiếu Powerpoint
+ Trình bày và thảo luận nhóm
+ Bài tập
B/ Các nội dung cần tự học ở nhà: (8)

Các nội dung tự học chính:


+ Chương 4, [1]
Các tài liệu học tập cần thiết:
+ [1]

9 Chương 7 Canvas (2/1/6)


A/ Tóm tắt các ND và PPGD chính trên lớp: (4) G1.2, G1.3, G1.4,
G2.1, G2.2, G2.3,
Nội Dung (ND) chính trên lớp:
G3.1, G3.2, G4.1,
+ Cơ bản về Canvas G4.2
+ Paths
+ Transfomers
+ Sử dụng hình ảnh
+ Một số kỹ thuật nâng cao
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu Powerpoint
+ Trình bày và thảo luận nhóm
+ Bài tập
B/ Các nội dung cần tự học ở nhà: (8)

Các nội dung tự học chính:


+ Chương 5, [1]
Các tài liệu học tập cần thiết:
+ [1]

10 Chương 8 Lưu trữ dữ liệu

7
A/ Tóm tắt các ND và PPGD chính trên lớp: (4) G1.2, G1.3, G1.4,
G2.1, G2.2, G2.3,
Nội Dung (ND) chính trên lớp:
G3.1, G3.2, G4.1,
+ Các lựa chọn lưu trữ G4.2
+ Web storage
+ Web SQL Databases
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu Powerpoint
+ Trình bày và thảo luận nhóm
+ Bài tập
B/ Các nội dung cần tự học ở nhà: (8)

Các nội dung tự học chính:


+ Chương 6, [1]
Các tài liệu học tập cần thiết:
+ [1]

11 Chương 9 Offline
A/ Tóm tắt các ND và PPGD chính trên lớp: (12) G1.2, G1.3, G1.4,
G2.1, G2.2, G2.3,
Nội Dung (ND) chính trên lớp:
G3.1, G3.2, G4.1,
+ Cơ bản về offline G4.2
+ Cache manifest
+ applicationCache
+ Một số vấn đề nâng cao
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu Powerpoint
+ Trình bày và thảo luận nhóm
+ Bài tập
B/ Các nội dung cần tự học ở nhà: (8)

8
Các nội dung tự học chính:
+ Chương 7, [1]
Các tài liệu học tập cần thiết:
+ [1]

12 Chương 10: Drag & Drop


A/ Tóm tắt các ND và PPGD chính trên lớp: (4) G1.2, G1.3, G1.4,
G2.1, G2.2, G2.3,
Nội Dung (ND) chính trên lớp:
G3.1, G3.2, G4.1,
+ Cơ bản về Drag & Drop G4.2
+ Các kỹ thuật nâng cao
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu
B/ Các nội dung cần tự học ở nhà: (8)

Các nội dung tự học chính:


+ Chương 8, [1]
Các tài liệu học tập cần thiết:
+ [1]

13 Chương 11: Geolocation


A/ Tóm tắt các ND và PPGD chính trên lớp: (4) G1.2, G1.3, G1.4,
G2.1, G2.2, G2.3,
Nội Dung (ND) chính trên lớp:
G3.1, G3.2, G4.1,
+ Cơ bản về geolocation G4.2
+ APIs
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu
B/ Các nội dung cần tự học ở nhà: (8)

Các nội dung tự học chính:


+ Chương 8, [1]
Các tài liệu học tập cần thiết:
+ [1]

14 Chương 12: Messages, Workers và Sockets


9
A/ Tóm tắt các ND và PPGD chính trên lớp: (4) G1.2, G1.3, G1.4,
G2.1, G2.2, G2.3,
Nội Dung (ND) chính trên lớp:
G3.1, G3.2, G4.1,
+ Messaging APIs G4.2
+ Web workers
+ Web Sockets
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu
B/ Các nội dung cần tự học ở nhà: (8)

Các nội dung tự học chính:


+ Chương 8, [1]
Các tài liệu học tập cần thiết:
+ [1]

15 Ôn tập
A/ Tóm tắt các ND và PPGD chính trên lớp: (4)
Nội Dung (ND) chính trên lớp:
+ Ôn tập
Tóm tắt các PPGD chính:
+ Thuyết giảng
+ Trình chiếu
B/ Các nội dung cần tự học ở nhà: (8)

Các nội dung tự học chính:


+ Ôn tập
Các tài liệu học tập cần thiết:

13. Đạo đức khoa học:


+ Các bài tập và bài thực nghiệm phải được thực hiện từ chính bản thân sinh viên. Nếu bị phát
hiện có sao chép thì xử lý các sinh viên có liên quan bằng hình thức đánh giá 0 (không) điểm
giữa kỳ và cấm thi cuối kỳ.
+ Không được thi hộ. Nếu bị phát hiện thì sẽ bị kỷ luật theo quy định của Khoa và nhà trường.
14. Ngày phê duyệt: ngày/tháng/năm
15. Cấp phê duyệt:
Trưởng khoa Tổ trưởng BM Nhóm biên soạn

10
TS. Đặng Thanh Dũng GVC. TS. Nguyễn Thành Sơn ThS. Lê Thị Minh Châu

16. Tiến trình cập nhật ĐCCT


Lấn 1: Nội Dung Cập nhật ĐCCT lần 1: ngày/tháng/năm <người cập nhật ký
và ghi rõ họ tên)

Tổ trưởng Bộ môn:

Lấn 2: Nội Dung Cập nhật ĐCCT lần 2: ngày/tháng/năm <người cập nhật ký
và ghi rõ họ tên)

Tổ trưởng Bộ môn:

11

You might also like