Đề tài xây dựng website bán quần áo lớp phát triển úng dụng web+btl

ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN QUẦN ÁOLỜI MỞ ĐẦU Ngày nay trước sự phát triển của khoa học kỹ thuật thì việc ứng dụng công nghệ vào cuộc sống thật sự rất quan trọng và hữu ích không chỉ đe

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC MỎ - ĐỊA CHẤT

*** BÁO CÁO: BÀI TẬP LỚN PHÁT TRIỂN ÚNG DỤNG WEB+BTL

HỌC PHẦN: 7080116

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

-Lớp: PHÁT TRIỂN ÚNG DỤNG WEB+BTL

Nhóm:21

Giáo viên: Ngô Thị Phương Thảo

Sinh viên thực hiện: Trần Thị Hồng

Msv: 2121051484

Hà Nội, 01/2024

LỜI MỞ ĐẦU

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI

1.Giới thiệu đề tài

1.1 Tên đề tài

1.2Giới thiệu đề tài

1.3 Lý do chọn đề tài

CHƯƠNG 2:CƠ SỞ LÝ THUYẾT

2.1Visual studio code

2.2 Giới thiệu PHP

2.3 XAMPP

2.4 Giới thiệu HTML,CSS và JavaScript

CHƯƠNG 3:PHÂN TÍCH VÀ THIẾT KẾ WEBSITE 10

3.1 Phân tích và thiết kế chức năng 10

CHƯƠNG 4: THIẾT KẾ GIAO DIỆN 11

4.1 Giao diện người quản trị 11

4.1.1Giao diện trang chủ 11

4.1.2 Giao diện quản lý khách hàng 13

4.1.3 Giao diện quản lý sản phẩm 14

4.2 Giao diện của khách hàng 15

4.2.1 Giao diện trang chủ 15

4.2.2Giao diện đăng nhập 16

4.2.3 Giao diện đăng ký 16

4.2.4 Giao diện giỏ hàng 18

4.2.5 Giao diện chi tiết sản phẩm 18

KẾT LUẬN 22

2

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

LỜI MỞ ĐẦU

Ngày nay trước sự phát triển của khoa học kỹ thuật thì việc ứng dụng công nghệ vào cuộc sống thật sự rất quan trọng và hữu ích không chỉ đem lại hiệu quả cao trong công việc mà còn góp phần to lớn cho sự nghiệp phát triển của con người của cộng đồng và của đất nước Hiện tại như chúng ta thấy đa số các ngành nghề phổ biến trong xã hội đều ứng dụng công nghệ - kỹ thuật vào vừa tạo được nâng suất cao

mà còn giảm thiểu được thời gian làm việc đem lại thu nhập cao góp phần đẩy mạnh

sự phát triển kinh tế và một trong số đó thì lĩnh vực quản lý thực sự giúp ích rất nhiều cho con người, việc áp dụng quản lý và mua bán bằng máy tính thay cho việc quản lý

và mua bán bằng thủ công ở các doanh nghiệp, công ty, cá nhân… là rất cần thiết

Trong hoạt động sản xuất, kinh doanh, thương mại điện tử đã khẳng dịnh được vai trò 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 hay shop, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của khách hàng thực sự cần thiết

Vì vậy mà em đã thực hiện bài tập “XÂY DỰNG WEBSITE BÁN QUẦN ÁO” với mong muốn giúp cho khách hàng có thể xem và mua sắm online ngay tại nhà giảm thiểu được thời gian và công sức khi đến tận cửa hàng

Phần mềm được xây dựng với mục dích giúp cho việc mua sắm được

dễ dàng và nhanh gọn hơn, không mất thời gian và công sức

Vì khả năng và thời gian còn hạn chế nên bài tiểu luận không tránh khỏi có những thiếu sót nhất định, rất mong sự góp ý của cô và các bạn để bài tiểu luận của em được hoàn thiện hơn Xin chân thành cảm ơn

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI

1.Giới thiệu đề tài

1.1 Tên đề tài

Đề tài “XÂY DỰNG WEBSITE BÁN QUẦN ÁO”

1.2Giới thiệu đề tài

Việc kinh doanh mua bán là nhu cầu không thể thiếu 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 đế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 năng suất cao với nhiều mẫu mã đa dạng và hớp túi tiền của khách hàng vì vậy thương mại điện tử đã ra đời và phát triển mạnh 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ó 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 tình hình trên em tiến hành thiết kế trang web bán hàng online để mong sao giúp cho các cửa hàng phát triển hơn, giúp quản lý cửa hàng 1 cách dễ dàng hơn mà vẫn đạt hiệu quả như mong đợi

1.3 Lý do chọn đề tài

Thị trường thời trang và quần áo rộng lớn với tiềm năng tăng trưởng đáng

kể, đặc biệt là trong lĩnh vực mua sắm trực tuyến Việc này mang lại cơ hội kinh doanh lớn và tiềm năng thu hút đối tượng khách hàng đa dạng

4

CHƯƠNG 2:CƠ SỞ LÝ THUYẾT

2.1Visual studio code

Visual studio là một phần mềm hỗ trợ đắc lực hỗ trợ công việc lập trình website Công cụ này được tạo lên và thuộc quyền sở hữu của ông lớn công nghệ Microsoft Năm 1997, phần mềm lập trình nay có tên mã Project Boston Nhưng sau đó, Microsoft đã kết hợp các công cụ phát triển, đóng gói thành sản phẩm duy nhất

Visual Studio là hệ thống tập hợp tất cả những gì liên quan tới phát triển ứng dụng, bao gồm trình chỉnh sửa mã, trình thiết kế, gỡ lỗi Tức là, bạn có thể viết code, sửa lỗi, chỉnh sửa thiết kế ứng dụng dễ dàng chỉ với 1 phần mềm Visual Studio mà thôi Không dừng lại ở đó, người dùng còn có thể thiết kế giao diện, trải nghiệm trong Visual Studio như khi phát triển ứng dụng Xamarin, UWP bằng XAML hay Blend vậy

2.2 Giới thiệu PHP

PHP được viết đầy đủ là Hypertext Preprocessor - Một ngôn ngữ mã nguồn mở, được ứng dụng rộng rãi để phát triển ứng dụng web động và website tương tác Có nghĩa là nó có thể được sử dụng, chỉnh sửa và phân phối một cách miền phí Nó được thiết kế đặc biệt để tích hợp vào mã HTML giúp tạo ra nội dung động trên các trang web

- Ưu điểm

Ngôn ngữ lập trình PHP là một ngôn ngữ dễ học, dễ viết nó không áp dụng các quy tắc cứng nhắc vào việc xây dựng tính năng nên bạn có thể linh hoạt giải quyết các vấn đề với các phương pháp khác nhau Ngoài ra, PHP là ngôn ngữ thông dịch do vậy bạn vẫn có thể biên dịch và chạy chương trình cho đến khi gặp phải vấn đề So với các ngôn ngữ khác thì học PHP nhanh hơn Khi tìm hiểu về PHP bạn có thể tìm được rất nhiều tài liệu tham khảo Bên cạnh đó là cộng đồng lập trình viên PHP rất đông đảo nên học PHP bạn yên tâm vì sẽ có rất nhiều người hỗ trợ bạn

-Nhược điểm

Bên cạnh những ưu điểm thì PHP cũng có nhiều nhược điểm riêng của nó Nhược điểm lớn nhất là khả năng dễ dàng bị sao chép code và hack code làm cho các dự án PHP có độ an toàn không cao như các ngôn ngữ lập trình khác Nếu bạn học C# hay Java bạn có thể làm web, ứng dụng điện thoại, phần mềm… nhưng với PHP thì bạn chỉ có thể làm web và các ứng dụng web 2.3 XAMPP

XAMPP là cụm từ viết tắt trong đó X là viết tắt của Cross-Platform, A là viết tắt của Apache, M là viết tắt của MYSQL và PP là viết tắt của PHP và Perl

Nó là một gói giải pháp web mã nguồn mở bao gồm các bản phân phối Apache và các tệp thực thi dòng lệnh cho nhiều máy chủ, bao gồm các module như Apache server, MariaDB, PHP, và Perl

6

XAMPP giúp localhost hoặc máy chủ kiểm tra các trang web trên máy tính và máy tính xách tay trước khi xuất bản lên hosting Đây là một nền tảng cung cấp môi trường phù hợp để kiểm tra và giám sát hoạt động của các dự án dựa trên Apache, Perl, MySQL database và PHP thông qua hệ thống được lưu trữ riêng Trong sốcác công nghệ này, Perl là ngôn ngữ lập trình lĩnh vực quản trị

hệ thống, PHP là back-end website và MariaDB là cơ sở dữ liệu được sử dụngđể phát triển MySQL

2.4 Giới thiệu HTML,CSS và JavaScript

 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

HTML là ngôn ngữ mặc định của các trang web và tài liệu dựa trên web Nó giúp trình duyệt hiểu cấu trúc và kiểu của tài liệu hoặc tệp đã xem qua trên internet Nó cho phép các trang web của bạn lưu trữ âm thanh, video, bảng tính và các ứng dụng khác Nó cũng tạo điều kiện điều hướng trong các trang web hoặc giữa các trang web thông qua siêu văn bản

Hơn nữa, người làm website có thể sử dụng HTML để thiết kế các biểu mẫu đặt mua sản phẩm, đặt chỗ hoặc tìm kiếm thông tin Do đó, HTML là khối xây dựng cơ bản để xây dựng thương hiệu của bạn và điều hành trang web thương mại điện tử hoặc doanh nghiệp dựa trên đăng ký trực tuyến

 CSS

CSS là viết tắt của Cascading Style Sheets, là một ngôn ngữ thiết kế được sử dụng nhằm mục đích đơn giản hóa quá trình tạo nên một website CSS được

ra mắt vào năm 1996 bởi World Wide Web Consortium (W3C)

8

CSS xử lý một phần giao diện của trang web Sử dụng CSS, bạn có thể kiểm soát màu sắc của văn bản, kiểu phông chữ, khoảng cách giữa các đoạn văn, cách các cột được đặt kích thước và bố cục, hình ảnh hoặc màu nền nào được

sử dụng, thiết kế bố cục, các biến thể hiển thị cho các thiết bị và kích thước màn hình khác nhau cũng như hàng loạt các hiệu ứng khác

 JavaScript

JavaScript là ngôn ngữ lập trình website phổ biến hiện nay, nó được tích hợp

và nhúng vào HTML giúp website trở nên sống động hơn JavaScript đóng vai trò như là một phần của trang web, thực thi cho phép Client-side script từ phía người dùng cũng như phía máy chủ (Nodejs) tạo ra các trang web động

JavaScript là một ngôn ngữ lập trình thông dịch với khả năng hướng đến đối tượng Là một trong 3 ngôn ngữ chính trong lập trình web và có mối liên hệ lẫn nhau để xây dựng một website sống động, chuyên nghiệp

CHƯƠNG 3:PHÂN TÍCH VÀ THIẾT KẾ WEBSITE

3.1 Phân tích và thiết kế chức năng

 Các trang trong website

phẩm sale của cửa hàng

nữ Khách hàng có thể tìm kiếm sản phẩm bằng cách xem chi tiết sản phẩm đó VD: size, màu, chất liệu, giá cả,

nam Khách hàng có thể tìm kiếm sản phẩm bằng cách xem chi tiết sản phẩm đó VD: size, màu, chất liệu, giá cả,

• Trang thông tin sản phẩm: trang này khách hàng có thể xem một số hình ảnh khác của sản phẩm đó, khách hàng có thể đặt hàng hoặc thêm vào giỏ hàng tại đây

 Nội dung của từng đối tượng

thiệu liên quan

trang liên kết khác

các link dẫn tới các trang liên kết khác

10

CHƯƠNG 4: THIẾT KẾ GIAO DIỆN

4.1 Giao diện người quản trị

4.1.1Giao diện trang chủ

4.1.2 Giao diện quản lý khách hàng

13

4.1.3 Giao diện quản lý sản phẩm

4.2 Giao diện của khách hàng

4.2.1 Giao diện trang chủ

15

4.2.2Giao diện đăng nhập

Khách hàng có thể đăng nhập vào trang chủ cửa hàng bằng tài khoản đã có của mình để mua sắm tại cửa hàng

4.2.3 Giao diện đăng ký

Ảnh code:

4.2.4 Giao diện giỏ hàng

4.2.5 Giao diện chi tiết sản phẩm

18

KẾT LUẬN

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

Sau thời gian thực hiện đề tài, chương trình đã hoàn thành và đạt được một số kết quả sau:

- Hiểu rõ quy trình bán quần áo trực tuyến

- Xây dựng thành công website bán quần áo đáp ứng nhu cầu đặt ra của người tiêu dùng

- Tìm hiểu và nắm khá rõ về các công cụ để xây dựng website như PHP,HTML,CSS,Javascript,XAMPP, Visual Studio Code

- Giao diện của chương trình thân thiện, dễ sử dụng,

- Website đã giúp người dùng tiết kiệm thời gian, công sức để có được một sản phẩm ưng ý Dễ dàng quản lý thông tin chi tiết người dùng, các thông tin về sản phẩm và những đơn hàng của người mua sản phẩm từ đó sẽ thuận tiện cho việc thanh toán và giao hàng

- Thực hiện kiểm thử phần mềm ở mức độ lập trình

2 Những điểm chưa làm được

- Chưa thể cập nhật hết được tất cả những sản phẩm hiện đang có mặt trên thị trường Vì website khá rộng nên chưa thiết kế hoàn chỉnh được

- Website chưa được thử nghiệm trên mạng Internet

3 Hướng phát triển của đề tài

Với nỗ lực của bản thân, em đã cố gắng hoàn thành yêu cầu đề tài Do thời gian và năng lực có hạn nên website của em chỉ đi sâu vào chức năng bán sản phẩm Cung cấp đầy đủ những mặt hàng hiện đang có trên thị trường với giá cả hợp lý, phải chăng