ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI: WEBSITE SHOP THỜI TRANG K&T. Giảng viên hướng dẫn : THS. LÊ THÀNH CÔNG

ĐẠ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 CƠ SỞ ĐỀ TÀI: WEBSITE SHOP THỜI TRANG K&T Sinh viên thực : VÕ TẤN THÀNH, PHẠM DUY KHANG Giảng viên hướng dẫn : THS.LÊ THÀNH CÔNG Lớp : 20IT8 Đà Nẵng, 31 tháng năm 2021 ĐẠ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 CƠ SỞ ĐỀ TÀI: WEBSITE SHOP THỜI TRANG K&T Đà Nẵng, 31 tháng năm 2021 MỞ ĐẦ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ụ khơng thể 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 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, em thực đồ án “ XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG” cho shop bán đồ K&T SHOP Người chủ cửa hàng đưa sản phẩm lên website quản lý website đó, khách hàng đặt mua hàng website mà không cần đến cửa hàng Chủ cửa hàng gửi sản phẩm cho khách hàng nhận tiền Với hướng dẫn tận tình Thầy Lê Thành Cơng em hoàn thành báo cáo đồ án sở Tuy cố gắng tìm hiểu, phân tích thiết kế cài đặt hệ thống khơng tránh khỏi thiếu sót Em mong nhận thơng cảm góp ý q Thầy cô Em xin chân thành cảm ơn Đà Nẵng, 31 tháng năm 2021 Sinh viên thực hiện: Võ Tấn Thành Phạm Duy Khang LỜI CẢM ƠN Em xin chân thành cảm ơn q thầy giúp đỡ em thực đề tài Đặc biệt thầy Lê Thành Cơng tận tình hướng dẫn, giúp đỡ, bảo em suốt thời gian thực đồ án sở Đồng thời em xin trân trọng cảm ơn tình cảm q báu mà thầy cô trường Đai Học CNTT truyền thông Việt-Hàn truyền đạt cho em, kinh nghiệm, kỹ thuật cách thức việc xây dựng đề tài Và cuối xin gửi lời cảm ơn đến gia đình ln ln động viên, ủng hộ, người bạn gắn bó, chia sẻ nhiều kinh nghiệm kiến thức thời gian thực đề tài, để đề tài hồn thành cách thành cơng Tuy nhiên, thời gian có hạn nên em phát huy hết ý tưởng, khả hổ trợ ngơn ngữ kỹ thuật lập trình vào đề tài Trong q trình xây dựng website, khơng thể tránh khỏi sai xót, mong nhận thơng q thầy bạn Em xin chân thành cảm ơn Đà Nẵng, 31 tháng năm 2021 Sinh viên thực hiện: Võ Tấn Thành Phạm Duy Khang NHẬN XÉT (Của quan thực tập, có) ……………………………… …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … …………………………………………………………………………………… … NHẬN XÉT (Của giảng viên hướng dẫn) …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… ………………………………………………………………………………… MỤC LỤC (Chèn mục lục tự động: References/Table of Contents) Trang MỞ ĐẦU Chương Giới thiệu 12 1.1 Tổng quan 12 Chương Phân tích thiết kế hệ thống 14 2.1 Mơ hình tổng quan hệ thống nghiên cứu 14 2.2 Thiết kế chi tiết 14 2.2.1 Index.html 14 2.2.2 Gioithieu.html 14 2.2.3 lienhe.html 14 Chương Triển khai xây dựng 15 Chương Kết luận Hướng phát triển 18 PHỤ LỤC 121 DANH MỤC TÀI LIỆU THAM KHẢO 130 DANH MỤC CÁC BẢNG (In đậm, in hoa, size16) (Chèn danh mục hình ảnh tự động: References/Insert Table of Figures, chọn nhãn phù hợp) Trang DANH MỤC HÌNH Trang Hình 1.1 – Carousel Quảng Cáo Bảng tin tức .15 10 DANH MỤC CỤM TỪ VIẾT TẮT STT Cụm từ Công nghệ phần mềm Công nghệ thông tin Hypertext Markup Language Cascading Style Sheets 11 Viết tắt CNPM CNTT HTML CSS Chương Giới thiệu 1.1 Tổng quan - Bối cảnh thực đề tài: Hiện internet thịnh hành Đặc biệt trang web bán hàng online, cửa hàng online mọc lên nấm, nên mức độ cạnh tranh ngày cao Thế nên muốn thu hút khách hàng cửa hàng phải có trang web thật bắt mắt, thịnh hành nhiều đồ, dễ hiểu liên tục cập nhật mẫu thời trang hot v.v…Thế nên chúng em cần phải thiết kế website thật chất lượng đạt thỏa mãn khách hàng trì lâu dài - Vấn đề cần giải quyết: Thiết kế website tương đối đẹp, dễ nhìn Giao diện khơng q cầu kì, nên đơn giản để thu hút khách hàng Có đầy chức mà trang shop thời trang cần có - Đề xuất nội dung thực hiện: a Thiết bị phần mềm - Máy tính thiết kếđược web - Phần mềm Visual Studio Code b Yêu cầu trang Web - Khách hàng người có nhu cầu mua sắm hàng hóa, họ tìm kiếm mặt hàng cần thiết từ hệ thống đặt mua mặt hàng + Vì phải có chức sau: - Hiển thị danh sách mặt hàng cửa hàng để khách hàng xem, lựa chọn mua - Khách hàng xem thông tin tin tức mới, khuyến trang web Phương pháp, kết - Phương pháp: +Về mặt lý thuyết: - Tìm hiểu kỹ thuật lập trình, cách thức hoạt động đối tượng Bootstrap4, HTML, Css, - Trau dồi kiến thức từ thứ đến nâng cao để dễ dàng việc thiết thiết kế website +Về mặt lập trình: Sử dụng kiến thức học từ mơn Cơng Nghê WEB học kì HTML, CSS, BOOTSTRAP 4, để thực thiết kế đề tài website Shop thời trang +Về mặt hoạt động: - Trang web thể tương đối đầy đủ chức mặt hình thức với giao diện đơn giản dễ nhìn, khiến khách hàng nhìn vào thấy hứng thú truy cập Kết đạt được: - Một website Shop Thời Trang tảng HTML sử dụng CSS Boostrap để design Cấu trúc đồ án 12 - Sau phần Mở đầu, báo cáo trình bày ba chương, cụ thể sau: + Chương Tổng quan Website Shop Thời Trang K&T Trong chương này, báo cáo trình bày khái niệm, đặc điểm kĩ thuật thiết kế web + Chương Phân tích thiết kế Website Shop Thời Trang K&T Nội dung chương bao gồm mục: Mơ hình tổng quan phân tích chi tiết + Chương Xây dựng website + Cuối Kết luận, Tài liệu tham khảo Phụ lục liên quan đến đề tài 13 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 - Thiết kế trang chủ website index.html Thiết kế trang giới thiệu website gioithieu.html Thiết kế trang thông tin liên hệ lienhe.html 2.2 Thiết kế chi tiết 2.2.1 Index.html - Thiết kế navitagtion gồm nav item: Home, Giới Thiệu, Sản Phẩm, Liên Hệ, Khung Tìm Kiếm Logo WEBsite - Thiết kế carousel để đăng thông báo, sale,… - Thiết kế bảng tin tức gồm tin tức thời trang đăng tải - Sản phẩm nội bật: Mục container bao gồm card có hình ảnh sản phẩm, tên sản phẩm, giá tiền button Mua Hàng - Sản phẩm sale: Tương tự sản phẩm bật, mục bao gồm card để hiển thị sản phẩm - Footer: Gồm thông tin website, liên kết dẫn đến trang trang web 2.2.2 Gioithieu.html - Thiết kế container gồm ảnh văn giới thiệu shop, website - Thiết kế container gồm ưu điểm shop Hàng hãng, Freeship,… đối tượng xếp, chỉnh cho hợp lí, đẹp mắt 2.2.3 lienhe.html - Một container gồm Bản Đồ địa shop, bên phải thông tin liên hệ dành cho khách hàng - Thiết kế container gồm danh sách người sáng tạo website, chủ shop,… 14 Chương Triển khai xây dựng Hình 1.1 – Thanh Nav Hình 1.1 – Carousel Quảng Cáo Bảng tin tức Hình 1.3 – Sản Phẩm Nổi Bật 15 Hình 1.4 – Sản phẩm sale Hình 1.5 – Footer Hình 1.6 – Giới thiệu shop 16 Hình 1.7 – Thơng tin thêm shop Hình 1.8 – Thơng tin liên hệ shop Hình 1.9 – Thơng tin chủ shop 17 Chương Kết luận Hướng phát triển Ưu điểm + Nắm hầu hết class Bootstrap cách dùng Từ thiết kế website chuyên nghiệp thay dùng HTML Việc sử dụng bootstrap giúp website trở nên mượt mà hơn,không bị thô dùng HTML + Luyện tập thêm việc viết Css, HTML, … thành thạo hơn, biết thêm nhiều thẻ mới, áp dụng vào trang web + Nắm bắt nội dung mà website cần phải có, từ sang tạo them nhiều phần tạo khác biệt Hạn chế + Chưa có áp dụng kiến thức Javascript học học kì năm để làm hiệu ứng, giúp web thu hút ánh nhìn hơn, sống động + Đơn web tĩnh chưa áp dụng them nâng cao việc viết PHP lien kết sở liệu + Phân chia bố cục, xếp đối tượng thiếu sót nhiều việc thiết kế website + Việc trình bày dòng lệnh mã nguồn thiếu khoa học, thiếu hợp lí Thừa thiếu số class khơng nên có Hướng phát triển + Xây dựng website chuyên nghiệp hơn, đẹp mắt môn đồ án sau + Áp dụng nhiều kiến thức nâng cao vào đề tài để tăng sinh động cho đề tài + Sắp xếp đối tượng mã nguồn cách hợp lí hơn, khoa học 18 PHỤ LỤC (kèm theo) 19