ĐỒ ÁN CƠ SỞ 2ĐỀ TÀI: XÂY DỰNG WEBSITE THỜI TRANG

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE THỜI TRANG Sinh viên thực hiện: NGUYỄN DUY ĐỨC – 19IT4 LÊ XUÂN HƯỚNG – 19IT4 Giảng viên hướng dẫn :TS.HUỲNH NGỌC THỌ Đà nẵng, ngày tháng … năm ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE THỜI TRANG Sinh viên thực hiện: NGUYỄN DUY ĐỨC – 19IT4 LÊ XUÂN HƯỚNG – 19IT4 Giảng viên hướng dẫn :TS.HUỲNH NGỌC THỌ Đà nẵng, ngày tháng … năm LỜI MỞ ĐẦU Hiện với việc phát triển mạnh công nghệ thông tin dịch vụ chăm sóc người ngày nâng cao người a ngày mong muốn có phục vụ tốt tất mặt đời sống xã hội, có nhu cầu mua sắm đặc biệt mua sắm trực tuyến toán qua mạng ngày phổ biến rộng rãi để khách hàng ln có lựa chọn tốt nhà mà khơng cần phải tốn nhiều thời gian Để việc mua bán hàng hoá nhà cách đặt hàng toán trực tuyến khách hàng thực cách dễ dàng thuận lợi phục vụ nhu cầu ngày cao khách hàng Từ nhu cầu thực tế với kiến thức tiếp thu trường em chọn đề tài: Đề tài “Xây dựng website thời trang” ngơn ngữ lập trình PHP sở liệu Mysql xây dựng ý tưởng áp dụng công nghệ thông tin nhằm phục vụ nhu cầu kinh doanh quần áo cho cửa hàng quần áo thành phố lớn Với hướng dẫn tận tình thầy Huỳnh Ngọc Thọ giúp em hoàn thành báo cáo đề tài 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 Em xin chân thành cảm ơn ! SV thực hiện: Nguyễn Duy Quang / MSV: 19IT041 Trần Đăng Quốc /MSV: 19IT111 LỜI CẢM ƠN Để hoàn thành chuyên đề báo cáo học phần đồ án sở trước tiên em xin gửi đến thầy cô giáo TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT HÀN lời cảm ơn chân thành sâu sắc Đặc biệt cảm ơn cô giáo Ninh Khánh Chi, người tận tình hướng dẫn giúp đỡ nhóm em suốt q trình thực đồ án để nhóm em hoàn thành báo cáo cách hoàn thiện Với việc tìm hiểu báo cáo học phần đồ án sở với trình độ kiến thức kinh nghiệm hạn chế nên chúng em khơng thể tránh khỏi sai sót Em mong nhận nhận xét, đánh giá, đóng góp ý kiến từ thầy cô để báo cáo học phần chúng em hoàn thiện cách tốt Em xin chân thành cảm ơn! NHẬN XÉT ( Của giảng viên hướng dẫn ) ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ……………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… …………………………………………… Đà Nẵng,…… Ngày… Tháng… Năm 2020 Giảng viên hướng dẫn Mục lục: Chương Giới thiệu Chương Phân tích thiết kế hệ thống .12 Chương Triển khai xây dựng 19 Kết luận: 24 Chương 1.1 Giới thiệu Giới thiệu 1.1.1 Bối cảnh thực đề tài - - • Trên thị trường có nhiều cơng ty cửa hàng bn bán loại hàng hóa điện thoại, máy tính, quần áo,… Chính nhu cầu quảng bá hình ảnh công ty, cửa hàng ngày đầu tư mở rộng nhiều mặt.Giới thiệu sản phẩm rộng rãi công chúng mở rộng thị trường phần tất yếu chiến lược phát triển kinh doanh cơng ty.Với bùng nổ internet, ngày có hàng trăm triệu người truy cập internet với nhu cầu tìm tin tức, mua bán cách thuận tiện, nhanh chóng Nhận tính thiết thực điều em nhận đề tài: “ Xây dựng website thời trang” sử dụng ngôn ngữ PHP hệ quản trị sở liệu Mysql để đáp ứng nhu cầu Mục đích đề tài đáp ứng nhu cầu mua bán, xem thông tin sản phẩm cách nhanh chóng tiện lợi, an tồn Đề xuất nội dung thực Xây dựng website thời trang thiết thực nhằm giúp người dùng dễ dàng tìm kiếm thơng tin dịng xe mà họ thắc mắc • Xây dựng website cho phép người dùng mua hàng, đăng bán website cách nhanh chóng tiện lợi mà khơng cần thủ tục phức tạp • Xây dựng website có tốc độ tải trang nhanh chóng hạn chế thủ tục rườm rà tốn thời gian • Website đảm bảo bảo mật thông tin cá nhân khách hàng Website công khai, minh bạch cung cấp thơng tin xác nhằm đem lại tin cậy cho người dùng 1.2 Phương pháp 1.2.1 Phương pháp triển khai thực đề tài - Trước tiên ta phải phân tích thiết kế giao diện, hệ thống website phần mềm StarUML Dựa kiến thức học, sử dụng ngôn ngữ HTML, JavaScript, PHP số cơng cụ lập trình Sublime Text để xây dựng website - Tham khảo, tiếp thu ý kiến, thông tin từ giáo viên hướng dẫn để hồn thiện website tốt - Tìm hiểu website tương tự để rút lĩnh vực thiếu sót để bổ sung khắc phục điểm hạn chế website khác 1.2.2 Đặc điểm - Trang web có hướng dẫn rõ ràng, menu điều hướng Nội dung trực quan Website có đầy đủ tính website mua bán hàng Giao diện xây dựng bắt mắt, đẹp giúp người dung cảm thấy thú vị sử dụng trang web.Người dùng tìm kiếm xem thơng tin chi tiết sản phẩm , thêm vào giỏ hàng trước toán , xem đánh giá khách hàng hay trực tiếp đánh giá theo ý kiến riêng Mỗi mặt hàng mà người dùng muốn đăng bán phải chờ kiểm duyệt admin trước đăng bán 1.2.3 Chức 1.2.3.1 Về giao diện - Phần trang chủ website giới thiệu tổng quan website Tại bạn xem làm việc hay địa shop Người dùng xem chi tiết làm việc, địa cụ thể shop, người dùng biết xem đối tác khách hàng từ tăng tính tin cậy mặt hàng mà muốn tham khảo Người dùng xem chi tiết sản phẩm hàng muốn từ đưa định cho riêng Người dùng đọc bình luận đánh giá hàng mà mua hay định mua Thơng qua giỏ hàng người dùng xem xét trước đưa định - Trang web cập nhật tin tức liên quan đến sản phẩm giá từ giúp người dùng nắm bắt thông tin cách khách quan - Để giúp hồn thiện trang web trang web cung cấp chức phản hồi lại người quản trị người dùng gửi câu hỏi thơng qua email trang web 1.2.3.2 Về quản trị: - Hệ quản trị thiết kế đơn giản phù hợp để người quản lí dễ dàng sử dụng Người quản lí thêm, sửa, xóa thơng tin sản phẩm , tin tức Người quản lí có chức kiểm duyệt hàng mà người dùng muốn đăng bán lên website Các thông tin khách hàng (tên, mật khẩu, email) bảo mật an toàn 1.2.4 Ưu điểm - Giao diện hội tụ ba yếu tố độc đáo, tinh tế đại Hình ảnh sắc nét sống động Tốc độ tải trang web nhanh Website tưởng thích với thiết bị di động hay máy tính thị trường Ngồi trang web thiết kế dễ dàng sử dụng tiện nâng cấp tương lai Website tích cực chế bảo mật giúp đảm bảo thông tin khách hàng không bị đánh cắp 1.2.5 Nhược điểm - Hệ thống chưa tối ưu việc sử dụng sở liệu Một số chức chưa hồn thiện 1.3 Một số website có 1.3.1 Nowsaigon: https://nowsaigon.com 1.3.2 Ảnh trang chủ: Hình 1: Trang chủ Nowsaigon - Về giao diện : giao diện đơn giản, thiết kế bố cục hợp lí Những danh mục sản phẩm để đầu trang giúp người dùng dễ dàng tìm kiếm sản phẩm mà cần mua Bên cạnh người dùng tìm kiếm theo có, trị chuyện trực tiếp với admin page để nằm rõ nhiều chi tiết - Về quản lí: hệ quản trị thiết kế đơn giản phù hợp để người quản lí dễ dàng sử dụng Người quản lí thêm sửa, xóa sản phẩm hay duyệt đăng người cần bán Các thông tin khách hàng (tên, email) bảo mật an toàn - Ưu điểm: giao diện website đơn giản đại Hình ảnh sống động sắc nét Tốc độ tải trang cực nhanh Website tương thích thiết bị di động phổ biến thị trường Website thiết kế dễ sử dụng, tiện nâng cấp tương lai Website cung cấp nhiều chức thông tin cho người dùng - Nhược điểm: chưa có nhiều tương tác người dùng nhà quản lí 1.3.2 Website The shirt you need : https://tsunsg.com/ Ảnh trang chủ: Hình 2: Trang chủ website tsunsg.com - Về giao diện: Trang web xậy dựng với giao diện đơn giản bố cục đơn giản Trang web chủ yếu cung cấp cho người dùng thông tin loại xe khác theo khu vực tồn quốc - Về quản lí: hệ quản trị thiết kế đơn giản phù hợp để người quản lí dễ dàng sử dụng Người quản lí có thể thêm sửa, xóa sản phẩm hay duyệt đăng người cần bán Các thông tin người dùng (tên, email) bảo mật an toàn - Ưu điểm: Giao diện website đơn giản Hình ảnh đẹp mắt sắc nét Tốc độ tải trang nhanh Website tương thích thiết bị di động phổ biến thị trường Website thiết kế dễ sử dụng - Nhược điểm: Chưa có nhiều tương tác khách hàng nhà quản lí Các chức cịn hạn chế 1.4 Cấu trúc đồ án - Nội dung đồ án, phần mở đầu kết luận, bao gồm chương: • Chương 1: Giới thiệu • Chương 2: Phân tích thiết kế hệ thống • Chương 3: Triển khai xây dựng 1.5 Kết 1.5.1 Đặc điểm - Tạo website có giao diện dễ nhìn bắt mắt giúp người dùng tiếp cận dễ dàng với trang web Người dùng dễ dàng tìm kiếm thơng tin, lựa chọn mua sắm cách dễ dàng 1.5.2 Chức - Giới thiệu tổng quan website thương hiệu thời trang Cung cấp tính giúp người dùng xem thơng tin sản phẩm từ thương hiệu lưu lại thông tin mà muốn xem sau Người dùng sửa, xóa hay thêm sản phẩm mà muốn mua trang web Nếu người dùng tìm thấy sản phẩm ưng ý người dùng mua thơng qua thủ tục định sẵn, người dùng đánh giá bình luận cho nhiều sản phẩm trang web Trang web cung cấp phương thức đăng kí đăng nhập giúp cho khách hàng tiện việc theo dõi hay cập nhật xe trang web nhờ email thông báo gửi cho người dùng Mọi thông tin khách hàng đăng kí bảo mật để đảm bảo an tồn thơng tin cho người dùng - Người dùng xem thơng tin chi tiết sản phẩm mà người dùng muốn xem Ngoài người dùng xem số lượng đánh giá sản phẩm bình luận người dùng bình luận đánh giá trước - Ngồi ra, trang web cịn cung cấp tin tức liên quan đến thời trang ngồi nước Chương Phân tích thiết kế hệ thống 2.1 Phân tích, thiết kế hệ thống 2.1.1 : Giới thiệu hệ thống Website Thời trang bao gồm: - Khách hàng: Người truy cập website, đăng kí mua hàng, trực tiếp đăng mặt hàng cần bán - Người quản lí website: Admin người quản lí khách hàng, sản phẩm, hóa đơn quyền thêm, sửa,xóa thành phần website 2.1.2 Các yêu cầu website hệ thống quản lí - Website phải đảm bảo giao diện dễ nhìn, dễ dàng sử dụng - Hệ thống website đảm bảo cho khách hàng xem thơng tin chi tiết sản phẩm dễ dàng, thêm vào giỏ hàng theo ý muốn cách nhanh chóng.Đảm bảo cho người dùng tốn cách nhanh chóng mà gặp nhiều trở ngại 2.1.3 Yêu cầu chức 2.1.3.1 Về phía khách hàng: - Đăng kí - Đăng nhập - Đăng xuất - Xem danh sách danh mục - Xem danh sách sản phẩm - Xem chi tiết sản phẩm - Thêm vào giỏ hàng - Xóa giỏ hàng - Thanh tốn - Tìm kiếm - Bình luận 2.1.3.2 Về phía người quản lí - Đăng nhập - Đăng suất - Thêm,sửa,xóa danh mục - Thêm, sửa,xóa sản phẩm - Sửa , xóa thơng tin khách hàng - Xem chi tiết hóa đơn 2.1.4 u cầu phía chức - Giao diện thân thiện, dễ sử dụng - Tốc độ truy cập trang web nhanh 2.1.5 Mô hình hóa u cầu (Unified Modeling Language - UML) 2.1.5.1 Xác định tác nhân - Khách hàng - Người quản lí 2.1.5.2 Xác định ca sử dụng - Đăng kí tài khoản - Đăng nhập - Đăng suất - Xem danh sách sản phẩm - Xem chi tiết sản phẩm - Thêm vào giỏ hàng - Xóa giỏ hàng - Thanh tốn - Tìm kiếm - Bình luận - Nhận thơng báo - Thêm,sửa,xóa danh mục - Thêm, sửa,xóa sản phẩm - Sửa , xóa thơng tin khách hàng - Xem chi tiết hóa đơn 2.1.5.3 Biểu đồ user-case: Hình : Sơ đồ user-case tổng quát 2.1.5.4 Biểu đồ hoạt động Hình : Biểu đồ hoạt động đăng kí Hình Biểu đồ hoạt động đăng nhập 2.2 Cở sở liệu 2.2.1 Công cụ truy vấn sở liệ - MySQLi (hay MySQL Improved) extension phần mở rộng (còn gọi thư viện hay mô-đun) phát triển dành cho ngôn ngữ PHP giúp lập trình viên dễ dàng kết nối tới sở liệu MySQL Thơng Thường MySQL extension cài đặt mặc định bạn cài PHP máy tính 2.2.2 Cơng cụ thiết kế sở liệu - Sử dụng phần mềm Xampp để thiết kế cở sở liệu 2.2.3 Phân tích sở liệu - Cơ sở liệu web thời trang gồm bảng Danh mục Tên trường Id danh mục Tên danh mục Kiểu Mô tả Int(11) Mã danh mục Varchar(145) Tên danh mục Bảng 1: Bảnh danh mục Bình luận Tên trường Id comment Id sp Id user Comment Date Kiểu Int(11) Int(11) Int(11) Text Date Mô tả Mã bình luận Mã sản phẩm Mã khách hàng Nội dung bình luận Thời gian bình luận Bảng 2: Bảng bình luận Đặt hàng Tên trường Id order Id user Địa user Điện thoại user Trạng thái Date oder Date Re Kiểu Mô tả Int(11) Mã đặt hàng Int(11) Mã khách hàng Varchar(255) Địa người đặt hàng Varchar(255) Số điện thoại khách hàng Varchar(255) Đã giao chưa giao Varchar(255) Ngày đặt hàng Varchar(255) Ngày nhận hàng Bảng 3: Bảng đặt hàng Chi tiết đặt hàng Tên trường id Id order Id sp Số lượng Giá Kiểu Mô tả Int(11) Mã đặt hàng chi tiết Int(11) Mã đặt hàng Int(11) Mã sản phẩm Int(11) Số lượng sản phẩm Int(11) Giá sản phẩm Bảng 4: Bảng chi tiết đặt hàng Sản phẩm Tên trường Id sp Tên sp Id danh mục Nhãn hiệu Giá sp Chi tiết sp image Kiểu Mô tả Int(11) Mã sp Varchar(255) Tên sp Int(11) Mã danh mục Varchar(255) Tên nhãn hiệu sản phẩm Int(11) Giá sản phẩm Varchar(255) Mô tả sản phẩm Varchar(255) Ảnh sản phẩm Bảng 5: Bảng sản phẩm Trả lời bình luận Tên trường id Id user Id comment Recomment Date Kiểu Mơ tả Int(11) Mã trả lời bình luận Int(11) Mã khách hàng Int(11) Mã bình luận Text Nội dung trả lời Varchar(255) Ngày trả lời bình luận Bảng 6: Bảng trả lời bình luận Bảng user Tên trường Id user Email Pass Date Name Phone Address Kiểu Int(11) Varchar(255) Varchar(255) Datetime Varchar(255) Varchar(255) Varchar(255) Bảng 7: Bảng user Mô tả Mã khách hàng Email khách hàng Mật khách hàng Ngày khách hàng đăng kí Tên khách hàng Điện thoại khách hàng Địa khách hàng Mối quan hệ bảng: Hình 6: Mối quan hệ bảng sở liệu Chương Triển khai xây dựng Hình : Trang chủ Hình 8: Trang đăng nhập, đăng ký Hình 9: Trang xem chi tiết sản phẩm , bình luận đánh giá sản phẩm ,thêm vào giỏ hàng Hình 10: Trang giỏ hàng Hình 11: Trang tốn Hình 14: Trang chủ admin Hình 15: Trang xem danh sách người dùng Hình 16 : Xem danh sách danh mục Hình 17: Xem danh sách sản phẩm Hình 18 : Xem đơn hàng Kết luận: Qua trình thực đồ án kiến thức thời gian học trường, nhóm em tìm hiểu nắm quy trình để làm website với đầy đủ chức chủ động việc tìm kiếm thơng tin để phục vụ công việc Đồ án xử lí hết chức theo yêu cầu website bán hàng: Mua hàng hóa,đánh giá sản phẩm,theo dõi chi tiết hóa đơn.Admin có quyền thêm ,sửa , xóa danh mục, sản phẩm ,kiểm sốt theo quyền người quản trị Hướng phát triển đồ án tích hợp nhiều phức tốn trực tuyến, tìm kiếm thơng tin sản phẩm theo giá ,xây dựng giao diện thân thiện , dễ sử dụng hơn, thêm phần cho người dung đăng sản phẩm để admin kiểm duyệt giúp cho người dùng dễ dàng việc thực mua bán PHỤ LỤC DANH MỤC TÀI LIỆU THAM KHẢO 1) Hướng dẫn PHP : https://www.w3schools.com/ 2) Web Nowsaigon https://nowsaigon.com/ 3) Web TSUN https://tsunsg.com