(Tiểu luận) đồ án cơ sở 1 đề tài xây dựng website bán linh kiện điện tử

ĐẠI HỌC ĐÀ NẴ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 ĐỒÁNCƠSỞ1 ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN LINH KIỆN ĐIỆN TỬ Sinh viên thực : ĐINH TRẦN HOÀNG LONG NGUYỄN TẤN TỊNH Giảng viên hướng dẫn : ThS NGUYỄN THANH CẨM Lớp : 22IT1B Đà Nẵng, tháng 06 năm 2023 ĐẠI HỌC ĐÀ NẴ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 ĐỒÁNCƠSỞ1 XÂY DỰNG WEBSITE BÁN LINH KIỆN ĐIỆN TỬ Đà nẵng, tháng 06 năm 2023 LỜI NÓI ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, cơng nghệ thơng tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan đến thơng tin trở nên thật dễ dàng cho người sử dụng: cần có máy tính kết nối internet dịng liệu truy tìm gần lập tức… giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần… Bằng internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khác hàng cần thiết Vậy phải quảng bá xây dựng Website cho cửa hàng quảng bá tất sản phẩm bán Vì vậy, chúng em thực đồ án “XÂY DỰNG WEBSITE BÁN LINH KIỆN ĐIỆN TỬ” LỜI CẢM ƠN Chúng em xin gửi lời cảm ơn chân thành tới nhà trường, khoa Khoa học máy tính tận tình bảo, góp ý tạo điều kiện cho chúng em hoàn thành đề tài nghiên cứu Đồ án sở cách tốt Chúng em xin cảm ơn ThS Nguyễn Thanh Cẩm – giảng viên hướng dẫn Đồ án sở 1, trường Đại học Công Nghệ Thông Tin & Truyền Thông Việt – Hàn Thầy giành thời gian quý báu tận tình hướng dẫn chúng em suốt trình thực báo cáo Trong trình thực đề tài nghiên cứu, chúng em cố gắng nỗ lực, nhiên khơng tránh khỏi sai sót Chúng em mong nhận góp ý thầy giáo, từ phía hội đồng để đề tài nghiên cứu chúng em hoàn thiện Chúng em xin chân thành cảm ơn! Đà nẵng, tháng 06 năm 2023 NHẬN XÉT (Của giảng viên hướng dẫn) ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… MỤC LỤC Nội dung Phần mở đầu 1 Tổng quan 1.1 Chiến lược dự án 1.2 Vấn đề cần giải .1 1.3 Nội dung cần thực Phương pháp nghiên cứu 2.1 Phương pháp .2 2.2 Phương pháp .2 2.3 Phương pháp .2 2.4 Kết luận .3 Chương Cơ sở lý thuyết 1.1 Cơ sở lý luận thực tiễn 1.1.1 Website gì? 1.1.2 Lợi ích Website .4 1.1.3 Tổng quan HTML .5 1.1.4 Tổng quan CSS 1.1.4 Tổng quan ngôn ngữ lập trình JavaScript 1.1.5 Giới thiệu thư viện hình ảnh Font Awesome 1.1.6 Tổng quan cửa hàng sách 1.2 Giới thiệu đồ án 1.2.1 Công nghệ sử dụng .9 1.2.2 Bố cục Website 1.2.3 Quy mô Website .10 Chương Phân tích thiết kế hệ thống 11 2.1 Mơ hình tổng quan hệ thống nghiên cứu 11 2.1.1 Phân tích thiết kế hướng đối tượng 11 2.1.2 Mô tả hệ thống 11 2.2 Thiết kế chi tiết 11 Chương Cài đặt xây dựng demo .13 3.1 Giao diện người dùng (User) 13 3.1.1 Phần đầu trang (Header) 13 3.1.2 Phần chân trang (Footer) .13 3.1.3 Trang chủ (Home) .14 3.1.4 Trang đăng ký/đăng nhập (Sign up/Login) 17 3.1.5 Trang giới thiệu 18 3.1.6 Trang hỗ trợ 19 3.2 Giao diện người quản trị (Admin) 20 3.2.1 Trang quản trị 20 3.2.2 Trang quản trị tài khoản người dùng 21 Kết luận hướng phát triển 21 Kết luận 21 Hướng phát triển 22 Danh sách tài liệu tham khảo .23 DANH MỤC CÁC BẢN Bảng – So sánh phương pháp nghiên cứu DANH MỤC HÌ Hình 1 – Logo HTML Hình – Logo CSS Hình – Logo JavaScript Hình – Logo Font Awesome Hình – Sự cạnh tranh thương hiệu linh kiện điện tử Hình – Giao diện đẹp nhờ công nghệ đại Hình 7– Bố cục hợp lý 9Y Hình – Thanh điều hướng trang giao diện người dùng 11 Hình 2 – Tính thêm sản phẩm vào cửa hàng 12 Hình - Mã màu chủ đạo: Trắng Xám đậm Hình – Phần header Hình – Phần footer Hình 3 - Banner cửa hàng Hình – Các sản phẩm bật Hình – Các sản phẩm hot hè 2023 Hình – Demo sản phẩm Hình – Danh mục phân loại sản phẩm Hình – Form đăng nhập Hình – Form đăng ký Hình 10 – Hình ảnh giới thiệu Hình 11 - Thành viên Hình 12 - Giao diện hỗ trợ khách hàng cửa hàng Hình 13 – Thông tin tổng quan website Hình 14 - Chức chỉnh sửa sản phẩm Hình 15 - Chức xóa sản phẩm Hình 16 – Danh sách tài khoản người dùng 13 13 14 15 15 16 16 17 18 18 19 19 20 20 21 21 Phần mở đầu Tổng quan 1.1 Chiến lược dự án - Khảo sát nhu cầu thị trường -Trên thị trường có số dự án triển khai thành công lĩnh vực bán linh kiện điện tử như: Bán linh kiện, NShop, Dientu4u, - Xác định chiến lược ý tưởng, phát triển chuyên nghiệp, giá phải phù hợp với mức sống - Chọn mơ hình đầu tư - Kiểm sốt chi phí đầu tư, vận hành phát triển thời điểm cụ thể, thời điểm phải xác định thời điểm thời gian hoàn vốn - Đặc biệt lưu ý đến rủi ro đầu tư, rủi ro lựa chọn sai phân khúc trình phát triển, trình độ quản lý hạn chế, quản lý không tốt khoản tiền nhà đầu tư… Phải ln có phương án dự phòng, chuẩn bị cách giải rủi ro cách triển để 1.2 Vấn đề cần giải - Chưa quảng bá thương hiệu cửa hàng tới vùng xa, ngoại tỉnh, khách du lịch, - Chưa thực nhiều khách hàng biết đến Hiện nhiều người chưa biết rõ loại linh kiện, giá tiền nên việc xây dựng trang web vừa bán vừa giới thiệu sản phẩm để phục vụ khách hàng mảng linh kiện điện tử cần phải thời gian để làm hài lịng khách hàng 1.3 Nội dung cần thực - Thiết kế Website giúp dễ dàng mua bán linh kiện điện tử hãng linh kiện - Thiết kế Website giúp cung cấp thơng tin cho khách hàng loại linh kiện, tính năng, cách sử dụng,… Phương pháp nghiên cứu 2.1 Phương pháp - Tên phương pháp: Nghiên cứu thực tế - Cách thực hiện: Đề xuất thành viên nhóm khảo sát, thăm hỏi cửa hàng bán linh kiện thành phố 2.2 Phương pháp - Tên phương pháp: Nghiên cứu qua sách báo - Cách thực hiện: Mượn từ thư viện nghiên cứu 2.3 Phương pháp - Tên phương pháp: Nghiên cứu qua internet - Cách thực hiện: Thực đọc thông tin, xem mã nguồn trình duyệt Tên Phương Pháp Ưu điểm Hạn chế Kết luận Nghiên cứu thực tế - Khách quan, trung thực - Tốn kém, nhiều thời gian - Kém ưu việt Nghiên cứu qua sách báo - Thông tin cô đọng, dễ tiếp thu - Nguồn thông tin chưa nhiều, không cập nhập - Kém ưu việt Nghiên cứu qua Internet - Dễ dàng thực - Không biết chọn - Ưu việt lọc thông tin gây rối thông tin - Thông tin rộng lớn - Thông tin cập nhật thường xuyên Bảng – So sánh phương pháp nghiên cứu 1.2 Giới thiệu đồ án - Tên đồ án: Xây dựng website bán linh kiện điện tử – TechNaw 1.2.1 Công nghệ sử dụng - Thiết kế giao diện Website dựa tảng: HTML, CSS, thư viện hình ảnh Font Awesome ngơn ngữ lập trình JavaScript - Trình biên dịch: Nopad, VS code, Sublime Text - Trình duyệt: Google Chrome, Cốc Cốc Microsoft Edge Hình – Giao diện đẹp nhờ cơng nghệ đại 1.2.2 Bố cục Website - Bố cục đơn giản, đại giúp mang đến cảm giác dễ chịu cho người dùng - Thanh Navigation Bar để vị trí dễ quan sát, phân loại danh mục rõ ràng hợp lý tương ứng với tên lập Hình 7– Bố cục hợp lý 1.2.3 Quy mô Website - Gồm giao diện Người dùng Quản trị: + Người dùng: gồm trang + Quản trị: gồm chức quản trị - Mỗi trang có bố cục khác dựa phong cách chung, xuyên suốt toàn trang web 10 Chương Phân tích thiết kế hệ thống 2.1 Mơ hình tổng quan hệ thống nghiên cứu 2.1.1 Phân tích thiết kế hướng đối tượng - Người dùng (user) - Quản trị (admin) 2.1.2 Mô tả hệ thống - Người dùng (user): Đăng nhập / đăng kí tài khoản: tên đăng nhập, mật khẩu, họ tên, số điện thoại(email) Truy cập trang website Xem thông tin sản phẩm, cửa hàng Mua sắm mặt hàng, thêm sản phẩm vào giỏ hàng - Quản trị (admin): Truy cập, chỉnh sửa, thêm mới, xóa bớt, cập nhật, nội dung website Xem đánh giá khách hàng 2.2 Thiết kế chi tiết * Giao diện người dùng (User): - Trang chủ: giao diện tổng quan Website - Trang Đăng ký/Đăng nhập: đăng nhập tạo tài khoản - Trang Giới thiệu: giao diện thông tin website, người xây dựng website Trang Hỗ trợ: hỗ trợ người dùng gặp vấn đề trình mua hàng, sử dụng dịch vụ - Trang Sản phẩm: giao diện hiển thị danh mục sản phẩm có cửa hàng Hình – Thanh điều hướng trang giao diện người dùng 11 * Giao diện người quản trị (Admin): gồm trang tính quản trị trang,thêm, chỉnh sửa, xóa thơng tin sản phẩm, quản lý tài khoản khách hàng Hình 2 – Tính thêm sản phẩm vào cửa hàng 12