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

LỜI MỞ ĐẦUHiện nay với việc phát triển mạnh của công nghệ thông tin và các dịch vụ chăm sóc conngười ngày càng nâng cao thì con người a ngày càng mong muốn có được những sự phục vụ tốthơ

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 2

ĐỀ 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Ở 2

ĐỀ 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 nay với việc phát triển mạnh của công nghệ thông tin và các dịch vụ chăm sóc conngười ngày càng nâng cao thì con người a ngày càng mong muốn có được những sự phục vụ tốthơn về tất cả các mặt đời sống và xã hội, trong đó có nhu cầu mua sắm đặc biệt là mua sắm trựctuyến thanh toán qua mạng ngày càng phổ biến rộng rãi để khách hàng luôn có được sự lựachọn tốt nhất ngay tại nhà của mình mà không cần phải tốn quá nhiều thời gian

Để việc mua bán hàng hoá tại nhà bằng cách đặt hàng và thanh toán trực tuyến của kháchhàng được thực hiện một cách dễ dàng và thuận lợi hơn phục vụ nhu cầu ngày càng cao củakhách hàng Từ nhu cầu thực tế này cùng 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” bằng ngôn ngữ lập trình PHP và cơ sở dữ liệuMysql được xây dựng trên ý tưởng áp dụng công nghệ thông tin nhằm phục vụ nhu cầu kinhdoanh quần áo cho một cửa hàng quần áo tại các thành phố lớn Với sự hướng dẫn tận tìnhcủa thầy Huỳnh Ngọc Thọ đã giúp em hoàn thành báo cáo đề tài này Tuy đã cố gắng hếtsức tìm hiểu, phân tích thiết kế và cài đặt hệ thống nhưng chắc rằng không tránh khỏi nhữngthiếu sót Em rất mong nhận được sự thông cảm và góp ý của quý thầy cô

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 cơ sở 2 này trước tiên em xin gửi đến cácthầ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 và sâu sắc nhất

Đặc biệt cảm ơn cô giáo Ninh Khánh Chi, người đã tận tình hướng dẫn và giúp đỡ nhóm emtrong suốt quá trình thực hiện đồ án này để nhóm em hoàn thành bài báo cáo một cách hoànthiện nhất

Với việc tìm hiểu về bài báo cáo học phần đồ án cơ sở 2 này cùng với trình độ kiến thức và kinhnghiệm còn hạn chế nên chúng em không thể tránh khỏi những sai sót Em rất mong nhận đượcnhững nhận xét, đánh giá, đóng góp ý kiến từ thầy cô để bài báo cáo học phần này của chúng

em hoàn thiện một cách tốt nhấ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: ục lục: ục lục:

Chương 1 Giới thiệu

1.1 Giới thiệu

1.1.1 Bối cảnh thực hiện đề tài

1.1.2 Đề xuất nội dung thực hiện

1.2 Phương pháp

1.2.1 Phương pháp triển khai thực hiện đề tài

1.2.2 Đặc điểm

1.2.3 Chức năng

1.2.4 Ưu điểm

1.2.5 Nhược điểm

1.3 Một số website hiện có

1.3.1 Web nowsaigon:

1.3.2 Ảnh trang chủ:

1.4 Cấu trúc đồ án

1.5 Kết quả

1.5.1 Đặc điểm

1.5.2 Chức năng

Chương 2 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

2.1.2 Các yêu cầu website và hệ thống quản lí

2.1.3 Yêu cầu chức năng

2.1.4 Yêu cầu phía chức năng

2.1.5 Mô hình hóa yêu cầu (Unified Modeling Language - UML)

2.2 Cở sở dữ liệu

2.2.1 Công cụ truy vấn cơ sở dữ liệ

2.2.2 Công cụ thiết kế cơ sở dữ liệu

2.2.3 Phân tích cơ sở dữ liệu

Chương 3 Triển khai xây dựng

Kết luận:

Chương 1 Giới thiệu

1.1 Giới thiệu

1.1.1 Bối cảnh thực hiện đề tài

- Trên thị trường hiện nay có rất nhiều công ty cửa hàng buôn bán các loại hàng hóa nhưđiện thoại, máy tính, quần áo,… Chính vì vậy nhu cầu quảng bá hình ảnh của công ty,cửa hàng ngày càng được đầu tư và mở rộng trên nhiều mặt.Giới thiệu sản phẩm rộng rãi

ra công chúng và mở rộng thị trường là một phần tất yếu chiến lược phát triển kinhdoanh của công ty.Với sự bùng nổ của internet, mỗi ngày có hàng trăm triệu người truycập internet với nhu cầu tìm tin tức, mua bán một cách thuận tiện, nhanh chóng Nhậnđược tính thiết thực của điều đó em đã nhận đề tài: “ Xây dựng website thời trang” sửdụng ngôn ngữ PHP và hệ quản trị cơ sở dữ liệu Mysql để đáp ứng nhu cầu đó

- Mục đích đề tài là đáp ứng nhu cầu mua bán, xem thông tin sản phẩm mới một cáchnhanh chóng tiện lợi, an toàn

- Đề xuất nội dung thực hiện

 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được thông tin các 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ài bán của mình trênwebsite một cách nhanh chóng và tiện lợi mà không cần các thủ tục phức tạp

 Xây dựng website có tốc độ tải trang nhanh chóng và hạn chế các thủ tục rườm rà tốnthời gian

 Website đảm bảo bảo mật thông tin cá nhân của khách hàng Website công khai,minh bạch và cung cấp thông tin chính xác nhằm đem lại sự 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 hiện đề tài

- Trước tiên ta phải phân tích và thiết kế giao diện, hệ thống của website bằng phần mềmStarUML

Dựa trên các kiến thức đã học, chúng ta sử dụng các ngôn ngữ HTML, JavaScript, PHP vàmột số công cụ lập trình 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 để hoàn thiện websitetốt hơn

- Tìm hiểu các website tương tự để rút ra lĩnh vực còn thiếu sót để bổ sung cũng nhưkhắc phục các điểm còn hạn chế của website khác

1.2.2 Đặc điểm

- Trang web có hướng dẫn rõ ràng, thanh menu điều hướng Nội dung trực quan Website

có đầy đủ các tính năng của một website mua và bán hàng Giao diện sẽ được xây dựngbắt mắt, đẹp giúp người dung cảm thấy thú vị khi sử dụng trang web.Người dùng có thểtìm kiếm xem thông tin chi tiết của sản phẩm , thêm vào giỏ hàng trước khi thanh toán ,xem đánh giá của khách hàng hay trực tiếp đánh giá theo ý kiến riêng của mình Mỗi mặthàng mà người dùng muốn đăng bán sẽ phải chờ kiểm duyệt của admin trước khi đăngbán

1.2.3 Chức năng

1.2.3.1 Về giao diện

- Phần trang chủ của website sẽ giới thiệu tổng quan về website Tại đây bạn có thể xemđược giờ làm việc hay địa chỉ của shop chúng tôi Người dùng sẽ xem được chi tiết giờlàm việc, địa chỉ cụ thể của shop, người dùng có thể biết được các xem được các đối tác

và khách hàng từ đó có thể tăng tính tin cậy về mặt hàng mà mình muốn tham khảo.Người dùng có thể xem chi tiết sản phẩm của món hàng mình muốn từ đó đưa ra quyếtđịnh cho riêng mình Người dùng có thể đọc bình luận và đánh giá về món hàng mà mình

đã mua hay định mua Thông qua giỏ hàng người dùng có thể xem xét trước khi đưa raquyết định

- Trang web sẽ cập nhật những tin tức liên quan đến các sản phẩm và giá cả từ đó giúpngười dùng nắm bắt được thông tin một cách khách quan nhất

- Để giúp hoàn thiện trang web thì trang web cung cấp các chức năng phản hồi lại ngườiquản trị hoặc người dùng có thể gửi những câu hỏi thông qua email trên trang web

1.2.3.2 Về quản trị:

- Hệ quản trị được thiết kế đơn giản phù hợp để người quản lí có thể dễ dàng sử dụng Người quản lí có thể thêm, sửa, xóa các thông tin về sản phẩm , tin tức Người quản lí có chức năng kiểm duyệt các món hàng mà người dùng muốn đăng bán lên website Các thông tin về khách hàng (tên, mật khẩu, email) sẽ được 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ế và hiện đại Hình ảnh sắc nét và sống động.Tốc độ tải trang web nhanh Website có thể tưởng thích với mọi thiết bị di động hay máytính trên thị trường Ngoài ra trang web được thiết kế dễ dàng sử dụng và tiện nâng cấp

trong tương lai Website cũng được tích cực cơ chế bảo mật giúp đảm bảo các thông tinkhách hàng không bị đánh cắp.

- Ưu điểm: giao diện của website đơn giản và hiện đại Hình ảnh sống động và sắc nét.Tốc độ tải trang cực nhanh Website tương thích mọi thiết bị di động phổ biến trên thịtrường Website được thiết kế dễ sử dụng, tiện nâng cấp trong tương lai Websitecung cấp nhiều chức năng và thông tin cho người dùng

- Nhược điểm: chưa có nhiều tương tác giữa người dùng và 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 được xậy dựng với giao diện đơn giản và bố cục đơn giản Trang web chủ yếu cung cấp cho người dùng những thông tin của các loại xe khác nhau theo từng khu vực hoặc là toàn quốc

- Về quản lí: hệ quản trị được thiết kế đơn giản phù hợp để người quản lí có thể dễdàng sử dụng Người quản lí có thể có thể thêm sửa, xóa các sản phẩm hay duyệt cácbài đăng của người cần bán Các thông tin về người dùng (tên, email) được bảo mật

an toàn

- Ưu điểm: Giao diện của website đơn giản Hình ảnh đẹp mắt và sắc nét Tốc độ tảitrang nhanh Website tương thích mọi thiết bị di động phổ biến trên thị trường.Website được thiết kế dễ sử dụng

- Nhược điểm: Chưa có nhiều tương tác giữa khách hàng và nhà quản lí Các chứcnăng còn hạn chế

1.4 Cấu trúc đồ án

- Nội dung đồ án, ngoài phần mở đầu và kết luận, bao gồm 3 chương:

 Chương 1: Giới thiệu.

 Chương 2: Phân tích và thiết kế hệ thống

 Chương 3: Triển khai xây dựng

1.5 Kết quả

1.5.1 Đặc điểm

- Tạo ra website có giao diện dễ nhìn và 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 có thể dễ dàng tìm kiếm các thông tin, lựa chọn mua sắm một cách dễ dàng

1.5.2 Chức năng

- Giới thiệu tổng quan về website và các thương hiệu thời trang Cung cấp các tính nănggiúp người dùng có thể xem thông tin các sản phẩm từ các thương hiệu và lưu lại cácthông tin mà mình muốn xem sau Người dùng có thể sửa, xóa hay thêm các sản phẩm

mà mình muốn mua trên trang web Nếu người dùng tìm thấy một sản phẩm ưng ý thìngười dùng có thể mua nó thông qua những thủ tục được định sẵn, người dùng có thểđánh giá và bình luận cho nhiều sản phẩm trên trang web Trang web cũng cung cấp cácphương thức đăng kí và đăng nhập giúp cho khách hàng tiện trong việc theo dõi hay cậpnhật những chiếc xe trên trang web nhờ các email thông báo sẽ được gửi về cho ngườidùng Mọi thông tin của khách hàng đã đăng kí sẽ được bảo mật để đảm bảo an toànthông tin cho người dùng

- Người dùng có thể xem được thông tin chi tiết về sản phẩm mà người dùng muốn xem.Ngoài ra người dùng cũng có thể xem được số lượng đánh giá của những sản phẩm đócũng như bình luận của những người dùng đã bình luận và đánh giá trước đó

- Ngoài ra, trang web còn cung cấp các tin tức liên quan đến thời trang trong và ngoàinước

Chương 2 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 là người quản lí khách hàng, sản phẩm, hóa đơn được quyền thêm, sửa,xóa các thành phần trên website

2.1.2 Các yêu cầu website và 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 có thể xem thông tin chi tiết sản phẩm dễ dàng, thêm vào giỏ hàng theo ý mình muốn một cách nhanh chóng.Đảm bảo cho người dùng có thể thanh toán một cách nhanh chóng mà không phải gặp nhiều trở ngại

2.1.3 Yêu cầu chức năng

- Xem chi tiết sản phẩm

- Thêm vào giỏ hàng

- 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 Yêu cầu phía chức năng

- 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 yêu cầu (Unified Modeling Language - UML)

- Xem chi tiết sản phẩm

- Thêm vào giỏ hàng

- 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 3 : Sơ đồ user-case tổng quát

2.1.5.4 Biểu đồ hoạt động

Hình 4 : Biểu đồ hoạt động đăng kí

Hình 5 Biểu đồ hoạt động đăng nhập

2.2 Cở sở dữ liệu

2.2.1 Công cụ truy vấn cơ sở dữ liệ

- MySQLi (hay MySQL Improved) extension là một phần mở rộng (còn được gọi là thư viện hay mô-đun) được phát triển dành cho ngôn ngữ PHP giúp lập trình viên có thể dễ dàng kết nối tới cơ sở dữ liệu MySQL Thông Thường thì MySQL extension sẽ được cài đặt mặc định khi bạn cài PHP trên máy tính

2.2.2 Công cụ thiết kế cơ sở dữ liệu

- Sử dụng phần mềm Xampp để thiết kế cở sở dữ liệu

2.2.3 Phân tích cơ sở dữ liệu

- Cơ sở dữ liệu web thời trang gồm các bảng

Danh mục

Bảng 1: Bảnh danh mục

Bình luận

Bảng 3: Bảng đặt hàng

Chi tiết đặt hàng

Id order Int(11) Mã đặt hàng

Số lượng Int(11) Số lượng sản phẩm

Bảng 4: Bảng chi tiết đặt hàng

Sản phẩm

Tên sp Varchar(255) Tên sp

Id danh mục Int(11) Mã danh mục

Nhãn hiệu Varchar(255) Tên nhãn hiệu của sản phẩmGiá sp Int(11) Giá sản phẩm

Chi tiết sp Varchar(255) Mô tả sản phẩm

image 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 Kiểu Mô tả

Bảng 6: Bảng trả lời bình luậnBảng user

Bảng 7: Bảng userMối quan hệ giữa các bảng:

Hình 6: Mối quan hệ của các bảng trong cơ sở dữ liệu

Chương 3 Triển khai xây dựng

Hình 7 : 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 thanh toá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 quá trình thực hiện đồ án và các kiến thức trong thời gian đã học tại trường, nhóm em đãtìm hiểu và nắm được quy trình để làm được một website với đầy đủ chức năng và có thể chủđộng trong việc tìm kiếm các thông tin để phục vụ công việc

Đồ án cơ bản đã xử lí hết các chức năng cơ bản theo yêu cầu của một website bán hàng: Muahà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 danhmục, sản phẩm ,kiểm soát theo quyền của người quản trị

Hướng phát triển tiếp theo của đồ án là tích hợp nhiều phức thanh toán trực tuyến, tìm kiếmthông tin sản phẩm theo giá ,xây dựng giao diện thân thiện hơn , dễ sử dụng hơn, sẽ thêm phầncho người dung đăng sản phẩm để admin có thể kiểm duyệt giúp cho người dùng dễ dàng hơntrong việc thực hiện mua và bán

PHỤ LỤC

DANH MỤC TÀI LIỆU THAM KHẢO