báo cáo đề tài hệ thống công nghệ web đề tài website giới thiệu bán giày trực tuyến

Giới thiệu đề tài1.1 Mục đích - Giới thiệu tổng quan về website, nhu cầu thực tế như thế nào cho việc tạo ra website: Với sự phát triển mạnh mẽ của Internet và công nghệ thông tin, cùng

BÁO CÁO ĐỀ TÀI HỆ THỐNG CÔNG

NGHỆ WEB

ĐỀ TÀI: Website giới thiệu, bán giày trực tuyến

NGÀY ĐĂNG KÝ:10/4/2022

NGÀY NỘP:8/5/2022

GIÁO VIÊN HƯỚNG DẪN: Đặng Văn Thuận

ST

T

2

1

NHẬN XÉT

Chương 1 Giới thiệu đề tài 2

1.1 Mục đích 2

1.2 Cơ sở lý thuyết và các thông tin kỹ thuật 3

Chương 2 Phân tích ứng dụng 4

2.1 Layout 4

2.1.1 Trang index 4

2.1.2 Trang đăng kí 5

2.1.3 Trang đăng nhập 6

2.1.4 Trang giỏ 7

2.1.5 Trang chi tiết sản phẩm 8

2.2 Sitemap: 9

Chương 3: Xây dựng ứng dụng 11

3.1.1 Trang đăng nhập 11

3.1.2 Trang đăng kí 11

3.1.3 Trang chủ 12

3.1.4 Trang 2 13

3.1.5 Trang giỏ hàng 15

3.1.6 Trang chi tiết của giày 15

Chương 4 Kết luận – Hướng phát triển 16

4.1 Kết quả đạt được 16

4.2 Hạn chế của ứng dụng web 16

4.3 Hướng phát triển 16

Chương 5 TÀI LIỆU THAM KHẢO 17

5.1 Giáo trình – Sách 17

1

Chương 1 Giới thiệu đề tài

1.1 Mục đích

- Giới thiệu tổng quan về website, nhu cầu thực tế như thế nào cho việc tạo ra

website:

Với sự phát triển mạnh mẽ của Internet và công nghệ thông tin, cùng với

sự tăng trưởng đáng kể của ngành thương mại điện tử, việc có một trang web bán hàng đã trở thành một yếu tố không thể thiếu cho mỗi cá nhân hoặc doanh nghiệp Trang web bán hàng không chỉ giúp tăng cường hoạt động mua bán mà còn là một phương tiện quảng bá sản phẩm, thu hút được đông đảo khách hàng tiềm năng Vì vậy, không nên bỏ qua việc thiết kế một trang web bán hàng

Trang web bán giày, giúp cho cửa hàng mở rộng phạm vi kinh doanh từ cục bộ sang toàn cầu, thay vì chỉ kinh doanh trong khu vực địa phương Khách hàng có thể truy cập vào trang web để xem sản phẩm, lựa chọn và đặt hàng ngay trên trang web, tiết kiệm thời gian và nỗ lực so với việc phải tới cửa hàng trực tiếp để mua sản phẩm Trang web cung cấp các tính năng thuận tiện cho khách hàng như tìm kiếm nhanh chóng sản phẩm, lọc sản phẩm theo danh mục, đặt hàng trực tuyến và thanh toán trực tuyến Khách hàng cũng có thể để lại phản hồi về sản phẩm và dịch vụ để giúp cho cửa hàng có thể cải thiện chất lượng phục vụ của mình

- Mục đích chung của Website đối với từng đối tượng sử dụng

Thu hút thêm nhiều khách hàng

Sở hữu một website bán hàng giúp doanh nghiệp tiếp cận với nhiều khách hàng tiềm năng thông qua mạng internet Với khoảng 41 triệu người dùng internet chiếm gần 45% dân số cả nước, đặc biệt là những đối tượng trẻ có nhu cầu mua sắm cao, Việt Nam đang chứng kiến

sự phát triển mạnh mẽ của thương mại điện tử Khoảng một phần ba dân

số đang sử dụng internet để tìm kiếm thông tin về sản phẩm và dịch vụ

Vì vậy, sở hữu một website bán hàng giúp doanh nghiệp thu hút được lượng lớn khách hàng tiềm năng trên internet Nếu không có website, doanh nghiệp đã bỏ lỡ cơ hội kinh doanh và để cho đối thủ tiếp cận khách hàng của mình

Đẩy mạnh hoạt động bán hạng mọi lúc, mọi nơi

Có một trang web bán hàng sẽ đem lại lợi ích to lớn cho hoạt động bán hàng, cho phép khách hàng mua sắm mọi lúc, mọi nơi Với trang web này, chỉ cần khách hàng kết nối internet với thiết bị di động, họ có thể truy cập vào trang web bán hàng của bạn bất cứ khi nào Khách hàng không cần phải tới cửa hàng hoặc mua hàng trong giờ làm việc của cửa hàng, mà có thể mua hàng vào bất kỳ thời điểm

nào Điều này giúp tối đa hóa cơ hội bán hàng, thúc đẩy doanh thu và mang lại sự tiện lợi cho khách hàng, giúp họ hài lòng hơn

Giảm chi phí kinh doanh

Có một trang web bán hàng sẽ giúp bạn tiết kiệm đáng kể chi phí cho hoạt động kinh doanh Với trang web bán hàng, bạn không cần phải thuê một cửa hàng và có thể vẫn thực hiện hoạt động kinh doanh của mình Điều này sẽ giúp bạn tiết kiệm chi phí lớn cho việc thuê cửa hàng, kho chứa và nhân lực.

1.2 Cơ sở lý thuyết và các thông tin kỹ thuật

Sử dụng HTML, CSS, Boostrap

- Đây là những ngôn ngữ và kiến thức cần thiết để thiết kế nên 1 trang web

- Việc sử dụng Boostrap sẽ tiện lợi và dễ dàng hơn trong việc thiết kế 1 trang web

- Nguồn Boostrap:

https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/

bootstrap.bundle.min.js

Chương 2 Phân tích ứng dụng

2.1 Layout

2.1.1 Trang index

3

Header: Tên shop

Nav: Menu, đăng nhập, đăng kí, giỏ hàng, thanh tìm kiếm

Main: Giới thiệu các mẫu giày shop bán

Footer: Thông tin cửa hàng

2.1.2 Trang đăng kí

Header: Tên shop

Nav: Menu, đăng nhập, đăng kí, giỏ hàng, thanh tìm kiếm

Main: Điền thông tin vào form đăng kí

Footer: Thông tin cửa hàng

2.1.3 Trang đăng nhập

Header: Tên shop

Nav: Menu, đăng nhập, đăng kí, giỏ hàng, thanh tìm kiếm

Main: Điền thông tin vào form đăng nhập

Footer: Thông tin cửa hàng

2.1.4 Trang giỏ

5

Header: Tên shop

Menu: Menu, đăng nhập, đăng kí, giỏ hàng, thanh tìm kiếm

Main: Số sản phẩm đã mua và tổng tiền thanh toán

Footer: Thông tin cửa hàng

2.1.5 Trang chi tiết sản phẩm

Header: Tên shop Menu: Menu, đăng nhập, đăng kí, giỏ hàng, thanh tìm kiếm Main: Hình ảnh, thông tin chi tiết của giày

Footer: thông tin cửa hàng

2.2 Sitemap:

Sơ đồ về mốt quan hệ của các trang trong website

7

Chi tiết của từng

shop Trang chủ

Hướng dẫn chọn

size

Thanh toán Giỏ hàng

Đăng kí Đăng nhập

Chương 3: Xây dựng ứng dụng

3.1.1 Trang đăng nhập

3.1.2 Trang đăng kí

3.1.3 Trang chủ

11

3.1.4 Trang 2

3.1.5 Trang giỏ hàng

3.1.6 Trang chi tiết của giày

Chương 4 Kết luận – Hướng phát triển

4.1 Kết quả đạt được

Hoàn thành được 60% các chức năng của website như đã được đề lúc đầu

4.2 Hạn chế của ứng dụng web

Chỉ đang là web tĩnh, chưa có dữ liệu

Còn một số chức năng chưa hoàn thành được

Nội dung chưa được tốt

Chưa có một số chức năng như cập nhật giỏ hàng, thanh toán tiền, chỉnh sửa thông tin của người dùng…

4.3 Hướng phát triển

Sẽ cố gắng khắc phục và hoàn thành các mặt hạn chế trong thời gian tới

15

Chương 5 TÀI LIỆU THAM KHẢO

5.1 Giáo trình – Sách

Các slide hướng dẫn HTML, Javscript, CSS, Boostrap của giảng viên

Nguyễn Thị Hồng Lương

5.2 Website

Tên website tham khảo Nguồn

W3school https://www.w3school.com

Boostrap https://www.w3school.com

Một số code về website bán hàng https://sharecode.vn