ĐỒ ÁN CƠ SỞ 1ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN QUẦN ÁONAM NỮ

MẪU ĐỒ ÁN KHOÁ LUẬN TỐT NGHIỆP ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI XÂY DỰNG WEBSITE BÁN QUẦN ÁO NAM NỮ Sinh viên thực hiện LÊ VĂN HIỂU Lớp 19IT2 NGUYỄN VĂN HI[.]

ĐẠI HỌC ĐÀ NẴNG

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN QUẦN ÁO

NAM NỮ

Sinh viên thực hiện : LÊ VĂN HIỂU Lớp: 19IT2

NGUYỄN VĂN HINH Lớp: 19IT2

Giảng viên hướng dẫn : ThS HÀ THỊ MINH PHƯƠNG

Đà nẵng, ngày 28 tháng 07 năm 2020

ĐẠI HỌC ĐÀ NẴNG

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN QUẦN ÁO

NAM NỮ

Đà Nẵng, ngày 28 tháng 7 năm 2020

MỞ ĐẦU

Ngày nay, công nghệ thông tin đã có những bước phát triển mạnh mẽ theo cả chiều sâu và rộng Máy tính điện tử không còn là một phương tiện quý hiếm mà đang càng ngày càng trở thành một công cụ làm việc và giả trí thông dụng của con người, không chỉ ở nơi làm việc mà còn ngay cả trong gia đình Đặc biệt là công nghệ thông tin được áp dụng trên mọi lĩnh vực kinh tế, chính trị, xã hội Ứng dụng công nghệ thông tin và tin học hóa được xem là một trong yếu tố mang tính quyết định trong hoạt động của quốc gia, tổ chức và trong cả các cửa hàng Nó đóng vai trò hết sức quan trọng và có thể tạo nên bước đột phá mạnh mẽ

Mạng INTERNET là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một phần không thể thiếu, là nên tảng để truyền tải, trao đổi thông tin toàn cầu Bằng INTERNET, chúng ta đã thực hiên được những công việc với tốc độ nhanh hơn,chi phí thấp hơn nhiều so với cách thức truyền thống Chính điều này, đã thúc đẩy sự khai sinh và phát triển của thương mại điện tử đã khẳng định được xúc tiến và thúc đẩy sự phát triển của doanh nghiệp Đối với một cửa hàng việc quảng bá

và giới thiệu sản phẩm đến khách hàng giúp đáp ứng nhu cầu mua sắm ngày càng cao của khách hàng sẽ là cần thiết vì vây, nhóm chúng em đã thực hiện đề tài “Xây dựng website bán quần áo nam nữ” Cửa hàng có thể đưa các sản phẩm lên website của mình và quản lý website đó, khách hàng có thể đặt mua, mua hàng của cửa hàng mà không cần đến cửa hàng, cửa hàng sẽ gửi các sản phẩm đến tận tay khách hàng Website là nơi cửa hàng quảng bá tốt nhất tất cả các sản phẩm mình bán ra

LỜI CẢM ƠN

Để thực hiện và hoàn thành tốt đồ án này, em đã nhận được sự giúp đỡ và hướng dẫn rất tận tình của các thầy cô thuộc Khoa Công nghệ Thông tin Và Truyền thông – Đại học Đà Nẵng Em xin cảm ơn các thầy cô thuộc bộ môn chuyên ngành đã cung cấp cho chúng em các thông tin, kiến thức vô cùng quý báu và cần thiết trong suốt thời gian quá để em có thể thực hiện và hoàn thành đồ

án của mình Đặc biệt em xin chân thành cảm ơn thành cô Hà Thị Minh Phương người đã trực tiếp hướng dẫn chúng em trong thời gian thực hiện đồ án này

Cuối cùng, xin chân thành cảm ơn các bạn trong ngành công nghệ thông tin đã ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm và tài liệu có được giúp chúng tôi trong quá trình nghiên cứu và thực hiện đề tài

Do giới hạn về mặt thời gian và kiến thức cũng như kinh nghiệm thực tiễn nên đề tài không tránh khỏi những sai xót Em rất mong nhận được sự thông cảm của quý thầy cô và mong đón nhận những góp ý của thầy cô và các bạn

Em xin chân thành cảm ơn!

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

Đà Nẵng, ngày 28 tháng 07 năm 2020

Giảng Viên Hướng Dẫn

ThS HÀ THỊ MINH PHƯƠNG

MỤC LỤC

Trang

MỞ ĐẦU 1

Chương 1: 8

GIỚI THIỆU 8

1.1Giới thiệu đề tài: 8

1.2 Phương pháp thực hiện: 8

1.3 Cấu trúc đồ án: 9

Chương 2: 10

NGHIÊN CỨU TỔNG QUAN 10

2.1 Phân tích chức năng 10

2.2 Các công cụ hỗ trợ thực hiện thiết kế website 10

2.3 Phân tích và thiết kế hệ thống 10

Chương 3 : 11

GIỚI THIỆU VỀ WEBSITE 11

3.1 Tên website : 11

3.2 Logo của website: 11

3.3 Cấu trúc website: 11

3.4 Chi tiết : 12

3.4.1 Trang chủ 12

3.4.2 Trang giới thiệu 12

3.4.3 Thời trang nam/nữ 13

3.4.4 Trang đăng nhập/đăng ký 14

3.4.5 Form giỏ hàng, đặt hàng: 14

Chương 4: 16

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 16

1 Kết quả: 16

2 Hướng phát triển: 16

MỤC LỤC HÌNH ẢNH

Hình 1 Logo 11

Hình 2 Trang chủ 12

Hình 3 Giới thiệu 12

Hình 4Thời trang nam 13

Hình 5 Thời trang nữ 13

Hình 6 Đăng nhập/đăng kí 14

Hình 7 Giỏ hàng 14

Hình 8 Đặt hàng 15

Chương 1:

GIỚI THIỆU

1.1 Giới thiệu đề tài:

Việc kinh doanh – mua bán là nhu cầu không thể thiếu đối với mỗi chúng

ta Trong thời đại cạnh tranh hiện này việc giới thiệu sản phẩm kinh doanh đến từng cá nhân với chi phí thaapsm hiệu quả cao là một vấn đề nan giải của người kinh doanh cùng với nhu cầu mua sắm với những sản phẩm đa chủng loại, đạt chất lượng, và hợp túi tiền của người tiêu dung vì vậy thương mại điện tử đã được ra đời và dần dần phát triển trên toàn thế giới

Việc phổ biến các sản phẩm của cửa hàng kinh doanh đến khách hàng thông qua các bảng báo giá tuy nhiên chi phí khá cao vì số lượng sản phẩm ngày một đa dạng và giá cả thay đổi liên tục và tính phổ biến không cao chưa đáp ứng được nhu cầu người dùng Mặt khác cửa hàng còn gặp nhiều khó khan như chưa quản lí dc người dùng, thông tin nhà sản xuất, cập nhật giá cả sản phẩm, quản lý sản phẩm… Nắm bắt được tình hình trên nhóm chúng em tiến hành thiết kế trang web mua bán hàng online để mong sao giúp cho các cửa hàng phát triển nhanh hơn, giúp cho chủ cửa hàng có thể quản lý cửa hàng của mình một cách tốt hơn

1.2 Phương pháp thực hiện:

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

+ Xác định đối tượng khách hàng là ai?

+ Website có mục đích gì?

+ Xác định rõ các chủ đề chính của website là gì?

+ Thiết lập các khối thông tin chính mà website sẽ cung cấp

- Dựa trên các mục tiêu cụ thể để tìm kiếm thông tin sử dụng, thiết kế giao diện phù hợp

- Sau đó xây dựng website sử dụng ngôn ngữ HTML, thư viện Boostrap, JavaScript, sử dụng một số công cụ để lập trình như Sublime Text, …

1.3 Cấu trúc đồ án:

- Nghiên cứu tổng quan

- Phân tích thiết kế website

- Triển khai xây dựng

- Kết luận và hướng phát triển

Chương 2:

NGHIÊN CỨU TỔNG QUAN 2.1 Phân tích chức năng

- Hiển thị danh sách các mặt hang thời trang theo từng loại: giày, nón, áo, quần

- Quản lý đơn đặt hàng

- Xử lí đơn hàng

- Thống kê khách hàng mua trong ngày, trong khoản thời gian

2.2 Các công cụ hỗ trợ thực hiện thiết kế website

Visual Studio Code

Ưu điểm của các phần mềm này là nó rất dễ để có thể cài đặt và sử dụng, tất cả đều được tối ưu cho ngôn ngữ HTML và các ngôn ngữ lập trình web Các phần mềm đều có trình kiểm tra chính tả, số dòng, tự động hoàn thành, xem trước trang và là công cụ soạn thảo văn bản và hình ảnh Và đều tối ưu cho hệ điều hành Windows

- Thư viện Bootstrap, JavaScript

- Photoshop CS6

- Responsive

2.3 Phân tích và thiết kế hệ thống

- Quản lý khách hàng : Mỗi khách hàng được quản lý các thông tin sau: họ tên, địa chỉ, số điện thoại, fax, email

- Quản lý hàng hoá: mã đồ, tên đồ, đơn giá, số lượng, hình ảnh, chi tiết,

- Quản lý nhà sản xuất: mã nguồn gốc, tên nhà sản xuất

- Quản lý tin tức: Mã tin tức, Tên tin tức, mục tin tức, chi tiết tin tức

- Xử lý được đơn hàng và thống kê

* Khách hàng: người lựa chọn mặt hàng để mua Khác với mua trực tiếp tại cửa hàng, ở đây khách hàng tự thao tác thông qua từng bước cụ thể để có thể mua đồ mình thích Trên mạng các mặt hàng được sắp xếp theo thứ tự dễ tìm kiếm

Chương 3 :

GIỚI THIỆU VỀ WEBSITE 3.1 Tên website :

Sau khi lên ý tưởng và tham khảo ý kiến của giáo viên hướng dẫn thì

chúng em quyết định đặt tên website là FASHION FOR LIFE Vừa đơn giản,

nhưng giúp người dùng có thể nhớ tên website và tìm kiếm một cách rất dễ dàng trên các công cụ tìm kiếm phổ biến

3.2 Logo của website:

Hình 1 Logo

Logo của website được thiết kế đơn giản với sắc màu khỏe khắn và đẹp

với điểm nhấn là một cặp nhẫn cưới tô điểm lên thêm phần sang trọng tinh tế Giúp người dùng ấn tượng với logo của trang, không bị hòa lẫn với những logo đầy màu sắc của các trang khác

3.3 Cấu trúc website:

Website gồm có các phần :

- Trang chủ

- Trang giới thiệu

- Thời trang nam

- Thời trang nữ

- Đăng nhập/Đăng ký

3.4 Chi tiết :

3.4.1 Trang chủ

Hình 2 Trang chủ

Ở trên là Trang chủ của website Trang chủ liên kết với tất cả những demo của các phần còn lại Bao gồm thông tin giới thiệu:Home, fashion, about, login Trang chủ giúp người dùng xem được tổng quan của trang web, và người dùng muốn xem chi tiết phần nào thì có thể chuyển tab rất dễ dàng

3.4.2 Trang giới thiệu

Hình 3 Giới thiệu

Trang này sẽ giới thiệu thông tin cửa hàng, cách thức làm việc của shop, qui

mô của shop cùng với các thông tin chi tiết để khách hàng đặt lòng tin ở cửa hàng

3.4.3 Thời trang nam/nữ

Hình 4Thời trang nam

Hình 5 Thời trang nữ

Trang thời trang giúp cho người dùng có thể dễ dàng lựa chọn cho mình một bộ quần áo ưng ý nhất với nhiều mẫu mã cùng với giá tiền đa dạng Có chức năng xem chi tiết sản phẩm, mua hàng và theme hàng vào giỏ

3.4.4 Trang đăng nhập/đăng ký

Hình 6 Đăng nhập/đăng kí

Form đăng nhập và đăng ký cho khách hàng đã có tài khoản và chưa có tài khoản Khi đăng nhập khách hàng được nhận thêm các ưu đãi khi mua hàng online

3.4.5 Form giỏ hàng, đặt hàng:

Hình 7 Giỏ hàng

Hình 8 Đặt hàng

Với form đặt hàng này khách hàng điền thông tin chi tiết của mình để shop gia hàng tận nơi, đảm bảo chất lượng theo đúng đơn đặt hàng

Chương 4:

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

1 Kết quả:

Trên cơ sở nghiên cứu về ngôn ngữ web và các ứng dụng lập trình Dưới

sự hướng dẫn của cô Hà Thị Minh Phương, chúng em đã thiết kế thành công được một trang web bán quần áo Tuy kết quả đạt được chưa cao,website còn nhiều điểm hạn chế chưa khắc phục được, nhưng đó cũng là bước khởi đầu để chúng em

có thể hướng tới một trang web hoàn thiện và có thể đi kinh doanh đươc Bên cạnh đó, trong quá trình xây dựng website demo, chúng em cũng đã học hỏi được rất nhiều, những kĩ thuật bootstrap, javascritp,css để có thể thiết kế được những trang web có chất lượng cao hơn sau này

Về trang web demo, sau khi chúng em lấy ý kiến của các giáo viên và các bạn trong khoa Trang web đạt được những kết quả khả quan, và có tiềm năng phát triển rất lớn trong tương lai

Chúng em mới là những sinh viên bước đầu học lập trình, nên trang web cũng không thể tránh khỏi những lỗi , những điểm chưa hợp lí, và đó là động lực

để chúng em có thể làm tốt hơn sau này

2 Hướng phát triển:

Có nhiều hướng phát triển cho trang web này, có thể phát triển rất nhiều mặt, kể cả về quảng bá trang web đến đông đảo người dùng có thể lựa chọn cho mình một nơi để chọn thời trang đẹp nhất trong sự kiện quan trọng nhất đời mình

xa hơn nữa hoặc có thể xây dựng luôn hệ thống website bán quần áo do chính chúng em phát triển Có thể xây dựng thêm những trang web đa ngôn ngữ, để bất

kì vị khách nào cũng có thể xem và hiểu được

Ngoài ra có thể phát triển trang web theo hướng đa dịch vụ, không chỉ dùng để bán quần áo, mà còn có thể quảng cáo cho các sản phẩm khác