Đề tài lập trình website cửa hàng bán áo one piece

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ *********** ĐỀ TÀI: LẬP TRÌNH WEBSITE CỬA HÀNG BÁN ÁO ONE PIECE GVHD: SVTH: ThS Nguyễn Hữu Vĩnh Họ tên: Nguyễn Văn Hoài MSSV: 1924801030016 Họ tên: Lê Thanh Tuấn MSSV: 1924801030291 Bình Dương, tháng 07 năm 2021 0 TRƯỜNG ĐH THỦ DẦU MỘT CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA KỸ THUẬT CÔNG NGHỆ Độc lập – Tự – Hạnh phúc PHIẾU ĐÁNH GIÁ PROJECT (Đánh giá trình thực hiện, báo cáo văn sản phẩm) Học phần: LẬP TRÌNH WEB Họ tên sinh viên (MSSV): Nguyễn Văn Hoài MSSV: 1924801030016 Lê Thanh Tuấn MSSV: 1924801030291 Tiêu chí Trọng Tốt Khá Trung bình Kém số % 100% 75% 50% 0% kiếm chủ Tìm kiếm Chọn ý tưởng động đưa ý đưa ý số đề tưởng mang tưởng tốt nghị Tích cực tìm Nêu ý tưởng 05 Thái độ tính tham gia tích cực Lập kế Hồn tồn Khá hợp lý, hoạch hợp lý, điều chỉnh không cần chút theo điều chỉnh góp ý Chuẩn bị tốt Chuẩn bị điều kiện đa số điều kiện cho việc thực cho việc thực project, hiện, có thể khởi khởi động động bổ sung sau thực 05 Giai đoạn chuẩn Quá trình 10 bị thực quan tâm lựa chọn ý tưởng Không Chưa hợp lý, có hợp lý điều chỉnh theo khơng góp ý điều chỉnh theo góp ý Chuẩn bị số điều kiện cho việc thực cần bổ sung thêm khởi Khơng chuẩn bị điều kiện động project nghiêm túc Không Thực Giai Thực đoạn hoàn toàn thực 10 phương pháp Thực Thực tương khơng phương đối phương pháp, sai sót pháp, sai sót phương nhỏ có sửa quan trọng có pháp, sai chữa sửa chữa sót khơng sửa chữa 0 Triển khai Triển khai kế hoạch, kế có chậm trễ hoạch khơng 10 gây ảnh hưởng Triển khai tương đối kế hoạch, có chậm trễ gây ảnh hưởng khắc phục 20 phần Nội dung Báo cáo báo kết cáo 10 - Báo cáo tiến trình thực - Thuyết minh sản phẩm - Bài học rút - Format quán - Văn phong phù hợp - Xây dựng đầy đủ chức Trình bày 10 báo cáo Chất lượng sản phẩm 20 đáp ứng tiêu chí đề ĐIỂM CỦA NHÓM: GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: NHĨM khơng khắc phục project) thang điểm cụ thể thành PROJECT hưởng độ đạt tiêu ĐIỂM gây ảnh Ghi rõ mục tiêu thành phần (ở giai đoạn mục rõ ràng chậm trễ, Mức văn Triển khai - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Nguyễn Hữu Vĩnh Phần 2: Đánh giá cá nhân làm việc nhóm 0 Làm việc nhóm Hướng dẫn: Nhóm họp thảo luận đánh giá lẫn Kết sử dụng để qui đổi từ điểm nhóm thành điểm cá nhân, tuỳ theo % cá nhân đạt 1) Thành viên có tham gia họp đầy đủ: 40% Đầy đủ: 40% Vắng họp lần: 20% Vắng họp lần: 0% 2) Thành viên nộp sản phẩm giao hạn: 40% Đúng hạn: 40% Trễ ngày: 20% Trễ ngày: 0% 3) Thành viên có tham gia giải vấn đề, đóng góp ý kiến cải tiến: 20% Đóng góp đạt hiệu quả: 20% Có quan tâm đóng góp: 10% Khơng quan tâm: 0% Danh sách thành viên Nhóm: Nguyễn Văn Hồi Điểm làm việc nhóm (%): 100% Lê Thanh Tuấn ĐIỂM THÀNH VIÊN NHĨM (do nhóm ghi) Điểm làm việc nhóm (%):100% TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA CÁC THÀNH VIÊN TRONG NHĨM: SV1 Nguyễn Văn Hồi SV2 Lê Thanh Tuấn Danh sách thành viên Nhóm: (Tên họ): Nguyễn Văn Hoài Điểm cá nhân: ĐIỂM CỦA CÁ NHÂN (do GV ghi) (Tên họ):Lê Thanh Tuấn Điểm cá nhân: TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Nguyễn Hữu Vĩnh Ghi nhận GV GÓP Ý CẢI TIẾN CHO CÁ NHÂN: (phần GV ghi lưu 1) Tên SV: Nguyễn Văn Hoài riêng để theo dõi, tư vấn cho cá GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: 0 nhân SV, không phổ biến cho - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: lớp, nhóm) - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: 2) Tên SV: Lê Thanh Tuấn GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: 0 MỤC LỤC LỜI MỞ ĐẦU LỜI CẢM ƠN CHƯƠNG 1: TỔNG QUAN 1.1 Tên đề tài 1.2 Mục tiêu đề tài 1.3 Ý nghĩa đề tài 1.4 Đối tượng đề tài 1.5 Một số trang Website CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Giới thiệu ASP.NET 2.2 Ngôn ngữ CSS 2.3 Ngôn ngữ Javascript CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ CƠ SỞ DỮ LIỆU VÀ HỆ THỐNG 3.1 Biểu đồ Usecase 3.1.1 Biểu đồ usecase tổng quát 3.1.2 Biểu đồ usecase người dùng 3.1.3 Biểu đồ usecase ADMIN 3.2 Đặc tả Usecase 3.2.1 Usecase đăng nhập ( người dùng) 3.2.2 Usecase đăng kí tài khoản 10 3.2.3 Usecase đặt mua 10 3.2.4 Usecase tìm kiếm sản phẩm 11 3.2.5 Usecase đăng nhập ( ADMIN) 12 3.3 Biểu đồ 13 3.3.1 Chức đăng nhập 13 3.3.2 Chức đăng kí 13 3.2.3 Chức tìm kiếm 14 3.2.4 Chức đặt mua 14 3.2.5 Chức thêm sản phẩm 15 0 3.4 Thiết kế sở liệu 15 3.4.1 Bảng người dùng 15 3.4.2 Bảng CTDANGHANG 15 3.4.3 Bảng DONDATHANG 16 3.4.4 Bảng Du_Lieu 16 3.4.5 Bảng Hang_ao 16 3.5 Mô hình Class Diagram 17 CHƯƠNG 4: XÂY DỰNG WEBSITE BÁN ÁO ONEPIECE SHOP .18 4.1 Giao diện trang chủ 18 4.2 Giao diện trang giới thiệu 20 4.3 Giao diện trang liên hệ 21 4.4 Giao diện trang đăng ký 22 4.5 Giao diện trang đăng nhập 23 4.6 Giao diện trang danh mục sản phẩm 24 4.6.1 Giao diện danh mục Áo Luffy 25 4.6.2 Giao diện danh mục Áo Zoro 26 4.6.3 Giao diện danh mục Áo Sanji 27 4.6.4 Giao diện danh mục Áo Usopp 27 4.6.5 Giao diện danh mục Áo Nami 28 4.6.6 Giao diện danh mục Áo Nico Robin 28 4.6.7 Giao diện danh mục Áo Brook 29 4.6.8 Giao diện danh mục Áo Chopper .29 4.7 Giao diện đăng nhập (ADMIN) 30 4.8 Giao diện quản lí người dùng 30 4.9 Giao diện quản lí sản phẩm 31 4.10 Giao diện trang s ản phẩm 32 4.11 Giao diện giỏ hàng 32 KẾT LUẬN .33 TÀI LIỆU THAM KHẢO 0 LỜI MỞ ĐẦU Ngày nay, với phát triển đất nước ngành Công nghệ thơng tin có bước phát triển mạnh mẽ không ngừng tin học trở thành chìa khóa dẫn đến thành cơng cho nhiều cá nhân nhiều lĩnh vực, hoạt động Với ứng dụng mình, ngành Cơng nghệ thơng tin góp phần mang lại nhiều lợi ích mà khơng phủ nhận Đặc biệt lĩnh vực quản lý kinh tế, tin học góp phần tạo thay đổi nhanh chóng cho mặt xã hội Nhất việc tin học hóa vào cơng tác quản lý, bán hàng yêu cầu cần thiết doanh nghiệp Từ phần mềm quản lý giúp cho công việc bán hàng cửa hàng trở nên nhanh chóng dễ dàng, ngày công nghệ thông tin phát triển mạnh mẽ nữa, Website đời không đáp ứng cho khách hàng đến trực tiếp cửa hàng mua s ản phẩm mà cịn phục vụ cho khách hàng xa Không thế, việc giới thiệu, quảng bá hình ảnh cửa hàng, cơng ty mở rộng quy mô lớn giúp cho việc kinh doanh, buôn bán, trao đổi tin tức thuận lợi nhiều, mang lại hiệu kinh tế cao tạo uy tín lịng khách hàng Chính lợi ích mà Website mang lại mà cửa hàng, cơng ty áp dụng để phát triển công việc kinh doanh giới thiệu cửa hàng Trong số đó, quần áo lĩnh vực phổ biến sử dụng nhiều đến Website Do vậy, chúng em lựa chọn đề tài “thiết kế website cửa hàng bán áo one piece” nhằm đưa đến cho khách hàng gợi ý lý tưởng việc lựa chọn mua sản phẩm quần áo 0 LỜI CẢM ƠN Chúng em xin chân thành cảm ơn thầy cô khoa K ỹ thuật công nghệ trang bị kiến thức quý báu cho chúng em suốt trình học tập làm đề tài Trường Đại học Thủ Dầu Một Nhờ công lao giảng dạy, bảo tận tình thầy mà nhóm em có kiến thức chuyên ngành công nghệ thông tin để thực đề tài Đặc biệt, chúng em xin chân thành cảm ơn Thầy Nguyễn Hữu Vĩnh tận tình hướng dẫn, bảo, đưa đóng góp ý kiến hữu ích quý báu cho chúng em suốt trình thực đề tài Chúng em xin gửi lời cám ơn đến gia đình, bạn bè động viên, chia s ẻ cung cấp tài liệu hữu ích cho nhóm Mặc dù cố gắng nỗ lực thực đề tài với tâm cao hẳn đề tài tránh khỏi thiếu sót Nhóm em mong nhận ý kiến đóng góp ý kiến thầy bạn để đề tài chúng em ngày hoàn thiện hướng tới áp dụng thực tế Chúng em xin chân thành cảm ơn! Thủ Dầu Một, tháng 07 năm 2021 Sinh viên thực Nguyễn Văn Hoài Lê Thanh Tuấn 0 CHƯƠNG 1: TỔNG QUAN 1.1 Tên Đề Tài THIẾT KẾ WEBSITE CỬA HÀNG BÁN ÁO ONE PIECE 1.2 Mục Tiêu Đề Tài Ngày nay, xã hội phát triễn phim anime ngày nhiều với chất lượng hình ảnh nâng cao Số lượng người mê phim anime ngày tăng Mỗi phim anime dài tập có số lượt xem ngày đơng Việc fan hâm mộ phim anime muốn khốt lên áo có in nhân vật mà họ yêu thích Nắm bắt phát triển Khách hàng đặt hàng thiết kế website bán áo in hình nhân vật phim anime có tên one piece, website đưa lên tất áo in hình nhân vật phim để người mua chọn áo có hình mà ưng ý Đây xu hướng xã hội người với cú nhấp chuột dễ dàng đặt mua sản phầm mà ưng ý cách dễ dàng thời gian đến tận nơi để mua Việc mua bán giúp tiết kiệm thời gian tiền bạc người lựa chọn sản phẩm với giá đa dạng nhu cầu cá nhân người Thiết kế website bán áo one piece với chức cần thiết cho trang web buôn bán cần có em thấy nhu cầu mua sắm thị trường tiềm khai thác buôn bán Website “bán áo one piece” thứ dùng để quảng bá cho sân, thứ hai kênh thông tin cho người, thứ ba địa tin cậy để khách hàng yêu thích nhân vật phim anime one piece có áo in hình nhận vật mà họ yêu thích 1.3 Ý Nghĩa Của Đề Tài + Đưa sản phẩm cửa hàng đến gần với người có đam mê sở thích + Quảng bá thương hiệu 0 Trang web chia làm phần: - Phần 1: Logo trang web - Phần - Menu ngang: Bao gồm mục: trang chủ, giới thiệu, liên hệ, đăng ký, đăng nhập,quản lý Mỗi danh mục liên kết đến trang với nội dung khác - Phần : Chạy chữ ngang Marquee - Phần 4: Bên trái danh mục sản phẩm, thương hiệu liên kết với trang khác lịch ngày tháng năm - Phần 5: Bên phải hiển thị sản phẩm bán nhiều nhất, quảng cáo sử dụng thẻ Marquee để chạy liên kết website liên kết tới trang khác - Phần 6: Ở chứa sản phẩm bật liên k ết với trang chi tiết sản phẩm - Phần 7: Footer 4.2 Giao diện trang giới thiệu  Mục đích: Khi vào trang này, khách hàng biết số nét khái quát shop, lịch sử hình thành phát triển, định hướng phát triển tương lai Hình 2: Giao diện trang giới thiệu 20 0 4.3 Giao diện trang liên hệ  Mục đích: Trang mục đích để khách hàng liên lạc với shop  Chức năng: Trong giao diện cho phép người dùng gửi thông tin sản phẩm, thái độ phục vụ, phản hồi sai phạm nhân viên shop Hình 3: Giao diện trang liên hệ 21 0 4.4 Giao diện trang đăng ký  Mục Đích: Người dùng đăng ký tài khoản để trở thành khách hàng trang  Chức năng: Cho phép khách hàng đăng ký thơng tin để trở thành khách hàng Hình 4: Giao diện trang đăng ký 22 0 4.5 Giao diện trang đăng nhập  Mục Đích: Người dùng đăng nhập tài khoản để đặt mua sản phẩm trang Hình 5: Giao diện trang đăng nhập 23 0 4.6 Giao diện trang danh mục sản phẩm  Mục Đích: Thanh menu chứa danh sách loại sản phẩm cửa hàng Khách hàng sử dụng menu để lựa chọn sản phẩm mà cần tìm  Sử dụng danh mục sản phẩm để chọn loại sản phẩm mà cần Hình 6: Giao diện trang danh mục sản phẩm 24 0 4.6.1 Giao diện danh mục Áo Luffy Hình 7: Giao diện danh mục Áo Luffy 25 0 4.6.2 Giao diện danh mục Áo Zoro Hình 8: Giao diện danh mục Áo Zoro 26 0 4.6.3 Giao diện danh mục Áo sanji Hình 9: Giao diện danh mục Áo sanji 4.6.4 Giao diện danh mục Áo Usopp Hình 10: Giao diện danh mục Áo Usopp 27 0 4.6.5 Giao diện danh mục Áo Nami Hình 11: Giao diện danh mục Áo Nami 4.6.6 Giao diện danh mục Áo Nico Robin Hình 12: Giao diện danh mục Áo Nico Robin 28 0 4.6.7 Giao diện danh mục Áo Brook Hình 13: Giao diện danh mục Áo Brook 4.6.8 Giao diện danh mục Áo Chopper Hình 14: Giao diện danh mục Áo Chopper 29 0 4.7 Giao diện đăng nhập (ADMIN) Hình 15: Giao diện đăng nhập (ADMIN) 4.8 Giao diện quản lí người dùng Hình 16: Giao diện quản lí người dùng 30 0 4.9 Giao diện quản lí sản phẩm Hình 17: Giao diện quản lí sản phẩm 31 0 4.10 Giao diện trang sản phẩm Hình 18: Giao diện trang sản phẩm 4.11 Giao diện giỏ hàng Hình 19: Giao diện giỏ hàng 32 0 KẾT LUẬN Trong thời gian thực đề tài, với cố gắng nỗ lực em hồn thành đề tài thời gian quy định Kết đạt được:  Thiết kế thành công website giới thiệu sản phẩm cho cửa hàng bán mơ hình Eid, đáp ứng u cầu người sử dụng  Tìm hiểu nắm công cụ để Thiết kế website như: ngơn ngữ lập trình Website như:Javascript, CSS , ASP.NET  Giao diện website thiết kế đơn giản, thân thiện dễ sử dụng  Có tính như: đăng nhập, đăng ký, phân quyền, giỏ hàng Hạn chế:  Việc biểu diễn thông tin website chưa linh hoạt  Phân tích thiết kế chưa hồn chỉnh  Nhiều chức cịn thiếu chưa sử dụng Link google drive: https://drive.google.com/drive/folders/1CdQ_C3USl5cz3qy ZP6NTqnmvkffv4o3X?usp=sharing Sinh viên thực Nguyễn Văn Hoài Lê Thanh Tuấn 33 0 TÀI LIỆU THAM KHẢO [1].Ngôn ngữ ASP.NET - Mở đầu (hiepsiit.com) [2] https://w3layouts.com [3] http://hiepsiit.com [4] https://www.w3schools.com [5] https://hocwebchuan.com 0 ... cá nhân người Thiết kế website bán áo one piece với chức cần thiết cho trang web bn bán cần có em thấy nhu cầu mua sắm thị trường tiềm khai thác bn bán Website ? ?bán áo one piece? ?? thứ dùng để quảng... thực Nguyễn Văn Hoài Lê Thanh Tuấn 0 CHƯƠNG 1: TỔNG QUAN 1.1 Tên Đề Tài THIẾT KẾ WEBSITE CỬA HÀNG BÁN ÁO ONE PIECE 1.2 Mục Tiêu Đề Tài Ngày nay, xã hội phát triễn phim anime ngày nhiều với chất... Website Do vậy, chúng em lựa chọn đề tài “thiết kế website cửa hàng bán áo one piece? ?? nhằm đưa đến cho khách hàng gợi ý lý tưởng việc lựa chọn mua sản phẩm quần áo 0 LỜI CẢM ƠN Chúng em xin chân