Báo cáo đề tài xây dựng ứng dụng website shop bán quần áo

Một nhà sản xuất muốn quảng bá hình ảnh sản phẩm, thương hiệu của công ty mình, muốn được mọi người toàn thế giới biết đến là một việc rất khó khăn và chi phí quảng cáo lớn.. Sự phát tri

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

Nguyễn Văn Minh MSV: 20010876

Giảng viên: Vũ Văn Quang

Học phần: Xây dựng ứng dụng WEBSITE

-  &  Năm học 2021-2022

-Lời mở đầu

Nhân dân ta có câu “Phi thương bất phú”, nên buôn bán, kinh doan là một trong những con đường để trở nên giàu có Bên cạnh đó có rất nhiều lĩnh vực mà con người thực hiện kinh doanh, buôn bán Việc kinh doanh trao đổi buôn bán thường diễn ra tại các chợ, cửa hàng, trung tâm giao dịch Tại những nơi này hàng hóa hay bất kỳ một thứ

gì được trưng bày giới thiệu Người mua có thể xem xét, chọn mua hàng hóa Việc quảng bá sản phẩm thường được lựa chọn là quảng cáo trên đài phát thanh, truyền hình, các phương tiện truyền thông Những hình thức quảng báo cổ điển này có nhiều hạn chế, một là về không gian quảng bá Một nhà sản xuất muốn quảng bá hình ảnh sản phẩm, thương hiệu của công ty mình, muốn được mọi người toàn thế giới biết đến là một việc rất khó khăn và chi phí quảng cáo lớn Hai

là, người tiêu dùng hay khách hàng có liên quan khi muốn biết thông tin, mua bán sản phẩm lại cần thông qua nhiều bước trung gian, môi giới do đó mà chi phí tăng, gây khó khăn cho khách hàng.

Sự phát triển của công nghệ thông tin, đặc biệt là việc cho ra đời và phát triển của mạng Internet cùng với các website quảng cáo đã tạo ra một thời kỳ mới cho quảng cáo thương hiệu, quảng bá sản phẩm Khách hàng có thể ngồi tại nhà mình truy cập mạng Internet để xem thông tin, lựa chọn sản phẩm, đặt mua sản phẩm trên khắp thế giới, một điều mà trước đây chắc chắn chúng ta không thể làm được Nhà sản xuất tiết kiệm chi phí quảng cáo, người dùng cũng dễ dàng xem, chọn lựa tại bất kỳ đâu trên thế giới.

Theo xu hướng chung của thời đại, mọi lĩnh vực hoạt động kinh doanh đều dựa trên mạng Internet đều phát triển do đó sự giới thiệu quảng cáo mình trên mạng có ý nghĩa to lớn đối với các đối tượng muốn được nhiều người biết đến, muốn được quảng bá thong tin trên mạng Việc quảng cáo làm cho hiệu quả kinh doanh của cá nhân tập thể được nâng cao Hiện nay trên mạng Internet việc giới thiệu quảng cáo đang trở thành phổ biến và là điều không thể thiếu Với những nhu cầu to lớn và sự tiện lợi của việc quảng cáo trên mạng, các trang web quảng cáo đang được xây dựng rất nhiều nhắm phục vụ cho nhu cầu đó Tuy nhiên với mỗi trang web kinh doanh quảng cáo đều có

những hình thức quảng bá khác nhau nhưng luôn nhằm một mục đích

là giới thiệu cho người đọc một cách tốt nhất các thong tin cần thiết Tại Việt Nam những hình thức quảng cáo trên website, các báo điện

tử, các quảng cáo qua email, qua tin nhắn điện thoại hay còn gọi là quảng cáo trực tuyến đã có mặt khoảng 7 năm trở lại đay Đến nay, mặc dù còn chưa được được đánh giá cao về hiệu quả quảng bá, song người ta vẫn kỳ vọng phương thức này sẽ nhanh chóng rút ngắn khoảng cách với quảng cáo truyền thống, quảng cáo truyền hình để trở thành một ngành kinh doanh mang lại lợi nhuận lớn tại Việt Nam Thời trang luôn gắn liền với cuộc sống, những mẫu thiết kế độc đáo, những kiểu cách lạ mắt luôn được xuất hiện hàng năm, nó luôn thu hút được sự chú ý của mọi người mỗi khi bắt đầu sang mùa thu, hè, đông, xuân là một nhu cầu không thể thiểu với những bạn trẻ đam

mê thời trang Từ đó em đã nảy ra ý tưởng xây dựng 1 website bán quần áo online cho tất cả mọi người Với những lý do trên, cộng với những kiến thức tích lũy được trong thời gian học tập cũng như trên thực tế, và được sự hướng dẫn của thầy giáo - em đã lựa chọn đề tài

“XÂY DỰNG WEBSITE BÁN QUẦN ÁO”.

Lời cảm ơn

Nhóm chúng em xin gửi lời cảm ơn đến thầy Vũ Văn Quang, người

đã hướng dẫn em rất nhiều trong suốt quá trình tìm hiểu nghiên cứu

và hoàn thành khóa luận này từ lý thuyết đến ứng dụng Sự hướng dẫn của thầy đã giúp em có thêm những kiến thức về lập trình web Qua những chỉ dẫn ân cần của thầy giúp em hiểu sâu hơn về những kiến thức đã được học

Mục lục

CHƯƠNG 1: TỔNG QUAN: 5

1.1 Lý do chọn đề tài: 5 1.2 Giới hạn và phạm vi của đề tài: 5 1.3 Kết quả dự kiến đạt được: 6 1.4 Ý nghĩa của đề tài: 6 1.5 Bố cục : 7 CHƯƠNG 2: KHẢO SÁT THỰC TRẠNG: 8

2.1 Khảo sát thực trạng: 8

2.2 Yêu cầu của đề tài: 9

CHƯƠNG 3: KIẾN THỨC NỀN TẢNG: 11

3.1 Cơ sở lý thuyết: 11

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

Hình 3.1 Minh họa UML 11

3.1.2 Ngôn ngữ HTML và CSS: 12

Hình 3.2 Lợi ích của việc sử dụng CSS trong trang web HTML 13

3.1.3 Ngôn ngữ lập trình JavaScript: 14

3.1.4 Hệ quản trị cơ sở dữ liệu: 15

3.2 Công cụ sử dụng: 15

3.2.1 Thư viện Jquery: 15

CHƯƠNG 4: ÁP DỤNG KIẾN THỨC ĐÃ HỌC ĐỂ XÂY DỰNG WEBSITE: 17

4.1 Xây dựng phần trang chủ: 17

CHƯƠNG 1: TỔNG QUAN

1.1 Lý do chọn đề tài:

Ngày nay, xu hướng phát triển công nghiêp hóa – hiện đại hóa đất nước ngày càng được đẩy mạnh Để có thể đáp ứng được khối công việcngày càng gia tăng , đòi hỏi con người phải có phương pháp quản lý hợp

lý giúp tiết kiệm thời gian và chi phí cũng như công sức lao động.Thấy những khó khăn, hạn chế trong quản lý cửa hàng quần áo, việc xây dựng một website quản lý giúp người quản lý, chủ cửa hàng dễ dàng hơn trong việc quản lý mua bán quần áo và cung cấp các thông tin vận chuyển một cách nhanh chóng, truy xuất dữ liệu nhanh hơn, quản lý khách hàng hợp lý là điều vô cùng cần thiết

Với đề tài “Xây dựng website bán quần áo” thì phần mềm giúp quản lý khách hàng, quản lý các sản phẩm quần áo, quản lý thông tin cácđơn hàng và tài khoản một cách nhanh chóng, chính xác

1.2 Giới hạn và phạm vi của đề tài:

 Xây dựng chương trình dựa trên ngôn ngữ lập trình HTML, CSS, JAVACRIP và ngôn ngữ ập trình PHP (nếu tìm hiểu)

 Xây dựng chương trình tập trung vào các chức năng phân tích qua quá trình khảo sát thực trạng

1.3 Kết quả dự kiến đạt được:

 Hiểu về ngôn ngữ lập trình HTML, CSS, JAVACRIP và áp dụng xâydựng vào trang web

 Biết cách phân tích và thiết kế một website bán hàng

 Hoàn thành website bán quần áo với các tính năng như:

- Quản trị viên: thực hiện các chức năng như quản trị hệ thống,

quản lý sản phẩm, quản lý đơn hàng, quản lý danh sách khách hàng, Để thực hiện chức năng này admin phải đăng nhập

- Khách hàng: có thể thực hiện các chức năng như tìm kiếm sản

phẩm, mua hàng và thanh toán, đăng ký hệ thống

1.4 Ý nghĩa của đề tài:

 Ý nghĩa khoa học:

Vận dụng kiến thức đã học để xây dựng website bán quần áo:

- Làm quen với những kiến thức cơ bản và nâng cao của ngôn ngữ lập trình HTML, CSS, JAVACRIP

- Tìm hiểu thêm về sử dụng hệ quản trị cơ sở dữ liệu MySQL và ngôn ngữ lập trình PHP

- Nghiên cứu và phân tích thiết kế hệ thống theo khảo sát thực trạng

- Xây dựng giao diện website

 Ý nghĩa thực tiễn:

Website bán quần áo ra đời, giúp đáp ứng nhu cầu mua sắm của người dùng nhanh chóng và tiện lợi Website giúp chủ cửa hàng, cũng như quản trị viên dễ dàng trong việc quản lý và lưu trữ các thông tin sản phẩm, khách hàng và đơn hàng…

Ngoài việc quản lý thông minh, nhanh gọn, website còn có giao diện thân thiện, dễ sử dụng… Từ đó, có thể thấy website mang lại rấtnhiều lợi ích

 CHƯƠNG 4: ÁP DỤNG KIẾN THỨC ĐÃ HỌC XÂY DỰNG WEBSITE:

Sử dụng HTML, CSS, JAVACRIP để xây dựng nên các phần của website và demo hình ảnh các phần của website đã làm được

 CHƯƠNG 5: TỔNG KẾT:

CHƯƠNG 2: KHẢO SÁT THỰC TRẠNG

2.1 Khảo sát thực trạng:

Cửa hàng kinh doanh về quần áo, bên cạnh việc bán các sản phẩm ra thị trường, cửa hàng cũng cần phải lưu tâm đến các vấn đề khác như kiểmtra số lượng hàng tồn, phân loại sản phẩm, lưu các hóa đơn Đối với mỗi danh mục sản phẩm thì bao gồm nhiều sản phẩm khác nhau và mỗi một sản phẩm chỉ thuộc danh mục sản phẩm duy nhất Đơn đặt hàng có thể có nhiều sản phẩm và sản phẩm có thể có trong nhiều đơn đặt hàng Khách hàng đến mua tại cửa hàng có thể chọn lựa nhiều mặt hàng, nhân viên tư vấn khi khách hàng có nhu cầu tìm kiếm theo yêu cầu nào đó(như màu sắc, kích thước ) hay một sản phẩm cụ thể nào đó

Dựa vào đó, mỗi lần khách hàng thanh toán hóa đơn mua hàng, căn

cứ vào các loại mặt hàng hiện đang kinh doanh tại cửa hàng, chủ cửa hàng tiến hành kiểm tra số lượng hàng tồn, thanh toán hóa đơn và cần lưulại những đơn mua hàng bao gồm: Số hóa đơn, ngày nhập, tên khách hàng, tổng tiền hóa đơn Những thông tin chi tiết hóa đơn như: Số hóa đơn, số sản phẩm, số lượng và tiền phải trả để lưu trữ lại khi cần Sau đó, cửa hàng phải liên tục cập nhật lại thông tin cho sản phẩm để kiểm soát số lượng sản phẩm còn lại hoặc sản phẩm mới nhập thêm Chủ cửa hàng sẽ dựa vào số sản phẩm, tên sản phẩm để tìm kiếm thông tin sảnphẩm lúc cập nhật sản phẩm, nếu là sản phẩm mới thì sẽ tạo mới loại sản phẩm này Các danh mục sản phẩm gồm có: Số danh mục sản phẩm, tên danh mục sản phẩm, mô tả

Bên cạnh việc lưu lại thông tin sản phẩm và đơn hàng của cửa hàng

Ta cũng cần lưu lại một số thông tin cần thiết của khách hàng và nhà cungcấp của cửa hàng như: Họ tên khách hàng/nhà cung cấp, số điện thoại, địachỉ, để tiện cho việc quản lý cửa hàng hiệu quả hơn Với khách hàng mua hàng thường xuyên có thể có các ưu đãi hoặc được tặng thẻ vip, nên

có thể lưu thêm các thông tin khác như ngày sinh,

Ngoài ra, cung cấp email, số điện thoại để khách hàng có thể liên hệkhi cần thiết( như phản hồi chất lượng sản phẩm, thông báo sản phẩm có vấn đề, yêu cầu đổi - trả, ) Cửa hàng cũng lưu lại nhưng thông tin đó, đểkiểm kê kho, tiến hành đổi -trả với nhà cung cấp hay thông báo với nhà cung cấp về vấn đề sản phẩm, tính doanh thu của cửa hàng,

2.2 Yêu cầu của đề tài:

 Yêu cầu về chức năng:

 Khách hàng: có các chức năng cơ bản của người mua hàng:

- Xem các sản phẩm và chi tiết sản phẩm

- Tìm kiếm sản phẩm theo từ khóa cần tìm

- Cập nhật giỏ hàng và đặt hàng

- Đăng ký hệ thống để nhận ưu đãi và lưu trữ thông tin cho những lần mua hàng sau đó

- Quản lý các bình luận, cũng như đơn hàng của mình

 Quản trị viên: quản trị hệ thống:

- Quản lý thành viên và nhà cung cấp

- Quản lý danh mục và các sản phẩm

- Quản lý các bài đánh giá

- Quản lý các đơn mua hàng

 Thiết lập quyền và giao diện hiển thị với các quyền tương ứng

 Yêu cầu về hệ thống:

 Giao diện thân thiện, dễ nhìn, màu sắc không đối lập.

 Có khả năng cập nhật, thêm, xóa dễ dàng

 Có khả năng tra và tìm kiếm nhanh chóng

 Thông tin được cập nhật và chỉnh sửa thường xuyên

 An toàn, bảo mật dữ liệu

2.3 Mục đích đề tài:

Mục tiêu của website là giới thiệu quảng bá cửa hàng Cung cấp các sản phẩm về quần áo thời trang đang mốt nhất hiện nay Khách hang có thể biết thông tin về sản phẩm như: Tên sản phẩm, giá cả, xuất xứ… Ngoài ra website còn nhằm mục đích giới thiệu rộng cho nhiều khách hang được biết hơn về cửa hang, thu hẹp được khoảng cách xa gần xa gần giải quyết được vấn đề đường xaviệc đi lại khó khan hay tắc nghẽn giao thông… Làm cho việc kinh doanh khách hang ngày càng phát triển hơn

 UML:

UML(viết tắt của Unified Modeling Language) là ngôn ngữ mô

hình hoá hợp nhất dùng để đặc tả, trực quan hóa và tư liệu hóa phần mềm hướng đối tượng, có phần chính bao gồm những ký hiệu hình học, được các phương pháp hướng đối tượng sử dụng để thể hiện và miêu tả các thiết kế của một hệ thống

Hình 3.1 Minh họa UML

Cách xây dựng các mô hình UML phù hợp cho việc mô tả các hệ thống thông tin cả về cấu trúc cũng như hoạt động Cách tiếp cận theo mô hình của UML giúp ích rất nhiều cho những người thiết kế và thực hiện hệ thống thông tin, cũng như người sử dụng nó.

UML tạo cái nhìn tổng quan và đầy đủ về hệ thống thông tin dự định triển khai, cách nhìn tổng quan này giúp nắm bắt trọn vẹn các yêu cầu của người dùng, phục vụ từ giai đoạn phân tích đến thiết kế, kiểm tra sản phaản ứng dụng công nghệ thông tin

Các mô hình hướng đối tượng được lập cũng là cơ sở cho việc ứng dụng các chương trình tự động sinh mã trong các ngôn ngữ lập trình hướng đối tượngnhư C++, Java Phương pháp mô hình này rất hữu ích trong lập trình hướng đối tượng, các mô hình sử dụng bao gồm Mô hình đối tượng(mô hình tĩnh) và

mô hình động

3.1.2 Ngôn ngữ HTML và CSS:

 Định nghĩa HTML:

HTML(Hypertext Markup Language) là mã được dùng để xây

dựng nên cấu trúc và nội dung của trang web Ví dụ, nội dung có thểđược cấu thành bởi một loạt các đoạn văn, một danh sách liệt kê, hoặc sử dụng những hình ảnh và bảng biểu

 Tính năng mới của HTML5:

- Phần tử <small> dùng để chỉ hiển thị cỡ nhỏ, nó có thể được ký

hiệu là trình bao bọc chính xác cho thông tin này

- Việc sử dụng dấu ngoặc kép có thể phụ thuộc vào người dùng

- Cho phép người dùng chỉnh sửa bất kỳ văn bản nào có trong phần

tử, bao gồm cả phần tử con của nó

- HTML5 loại bỏ hoàn toàn thuộc tích <type>

- Cung cấp các đầu vào email cho phép hướng dẫn trình duyệt chỉ cho phép các chuỗi xác nhận địa chỉ email

- Dễ dàng tạo thanh trượt với phạm vi đầu vào

 Định nghĩa CSS:

CSS (viết tắt của Cascading Style Sheets) dùng để miêu tả cách

trình bày các tài liệu viết bằng ngôn ngữ HTML và XHTML CSS được hiểu một cách mà chúng ra thêm các kiểu hiển thị (font chữ, kích thước, màu sắc,…) cho một tài liệu Web

 Lợi ích của CSS với một trang web HTML:

Hình 3.2 Lợi ích của việc sử dụng CSS trong trang web HTML

CSS có tác dụng chính là:

- Hạn chế tối thiểu việc làm rối HTML của trang Web bằng các thẻ quy định kiểu dáng(chữ đậm, in nghiêng, ), giúp mã nguồn của trang Web trở nên gọn gàng hơn

- Tách biệt nội dung trang Web và định dạng hiển thị, dễ dàng cho việc thay đổi

- Tạo ra các kiểu dáng áp dụng được cho nhiều trang Web, tránh lặp lại việc định dạng cho các trang Web giống nhau

3.1.3 Ngôn ngữ lập trình JavaScript:

 Định nghĩa JavaScript:

JavaScript là một ngôn ngữ lập trình của HTML và ứng dụng Web Nó là nhẹ

và được sử dụng phổ biến nhất như là một phần của các trang web, mà sự thi hành của chúng cho phép Client-Side script tương tác với người sử dụng và tạo các trang web động Nó là một ngôn ngữ chương trình thông dịch với các khả năng hướng đối tượng

 Ưu điểm của JavaScript:

- Tiêt kiệm băng thông máy chủ:

Javascript sử dụng trong thiết kế website có thể giúp tiết kiệm băng thông máy máy chủ vô cùng tốt bởi chúng được chạy trực tiếp trên máy của người dùng.Các dòng Script đều được thực thi trên trình duyệt người dùng để gia tăng hiệu suất, kéo dài tuổi thọ máy chủ và tiết kiệm diện tích băng thông

- Linh hoạt vận hành, tương thích tốt:

Để thực thi, trình duyệt web chỉ cần tải file JavaScript về máy chủ từ một tên miền riêng biệt hoặc nhúng thẳng vào file HTML và chạy mà không cần tải thêm Javascript có thể chạy được trên hầu hết các trình duyệt phổ biến hiện naynhư Cốc Cốc, Chrome, Firefox, Safari

Không những thế, hầu hết các trình duyệt web đều có tích hợp sẵn trình thông dịch ngôn ngữ JavaScript, đảm bảo người dùng có thể sử dụng ngay mà không mất công tải về trình duyệt, giảm tỷ lệ thực thi các chức năng của JavaScript Điều này vô cùng tiện lợi cho người dùng khi không có mạng

- Dễ dàng kiểm tra, xử lý vấn đề:

Với lợi thế có nhiều trình duyệt hỗ trợ nên việc kiểm tra và xử lý vấn đề dễ dànghơn Đa số các trình duyệt web hiện nay đều có cài sẵn các công cụ xử lý lỗi Javascript trong bảng điều khiển trình duyệt.

Javascript sở hữu cấu trúc dễ đọc với cácnguyên tắc rõ ràng nên việc xác định

và gỡ lỗi trở nên đơn giản hơn nhiều

- Nâng cao trải nghiệm người dùng:

Website sử dụng ngôn ngữ lập trình giúp thu hút người dùng bởi những tính năng hay ho, hình ảnh sinh động hấp dẫn, chức năng lướt và tương tác nhanh nhạy Nhờ những tính năng đó, người dùng cảm thấy thoải mái, thích thú và tin dùng trang web hơn

3.1.4 Hệ quản trị cơ sở dữ liệu:

 Định nghĩa Cơ sở dữ liệu:

Cơ sở dữ liệu (Database) là một tập hợp các dữ liệu có tổ chức,

thường được lưu trữ và truy cập điện tử từ hệ thống máy tính Khi cơ

sở dữ liệu phức tạp hơn, chúng thường được phát triển bằng cách sử dụng các kỹ thuật thiết kế và mô hình hóa chính thức

3.2 Công cụ sử dụng:

3.2.1 Thư viện Jquery:

 Giới thiệu Jquery:

JQuery là một thư viện được xây dựng trên Javascript Chúng được tạo ra với

mục đích hỗ trợ các lập trình viên giải quyết các khó khăn khi sử dụng Javascript JQuery được tích hợp từ nhiều module chuyên biệt, bao gồm cả module hiệu ứng, đến module truy cấp selector

 Tính năng ưu việt:

- Xử lý thao tác DOM: Công cụ này sẽ lựa chọn DOM để duyệt, chỉnh sửa nộidung bằng cách dùng các Selected mã nguồn mở