THIẾT kế WEBSITE THÔNG TIN NHÃN HÀNG THỜI TRANG SORAKA

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP VIỆT – HUNG KHOA: CÔNG NGHỆ THÔNG TIN DƯƠNG ĐỨC THỊNH THIẾT KẾ WEBSITE THÔNG TIN NHÃN HÀNG THỜI TRANG SORAKA ĐỒ ÁN HỌC PHẦN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN HÀ NỘI, NĂM 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP VIỆT – HUNG KHOA: CÔNG NGHỆ THÔNG TIN THIẾT KẾ WEBSITE THÔNG TIN NHÃN HÀNG THỜI TRANG SORAKA ĐỒ ÁN HỌC PHẦN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN Giáo viên hướng dẫn Họ tên sinh viên Mã sinh viên Lớp : Ngô Thị Lan : Dương Đức Thịnh : 1900760 : K4399-CNTT1 HÀ NỘI, NĂM 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP VIỆT-HUNG KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ THÔNG TIN ĐỒ ÁN HỌC PHẦN Hệ đào tạo: Cao đẳng, Đại học Chuyên ngành: Công nghệ thông tin Đề tài số: LAN 104 Tên đề tài: Thiết kế website thông tin nhãn hàng thời trang SORAKA Yêu cầu: Yêu cầu kiến thức, kỹ năng: - Thành thạo lập trình ngơn JavaScript/Jquery/ ASP.NET/ PHP/ JAVA - Biết cách tạo sử dụng Style Sheet Yêu cầu chương trình: - Xây dựng giao diện, bố cục theo website Soraka - Giao diện thiết kế cập nhật dựa Style Sheet Nộp kết - Báo cáo (theo mẫu môn) - Mã nguồn chương trình, file báo cáo Đánh giá: - Mức đạt: Xây dựng page Các mục Menu phải Link tới Page tương ứng - Mức khá: Các page tương tác với theo chiều sâu thông tin sản phẩm Sử dụng được, có sử dụng Style Sheet - Mức tốt: Tồn thiết kế sử dụng Style Sheet, có sử dụng JavaScript Số lượng sinh viên tham gia tối đa: Thời gian thực hiện: Theo lịch môn Tài liệu tham khảo: [1] Giáo trình CSDL ngôn ngữ SQL [2] Tài liệu Internet [3] Website https://soraka.vn Thông qua tổ môn Người biên soạn Ngô Thị Lan ĐT: 0982 010510 Email: onebit.lannt@gmail.com TRƯỜNG ĐHCN VIỆT – HUNG KHOA: CƠNG NGHỆ THƠNG TIN CỘNG HỒ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự – Hạnh phúc Mẫu DA02 NHẬN XÉT ĐỒ ÁN HỌC PHẦN Chuyên ngành : Công nghệ thông tin (Nhận xét GV hướng dẫn Nhận xét GV phản biện ) Họ tên sinh viên: Dương Đức Thịnh Tên đề tài: Thiết kế website thông tin nhãn hàng thời trang Soraka Người nhận xét (họ tên, học hàm, học vị): Ngơ Thị Lan Đơn vị cơng tác (nếu có): Khoa Công nghệ thông tin, Trường ĐHCN Việt - Hung Ý KIẾN NHẬN XÉT Về nội dung & đánh giá thực nhiệm vụ nghiên cứu đề tài: ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………… Về phương pháp nghiên cứu, độ tin cậy số liệu: ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………… Về kết đề tài: ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………… Những thiếu sót vấn đề cần làm rõ (nếu có): ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………… Ý kiến kết luận (mức độ đáp ứng yêu cầu ĐA/KL tốt nghiệp) ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………… Câu hỏi người nhận xét dành cho học viên (nếu có): ………………………………………………………………………………………… ………………………………………………………………………………………… …………………………………………………………………………………  Đánh giá điểm: Kết luận:  Đồng ý /  Không đồng ý cho phép sinh viên tham dự bảo vệ kết trước hội đồng Ngày………tháng…… năm…… NGƯỜI NHẬN XÉT (chữ ký & họ tên) LỜI CẢM ƠN Em xin chân thành cảm ơn cô Ngô Thị Lan dã quan tâm giúp đỡ, hướng dẫn em hoàn thành tốt đồ án học phần thời gian qua Và em xin gửi lời cảm ơn tới thầy cô khoa Công Nghệ Thông Tin Trường ĐHCN Việt -Hung, giúp đỡ em mặt kiến thức để em hồn thành đồ án cách nhanh chóng Trong q trình tìm hiểu để hồn thành báo cáo đồ án này, chưa có kinh nghiệm thực tế, nên chắn có nhiều thiếu sót, mong thầy bỏ qua Đồng thời em mong nhận nhiều ý kiến đóng góp từ thầy để em tích lũy kinh nghiệm hồn thiện kĩ thiết kế website Em xin chân thành cảm ơn cô! Sinh viên thực Dương Đức Thịnh NHẬT KÝ THỰC HIỆN ĐỀ TÀI Thời gian Nội dung 28/02/2021 Nhận đề tài 1/3-14/3/2021 Tìm hiểu trang web Soraka Ôn tập kiến thức web 15-21/3/2021 Ôn tập lý thuyết phần from(video, sách, tài liệu, ) 22-28/3/2021 Ôn tập phần lý thuyết phần JavaScript(video,sách , tài liệu ) 29/3-4/4/2021 Tìm lưu hình ảnh cho trang website Soraka(tìm trang web Soraka:https://soraka.vn/) 5-11/4/2021 12-18/4/2021 19-25/4/2021 26/4-2/5/2021 3/5/2021 đến ngày nộp đahp1 Bắt đầu vào thiết kế với phần khung hình ảnh trang web Soraka container, chung1, logo,, viết phần CSS Tiếp tục vào phần thiết kế với phần đăng nhập,giỏ hàng,hotline,váy đầm thời trang, set đồ nữ, menu,submenu,chung2,top-menu, From, input, viết tiếp phần CSS Hoàn thiện trang web Soraka page liên kết với trang web Kiểm tra lại phần code trang web Soraka hồn thiện Tìm hiểu cách bảo vệ đồ án học phần viết báo cáo Ghi Nộp báo cáo qua email cho GVHD Nộp báo cáo qua email cho GVHD Nộp báo cáo qua email cho GVHD Nộp báo cáo qua email cho GVHD Nộp báo cáo qua email cho GVHD Nộp báo cáo qua email cho GVHD Nộp báo cáo qua email cho GVHD Nộp báo cáo qua email cho GVHD DANH MỤC CHỮ VIẾT TẮT ST T Tên viết tắt ĐHCN GVHD ASP.NET PHP JAVA SQL CSDL Tên đầy đủ Đại học công nghiệp Giáo viên hướng dẫn Active Server Pages.Network Enabled Technologies Hypertext Preprocessor Structured Query Language Cơ sở liệu Dịch Tiếng Việt Ngơn Ngữ Lập Trình ngơn ngữ kịch Ngơn ngữ lập trình hướng đối tượng Ngơn ngữ truy vấn mang tính cấu trúc MỤC LỤC Trang DANH MỤC HÌNH 12 III Nhiệm vụ đề tài Thiết kế trang web nhãn hàng thời trang Soraka tĩnh với đầy đủ hình thức giống mẫu cho IV Kết đạt đề tài - Hoàn thiện trang web Soraka trang web tĩnh với đầy đủ trang liên kết nhỏ trang web, làm phần JavaScript vào phần đăng nhập - Chưa làm JavaScript vào phần đăng ký - Chưa liên kết với trang : Facebook, Zalo, V Bố cục đồ án Đồ án gồm chương sau: Chương I : Tìm hiểu trang web Soraka Chương II : Thiết kế giao diện trang web Soraka 13 Chương TÌM HIỂU VỀ TRANG WEB SORAKA Tóm tắt chương 1: Giới thiệu thông tin chung Công ty TNHH Soraka.vn website bán hàng công ty Qua đó, tìm hiểu chức hình thức website phục vụ trình thực đồ án 1.1 Giới thiệu chung Công ty TNHH Soraka.vn đơn vị hoạt động lĩnh vực thời trang với đầy đủ hoạt động từ thiết kế, sản xuất tới phân phối sản phẩm qua chuỗi cửa hàng thương hiệu SORAKA website thương mại điện tử www.soraka.vn Thời trang Soraka bao gồm mẫu sản phẩm từ váy, đầm, set đồ nữ, áo sơ mi thời trang nam giới thời trang soraka chủ yếu thiết kế , sản xuất sản phẩm cho phụ nữ tuổi trung niên mang lại phong cách quý phái sang trọng Các thiết kế Soraka vô đa dạng, nhiều mẫu mã khác để bạn thỏa sức lựa chọn cho người thân Mỗi sản phẩm từ Soraka lựa chọn kĩ lưỡng từ khâu thiết kế chất liệu đường may để đảm bảo mang tới hài lòng, thoải mái tới tay người tiêu dùng 1.2 Khảo sát trạng thu thập liệu 1.2.1 Khảo sát trạng Công ty TNHH Soraka.vn doanh nghiệp có mặt hàng kinh doanh loại váy , áo sơ mi nữ , đầm Và theo nhu cầu xã hội lên doanh nghiệp đưa hệ thống phần mềm vào sử dụng để người tiêu dùng vào xem mặt hàng cách nhanh chóng giúp doanh nghiệp kiểm soát dễ dàng,thuận tiện, Và sau số ưu điểm công ty thiết kế trang website bán hàng: − Đảm bảo truy vấn nhanh, lưu trữ cập nhập kịp thời, thuận tiện − Chỉnh sửa thơng tin sản phẩm nhanh chóng − Thống kê loại sản phẩm số lượng sản phẩm để phục vụ cho việc mua bán − Có khả lưu trữ thơng tin lâu dài 1.2.2 Xử lý sơ kết khảo sát Thông qua khảo sát sơ bộ, trang web https://soraka.vn/ hoạt động bình thường đầy đủ chức Nhìn chung trang chủ web cung cấp thơng tin sau: + Đường dây nóng, email hỗ trợ khách hàng sản phẩm + Cơng cụ tìm kiếm sản phẩm theo tên/mã sản phẩm + Đăng nhập, đăng ký tài khoản, quản lí giỏ hàng, hotline hỗ trợ 14 + Danh mục sản phẩm: váy đầm thời trang, set đồ nữ, áo sơ mi nữ, sale off,đầm mùa đông + Danh mục hướng dẫn khách hàng hãng thời trang Soraka: quy chế hoạt động, sách bảo mật, đổi trả - hàng, đặt hàng , giao hàng + Các chương trình ưu đãi, giảm giá cho khách hàng + Giới thiệu mặt hàng bật Ngoài ra, danh mục sản phẩm, sản phẩm thể chi tiết mã số, tên, hình ảnh, giá Khi nhấn vào sản phẩm cụ thể, khách hàng xem thêm hình ảnh sản phẩm,các size sản phẩm, tình trạng hàng cịn sẵn, đánh giá 1.2.3 Chức hệ thống *Cập nhật thông tin khách hàng: Chức dùng để thêm thông tin khách hàng vào CSDL *Cập nhật thông tin mặt hàng:Chức dùng để cập nhật thông tin liên quan đến váy , đầm, áo sơ mi, *Xố thơng tin mặt hàng: chức dùng để xóa thông tin liên quan đến loại mặt hàng không cần thiết trong trang web *Sửa thông tin mặt hàng: chức dùng để chỉnh sửa thông tin mặt hàng cần thiết ̀ *Tìm kiếm thơng tin mặt hàng: chức dùng để tìm kiếm thơng tin có ̀ liên quan đến loại mặt hàng cần thiết *Lập hóa đơn đặt hàng:chức dùng để lập đơn hàng khách hàng cho vào giỏ hàng *Đăng nhập:chức dùng để đăng nhập vào trang web 15 Chương THIẾT KẾ TRANG WEB SORAKA Tóm tắt chương 2: Tìm hiểu chung kiến thức liên quan tới thiết kế website Kết hợp với thông tin tìm hiểu chương để tiến hành bước thiết kế trang web tĩnh cho hãng thời trang Soraka 2.1 Tìm hiểu thiết kế website 2.1.1 Định nghĩa Thiết kế website việc trình bày ý tưởng nội dung trang web điện tử, mà người dùng truy cập thơng qua internet với trợ giúp trình duyệt web thiết bị điện tử điện thoại, máy tính bảng, máy tính, laptop 2.1.2 Phương thức thiết kế website • Thiết kế web tĩnh: + Web tĩnh website sử dụng đoạn mã HTML, CSS, audio, video, hình ảnh, để tạo giao diện website Nó lưu thành tập tin dạng.html hoặc.htm, cố định, không chỉnh sửa + Web tĩnh khó khăn bạn muốn thay đổi giao diện Vì web chưa có khả lưu trữ truy xuất liệu (Đăng kí, mua hàng, tìm kiếm liệu…) • Thiết kế web động: + Web động website không cố định nội dung, chỉnh sửa, thêm trang tùy biến + Những ngơn ngữ lập trình website động thường thấy là: JAVA, PHP, ASP, ASP.NET, PYTHON, Trong đó, PHP ASP.NET ngôn ngữ phổ biến 2.1.3 Mục đích yêu cầu thiết kế website • Mục đích: quảng bá thương hiệu, sản phẩm, dịch vụ thu hút nhiều người biết đến sản phẩm, dịch vụ • u cầu: - Để xây dựng hệ thống web bạn cần xây dựng nhiều công đoan bao gồm: Thiết kế giao diện web, mã hóa (code) HTML, lập trình liệu, xây dựng nội dung, tối ưu cơng cụ tìm kiếm - Không phải yêu cầu website giống Vì cơng việc u cầu nhân hồn tồn khác Thơng thường blog nhỏ, trang web mang tính cá nhân admin tự xây dựng tất Nhưng hệ thống lớn, nhiều tính năng, buộc người phải phụ trách khâu Nói đến 16 thiết kế web người ta nghĩ đến khâu thiết kế giao diện cắt HTML Riêng phần code thuộc lập trình, người ta nói đến việc xây dựng hệ thống xử lý liệu - Về ngôn ngữ hay tảng xây dựng web Không phải tảng web giống nhau, website sử dụng ngơn ngữ lập trình, tảng, hệ sở liệu khác ví dụ: PHP, magento, wordpress, asp.net Đồng thời nói tảng tốt tảng Việc sử dụng ngôn ngữ để xây dựng web phụ thuộc vào nhiều yếu tố Chẳng hạn magento mạnh thương mại điện tử, wordpress mạnh khả tuỳ biến… 2.2 Thiết kế trang web Soraka 2.2.1 Trang chủ Hình 2.1 Hình mẫu trang chủ Hình 2.2 Hình ảnh kết thiết kế trang chủ 17 2.2.2 Trang Đăng nhập , Đăng ký Hình 2.3 Hình mẫu đăng nhập đăng ký Hình 2.4 Hình kết phần đăng nhập phần đăng ký 2.2.3 Trang phân loại loại sản phẩm 2.2.3.1 Danh mục sản phẩm váy đầm thời trang Hình 2.5 Hình mẫu trang váy đầm thời trang 18 Hình 2.6 Hình kết trang váy đầm thời trang 2.2.3.2 Danh mục trang set đồ nữ Hình 2.7 Hình mẫu trang set đồ nữ 19 Hình 2.8 Hình kết trang set đồ nữ 2.2.3.3 Danh mục trang áo sơ mi nữ Hình 2.9 Hình mẫu trang áo sơ mi nữ 20 2.2.3.4 Hình 2.10 Hình kết trang áo sơ mi nữ Danh mục trang sale off Hình 2.11 Hình mẫu trang sale off 21 Hình 2.12 Hình kết trang sale off 2.2.3.5 Danh mục trang đầm thu đơng Hình 2.13 Hình mẫu trang đầm thu đơng 22 Hình 2.14 Hình kết trang đầm thu đông 2.2.4 Trang giới thiệu chi tiết sản phẩm Hình 2.15 Hình mẫu trang giới thiệu chi tiết sản phẩm 23 Hình 2.16 Hình kết trang giới thiệu chi tiết sản phẩm 24 2.2.5 Trang thơng tin Hình 2.17 Hình mẫu trang thơng tin Hình 2.18 Hình kết trang thông tin KẾT LUẬN 25 Đánh giá ưu, nhược điểm hệ thống -Ưu điểm: +Hoàn thiện thiết kế trang web Soraka trạng thái web tĩnh +Giao diện phù hợp , giống với trang web mẫu + Đã sử dụng Javascript để làm phần Đăng nhập -Khuyết điểm: +Cịn thiếu sót vài chi tiết khác: liên kết với Facebook,Zalo, +Chưa viết phần JavaScript cho phần đăng ký Hướng phát triển - Tìm hiểu tiếp JavaScript để hồn thiện phần đăng ký - Tìm hiểu thêm phần chưa biết lỗi gặp phải trình làm đồ án chưa khắc phục - Qua học hỏi thêm kinh nghiệm thiết kế web để làm trang web hiệu hoàn thiện kiến thức thân 26 TÀI LIỆU THAM KHẢO Tham khảo trang web https://soraka.vn/ Tham khảo tài liệu Internet Giáo trình CSDL ngôn ngữ SQL ... thơng tin Cùng với nhu cầu tìm hiểu vấn đề trình thiết kế website, từ vận dụng học thiết kế trang web học phần này.Chính vậy, em thực đồ án ? ?Thiết kế website thông tin nhãn hàng thời trang Soraka? ??.Nhưng... quan tới thiết kế website Kết hợp với thơng tin tìm hiểu chương để tiến hành bước thiết kế trang web tĩnh cho hãng thời trang Soraka 2.1 Tìm hiểu thiết kế website 2.1.1 Định nghĩa Thiết kế website. .. NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ THÔNG TIN ĐỒ ÁN HỌC PHẦN Hệ đào tạo: Cao đẳng, Đại học Chuyên ngành: Công nghệ thông tin Đề tài số: LAN 104 Tên đề tài: Thiết kế website thông tin nhãn hàng thời trang