ĐỒ ÁN MÔN CƠ SỞ 1 ĐỀ TÀI THIẾT KẾ WEBSITE BÁN HÀNG ONLINE. TS. TRẦN THỊ TRÀ VINH

MẪU ĐỒ ÁN KHOÁ LUẬN TỐT NGHIỆP ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT HÀN  ĐỒ ÁN MÔN CƠ SỞ 1 ĐỀ TÀI THIẾT KẾ WEBSITE BÁN HÀNG ONLINE Sinh Viên Thực Hiện Đinh[.]

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN - - ĐỒ ÁN MÔN CƠ SỞ ĐỀ TÀI THIẾT KẾ WEBSITE BÁN HÀNG ONLINE Sinh Viên Thực Hiện :Đinh Thị Cẩm Ly 20IT7 Giảng viên hướng dẫn :TS TRẦN THỊ TRÀ VINH Đà Nẵng, tháng năm 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH ĐỜ ÁN CƠ SỞ THIẾT KẾ WEBSITE BÁN HÀNG ONLINE ĐÀ NẴNG, NGÀY 02 THÁNG NĂM 2021 LỜI CẢM ƠN Để thực hiện hoàn thành tốt đồ án này, em nhận sự giúp đỡ hướng dẫn tận tình thầy thuộc Đại học Công nghệ Thông tin Và Truyền thông Việt- Hàn – Đại học Đà Nẵng Em xin cảm ơn thầy cô thuộc môn chuyên ngành cung cấp cho chúng em thông tin, kiến thức vô quý báu cần thiết suốt thời gian để em thực hiện hồn thành đồ án Đặc biệt em xin chân thành cảm ơn thành cô Trần Thị Trà Vinh người trực tiếp hướng dẫn chúng em thời gian thực hiện đồ án Cuối cùng, xin chân thành cảm ơn bạn ngành công nghệ thông tin ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm tài liệu có giúp chúng tơi q trình nghiên cứu thực hiện đề tài Do giới hạn mặt thời gian kiến thức kinh nghiệm thực tiễn nên đề tài không tránh khỏi sai sót Em mong nhận sự thơng cảm q thầy mong đón nhận góp ý thầy cô bạn Em xin chân thành cảm ơn! NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Đà Nẵng, ngày 30 tháng 06 năm 2021 Giảng viên hướng dẫn ThS Trần Thị Trà Vinh MỤC LỤC LỜI CẢM ƠN .3 MỤC LỤC MỤC LỤC HÌNH ẢNH .6 MỞ ĐẦU………………………………………………………………………….7 1.Giới thiệu .7 Phương pháp, mục tiêu đề tài Cấu trúc đồ án Chương KIẾN THỨC TỔNG QUAN 1.1 Các hệ thống website tương tự 1.2 Các công cụ hỗ trợ thực thiết kế website 1.Các phần mềm lập trình: 2.Các ngôn ngữ phần mềm sử dụng: .9 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ WEBSITE .10 2.1 Mơ hình thiết kế .10 2.2 Sơ đồ phân cấp chức front-end 10 Cấu trúc đồ án 10 CHƯƠNG 3: XÂY DỰNG WEBSITE 12 3.1 Tên website: 12 3.2 Logo website: 12 3.3 Cấu trúc website: 12 3.4 Chi tiết: 13 3.4.1 Home… .15 3.4.2 Electronics 15 3.4.3 Ladies Wears 15 3.4.4 Kids Wear 16 3.4.5 Furnitures 17 3.4.6 Home Appliances 18 3.4.7 Electronics Gadgets 19 3.4.8 Trang đăng kí 20 3.4.8 Trang đăng nhập .20 3.4.8 Poster Shop LIVIA 20 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN .22 Kết đạt 22 Hướng phát triển: .22 MỤC LỤC HÌNH ẢNH Hình 2.1 Sơ đồ phân cấp chức front-end 11 Hình 2.2 Sơ đồ phân cấp chức back-end 11 Hình 3.1 Logo 12 Hình 3.2 Trang chủ 13 Hình 3.3 Electronics 13 Hình 3.4 Ladies Wears 14 Hình 3.5 Mens Wear 14 Hình 3.6 Kids Wear 15 Hình 3.7 Furnitures 15 Hình 3.8 Home Appliances 16 Hình 3.9 Electronics Gadgets .16 Hình 3.10 Trang đăng ký 17 Hình 3.11 Trang đăng nhập 18 Hình 3.12 poster shop livia 19 Hình3.13 poster shop livia 20 MỞ ĐẦU 1.Giới thiệu Ngày nhịp sống hối người việc giành thời gian để để mua sắm trở nên điều xa sỉ Những lo lắng giao thơng khơng an tồn hạn chế việc mua hàng truyền thống tránh với hiện dịch bệnh covid 19 hoành hành, đợt giãn cách xã hội khơng thể không nhắc đến mua sắm trực tuyến Với mua sắm trực tuyến (online), bạn không cần phải lo lắng điều kiện thời tiết, dịch bệnh Người tiêu dùng khách hàng tổ chức, công ty,… dần chuyển sang mua sắm trực tuyến nhiều nhằm tiết kiệm thời gian an tồn Chính việc mua sắm online trở nên quan trọng cần thiết, cần click chuột họ có sản phẩm mà mong muốn Việc mua sắm online có nhiều ưu điểm sở hữu thứ thơng qua cú click chuột không cần phải đến tận nơi để mua hàng Sau vào website bán hàng, chọn sản phẩm, cần đặt hàng (order) người bán mang sản phẩm đến tận nhà bạn Mua sắm online cho phép mua hàng bạn muốn Các cửa hàng mạng khơng đóng cửa, mua sắm 24/24 ngày tuần Mua sắm chợ, trung tâm thương mại hay cửa hàng khó để bạn so sánh đặc điểm giá sản phẩm với Khi mua hàng online, bạn dễ dàng so sánh đưa lựa chọn sản phẩm phù hợp Đơi bạn gặp phải người bán hàng khó tính số địa điểm bán hàng Mua sắm online khách hàng để ý đến chuyện chủ hàng khó tính hay chờ đợi lâu Do đó, với sự giúp đỡ giáo Trần Thị Trà Vinh, em định xây dựng trang web bán hàng LIVIA với mong muốn đáp ứng nhu cầu khách hàng Đây nơi mua sắm online tiện dụng với người Một trang web bán hàng mang tính tiện dụng, nơi mua bán, chia sẻ bạn bè, người thân Sau tìm hiểu nghiên cứu thị trường, xác định khách hàng mục tiêu, website “BÁN HÀNG LIVIA” xây dựng Website chủ yếu dùng để mua bán mặt hàng phục vụ cho đời sống ngày, mặt hàng nhiều người quan tâm Thông qua web bán hàng, nhà quảng cáo hay nhà cung cấp cập nhật cách nhanh chóng vấn đề mặt hàng Website tạo việc đem lại sự thư giãn cho người tiết kiệm thời gian lớn cho người dùng Phương pháp, mục tiêu đề tài - Trước tiên ta phải nêu tốn, phân tích thiết kế giao diện, hệ thống website - Dựa mục tiêu cụ thể để tìm kiếm thơng tin sử dụng, thiết kế giao diện phù hợp - Sau xây dựng website sử dụng ngôn ngữ HTML, JavaScript, sử dụng số cơng cụ để lập trình Sublime Text, … Cấu trúc đồ án Nỗi dung đồ án, phần mở đầu kết luận, bao gồm chương:  Chương Kiến thức tổng quan: chương trình bày nội dung liên quan đến HTML, Java…  Chương Phân tích thiết kế website  Chương Xây dựng website Cuối Kết luận hướng phát triển CHƯƠNG KIẾN THỨC TỔNG QUAN Để đạt độ thẩm mỹ cao, khả tương thích với tất loại thiết bị, hoạt động ổn định, nên nhóm định sử dụng ngơn ngữ HTML, ứng dụng Visual Code, công cụ hỗ trợ để áp dụng vào thiết kế xây dựng website “BÁN HÀNG LIVIA” 1.1 Các hệ thống website tương tự Hiện có nhiều hệ thống website làm bán hàng online, tiêu biểu hệ thống website: - https://shopee.vn/ - https://tiki.vn/ - https://www.lazada.vn/ … 1.2 Các công cụ hỗ trợ thực thiết kế website 1.2.1.Các phần mềm lập trình: - Visual Code - Xampp - FFmpeg Ưu điểm phần mềm dễ để cài đặt sử dụng Mỗi phần mềm đảm bảo tính riêng Như Visual Code IDE dùng để soạn thảo ngôn ngữ lập trình Xampp phần mềm tạo lập mơi trường chạy web, sử dụng Apache để làm môi trường chạy PHP, hỗ trợ PhpMyadmin cho phép truy cập MySQL trinh duyệt FFmpeg cho phép xử lý tệp media (video, nhạc) Tất phần mềm hỗ trợ chạy hệ điều hành Windows 1.2.2.Các ngôn ngữ phần mềm sử dụng: - JavaScript (Jquery, Jwplayer, Cropper) - CSS - Phần mềm thiết kế: Photoshop - PHP - NodeJS CHƯƠNG PHÂN TÍCH THIẾT KẾ WEBSITE 2.1 Mơ hình thiết kế - Sử dụng mơ hình MVC (Model-View-Controller) o Model: Là phần đảm nhận kết nối đến CSDL o View: Là phần giao diện người dùng (Front-End) o Controller: Là phần kết nối Model View, View muốn lấy liệu từ Model phải qua Controller - Lập trình API o Các developer muốn lấy liệu phải sử dụng API, sử dụng cookie để xác minh tài khoản người dùng - Phân tán Server o Mỗi Server đảm nhận nhiệm vụ riêng biệt điều hành Server chính, mục đích làm giảm tải cho Server o Server encode video (video.localhost): Đảm nhận xử lý video người dùng đăng video o Server gửi thông báo (web_push.localhost): Đảm nhận gửi thông báo đẩy cho người dùng, tạo kết nối realtime (web socket) o Máy chủ (localhost): Trực tiếp đảm nhận request từ cilent điều khiển Server khác 10 2.2 Sơ đồ phân cấp chức front-end Hình 2.1 Sơ đồ phân cấp chức front-end 11 2.3 Sơ đồ phân cấp chức back-end Hình 2.2 Sơ đồ phân cấp chức back-end 12 CHƯƠNG XÂY DỰNG WEBSITE 3.1 Tên website Sau lên ý tưởng tham khảo ý kiến giáo viên hướng dẫn chúng em định đặt tên website BÁN HÀNG LIVIA Vừa đơn giản, giúp người dùng nhớ tên website tìm kiếm cách dễ dàng cơng cụ tìm kiếm phổ biến 3.2 Logo website Hình 3.3 Logo Logo website thiết kế đơn giản với sắc màu khỏe khắn đẹp mắt Giúp người dùng ấn tượng với logo trang, khơng bị hịa lẫn với logo đầy màu sắc trang khác 3.3 Cấu trúc website - Website gồm có phần:           Home Electronics Ladies Wears Kids Wear Furnitures Home Appliances Electronics Gadgets Trang đăng kí Trang đăng nhập Poster Shop LIVIA 13 3.4 Chi tiết: 3.4.1 Trang chủ Hình 3.4 Trang chủ 3.4.2 Electronics Hình 3.5 Electronics 14 3.4.3 Ladies Wears Hình 3.6 Ladies Wears 3.4.4 Mens Wear Hình 3.7 Mens Wear 15 3.4.5 Kids Wear Hình 3.8 Kids Wear 3.4.6 Furnitures Hình 3.9 Furnitures 16 3.4.7 Home Appliances Hình 3.10 Home Appliances 3.4.8 Electronics Gadgets Hình 3.11 Electronics Gadgets 17 3.4.9 Trang đăng kí Hình 3.12 Trang đăng ký 18 3.4.10 Trang đăng nhập Hình 3.13 Trang đăng nhập 19 3.4.11 Poster Shop LIVIA Hình 3.14 poster shop livia 20 Hình3.15 poster shop livia 21 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt Trên sở tìm hiểu ngơn ngữ web ứng dụng lập trình, chúng em thiết kế thành công trang web mạng xa hội Qua đó, q trình xây dựng website demo, chúng em học hỏi nhiều, kĩ thuật javascritp, css để thiết kế trang web có chất lượng cao… Tuy nhiên, kết đạt chưa cao, website nhiều điểm hạn chế chưa khắc phục được, bước khởi đầu để chúng em hướng tới trang web hồn thiện kinh doanh đươc … Hướng phát triển: Có nhiều hướng phát triển cho trang web này, phát triển nhiều mặt, kể mạng xã hội xa xây dựng ln website mạng xã hội Việt Nam chúng em phát triển Có thể xây dựng thêm trang web đa ngơn ngữ, để người xem hiểu Ngồi phát triển trang web theo hướng đa dịch vụ, không nơi để người giao lưu, kết nối chia sẻ, mạng xã hội “mảnh đất vàng” cho kinh doanh Online, hỗ trợ tìm kiếm khách hàng, tương tác, chí quảng cáo, xây dựng thương hiệu doanh nghiệp xây dựng thương hiệu cá nhân 22