<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT VĨNH LONG

<b>KHOA CÔNG NGHỆ THÔNG TIN</b>

<b>TIỂU LUẬNCÔNG NGHỆ PHẦN MỀM</b>

<b>THIẾT KẾ WEBSITE BÁN ĐỒNG HỒ</b>

<b>Vĩnh Long – 12/2022</b>

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

<b>NHẬN XÉT & ĐÁNH GIÁ ĐIỂM CỦA NGƯỜI HƯỚNG DẪN</b>

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

<b>LỜI CẢM ƠN</b>

Bài tiểu luận môn học Công nghệ phần mềm với đề tài “Thiết kế website bán đồnghồ” là kết quả của quá trình cố gắng khơng ngừng nghỉ của nhóm em và nhận được sựhướng dẫn tận tình cơ Nguyễn Ngọc Nga giảng viên bộ môn Công nghệ phần mềm đãtrang bị giúp em những kỹ năng cơ bản và kiến thức cần thiết để hoàn thành được đồ ánnày. Qua đây, em xin gửi lời cảm ơn chân thành tới cô, người đã ln giúp đỡ em hồnthành được bài báo cáo này này.

Cảm ơn thầy cô, bạn bè đã giúp đỡ và chỉ dẫn em rất nhiều trong suốt quá trìnhthực hiện đồ án.

Tuy nhiên, do kiến thức chuyên ngành cịn hạn chế nên khơng thể tránh khỏi mộtvài thiếu sót khi trình bày và đánh giá vấn đề. Rất mong nhận được sự góp ý, đánh giácủa cơ cùng các bạn để đề tài của nhóm em thêm hồn thiện hơn.

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

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

<b>MỤC LỤC</b>

<b>LỜI NÓI ĐẦU... 1</b>

<b>CHƯƠNG I. KHẢO SÁT VÀ PHÂN TÍCH ĐỀ TÀI...3</b>

<b>1.1. Khảo sát... 3</b>

1.1.1. Lý do chọn đề tài...3

1.1.2. Mục tiêu đề tài...4

1.1.3. Đối tượng và phạm vi nghiên cứu...4

1.1.4. Ý nghĩa khoa học và thực tiễn...5

<b>1.2. Phân tích đề tài...5</b>

1.2.1. Chức năng...5

1.2.2. Yêu cầu đặt ra...6

<b>CHƯƠNG II. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG...8</b>

<b>2.1. Khảo sát hiện trạng và xây dựng hệ thống...8</b>

<b>2.2. Phân tích thiết kế hệ thống...8</b>

2.2.1. Sơ đồ phân cấp chức năng...8

2.2.2. Sơ đồ phân cấp chức năng mức dưới đỉnh...8

2.2.3. Sơ đồ luồng dữ liệu...12

2.2.4. Xây dựng mơ hình thực thể - kết hợp (ERD)...13

<b>2.3. Cơ sở dữ liệu (MySQL)...13</b>

<b>CHƯƠNG III. THIẾT KẾ VÀ XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ...17</b>

<b>3.1. Một số hình ảnh giao diện chương trình...17</b>

3.1.1. Phần trang home.php (trang chủ)...17

3.1.2. Giao diện Admin...17

3.1.3. Giao diện cho phép khách hàng lựa chọn sản phẩm...17

<b>3.2. Lập trình (Code Design)...18</b>

3.2.1. Sơ đồ khối chức năng “Chọn và Đặt hàng”...18

3.2.2. Sơ đồ khối chức năng “Thanh toán”...19

3.2.3. Sơ đồ khối chức năng “Đăng ký thành viên”...19

3.2.4. Sơ đồ chức năng “Tìm kiếm”...20

3.2.5. Sơ đồ chức năng “Phản hồi – Liên hệ”...20

<b>CHƯƠNG IV. TỔNG KẾT ĐÁNH GIÁ VÀ HƯỚNG PHÁT TRIỂN CỦA ỨNG DỤNG... 21</b>

<b>4.1. Những điểm chương trình làm được...21</b>

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

4.1.1. Đối với người sử dụng, chương trình đã đưa ra được:...21

4.1.2. Đối với người quản trị, chương trình đã đưa ra được:...21

<b>4.2. Những điểm chưa làm được và hướng giải quyết...21</b>

<b>4.3. Hướng phát triển của chương trình...21</b>

<b>TÀI LIỆU THAM KHẢO...23</b>

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

<b>DANH MỤC HÌNH ẢNH</b>

<i>Hình 2. 1. Sơ đồ phân cấp chức năng QL bán hàng qua mạng...8</i>

<i>Hình 2. 2 Sơ đồ phân cấp chức năng mức dưới đỉnh...9</i>

<i>Hình 2. 3 Sơ đồ luồng dữ liệu mức ngữ cảnh...12</i>

<i>Hình 2. 4 Sơ đồ luồng dữ liệu mức đỉnh...13</i>

<i>Hình 2. 5 Mơ hình thực thể - kết hợp (ERD)...13</i>

<i>Hình 2. 6 Mơ tả chi tiết cấu trúc dữ liệu bảng User (Người dùng)...14</i>

<i>Hình 2. 7 Mơ tả chi tiết cấu trúc dữ liệu bảng Products (Sản phẩm)...14</i>

<i>Hình 2. 8 Mô tả chi tiết cấu trúc dữ liệu bảng Order (Đặt hàng)...15</i>

<i>Hình 2. 9 Mơ tả chi tiết bảng Cart (Giỏ hàng)...15</i>

<i>Hình 2. 10 Mơ tả chi tiết cấu trúc dữ liệu bảng Wishlist (Danh sách u thích)...16</i>

<i>Hình 2. 11 Mô tả chi tiết cấu trúc bảng Message (Tin nhắn – Thơng tin phản hồi)...16</i>

<i>Hình 3. 1 Giao diện trang chủ...17</i>

<i>Hình 3. 2 Giao diện Admin...17</i>

<i>Hình 3. 3 Giao diện danh mục sản phẩm...18</i>

<i>Hình 3. 4 Sơ đồ khối chức năng “Chọn và Đặt hàng”...18</i>

<i>Hình 3. 5 Sơ đồ khối chức năng “Thanh tốn”...19</i>

<i>Hình 3. 6 Sơ đồ khối chức năng “Đăng ký thành viên”...19</i>

<i>Hình 3. 7 Sơ đồ chức năng “Tìm kiếm”...20</i>

<i>Hình 3. 8 Sơ đồ chức năng “Phản hồi – Liên hệ”...20</i>

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

<b>LỜI NÓI ĐẦU</b>

Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các cơng ty, nó đóng vai trị hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ.

Cùng với sự phát triển khơng ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ thông tin cũng được những cơng nghệ có đẳng cấp cao lần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác. 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ở thành một công cụ khơng thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thơng tin trên tồn cầu.

Giờ đây mọi việc liên quan đến thông tin thật dễ dàng cho người sử dụng: chỉ cần có một máy tính kết nối Internet và một dịng dữ liệu truy tìm thì gần như lập tức cả thế giới về vấn đề mà bạn quan tâm sẽ hiện ra, có đầy đủ thơng tin, hình ảnh, thậm chí đơi lúc có cả những âm thanh nếu bạn cần..

Bằng Internet chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn và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ự khaisinh và phát triển của thương mại điện tử và chính phủ đ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 chất lượng cuộc sống con người.

Trong hoạt động sản xuất kinh doanh, giờ đây thương mại điện tử đã khẳng đị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, việc quảng bá 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 là cần thiết. Vậy quảng bá thế nào đó là xây dựng một Website cho cửa hàng của mình quảng bá tất cả sản phẩm mà mình bán.

Vì vậy, em đã thực hiện đồ án “THIẾT KẾ WEBSITE BÁN HÀNG QUA MẠNG” cho một shop bán đồng hồ WATCH STORE.

1

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

<b>CHƯƠNG I. KHẢO SÁT VÀ PHÂN TÍCH ĐỀ TÀI1.1.Khảo sát</b>

1.1.1. Lý do chọn đề tài

Chúng ta đang sống trong thế giới mà công nghệ thông tin và truyền thơng đóng vai trị hết sức quan trọng, nó ngày càng trở nên phổ biến và có ảnh hưởng sâu sắc đến cuộc sống của mỗi người. Sự xuất hiện của mạng máy tính là một dấu mốc trong lịch sử phát triển của lồi người, mạng máy tính hỗ trợ cho chúng ta rất nhiều trong cuộc sống, nhờ có mạng máy tính thơng tin được truyền đi một cách nhanh chóng làm cho con ngườiở khắp mọi nơi trên thế giới có thể giao lưu hợp tác trao đổi thông tin với nhau thuận tiện rất nhiều.

Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: chỉ cần có một máy tính kết nối internet và một dịng dữ liệu truy tìm thì gần như lập tức… cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thơng tin, hình ảnh và thậm chí đơi lúc có cả những âm thanh nếu bạn cần… Bằng internet, chúng ta đã thực hiện được nhiều cơng việc với tốc độ nhanh hơn và 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ươngmại điện tử và chính phủ đ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 chất lượng cuộc sống con người.

Hiện nay bán hàng trực tuyến đã rất phổ biến, có rất nhiều website bán hành online đáp ứng cho nhu cầu của người mua. Không thể phủ nhận sự tiện lợi, nhanh chóngthuận tiện, cùng với xu thế phát triển ngày càng cao của công nghệ thông tin. Hiện nay, công nghệ thông tin ngày càng được ứng dụng rộng rãi hầu hết các lĩnh vực nói chung và trong trao đổi mua bán nói riêng.Chúng ta thường đưa cho trẻ em các loại điện thoại thơng minh,máy tính bảng,… Sẽ không tốt cho trẻ em dễ mắc các loại tật khúc xạ về mắt và ảnh hưởng đến trí tuệ khi các bậc phụ huynh khơng kiểm sốt được nội dung trẻ em theo dõi. Website sẽ giúp các bậc phụ huynh dễ dàng mua cho con mình những món đồ chơi hợp lý giúp trẻ em tư duy và sáng tạo, thuận tiện và đơn giản.

Vì thế, em đã chọn đề tài “thiết kế và xây dựng Website bán đồng hồ”.1.1.2. Mục tiêu đề tài

2

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

Hiểu được các vấn đề đó cũng như mong muốn đưa thương mại điện tử đến với nhiều người hơn em thực hiện đề tài: Phân tích và thiết kế hệ thống website bán hàng quamạng. Với mục đích xây dựng một hệ thống bán hàng qua mạng uy tín, đơn giản, thân thiện, cũng như đem lại cho khách hàng những lựa chọn tối ưu để ngay cả những người khơng có kiến thức về tin học cũng có thể tham gia mua hàng qua mạng chỉ với một số thao tác đơn giản. Sản phẩm mà em hướng tới ở đây là đồng hồ người chủ cửa hàng đưa các sản phẩm đó lên website của mình và quản lý bằng website đó. Khách hàng có thể đặtmua hàng trên website mà không cần đến cửa hàng. Chủ cửa hàng sẽ gửi sản phẩm cho khách hàng khi trước khi nhận được tiền.

1.1.3. Đối tượng và phạm vi nghiên cứu <i>Đối tượng</i>

Tìm hiểu quá trình xem sản phẩm, đặt và mua hàng của khách hàng. Lưu ý những hạn chế khi thực hiện đặt hàng trực tuyến. Thống kê các loại sản phẩm tồn kho, áp dụng những phương pháp tốt nhất để dễ dàng quản lý cũng như cải tiến.

Xây dựng các chức năng cơ bản cần thiết cho một website bán hàng và dựa theo những chức năng của các website quản lý bán hàng khác hiện nay cịn đang thiếu hoặc đãcó nhưng chưa được tối ưu.

 <i>Phạm vi nghiên cứu</i>

- Tìm hiểu các website phổ biến đã có trên internet. - Khảo sát và thu thập thông tin về thị trường mỹ phẩm. - Tham khảo các mơ hình kinh doanh trực tuyến.

- Phân tích thiết kế hệ thống thơng tin, xây dựng nội dung quản trị Back-end và giao diện Front-end website.

- Xây dựng một website thì việc lựa chọn ngôn ngữ và ứng dụng khi làm việc là điều rất quan trọng.

- Đề tài sử dụng ngôn ngữ PHP làm ngơn ngữ lập trình để xây dựng website và một số thư viện hỗ trợ trong việc xây dựng website.

1.1.4. Ý nghĩa khoa học và thực tiễn

Tạo ra sản phẩm có hàm lượng khoa phục vụ cho việc kinh doanh trực tuyến. 3

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

Giúp ích trong việc truyền đạt thông tin tới người mua hàng, quảng bá hình ảnh của cửa hàng và giúp ích cho quá trình mua sản phẩm của cửa hàng thơng qua internet.

Bổ sung tích luỹ kiến thức về thiết kế website và kỹ năng lập trình.

- Phần mềm thiết kế web: Visual Studio Code, Subline Text,…

<i>b. Yêu cầu trang Web</i>

Hệ thống có 2 phần:Thứ nhất: Phần khách hàng

Khách hàng là những người có nhu cầu mua sắm hàng hóa, họ sẽ tìm kiếm các mặt hàng cần thiết từ hệ thống và đặt mua các mặt hàng này. Vì thế phải có các chức năng sau:- Hiển thị danh sách các mặt hàng của cửa hàng để khách hàng xem, lựa chọn và mua- Khách hàng xem các thông tin tin tức mới, khuến mãi trên trang web

- Sau khi khách hàng chọn và đặt hàng trực tiếp thì phải hiện lên đơn hàng để khách hàng có tể thu nhập thơng tin mua hàng và xem hóa đơn mua hàng.

Thứ hai: Dành cho người quản trị

4

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

Người làm chủ ứng dụng có quyền kiểm soát mọi hoạt động của hệ thống. Người nàyđược cấp username và password đề đăng nhập hệ thống thức hiện chức năng của mình:

- Chức năng cập nhật, sửa, xóa các mặt hàng, loại hàng, nhà sản xuất, tin tức (phải kiểm sốt được hệ thống). Nó địi hỏi sự chính xác

- Tiếp nhận kiểm tra đơn đặt hàng của khách hàng. Hiển thị đơn đặt hàng- Thống kê theo ngày, khoảng thời gian

Ngồi các chức năng trên thì trang Web phải được thiết kế sao cho dễ hiểu, giao diện mang tính dễ dùng, đẹp mắt và và làm sao cho khách hàng lấy được thơng tin cần tìm, cung cấp các thông tin quảng cáo hấp dẫn, các tin tức khuyến mãi để thu hút khách hàng. Điều quan trọng là phải đảm bảo an toàn tuyệt đối thơng tin khách hàng trong q trình đặt mua hàng qua mạng. Đồng thời, trang web phải luôn đổi mới, hấp dẫn.

5

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

<b>CHƯƠNG II. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG2.1.Khảo sát hiện trạng và xây dựng hệ thống</b>

Sau khi khảo sát em đã nắm bắt được các thông tin:

- 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, email.

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

- Quản lý nhà sản xuất: mã nhà sản xuất, tên nhà sản xuất- Xử lý được đơn hàng và thống kê

<i>*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,</i>

công ty ở đây khách hàng tự do thao tác thông tin qua từng bước cụ thể để có thể mua hàng. Trên mạng các mặt hàng được sắp xếp thep thứ tự dễ tìm kiếm

<b>2.2.Phân tích thiết kế hệ thống</b>

2.2.1. Sơ đồ phân cấp chức năng

<i>Hình 2. 1. Sơ đồ phân cấp chức năng QL bán hàng qua mạng</i>

2.2.2. Sơ đồ phân cấp chức năng mức dưới đỉnh

6

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

<i>Hình 2. 2 Sơ đồ phân cấp chức năng mức dưới đỉnh</i>

<b>Chức năng “Xem thông tin sản phẩm”</b>

- Cho phép xem thông tin liên quan đến sản phẩm- Đầu vào:

+ Tên hàng+ Nhóm hàng- Các q trình xử lý

+ Module nhập thơng tin (Tên hàng, nhóm hàng) của mặt hàng cần xem+ Module hiển thị danh mục hàng theo yêu cầu

- Đầu ra: Danh mục hàng theo yêu cầu

Xem thông tin sản phẩm

Báo giáHàng hóa

Các thơng tin khácChọn hàng

Đăng ký thành viênTìm kiếm

Đặt hàngPhản hồi thơng tin

Thanh tốn

Thanh tốn khi nhận hàngThanh tốn qua tài khoản

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

+ Module hiển thị danh mục mặt hàng hiện có trong giỏ hàng- Đầu ra: Danh mục mặt hàng định đặt mua

<b>Chức năng “Đăng ký thành viên”</b>

- Khách hàng đăng ký tài khoản để đăng nhập khi cần đặt hàng, thanh toán, hỗ trợ kỹ thuật…

- Đầu vào: Các thông tin cá nhân của khách hàng:+ Username (tên tài khoản người dùng)+ Mật khẩu

+ Họ tên khách hàng+ Địa chỉ

+ Email+ Số điện thoại- Các q trình cần thực hiện:

+ Module nhập thơng tin cá nhân của khách hàng+ Module xác nhận thông tin vừa nhập

+ Module thông báo cho khách hàng và yêu cầu nhập lại tài khoản người dùng nếu tài khoản đó đã có ngưởi đăng ký

+ Module lưu thơng tin khách hàng vừa đăng ký vào CSDL+ Module thông báo và gửi mail đến khách hàng kết quả đăng ký- Đầu ra:

+ Thông báo cho khách hàng và yêu cầu nhập lại tài khoản hoặc email nếu tải khoản email đó đã tồn tại trong CSDL

+ Thông báo và yêu cầu nhập lại thông tin trong trường hợp thông tin nhập vào khơng chính xác, khơng phù hợp

+ Thơng báo kết quả đăng ký, mã khách hàng được cấp

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

<b>Chức năng “Đặt hàng”:</b>

- Sau khi khách hàng chọn những sản phẩm cần mua đặt vào giỏ hàng, khách hàng có thể đặt mua hàng chính thức thơng qua website

- Đầu vào:

+ Danh mục mặt hàng trong giỏ hàng

+ Thông tin cá nhân của khách hàng (mã khách hàng, họ tên, mật khẩu,..)+ Thông tin liên quan đến việc mua hàng (ngày mua, thời điểm giao hàng, số lượng mỗi mặt hàng đặt mua, hình thức thanh tốn, nơi nhận hàng, người nhận , tổng số tiền…)

+ Thông báo tình trạng đặt hàng (thàng cơng/khơng thành cơng), các thù tục thanh toán, nhận hàng, hoặc hướng dẫn đặt hàng lại trong trường hợp thông tin đặt hàng không phù hợp

<b>Chức năng “Phản hồi thông tin”:</b>

- Cho phép người dùng góp ý, khiếu nại, phản hồi một số thơng tin liên quan đến sản phẩm

- Đầu vào: các thông tin góp ý- Các q trình thực hiện:

+ Module nhận thơng tin góp ý, phản hồi+ Module lưu thơng tin góp ý vào CSDL

- Đầu ra: thông tin chi tiết về góp ý, phản hồi chờ nhà quản trị trả lời2.2.3. Sơ đồ luồng dữ liệu

9

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">

<i>2.2.3.1. Sơ đồ luồng dữ liệu mức ngữ cảnh</i>

<i>Hình 2. 3 Sơ đồ luồng dữ liệu mức ngữ cảnh</i>

<i>2.2.3.2. Sơ đồ luồng dữ liệu mức đỉnh</i>

<i>Hình 2. 4 Sơ đồ luồng dữ liệu mức đỉnh</i>

2.2.4. Xây dựng mơ hình thực thể - kết hợp (ERD)

10

</div><span class="text_page_counter">Trang 17</span><div class="page_container" data-page="17">

<i>Hình 2. 5 Mơ hình thực thể - kết hợp (ERD)</i>

<b>2.3.Cơ sở dữ liệu (MySQL)</b>

<b>Mô tả chi tiết cấu trúc dữ liệu bảng User (Người dùng)</b>

<i>Hình 2. 6 Mơ tả chi tiết cấu trúc dữ liệu bảng User (Người dùng)</i>

<b>Mô tả chi tiết cấu trúc dữ liệu bảng Products (Sản phẩm)</b>

11

</div><span class="text_page_counter">Trang 18</span><div class="page_container" data-page="18">

<i>Hình 2. 7 Mơ tả chi tiết cấu trúc dữ liệu bảng Products (Sản phẩm)</i>

<b>Mô tả chi tiết cấu trúc dữ liệu bảng Orders (Đặt hàng)</b>

<i>Hình 2. 8 Mơ tả chi tiết cấu trúc dữ liệu bảng Order (Đặt hàng)</i>

<b>Mô tả chi tiết cấu trúc dữ liệu bảng Cart (Giỏ hàng)</b>

12

</div><span class="text_page_counter">Trang 19</span><div class="page_container" data-page="19">

<i>Hình 2. 9 Mơ tả chi tiết bảng Cart (Giỏ hàng)</i>

<b>Mô tả chi tiết cấu trúc dữ liệu bảng Wishlist (Danh sách u thích)</b>

<i>Hình 2. 10 Mô tả chi tiết cấu trúc dữ liệu bảng Wishlist (Danh sách u thích)</i>

<b>Mơ tả chi tiết cấu trúc bảng Message (Tin nhắn – Thông tin phản hồi)</b>

13

</div>