TRƯỜNG ĐẠI HỌC MỞ HÀ NỘIKHOA KINH TẾ BÁO CÁO BÀI TẬP LỚN MÔN: THIẾT KẾ VÀ TRIỂN KHAI WEBSITE TMĐT ĐỀ TÀI: Thiết kế website kinh doanh dịch vụ chăm sóc da tại Hà Nội Giảng viên hướng dẫn:
Trang 1TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI
KHOA KINH TẾ
BÁO CÁO BÀI TẬP LỚN
MÔN: THIẾT KẾ VÀ TRIỂN KHAI WEBSITE TMĐT
ĐỀ TÀI:
Thiết kế website kinh doanh dịch vụ chăm sóc da tại Hà Nội
Giảng viên hướng dẫn: GV Dương Chí Bằng
Sinh viên thực hiện: Nguyễn Thị Ngọc Ánh
Lớp: K30TMĐT2
Trang 2MỤC LỤC
Trang bìa 1
Mục lục 2
Lời nói đầu 3
Phần 1: Đặt vấn đề 4
Phần 2: Nội dung 5
Phần 3: Kết luận 22
Phần 4: Tài liệu tham khảo và các phần mềm sử dụng 22
Trang 3LỜI NÓI ĐẦU
Khoa học công nghệ ngày càng phát triển, cùng với đó là sự ứng dụng rộng rãi công nghệ thông tin trong tất cả các lĩnh vực đã đóng góp to lớn vào quá trình phát triển của nhân loại Trong các lĩnh vực đó thì lĩnh vực thương mại điện tử - mua sắm trực tuyến đang phát triển mạnh mẽ, các hình thức mua bán trao đổi trực tuyến ngày càng đa dạng, phổ biến Website dần trở thành một công cụ hỗ trợ đắc lực cho cả người mua và người bán Trước nhu cầu đó, cùng với yêu cầu môn học,
em quyết định chọn đề tài xây dựng website kinh doanh dịch vụ chăm sóc da tại
Hà Nội
Với đề tài và môn học này, em xin chân thành cảm ơn sự giúp đỡ tận tình của giảng viên hướng dẫn – thầy Dương Chí Bằng Song, do còn nhiều hạn chế nên đề tài em xây dựng không tránh khỏi những sai sót Rất mong được thầy cô và các bạn đóng góp ý kiến để giúp em khắc phục những thiếu sót và hoàn thiện đề tài
Em xin trân trọng cảm ơn!
Trang 4PHẦN 1 : ĐẶT VẤN ĐỀ
1 Lý do chọn đề tài:
Một spa kinh doanh dịch vụ chăm sóc da tại Hà Nội đang có nhu cầu mở một trang Web để thu hút khách hàng, tiếp cận với nhiều đối tượng khách hàng, tăng độ nhận diện thương hiệu và tăng tính chuyên nghiệp cho spa
Em đã nhận dự án này đi kèm với yêu cầu của khách hàng là thiết kế nên mộtWebsite sang trọng, đẹp mắt, dễ sử dụng, phù hợp với hình ảnh và dịch vụ của spa
2 Mục tiêu của đề tài:
Website được xây dựng để phục vụ hai đối tượng là doanh nghiệp và khách hàng với các chức năng:
Doanh nghiệp:
- Đăng nhập vào Website
- Xem, cập nhật, xóa thông tin dịch vụ
3 Kết quả mong muốn đạt được:
- Đề tài trình bày đúng quy cách, rõ ràng, dễ hiểu, ngắn gọn
- Website chạy ổn định, tốc độ xử lí nhanh, ít lỗi phát sinh
- Thiết kế giao diện website thân thiện, ưa nhìn, dễ sử dụng
- Đáp ứng được nhu cầu khách hàng khi vào trang web
Trang 6- Lý do chọn :
Ba màu đều nhẹ nhàng, tươi sáng và thu hút
Tạo cảm giác thanh lịch, nhẹ nhàng và thoải mái cho khách hàng
- Màu nền : sử dụng nền trắng để làm nổi bật thông tin, thông điệp mà doanh nghiệp muons truyền tải và thu hút sự tập trung người nhìn vào các nội dung quan trọng mà Spa muốn truyền tải
- Phương pháp phối màu : Sử dụng phương pháp bổ túc bộ ba ( Triadic) được tạo nên bởi 3 màu nằm tại 3 góc khác nhau trên vòng tròn màu, tạo thành một hình tam giác đều Ba màu này kết hợp, bổ sung cho nhau và tạo nên sự cân bằng sản phẩm Màu sắc nhẹ nhàng, tươi tắn giúp tạo thiện cảm với khách hàng
4 Sơ đồ mạng lưới trang Web
5 Mẫu trang
- Nhìn chung tất cả các trang đều có phần Header, Menu và Footer
- Chiều rộng của website là 1340 pixels
Trang 76 Ý tưởng thiết kế từng trang.
a Trang chủ
Trang 9b Trang con chính
- Trị mụn:
- Trị nám:
Trang 10- Trẻ hóa da:
- Trắng da:
Trang 11- Thông tin:
- Trang con chi tiết mụn đầu đen:
Trang 12- Trang đăng nhập:
- Trang đặt lịch:
Trang 13II Giao diện chính và chi tiết nội dung các trang.
Trên thanh menu gồm : Trang chủ, trị mụn, trị nám, trẻ hóa da, trắng da, thông tin
+ Thanh tìm kiếm : cho phép khách hàng tìm kiếm dịch vụ mình mong muốn dễ dàng hơn
+ Đặt lịch : cho phép mọi người đặt lịch dễ dàng và nhanh chóng
- Content: tùy theo mỗi trang khác nhau mà nội dung các trang sẽ có sự khác nhau
- Footer:
+ Thông tin liên hệ: địa chỉ doanh nghiệp, hotline
+ Liên kết các trang mạng xã hội: Khách hàng có thể theo dõi công ty quá các trang mạng xã hội khác như Facebook, Zalo, Instagram,…
+ Cách thức thanh toán
+ Tên người làm website
+ Thanh công cụ giúp quay lại đầu trang
Trang 141 Trang chủ
- Đây là trang đóng vai trò quan trọng trong việc thu hút khách hàng Trang giới thiệu qua về các dịch vụ chăm sóc tại Spa và không gian sang trọng, cơ sở hiện đại và dịch vụ khách hàng tận tâm của Spa
Trang 152 Trang con chính
- Trang trị mụn:
Trang 16- Trang trị nám:
Trang 17- Trang trẻ hóa da:
Trang 18- Trang trắng da:
Trang 19- Trang thông tin:
Trang 203 Trang con chi tiết
Trang 214 Trang đăng nhập
- Trang này giúp mọi người có 2 cách đăng nhập :
+ Đăng nhập bằng liên kết các trang mạng xã hội, tài khoản apple hoặc tài khoản gmail
+ Đăng nhập bằng tài khoản mà mình đã đăng ký từ trước
5 Trang đặt lịch
Trang 22- Chưa có tính năng đánh giá sau mua hàng.
- Chưa có tính năng lịch sử mua hàng
- Chưa thiết kế được hết số lượng trang con chi tiết
PHẦN 4: TÀI LIỆU THAM KHẢO VÀ
Trang 23TIÊU CHÍ ĐÁNH GIÁ CHUYÊN MÔN BTL
Môn học: Thiết kế web Tiêu
chuẩn Nội dung tiêu chí chuyên môn
Yêu cầu đọc hiểu nguyên tắc thiết kế và trình bày ý
tưởng thiết kế và phác thảo về đề tài đã lựa chọn (Trình
bày trong báo cáo) Đề cương phải nêu rõ ý tưởng thiết
kế về các nội dung sau :
- Ý tưởng và phác thảo bố cục layout của trang chủ
- Ý tưởng và phác thảo bố cục layout của trang con
- Ý tưởng và phác thảo các thành phần trên trang
web (Logo, hệ thống điều hướng, quảng cáo…) Báo cáo
đề cương không đúng quy định trình bày trừ 0.5đ
2 đ
Quyển đềcươngbáo cáotheo quyđịnh trìnhbày BTL
đã ban hành
TC2=70%
Áp dụng -
vận dụng
@ Sinh viên trình diễn sản phẩm Sản phẩm phải đáp ứng
được các yêu cầu sau :
- Trang trí đẹp, màu sắc hài hoà
- Thống nhất ngôn ngữ trên các trang web
- Nội dung thông tin: chính xác, phong phú, phù
hợp với chủ đề của đề tài
@ Sinh viên trả lời câu hỏi của giáo viên về các vấn đề sau:
- Nguyên lý thiết kế (màu sắc, bố cục, tỉ lệ…)
- Hiểu biết về chủ đề đang trình bày
- Khả năng sử dụng công cụ để thể hiện thiết kế trực
tiếp trên máy tính
(Tỷ lệ điểm : 3 – 4)
Báo cáo BTL không đúng quy định trình bày trừ 0.5đ
7 đ
Quyểnbáo cáotrình bàytheo quyđịnh trìnhbày BTL
đã ban hành
TC3=10%
Ý thức Sinh viên nộp đề cương và báo cáo tiến độ đúng hạn 1đ