Đồ Án môn học lập trình web Đề tài thiết kế website bán khóa học tiếng anh

Giao diện : bắt mắt dễ sử dụng với các tính năng được bố trí và sắp xếp một cách hợp lý cho người dùng với sự kếp hợp giữa cam và trắng Nội dung: truyền tải đầy đủ và được cập nhật liên

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NGOẠI NGỮ – TIN HỌC THÀNH PHỐ HỒ CHÍ MINH

KHOA CÔNG NGHỆ THÔNG TIN

Hồ Sơn Hào - 22DH - T2 (trưởng nhóm)

Nguyễn Hoàn Minh - 22DH112154 - T22202

Phạm Đình Anh Phương - 22DH112900 - T22201

TP.HCM, tháng 07 năm 2023

Đa dạng về nội dung: Cung cấp các khóa học từ cơ bản đến nâng cao, bao gồm từvựng, ngữ pháp, kỹ năng nghe, nói, đọc và viết

Phương pháp học linh hoạt: Có thể có các phương pháp học khác nhau như học qua trò chơi, video, bài tập thực hành, và có thể cung cấp cả các lớp học trực tiếp hoặc theo lộ trình tự học cá nhân

Giao diện : bắt mắt dễ sử dụng với các tính năng được bố trí và sắp xếp một cách hợp lý cho người dùng với sự kếp hợp giữa cam và trắng

Nội dung: truyền tải đầy đủ và được cập nhật liên tục bởi amin

Có rất nhiều trang web cung cấp khóa học tiếng Anh trực tuyến, mỗi trang đều cónhững đặc điểm riêng và phong cách học tập khác nhau Một số trang web phổ biến như:

Duolingo: Là một nền tảng học tiếng Anh miễn phí, với các bài học ngắn gọn và trò chơi giáo dục để giúp người học tiếp thu ngôn ngữ một cách thú vị

Rosetta Stone: Mang đến một phương pháp học tiếng Anh chủ động, tập trung vào việc học thông qua hình ảnh và ngữ cảnh, giúp người học nắm vững từ vựng

và ngữ pháp

Mỗi trang web có những ưu điểm và phong cách học tập riêng, phù hợp với các mục tiêu và phong cách học của từng người

2.3 Nôi dung bản tham số

2.4 Các thuộc tính tối ưu tham số

3

Thiết kế giao diện

3.1

Sơ đồ giao diện tổng quát

3.2 Giao diện chi tiết

-Đăng ký và đăng nhập vào tài khoản.

-Lưu thông tin cá nhân và chỉnh sửa UserProfile.

-Xem lịch sử mua hàng, điểm tích lũy, và top người nạp tiền trong profile.

-Khám phá thông tin về tài liệu, khóa học, và giảng viên.

-Xem chi tiết, mua hàng với % voucher, và đợi Admin sắp xếp lớp học -Được quyền Feedback và nhận điểm tích lũy sau mỗi lần mua

-Thêm sản phẩm vào danh sách yêu thích và quản lý nó.

-Đọc tin tức do admin đăng, và có thể ấn like.

-Gửi hỗ trợ và chờ phản hồi từ Admin.

-Nhắn tin trực tiếp với Admin thông qua chat.

3/Admin:

Quản lý Khóa Học:

Thêm, sửa, xóa khóa học và chi tiết sản phẩm.

Upload hình ảnh cho khóa học

Quản lý Giảng Viên:

Tương tự quản lý khóa học

Quản lý Tài Liệu:

Tương tự quản lý khóa học nhưng không có chi tiết

1.2 Nhu cầu người dùng và Yêu cầu của phần mềm

Xem chi tiết khóa học

Xem bình luận về khóa học

Xem giảng viên

Admin Quản lý danh mục sản phẩm (thêm, xóa,

sửa, tìm kiếm, xem danh sách, xem chi

tiết)

Quản lý danh sản phẩm (thêm, xóa, sửa,

tìm kiếm, xem danh sách, xem chi tiết)

Quản lý đơn hang (thêm, xóa, sửa, tìm

kiếm, xem danh sách, xem chi tiết) Tạo biểu mẫu đơn hàngQuản lý khách hàng

1.1.2 BM02: Hóa đơn bán hang

Địachỉ:

ĐT:

Nhân viên: Trần Thị A

Ngày: 04/07/2023 Giờ: 08:07

Tổng SL: 3 Tổng tiền: 54000 Khách trả: 70000 Tiền thối: 16000

1.3 Quy định

Tên quy định Nội dung

QD01 Khách đã chốt khóa học, không được hủy

QD02 Khách đặt khóa học online, nếu chưa được xác nhận đơn hàng thì được hủy,

ngược lại không được hủy

QD03 Khách hàng chỉ được mua khóa học mới sau khi dùng xong khóa học hiện tại.QD04 Trong quá trình dùng khóa học có vấn đề xảy ra khiến khách hàng muốn hủy

khóa học khác hành sẽ không được hoàn lại tiền

QD05 Mọi thắc mắt hoặc khiếu nại của khách hàng về sản phẩm khách hàng có thể

liên hệ trực tiếp admin hoặc gốp ý trong phần bình luận ,cấm việc quấy rốihoặc tung tin sai lệch về sản phẩm của chúng tôi

QD06 Khách hàng chỉ được dùng khóa học sau khi mua sản phẩm và đã thanh toán

thành công

2/Bảng Tin Tức:

3/Bảng Lịch Sữ Mua Hàng:

4/Bảng Học Sinh :

5/Bảng Lịch Sử Giao Dịch:

6/Bảng Voucher:

7/Bảng sản phẩm yêu thích :

11/Bảng các thành viên xây dựng web:

2.5 Sơ đồ giao diện tổng quát

(Theo sơ đồ phân cấp)

3/ THIẾT KẾ GIAO DIỆN

3.1 Giao diện đăng ký

Tên màn hình:Trang đăng ký tài khoản

Ý nghĩa: Dùng để đăng ký tài khoản

Hình ảnh:

Trang đăng ký tài khoản

3.2 Giao diện đăng nhập

Tên màn hình: Trang đăng nhập

Ý nghĩa: Giao diên hiển thị trang đăng nhập của khách hàng hoặc admin Hình ảnh :

Danh sách sản phẩm

3.4 Giao diện khách hàng

Tên màn hình: Giao diện thông tin khách hàng

Ý nghĩa:Cho biết thông tin của khách hàng cũng như sữa thông tin và đăng xuất

ngoài ra bên dưới hiện thị lịch sửa mua sản phẩm của khách hàng Bên phải của trang nàyhiển thị top khách hàng nạp từ nhiều đến thấp

Hình ảnh :

Giao diện khách hàng

3.5 Giao diện các giảng viên

Tên màn hình: Giao diên hiển thị các giảng viên của khóa học

Ý nghĩa: Hiển thị các thông tin của giảng viên như tên, tuổi, trình độ ,kinh nghiệm Hình ảnh :

Giao diện thông tin giảng viên

3.6 Giao diện trang chủ

Tên màn hình: Giao diên hiển thị trang chủ

Ý nghĩa: Hiễn thị tất cả các chức năng cơ bản của trang web

Hình ảnh :

+ Kỹ năng : kỹ năng của nhóm chưa được đều dẫn đến việc chưa có sự thống nhất ở vàđiểm

4.3 Hướng phát triển

- Về dự án này nhóm tự đánh giá mình đã hoàn thành khá tốt những gì cơ bản mà nhóm

đề ra Tuy nhiên vẩn còn rất nhiều những chức năng cũng như ý tưởng nhóm muốn thêmvào mà vì thời gian không cho phép nên đồ án vẩn còn nhiều điểm tính năng muốn thêmvào mà chưa kịp Tuy nhiên sản phản cuối cùng do nhóm nộp lên đã đầy đủ những gì cơbản và tốt nhất mà nhóm muốn đề ra

- Về hướng phán triễn của đồ án lần này trong tương lai nhóm vẩn của rất nhiều ý tưởngcũng như hướng phát triển cho đồ án lần này ,thế nên về lâu dài web sẽ được nhóm chỉnhsữa lại nhiều hơn và thêm vào nhiều tính năng hơn nữa để hỗ trợ người dùng cũng giúpadmin quản lý tốt hơn Nhóm sẽ cố gắng cãi thiện những kỹ năng và kiến thức của bảnthân để giúp cho trang web trở nên hòan thiện hơn

- Một số trang web nhóm muốn hướng tới trong tương lai:

- Ieltsvietop:

Trang web khóa học của ieltsvietop

- Ieltscity:

Trang web khóa học của Ieltscity

5/ BẢNG PHÂN CÔNG NHIỆM VỤ CHUNG

Hồ Sơn Hào (trưởng nhóm) Đảm nhận hầu hết công việc trong nhóm đặt

biệt là các chức năng bên trong (back end)của web từ cơ sỡ dữ liệu đến code lên ýtưởng

100%

Phạm Đình Anh Phương Đảm nhận tất cả về viết báo cáo đồ án và

thiết kế logo cũng như hổ trợ thiết kế phầnnhìn (Front-end) ,hổ trợ trưởng nhóm lên

ý tưởng

100%

6 / TÀI LIỆU THAM KHẢO

Các trang web mà nhóm tham khảo

-Websile khóa học của edmicro : https://edmicro.edu.vn/

-Websile khóa học của Viettop: https://www.ieltsvietop.vn/

-Websile khóa học của Britishcouncil : https://www.britishcouncil.vn/thi/ielts

-Websile khóa học của ieltsmentor: https://ieltsmentor.edu.vn/

-Websile khóa học của ieltscity : https://ieltscity.vn/

-Websile khóa học của

-Websile khóa học của

-Websile khóa học của

-Websile khóa học của

Lời cảm ơn

Báo cáo kết thúc môn học Đầu tiên, chúng em xin chân thành gửi lời cảm ơn và sựtri ân sâu sắc đến giảng viên Đặng Thị Kim Giaođã tạo điều kiện hỗ trợ, giúp đỡ chúng em trong suốt quá trình học tập và nghiên cứu đề tài này Bài báo cáo đề tài môn Lập Trình Web thực hiện trong thời gian khoảng 2 tháng.Vì lượng kiến thức của chúng em còn nhiều hạn chế nên không tránh khỏi những thiếu sót Chúng em cảm ơn cô luôn quan tâm lắng nghe và đóng góp những ý kiến quý báu để chúng

em tạo nên được một trang website hoàn chỉnh hơn Chúng em hy vọng rằng thôngtin và kiến thức mà chúng em chia sẽ mang lại giá trị cho mọi người Cuối cùng, chúng em xin gửi đến cô lời cảm ơn chân thành vì những đóng góp và sự hỗ trợ quý giá mà giảng viên mang đến Kính chúc cô sức khỏe, thành công và hạnh phúctrong công việc và cuộc sống