TIỂU LUẬN môn học lập TRÌNH WEB đề tài WEBSITE WEBSITE WEBSITE CUNG cấp PHỤ TÙNG XE máy

Vì vậy mà em đã thực hiện đồ án ““““X X XÂ Â ÂY Y Y D D DỰ Ự ỰNG NG NG WEBSITE WEBSITE WEBSITE CUNG CUNG CUNG C C CẤ Ấ ẤPPPP PH PH PHỤ Ụ TTTTÙ Ù ÙNG NG NG XE XE XE M M MÁ Á ÁY Y Y”””” vớ

TR TRƯỜ ƯỜ ƯỜNG NG NG ĐẠ ĐẠ ĐẠIIII H H HỌ Ọ ỌC C C TH TH THỦ Ủ Ủ D D DẦ Ầ ẦU U U M M MỘ Ộ ỘTTTT

VI VIỆỆỆỆN N N K K KỸ Ỹ Ỹ THU THU THUẬ Ậ ẬTTTT –––– C C CÔ Ô ÔNG NG NG NGH NGH NGHỆỆỆỆ

TI TIỂỂỂỂU U U LU LU LUẬ Ậ ẬN N N M M MÔ Ô ÔN N N H H HỌ Ọ ỌC C LLLLẬ Ậ ẬPPPP TR TR TRÌÌÌÌNH NH NH WEB WEB

ĐỀ ĐỀ TTTTÀ À ÀI: I: I: WEBSITE WEBSITE WEBSITE CUNG CUNG CUNG C C CẤ Ấ ẤPPPP PH PH PHỤ Ụ Ụ TTTTÙ Ù ÙNG NG NG XE XE XE M M MÁ Á ÁY Y

GVHD: ThS.NGUYỄN HỮU VĨNHSinh viên thực hiện :

Nguyễn Trung Hậu – 1924801030033 - D19PM03Cao Đoàn Như Tuấn – 1924801030290 - D19PM01

Bình Dương, 7/2021

TR TRƯỜ ƯỜ ƯỜNG NG NG ĐẠ ĐẠ ĐẠIIII H H HỌ Ọ ỌC C C TH TH THỦ Ủ Ủ D D DẦ Ầ ẦU U U M M MỘ Ộ ỘTTTT

VI VIỆỆỆỆN N N K K KỸ Ỹ Ỹ THU THU THUẬ Ậ ẬTTTT –––– C C CÔ Ô ÔNG NG NG NGH NGH NGHỆỆỆỆ

TI TIỂỂỂỂU U U LU LU LUẬ Ậ ẬN N N M M MÔ Ô ÔN N N H H HỌ Ọ ỌC C LLLLẬ Ậ ẬPPPP TR TR TRÌÌÌÌNH NH NH WEB WEB

ĐỀ ĐỀ TTTTÀ À ÀI: I: I: WEBSITE WEBSITE WEBSITE CUNG CUNG CUNG C C CẤ Ấ ẤPPPP PH PH PHỤ Ụ Ụ TTTTÙ Ù ÙNG NG NG XE XE XE M M MÁ Á ÁY Y

GVHD: ThS.NGUYỄN HỮU VĨNHSinh viên thực hiện :

Nguyễn Trung Hậu – 1924801030033 - D19PM03Cao Đoàn Như Tuấn – 1924801030290 - D19PM01

Bình Dương, 7/2021

TR TRƯỜ ƯỜ ƯỜNG NG NG ĐẠ ĐẠ ĐẠIIII H H HỌ Ọ ỌC C C TH TH THỦ Ủ Ủ D D DẦ Ầ ẦU U U M M MỘ Ộ ỘTTTT

VI VIỆỆỆỆN N N K K KỸ Ỹ Ỹ THU THU THUẬ Ậ ẬTTTT –––– C C CÔ Ô ÔNG NG NG NGH NGH NGHỆỆỆỆ NH

NHẬ Ậ ẬN N N X X XÉÉÉÉTTTT V V VÀ À À CH CH CHẤ Ấ ẤM M M Đ Đ ĐIIIIỂỂỂỂM M M C C CỦ Ủ ỦA A A GI GI GIẢ Ả ẢNG NG NG VI VI VIÊÊÊÊN N

Họ và tên giảng viên:NGUY NGUYỄỄỄỄN N N H H HỮ Ữ ỮU U U V V VĨĨĨĨNH NH

Tên đề tài: Xây dựng website cung cấp phụ tùng xe máy

Nội dung nhận xét:

Đ Điiiiểểểểm: m: Bằng số:

Bằng chữ:

GI GIẢ Ả ẢNG NG NG VI VI VIÊÊÊÊN N N CH CH CHẤ Ấ ẤM M

(Ký, ghi rõ họ tên)

TRƯỜNG ĐH THỦ DẦU MỘTKHOA KỸ THUẬT CÔNG NGHỆ

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT

NAMĐộc lập – Tự do – Hạnh phúcPHIẾU ĐÁNH GIÁ PROJECT

(Đánh giá quá trình thực hiện, báo cáo văn bản và sản phẩm)Học phần: LẬP TRÌNH WEB

Họ và tên sinh viên (MSSV):

1 Nguyễn Trung Hậu - MSSV: 1924801030033 - D19PM03

2 Cao Đoàn Như Tuấn - MSSV: 1924801030290 - D19PM01

ý tưởngmang tínhmới

Tìm kiếm và đưa rađược ý tưởng khátốt

Chọn ý tưởng trong

số được đề nghị

Không quantâm lựa chọn

ý tưởng

Lập kếhoạch thực

Hoàn toànhợp lý,không cầnđiều chỉnh

Khá hợp lý, điềuchỉnh chút ít theogóp ý

Chưa hợp lý, có điềuchỉnh theo góp ý

Không hợp lý

và không điềuchỉnh theogóp ý

Chuẩn bị tốtmọi điềukiện cho việcthực hiệnproject, cóthể khởiđộng ngay

Chuẩn bị được đa

số điều kiện choviệc thực hiện, cóthể khởi động và bổsung sau

Giai đoạnthực hiện

10

Thực hiệnhoàn toànđúng phươngpháp

Thực hiện khá đúngphương pháp, saisót nhỏ và có sửachữa

Thực hiện tương đốiđúng phương pháp,sai sót quan trọng và

có sửa chữa

Thực hiệnkhông đúngphương pháp,sai sót khôngsửa chữa

10 Triển khaiđúng kế

hoạch

Triển khai kháđúng kế hoạch, cóchậm trễ nhưng

Triển khai tương đốiđúng kế hoạch, cóchậm trễ gây ảnh

Triển khaichậm trễ, gâyảnh hưởng

không gây ảnhhưởng hưởng nhưng khắcphục được không khắcphục đượcMức độ đạt

được mụctiêu thànhphần

Trình bàybáo cáo 10 Format nhất quánVăn phong phù hợpChất lượng

ĐIỂM THÀNH VIÊN NHÓM

(do nhóm ghi)

Danh sách thành viên của Nhóm:

(Tên họ): Nguyễn Trung HậuĐiểm làm việc nhóm (%):100(Tên họ): Cao Đoàn Như TuấnĐiểm làm việc nhóm (%): 80TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA CÁC THÀNH VIÊNTRONG NHÓM:

Nguyễn Trung Hậu Cao Đoàn Như Tuấn

ĐIỂM CỦA CÁ NHÂN

(do GV ghi)

Danh sách thành viên của Nhóm:

(Tên họ): Nguyễn Trung HậuĐiểm cá nhân:

(Tên họ): Cao Đoàn Như TuấnĐiểm cá nhân:

TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV:

Nguyễn Hữu Vĩnh

Ghi nhận của GV

(phần này do GV ghi và lưu riêng để

theo dõi, tư vấn cho cá nhân SV, không

phổ biến cho lớp, nhóm)

GÓP Ý CẢI TIẾN CHO CÁ NHÂN:

Tên SV: Nguyễn Trung HậuGÓP Ý LĨNH VỰC CẦN CẢI TIẾN:

Ngày nay trước sự phát triển của khoa học kỹ thuật thì việc ứng dụng công nghệvào cuộc sống thật sự rất quan trọng và hữu ích, nó không chỉ đem lại hiệu quả cao trongcông việc mà còn góp phần to lớn cho sự nghiệp phát triển của con người, của cộng đồng

và của đất nước Như chúng ta cũng thấy trong thị trường hiện nay thì việc cạnh tranh vềkinh doanh ngày càng trở nên quyết liệt và hầu hết những nhà kinh doanh, những công tylớn đều rất chú tâm đến việc làm thoả mãn nhu cầu khách hàng một cách tốt nhất

So với kinh doanh truyền thống thì thương mại điện tử sử dụng chi phí thấp hơn,hiệu quả đạt cao hơn Hơn thế nữa, với lợi thế của công nghệ Internet nên việc truyền tảithông tin về sản phẩm nhanh chóng, thuận tiện Kết hợp với bộ phận giao hàng tận nơi, làthông qua bưu điện và ngân hàng để thanh toán tiền, càng tăng thêm thuận lợi để loạihình này phát triển

Vì vậy mà em đã thực hiện đồ án ““““X X XÂ Â ÂY Y Y D D DỰ Ự ỰNG NG NG WEBSITE WEBSITE WEBSITE CUNG CUNG CUNG C C CẤ Ấ ẤPPPP PH PH PHỤ Ụ TTTTÙ Ù ÙNG NG NG XE XE XE M M MÁ Á ÁY Y Y”””” với mong muốn đáp ứng nhu cầu của khách hàng, bằng cách thông

qua hệ thống Website này họ có thể đặt mua các mặt hàng hay sản phẩm cần thiết được

dễ dàng và nhanh gọn hơn, không mất thời gian và công sức

Với sự hướng dẫn tận tình của Nguy Nguyễễễễnnnn H H Hữữữữuuuu V V Vĩĩĩĩnh nh nh em đã hoàn thành bài báo cáo đồ án

này Tuy đã cố gắng hết sức tìm hiểu, phân tích thiết kế và cài đặt hệ thống nhưng chắcrằng không tránh khỏi những thiếu sót Em rất mong nhận được sự thông cảm và góp ýcủa quý Thầy cô Em xin chân thành cảm ơn

M

Mụụụụcccc LLLLụụụụcccc

M Mụụụụcccc llllụụụụcccc 1111

Danh Danh m m mụụụụcccc bbbbảảảảng ng ng 3333

Danh Danh m m mụụụụcccc hhhhìììình nh nh 4444

Ch Chươ ươ ương ng ng 1: 1: 1: Kh Kh Khảảảảoooo ssssáááátttt vvvvàààà ssssáááátttt đị đị định nh nh yyyyêêêêuuuu ccccầầầầuuuu 5555

1 1 Phân tích yêu cầu đề tài 5

1.1.1 Tên đề tài 5

1.1.2 Chức năng 5

1.1.3 Yêu cầu đặt ra 5

1 2 Phân tích và thiết kế hệ thống 6

1.2.1 Khảo sát hiện trạng và xây dựng hệ thống 6

1.2.2 Phân tích hệ thống 6

1 3 Sơ đồ phân cấp chức năng của khách hàng 6

1 4 Sơ đồ phân cấp chức năng quản lý sản phẩm 9

Ch Chươ ươ ương ng ng 2: 2: 2: C C Cơơơơ ssssởởởở llllýýýý thuy thuy thuyếếếếtttt vvvvàààà pppphhhhâââânnnn ttttíííícccchhhh vvvvớớớớiiii UML UML UML 10 10 2 1 ASP.NET 10

2 2 ADO.NET 10

2 3 Thư viện Boostrap 10

2 4 DreamWeaver 11

2 5 Thư viện JQUERY 12

2 6 Sơ đồ Use case 12

2.6.1 Sơ đồ Use case toàn bộ hệ thống 12

2.6.2 Sơ đồ Use case trang chủ 13

2.6.3 Sơ đồ Use case liên hệ 13

2.6.4 Sơ đồ Use case xem tin tức 14

2.6.5 Sơ đồ Use case giỏ hàng 14

2 7 Sơ đồ hoạt động 15

2.7.1 Sơ đồ hoạt động đăng nhập khách hàng 15

2.7.2 Sơ đồ hoạt động đăng kí tài khoảng khách hàng 15

2.7.3 Sơ đồ hoạt động mua hàng 15

2 8 Sơ đồ lớp 17

2 9 Bảng các Actor 18

Ch Chươ ươ ương ng ng 3: 3: 3: Thi Thi Thiếếếếtttt kkkkếếếế ccccơơơơ ssssởởởở ddddữữữữ lilililiệệệệuuuu 11119999

3 1 Bảng dữ liệu 19

3 1.1 Bảng Admin 19

3 1.2 Bảng CTDonHang 19

3 1.3 Bảng DonHang 20

3 1.4 Bảng SanPham 20

3 1.5 Bảng Khách hàng 21

3 1.6 Bảng LoaiSanPham 21

Ch Chươ ươ ương ng ng 4: 4: 4: X X Xââââyyyy ddddựựựựng ng ng Website Website Website cung cung cung ccccấấấấpppp ph ph phụụụụ ttttùùùùng ng ng xe xe xe m m mááááyyyy 22 22

4.1 Đặc tả giao diện và thủ tục 22

4.1.1 Đặc tả giao diện trang chủ 22

4.1.2 Đặc tả giao diện đăng kí 23

4.1.3 Đặc tả giao diện đăng nhập 24

4.1.4 Đặc tả giao diện chi tiết sản phẩm 25

4.1.5 Đặc tả giao diện giỏ hàng 26

4.2 Một số giao diện Admin 27

4.2.1 Đặc tả giao diện trang quản lý sản phẩm 27

4.2.2 Đặc tả giao diện trang quản lý người dùng 28

K Kếếếếtttt lu lu luậậậậnnnn 29

TTTTààààiiii lilililiệệệệuuuu kham kham kham kh kh khảảảảoooo 33331111

DANH DANH M M MỤ Ụ ỤC C C BBBBẢ Ả ẢNG NG

Bảng 1: Bảng các Actor 18

3 1.1 Bảng Admin 19

3 1.2 Bảng CTDonHang 19

3 1.3 Bảng DonHang 20

3 1.4 Bảng SanPham 20

3 1.5 Bảng Khách hàng 21

3 1.6 Bảng LoaiSanPham 21

DANH DANH M M MỤ Ụ ỤC C C H H HÌÌÌÌNH NH

Hình 1: Sơ đồ phân rã chức năng của khách hàng 11

Hình 2: Sơ đồ quản lý sản phẩm 13

Hình 3: Use Case toàn bộ hệ thống 15

Hình 4: Use Case trang chủ 15

Hình 5: Use Case liên hệ 16

Hình 6: Use Case xem tin tức 16

Hình 7: Use Case xem giỏ hàng 17

Hình 8: Sơ đồ hoạt động đăng nhập khách hàng 17

Hình 9: Sơ đồ hoạt động đăng ký tài khoảng khách hàng 18

Hình 10: Sơ đồ hoạt động mua hàng 18

Hình 11: Sơ đồ lớp 19

Hình 4.1: Giao diện trang chủ 19

Hình 4.2: Giao diện dăng ký 20

Hình 4.3: Giao diện đăng nhập 20

Hình 4.4: Giao diệnchi tiết sản phẩm 21

Hình 4.5: Giao diện giỏ hàng 21

Hình 4.6: Giao diện trang sản phẩm 22

Hình 4.7: Giao diện trang quản lý người dùng 22

C

CH H HƯƠ ƯƠ ƯƠNG NG NG 1: 1: 1: KH KH KHẢ Ả ẢO O O SSSSÁ Á ÁTTTT V V VÀ À À X X XÁ Á ÁC C C ĐỊ ĐỊ ĐỊNH NH NH Y Y YÊÊÊÊU U U C C CẦ Ầ ẦU U

1.1 1.1 PPPPhhhhâââânnnn ttttíííích ch ch yyyyêêêêuuuu ccccầầầầuuuu đề đề đề ttttààààiiii

+ Cho phép cập nhật hàng vào cơ sở dữ liệu

+ Hiển thị danh sách các mặt hàng theo từng loại

+ Hiển thị hàng hoá khách hàng đã chọn mua

+ Hiển thị thông tin khách hàng

Hiển thị danh sách các mặt hàng của cửa hàng để khách hàng xem, lựa chọn vàmua

+ Khách hàng xem các thông tin sản phẩm trên trang web

+ Tiếp nhận kiểm tra đơn đặt hàng của khách hàng

- Hiển thị đơn đặt hàng

Ngoài các chức năng trên thì trang Web phải được thiết kế sao cho dễ hiểu, giaodiện mang tính dễ dùng đẹp mắt và làm sao cho khách hàng thấy được thông tincần tìm, cung cấp các thông tin quảng cáo hấp dẫn, các tin tức khuyến mãi để thuhút khách hàng Điều quan trọng là phải đảm bảo an toàn tuyệt đối thông tin khách

Downloaded by heo ninh (ninhheo7@gmail.com)

hàng trong quá trình đặt mua qua mạng Đồng thời trang Web phải luôn đổi mới,hấp dẫn

1.2 1.2 Ph Ph Phâââânnnn ttttíííích ch ch vvvvàààà thi thi thiếếếếtttt kkkkếếếế hhhhệệệệ th th thốốốống ng

1.2.1 1.2.1 Kh Kh Khảảảảoooo ssssáááátttt hi hi hiệệệệnnnn trtrtrtrạạạạng ng ng vvvvàààà xxxxââââyyyy ddddựựựựng ng ng hhhhệệệệ th th thốốốống ng

- Sau khi khảo sát em đã nắm bắt được các thông tin :+ Quản lý khách hàng: Mỗi khách hàng được quản lý các thông tin sau:+ họ tên, địa chỉ, số điện thoại, email,giới tính, ngày sinh

+ Quản lý sản phẩm: Mã hàng hoá, tên hàng hoá, giá bán, số lượng tồn,hình ảnh, chi tiết, mã loại hàng, tên loại hàng

+ Quản lý nhà sản xuất: Mã nhà sản xuất, tên nhà sản xuất,số điệnthoại,địa chỉ

+ Quản lý giỏ hàng: Danh sách đơn hàng thành công, danh sách đơnhàng thất bại, lịch sử giỏ hàng

1.2.2

1.2.2 Ph Ph Phâââânnnn ttttíííích ch ch hhhhệệệệ th th thốốốống ng

- Sau khi khảo sát hiện trạng của hệ thống và xây dựng hệ thống thì em đãđưa ra các tệp cơ sở dữ liệu của “Xây dựng website cung cấp phụ tùng xemáy”

- Qua quá trình khảo sát, phân tích thực trạng và xây dựng hướng phát triểncho hệ thống mới em đa xây dựng cấu trúc của hệ thống “Xây dựng websitecung cấp phụ tùng xe máy”

- Xây dựng biểu đồ phân cấp chức năng Biểu đồ luồng dữ liệu

1.3 1.3 SSSSơơơơ đồ đồ đồ ph ph phâââânnnn ccccấấấấpppp ch ch chứứứứcccc nnnnăăăăng ng ng ccccủủủủaaaa kh kh kháááách ch ch hhhhààààng ng

Downloaded by heo ninh (ninhheo7@gmail.com)

Hình 1 Sơ đồ phân rã chức năng của khách hàng

Sơ đồ chức năng khách hàng

- Chức năng xem thông tin sản phẩm

+ Cho phép xem các thông tin liên quan đến sản phẩm

- Chức năng chọn hàng

+ Liệt kê danh mục mặt hàng sản phẩm theo nhóm, chủng loại, chitiết…cho phép khách hàng có thể lựa chọn, bổ xung mặt hàng vào giỏ hàng.Đầu vào: Các thông tin liên quan đến sản phẩm : Tên mặt hàng

Các quá trình cần thực hiện:

+ Module liệt kê, hiển thị danh mục mặt hàng theo nhóm, loại, chi tiết.+ Module thêm mặt hàng vào giỏ hàng

+ Module loại bỏ mặt hàng trong giỏ hàng

+ Module hiển thị danh mục mặt hàng có trong giỏ hàng

Đầu ra: Danh mục mặt hàng định mua

- Chức năng đăng ký

Khách hàng có thể đăng ký để trở thành thành viên của cửa hàng và được cấp mộttài khoản người dùng để đăng nhập khi cần đặt hàng, thanh toán…

Đầu vào :

Các thông tin cá nhân của khách hàng

Downloaded by heo ninh (ninhheo7@gmail.com)

+ Tài khoản+ Mật khẩu+ Tên khách hàng+ Ngày tháng năm sinh+ Giới tính

+ Số điện thoại+ Email

+ Địa chỉ

- Các quá trình thực hiện :

+ Module nhập thông tin cá nhân của khách hàng

+ Module xác nhận thông tin vừa nhập

+ Module thông báo cho khách hàng và yêu cầu nhập lại tài khoản ngưòidùng nếu tài khoản đó đã có người đăng ký

+ Module lưu thông tin khách hàng vừa đăng ký vào cơ sở dữ liệu

Đầu ra :Thông báo cho khách hàng và yêu cầu nhập lại tài khoản hoặc Email nếu tàikhoản hoặc Email đó đã tồn tại trong cơ sở dữ liệu

Thông báo và yêu cầu nhập lại thông tin trong trường hợp thông tin nhậpvào không chính xác, không phù hợp

Chuyển sang trang đăng nhập

Chức năng tìm kiếmTìm kiếm thông tin về sản phẩm

Đầu vào :

+ Sản phẩm cần tìm kiếm

+ Tìm kiếm sản phẩm

Các quá trình thực hiện :

+ Module tìm kiếm trong cơ sở dữ liệu

+ Module hiển thị kết quả tìm kiếm

Đầu ra: Kết quả tìm kiếm

Downloaded by heo ninh (ninhheo7@gmail.com)

Chức năng thanh toán

Sau khi khách hàng chọn những sản phẩm cần mua đặt vào giỏ hàng, kháchhàng có thể đặt mua hàng chính thức thông qua Website

Đầu vào:

Danh mục mặt hàng trong giỏ hàng

Thông tin cá nhân của khách hàng (Mã khách hàng, Họ tên, mật khẩu,…).Thông tin liên quan đến việc mua hàng (ngày mua, số lượng mỗi mặt hàngđặt mua

Các quá trình thực hiện :Module hiển thị đầy đủ thông tin liên quan đến sản phẩm khách hàng đãchọn

1.4 1.4 SSSSơơơơ đồ đồ đồ ph ph phâââânnnn ccccấấấấpppp ch ch chứứứứcccc nnnnăăăăng ng ng ccccùùùùaaaa qu qu quảảảảnnnn llllýýýý ssssảảảảnnnn ph ph phẩẩẩẩm m

Hình 2 Sơ đồ quản lý sản phẩm

Downloaded by heo ninh (ninhheo7@gmail.com)

ASP.NET là một phần của NET, các mã dễ dàng được biên dịch, viết, mở rộng và tái sửdụng trong khuôn khổ của NET.

Ứng dụng ASP.NET có thể được viết bởi bất cứ ngôn ngữ dưới đây:

C#

VB.NET

ASP.NET sử dụng kỹ thuật lập trình phía Server, mã lệnh được biên dịch và thihành tại Web Server Sau khi được Server đọc, biên dịch và thi hành, kết quả tự độngđược chuyển sang HTML/JavaScript/CSS và trả về cho Client Tất cả các xử lý lệnhASP.Net đều được thực hiện tại Server và do đó, gọi là kỹ thuật lập trình ở phía server

2.3 2.3 Th Th Thưưưư vi vi việệệệnnnn Boostrap Boostrap

Bootstrap là 1 framework có chứa HTML, CSS, và JavaScript cho phép ngườidùng dễ dàng thiết kế website theo 1 chuẩn nhất định, tạo các website thân thiện với cácthiết bị

Bootstrap được tạo ra tại Twitter vào giữa năm 2010 Trước khi chính thức trởthành một framework mã nguồn mở, Bootstrap được biến đến như là bản thiết kế củaTwitter Sau một vài tháng đi vào phát triển, Twitter đã tổ chức Tuần lễ Hack đầu tiên vàhàng loạt các nhà phát triển ở mọi trình độ đã tham gia vào dự án Và trong hơn một năm

Downloaded by heo ninh (ninhheo7@gmail.com)

sau đó, Bootstrap giống như một bản hướng dẫn style dành riêng cho việc phát triển cáccông cụ nội bộ phục vụ cho công ty trước khi nó được phát hành chính thức, và nó vẫnđóng một vai trò như vậy cho đến ngày nay

Kể từ lần đầu tiên được phát hành vào Thứ 6 ngày 19 tháng 8 năm 2011 tới nay,

đã có tới hơn 20 lần phát hành, bao gồm cả 2 bản viết lại chính của phiên bản 2 và phiênbản 3 BootStrap 2 đã thêm tính năng responsive như một stylesheet tùy ý Đến khi xâydựng Bootstrap 3 đã viết lại thư viện một lần nữa để tích hợp tính năng responsive mộtcách mặc định

2.4 2.4 Dreamweaver Dreamweaver

Dreamweaver là một chương trình phần mềm để thiết kế web, về cơ bản là mộttrình soạn thảo lập trình và web HTML đầy đủ tính năng hơn Chương trình cungcấp giao diện WYSIWYG để tạo và chỉnh sửa các trang web Dreamweaver hỗ trợnhiều ngôn ngữ đánh dấu, bao gồm HTML, XML, CSS và JavaScript Đối với ngôn ngữcủa con người, nó hỗ trợ tiếng Anh, tiếng Tây Ban Nha, tiếng Pháp, tiếng Đức, tiếngNhật, tiếng Trung, tiếng Ý, tiếng Nga và nhiều ngôn ngữ khác

Dreamweaver ban đầu được phát triển và xuất bản bởi Macromedia vào năm

1997 Adobe đã mua Macromedia (bao gồm các quyền đối với Dreamweaver) vào năm

2005 và tiếp tục phát triển chương trình Nhiều tính năng của Dreamweaver làm nó trởthành một công cụ chỉnh sửa web linh hoạt, được dùng để tạo các trang web phức tạphoặc đơn giản

Dreamweaver CC vừa là trình soạn thảo WYSIWYG vừa là trình soạn thảo mãcho PC Windows và Mac Nó có thể đọc các mẫu WordPress, Joomla và Drupal và nóbao gồm một hệ thống lưới để thực hiện thiết kế web responsive Dreamweaver cung cấpnhiều công cụ để phát triển web di động bao gồm tạo ứng dụng gốc cho thiết bị iOS vàAndroid

Dreamweaver CC chỉ khả dụng khi đăng ký Adobe Creative Cloud trên gói hàngtháng hoặc hàng năm Các gói bao gồm phiên bản mới nhất của phần mềm, 100GB dunglượng lưu trữ đám mây cho các tệp, porfolio, phông chữ cao cấp và các công cụ truyền

Downloaded by heo ninh (ninhheo7@gmail.com)

thông xã hội Dreamweaver cũng có sẵn như là một phần của đăng ký Tất cả ứng dụngbao gồm hơn 20 ứng dụng bao gồm Photoshop CC, Illustrator CC và Adobe XD CC

2.5 2.5 Th Th Thưưưư vi vi việệệệnnnn JQUERY JQUERY

jQuery là một thư viện kiểu mới của JavaScript, được tạo bởi John Resig vào năm

2006 với phương châm: Viết ít hơn, làm nhiều hơn

JQuery thực hiện nhiều nhiệm vụ mà nếu dùng JavaScript thông thường thì sẽ tốn rấtnhiều dòng mã lệnh JQuery cũng có khả năng thực hiện các tính năng phức tạp, như cáccuộc gọi AJAX (được sử dụng để kết nối với máy chủ web tự động mà không nhất thiếtphải tải lại trang) và thực thi DOM (mô hình đối tượng tài liệu).jQuery là thư việnJavaScript phổ biến nhất vì vậy người ta thường dùng jQuery để xây dựng ứng dụngwebsite Nhiều công ty lớn cũng dùng jQuery đó là Google, Microsoft, IBM và Netflix.jQuery có thể chạy được trên nhiều trình duyệt bao gồm cả Internet Explorer6.0

2.6 2.6 SSSSơơơơ đồ đồ đồ Use Use Use Case Case

2.6.1 Sơ đồ Use case toàn bộ hệ thống

Hình 3: Use case toàn bộ hệ thống

Downloaded by heo ninh (ninhheo7@gmail.com)