Báo Cáo Môn Học Thiết Kế Web.pdf

LỜI CẢM ƠNTrong suốt thời gian học tập, nghiên cứu đề tài “Thiết kế Website cửa hàng bán giày “, em đã nhận được sự giúp đỡ, chỉ bảo nhiệt tình của cô Nguyễn Ngọc Huyền Trân để hoàn thàn

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

VÀ TRUYỀN THÔNG VIỆT - HÀN

KHOA KHOA HỌC MÁY TÍNH

BÁO CÁO MÔN HỌC THIẾT KẾ WEB

Sinh viên thực hiện : Văn Đình Thiên Phong

viên :

21IT636

Lớp

:

21IT5

Giảng viên hướng

dẫn :

Ths.Nguyễn Ngọc Huyền Trân

Đà Nẵng, ngày 28 tháng 6 năm 2022

LỜI CẢM ƠN

Trong suốt thời gian học tập, nghiên cứu đề tài “Thiết kế Website cửa hàng bán giày “, em đã nhận được sự giúp đỡ, chỉ bảo nhiệt tình của cô Nguyễn Ngọc Huyền Trân để hoàn thành đồ án này Để có được bài đồ án như này, em xin được bày tỏ lòng biết ơn chân thành và sâu sắc nhất tới cô Nhờ những sự chỉ bảo hướng dẫn quý giá đó

mà trong suốt quá trình triển khai, nghiên cứu và hoàn thành đề tài được giao một cách tốt nhất

Em xin gởi lời cảm ơn chân thành đến các Thầy Cô giáo của khoa CNTT trường Đại Học CNTT và Truyền Thông Việt_ Hàn đã trực tiếp và gián tiếp giảng dạy truyền đạt những kiến thức khoa học chuyên ngành bổ ích cho bản thân chúng em trong những năm tháng qua

Em xin gởi tới nhà trường lời cảm tạ sâu sắc nhất vì đã tạo mọi điều kiện thuận lợi giúp chúng em có thể phát huy hết khả năng của mình để tạo ra những trang web ý nghĩa, thiết thực giúp cho người dùng trong công việc và cuộc sống

Em cũng xin cảm ơn bạn bè, anh chị đã tận tình chỉ bảo, giúp đỡ em trong quá trình hoàn thành bài tiểu luận, tạo cho em hiểu thêm về những kiến thưc thực tế Mặc dù đã vận dụng tất cả kiến thức đã được học tập và kinh nghiệm thực tế từ bản thân để hoàn thành đề tài này, song kiến thức bản thân còn hạn hẹp nên khó tránh những mặt hạn chế và còn nhiều thiếu sót Chúng em rất mong nhận được ý kiến đóng góp và sự chỉ dẫn của các thầy cô giáo

Trân trọng, Đà Nẵng, Ngày 31 tháng 05 năm 2022

NHẬN XÉT (Của giảng viên hướng dẫn)

Giảng viên hướng dẫn

Ths Nguyễn Ngọc Huyền Trân

MỤC LỤC

CHƯƠNG 1 GIỚI THIỆU 6

1.1 Tổng quan 6

1.2 Lý do chọn đề tài 7

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

CHƯƠNG 2 NGHIÊN CỨU TỔNG QUAN 9

2.1 Ngôn ngữ sử dụng 9

2.1.1 HTML 9

2.1.2 CSS 9

2.1.3 Javascript 9

2.2 Yêu cầu hệ thống 9

2.2.1 Chức năng 9

2.2.2 Yêu cầu cụ thể 10

CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG 11

3.1 Tổng quan của hệ thống nghiên cứu 11

3.2 Xây dựng trang web 11

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

3.3 Về mặt lý thuyết 14

3.4 Về mặt hạn chế 14

3.5 Hướng phát triển trong tương lai 14

TÀI LIỆU THAM KHẢO 15

DANH MỤC CÁC HÌNH

Hình 1 1 Mô hnh xử lý database – tìm kiếm 12

Hình 1 2 : Mô hình đăng ký và đăng nhập 13

Hình 1 3 Sơ đồ phân cấp chức năng khách hàng 13

Hình 1 4: Sơ đồ phân cấp chức năng quản lý 14

Hình 1 5: Form đăng nhập 14

Hình 1 6: Sản Phẩm 15

Hình 1 7 : Footer 15

Hình 1 8: Trang Admin 16

DANH MỤC CỤM TỪ VIẾT TẮT

CHƯƠNG 1 GIỚI THIỆU 1.1 Tổng quan

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 nay việc giới thiệu sản phẩm kinh doanh đến từng cá nhân với chi phí thấp, 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 dùng 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 và người dùng Mặt khác cửa hàng còn gặp nhiều khó khăn như chưa quản lý được người dùng, thông tin nhà sản xuất, cập nhật giá sản phẩm, quản lý sản phẩm Nắm bắt được tình hình em tiến hành thiết kế trang web tua bán hàng online để tìm sự 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 Lý do chọn đề tài

Trong sự phát triển không ngừng của xã hội thì nhu cầu của con người về cuộc sống ngày càng cao Từ ý nghĩa thực tế đó mà đã nảy sinh ra nhiều loại hình dịch vụ để phần nào đáp ứng được những nhu cầu thiết yếu của con người Các dịch vụ đó đa dạng về nhiều mặt với nhiều cách đáp ứng khác nhau

Và một loại hình dịch vụ khá phổ biến hiện nay đó là bán hàng qua mạng 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 rộng và sâu Máy tính điện tử không còn là một thứ phương tiện quý hiếm mà đang ngày càng trở thành một công cụ làm việc và giải 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 công cụ không thể thiếu, là nền tảng để truyền tải, trao đổi thông tin trên 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ử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao đời sống con người, Trong hoạt động sản xuất, kinh doanh, 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 đá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, em đã thực hiện đề tài “Xây dựng và phát triển Website bán giày thể thao” 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 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

1.3 Cấu trúc đồ án

Sau phần Mở đầu, báo cáo được trình bày trong ba chương, cụ thể như sau: Chương 1 GIỚI THIỆU: Trong chương này, báo cáo trình bày các khái niệm, đặc điểm

Chương 2 NGHIÊN CỨU TỔNG QUAN

Chương 3 THIẾT KẾ HỆ THỐNG VÀ XÂY DỰNG

Chương 4 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

Cuối cùng là tài liệu tham khảo

CHƯƠNG 2 NGHIÊN CỨU TỔNG QUAN 2.1 Ngôn ngữ sử dụng

2.1.1 HTML

HTML là viết tắt của cụm từ Hypertext Markup Language (tạm dịch là Ngôn ngữ đánh dấu siêu văn bản) HTML được sử dụng để tạo và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn văn, heading, titles, blockquotes… và HTML không phải là ngôn ngữ lập trình

2.1.2 CSS

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML) Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng, …thì CSS sẽ giúp chúng ta có thể thêm style vào các phần tử HTML đó như đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc…

2.1.3 Javascript

JavaScript là một ngôn ngữ lập trình website, được tích hợp và nhúng trong HTML giúp website sống động hơn JavaScript cho phép kiểm soát các hành vi của trang web tốt hơn so với khi chỉ sử dụng mỗi HTML Vậy ứng dụng thực tiễn của JavaScript là gì? Các slideshow, pop-up quảng cáo và tính năng autocomplete của Google là những ví dụ dễ thấy nhất cho bạn, chúng đều được viết bằng JavaScript

2.2 Yêu cầu hệ thống

- Tên đề tài: “Xây dựng Website cửa hàng bán giày”

2.2.1 Chức năng

- Hiển thị thông tin về các loại mặt hàng thời trang giúp khách

hàng tìm

- Hiển thị thông tin thông tin chi tiết về sản phẩm như: hình ảnh, thông số sản phẩm, thời gian đã qua sử dụng, giá thành của sản phẩm đó

- Hiển thị thị nút thêm vào giỏ hàng và nút mua hàng ngay tại thời điểm đó

- Cung cấp những thông tin liên lạc với người bán

- Trang admin quản lý các sản phẩm, thống kê doanh thu…

2.2.2 Yêu cầu cụ thể

- Đối với khách hàng: Bên cạnh những chức năng chủ yếu như thông tin hình ảnh của sản phẩm trang web phải được thiết kế với ngôn ngữ ngắn gọn, truyền đạt dễ hiểu, dễ dàng thao tác, trực quan và cô đọng Song song với đó là đảm bảo website luôn được cập nhật thường xuyên, có

sự đổi mới trong giao diện và nội dung truyền tải

- Giao diện admin:

 Giao diện đơn giản, dễ quản lý

 Hiển thị được tất cả các danh mục quản lý

 Phải được bảo vệ bằng tài khoản và mật khẩu riêng của nhà quản lý

- Giao diện người dùng:

 Website có giao diện ưa nhìn, có sự bố trí và phối hợp hài hòa giữa các màu sắc và các thành phần trên trang web

 Có sử dụng CSS để giao diện trở nên đẹp hơn

3.1 Tổng quan của hệ thống nghiên cứu

- Trong quá trình thực hiện, tìm hiểu và xây dựng hướng phát

triển cho hệ thống, chúng em đã phát triển lên mô hình phân tích thiết kế hệ thống cho website “Cửa hàng bán giày”

+ Mô hình xử lý database – tìm kiếm (chưa phát triển)

+ Mô hình đăng ký và đăng nhập (chưa phát triển)

+ Sơ đồ phân cấp chức năng quản trị viên (chưa phát triển)

+ Sơ đồ phân cấp chức năng khách hàng (chưa phát triển)

+ Mô hình gửi – tiếp nhận mail đóng góp ý kiến (chưa phát triển)

3.2 Xây dựng trang web

- Đăng ký, đăng nhập

Trang web chức năng đăng nhập đối với cả admin và người dùng, trước khi

có tài khoản và mật khẩu để đăng nhập thì phải thông qua bước đăng ký tài khoản

Hình 1 1: Form đăng nhập

- Sản phẩm

Những sản phẩm admin đăng bài lên đều được hiển thị trong mục này, bao gồm cả những sản phẩm đang được ưu đãi

Hình 1 2: Sản Phẩm.

- Footer

Liên hệ: giúp người dùng có những vấn đề thắc mắc cần trao đổi có thể vào mục để liên hệ với admin Bằng những cách gửi tin nhắn trực tuyến, trực tiếp đến cửa hàng với địa chỉ cụ thể

Hình 1 3 : Footer.

- Trang admin

Hình 1 4: Trang Admin.

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 3.3 Về mặt lý thuyết.

 Nắm được kiến thức về html, css, javascript

 Xây dựng được website cửa hàng bán giày

 Nâng cao khả năng tự tìm hiểu, nghiên cứu

 Nâng cao khả năng làm việc theo nhóm

3.4 Về mặt hạn chế.

 Các tính năng, công dụng chưa được hoàn thiện

 Cơ sở dữ liệu chưa hoàn thiện

 Trang web còn chưa hoàn thiện về mặt thẩm mỹ

 Chưa có tính chuyên môn cao

3.5 Hướng phát triển trong tương lai.

 Nâng cấp, cập nhật trang web theo hướng hiện đại nhất

 Bổ sung một số công nghệ để hoàn thiện trang web

 Hoàn thiện cơ sở dữ liệu cho trang web

 Sửa chữa và khôi phục những sự cố khi trang web gặp vấn đề

TÀI LIỆU THAM KHẢO

JavaScript Tutorial (w3schools.com) W3Schools Online Web Tutorials