đồ án môn học lập trình web xây dựng website quản lý cửa hàng điện thoại nt

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (3.49 MB, 62 trang )

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

<b> XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG ĐIỆN THOẠI NT</b>

<b>GVHD</b>: <b>ThS. Nguyễn Hữu Vĩnh</b>

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

<b> TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ</b>

<b> ĐỒ ÁN MÔN HỌCLẬP TRÌNH WEB</b>

<b> XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG ĐIỆN THOẠI NT</b>

<b>GVHD: ThS. Nguyễn Hữu Vĩnh</b>

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

iii

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

<b>1.2 Sơ đồ Use Case Quản lý khách hàng...4</b>

<b>1.4 Sơ đồ Usecase Tương tác người dùng...8</b>

<b>1.5 Sơ đồ Use Case Quản lý thanh toán...10</b>

<b>1.7 Sơ đồ use case quản lý tài khoản khách hàng...14</b>

<b>1.8 Sơ đồ Use Case Quản lý tài khoản nhân viên...15</b>

<b>2. SƠ ĐỒ TRÌNH TỰ...17</b>

<b>2.1 Sơ đồ trình tự đăng nhập...17</b>

<b>2.2 Sơ đồ trình tự quản lý khách hàng...17</b>

<b>CHƯƠNG 3. THIẾT KẾ CƠ SỞ DỮ LIỆU...21</b>

<b>1. SƠ ĐỒ QUAN HỆ TRONG CSDL...21</b>

<b>CHƯƠNG 4. XÂY DỰNG WEBSITE BÁN PHỤ KIỆN ĐIỆN THOẠI CHO CỬA HÀNGĐIÊN THOẠI NT...45</b>

<b>1. GIAO DIỆN TRANG CHỦ...45</b>

<b>4. GIAO DIỆN TRANG ĐIỆN THOẠI...47</b>

<b>5. GIAO DIỆN TRANG PHỤ KIỆN...48</b>

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

<b>6. GIAO DIỆN TRANG QUẢN TRỊ...48</b>

<b>7. GIAO DIỆN TRANG QUẢN LÝ SẢN PHẨM...49</b>

<b>8. GIAO DIỆN TRANG CHI TIẾT SẢN PHẨM...50</b>

<b>9. GIAO DIỆN TRANG GIỎ HÀNG...51</b>

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

Hình 2. 1 Sơ đồ Usecase Tổng Qt...3

Hình 2. 2 Sơ đồ Usecase Quản lý khách hàng...4

Hình 2. 3 Sơ đồ Use Case Quản lý sản phẩm...6

Hình 2. 4 Sơ đồ Use Case Tương tác người dùng...8

Hình 2. 5 Sơ đồ Use Case Quản lý Thanh tốn...10

Hình 2. 6 Sơ đồ use case Quản lý kho hàng...12

Hình 2. 7 Sơ đồ use case quản lý tài khoản khách hàng...14

Hình 2. 8 Sơ đồ use case quản lý nhân viên...15

Hình 2. 9 Sơ đồ trình tự đăng nhập...17

Hình 2. 10 Sơ đồ trình tự quản lý khách hàng...18

Hình 2. 11 Sơ đồ hoạt động đăng nhập...19

Hình 2. 12 Sơ đồ hoạt động đổi mật khẩu...20

YHình 3. 1 Sơ đồ quan hệ trong CSDL...21

Hình 4. 1 Giao diện trang chủ...45

Hình 4. 2 Giao diện trang đăng ký...45

Hình 4. 3 Giao diện trang đăng nhập...46

Hình 4. 4 Giao diện trang điện thoại...47

Hình 4. 5 Giao diện trang phụ kiện...48

Hình 4. 6 Giao diện trang quản trị...48

Hình 4. 7 Giao diện trang quản lý sản phẩm...49

Hình 4. 8 Giao diện trang thơng tin sản phẩm...50

Hình 4. 9 Giao diện trang chỉnh sửa sản phẩm...50

Hình 4. 10 Giao diện trang chi tiết sản phẩm...51

Hình 4. 11 Giao diện phần đánh giá sản phẩm...51

Hình 4. 12 Giao diện trang giỏ hàng...52

Hình 4. 13 Giao diện trang thanh toán...52

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

<b> MỞ ĐẦU</b>

Trong xã hội hiện nay chúng ta đang bước vào thời kỳ công nghệ số được ápdụng vào mọi mặt của đời sống xã hội.Chúng ta có thể bước vào thời kỳ đó bằngnhiều loại phương tiện khác nhau nhưng phương tiện phổ biến nhất đó chính là mộtchiếc điện thoại.Một chiếc điện thoại như là một chiếc cổng kết nối đến tất cả mọimặt của xã hội như là kinh doanh,giải trí,học tập...Nó là một vật tuy nhỏ nhưng cósức mạnh vơ cùng to lớn ảnh hưởng đến mọi ngóc nghách của đời sống.Vì vậy mọingười nên có một chiếc điện thoại để theo kịp được sự phát triển của đời sống để cócơ hội để tham gia vào một xã hội số cực lớn nơi mọi người có thể làm được mọi thứ.Chúng em chọn đề tài “Xây dựng website quản lý cửa hàng phụ kiện điện thoạicho công ty NT” đề giúp cho người dùng có thể tiếp cận những mẫu điện thoại tốtnhất có những chức năng và nghiệp vụ được phát triển bởi những nhà phát hành lớntrên thế giới để mọi người có một cơng cụ tốt nhất để mọi người có thể làm việc,họctập,giải trí một cách mượt mà và thoải mái nhất.

Cấu trúc của đồ án:- Phần mở đầu- Chương 1: Tổng quan- Chương 2: Phân tích hệ thống- Chương 3: Thiết kế cơ sở dữ liệu

- Chương 4: Xây dựng website bán phụ kiện điện thoại cho cửa hàng điện thoại NT- Kết luận và hướng phát triển

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

<b>CHƯƠNG 1. TỔNG QUAN</b>

Hệ thống cung cấp chức năng cho phép người dùng có thể đăng nhập, đăngký ,đặt hàng điện thoại và phụ kiện điện thoại

Khách hàng có thể truy cập vào trang web qua tên miền,đăng nhập,đăng ký vàotài khoản của khách hàng,xem sản phẩm ,thông tin sản phẩm, đặt hàng,thanh toán.

Nhân viên kiểm soát tài khoản khách hàng,kiểm soát số lượng kho hàng,đăngnhập,đăng ký vào tài khoản của nhân viên, quản lý thanh toán ,quản lý sản phẩm

<b>2. CHỨC NĂNG HỆ THỐNG</b>

Quản lý Khách hàng

Nhân viên quản lý khách hàng qua thơng tin tàikhoản khách hàng, thêm, xóa, sửa, xem thông tinkhách hàng.

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

<b>CHƯƠNG 2. PHÂN TÍCH HỆ THỐNG</b>

<small> </small><b>Hình 2. 1 Sơ đồ Usecase Tổng Quát</b>

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

<b>1.2 Sơ đồ Use Case Quản lý khách hàng</b>

<b> Hình 2. 2 Sơ đồ Usecase Quản lý khách hàng</b>

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

Gồm có các trang sau:Trang chủ, Điện thoại, Phụ kiện, Liên hệ, Đăng nhập Người dùng click vào các biểu tượng để chọn các mục muốn thực hiện. Người dùng lướt xuống phần cuối trang sẽ xem được phần thông tin của cửa hàng

2. GIAO DIỆN ĐĂNG KÝ

<b> Hình 4. 2 Giao diện trang đăng ký </b>

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

Ý nghĩa của hoạt động: Đăng ký sử dụng hệ thống.

Quy tắc hoạt động: Khách hàng đăng ký tài khoản của khách hàng để có thể có tài khoản đăng nhập vào hệ thống

Các thao tác màn hình: Khách hàng nhập thơng tin của khách hàng và bấm đăng ký tài khoản

3. GIAO DIỆN ĐĂNG NHẬP

<b>Hình 4. 3 Giao diện trang đăng nhập</b>

Ý nghĩa của hoạt động: Đăng nhập sử dụng hệ thống

Quy tắc hoạt động: Khách hàng đăng nhập tài khoản của khách hàng để có thể sử dụng chức năng của trang web

Các thao tác màn hình: Sau khi nhập xong tài khoản và mật khẩu thì hệ thống sẽ kiểm tra xem thơng tin vừa nhập có chính xác hay khơng nếu không sẽ hiện thông báo nhập lại nếu sai sẽ đăng nhập vào tài khoản

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

<b>4. GIAO DIỆN TRANG ĐIỆN THOẠI</b>

<b>Hình 4. 4 Giao diện trang điện thoại</b>

Ý nghĩa của hoạt động:Hiển thị thông tin của những điện thoại gồm tên của chiếc điện thoại và giá của chúng sẽ có thêm những mục bên trái màn hình để tìm nhanh hơn

Quy tắc hoạt động: Khi khách hàng click vào một sản phẩm trên trang web sẽ hiện thơng tin của chiếc điện thoại đó

Các thao tác màn hình: Khách hàng sẽ click sản phẩm bấm vào các mục bên trái để tìm nhanh hơn bấm vào những con số bên dưới để qua trang khác

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

<b>5. GIAO DIỆN TRANG PHỤ KIỆN</b>

<b>Hình 4. 5 Giao diện trang phụ kiện</b>

Ý nghĩa của hoạt động:Hiển thị thông tin của những phụ kiện gồm tên của phụ kiện và giá củachúng sẽ có thêm những mục bên trái màn hình để tìm nhanh hơn

Quy tắc hoạt động: Khi khách hàng click vào một sản phẩm trên trang web sẽ hiện thông tin củacủa phụ kiện đó

Các thao tác màn hình: Khách hàng sẽ click sản phẩm bấm vào các mục bên trái để tìm nhanh hơnbấm vào những con số bên dưới để qua trang khác

<b>6. GIAO DIỆN TRANG QUẢN TRỊ</b>

<b>Hình 4. 6 Giao diện trang quản trị</b>

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

Ý nghĩa của hoạt động:Trang quản trị của trang web

Quy tắc hoạt động: Người dung đăng nhập vào tài khoản để sử dụng trang quản trị của trang webCác thao tác màn hình: Trang sẽ gồm 3 thành phần là quản lý tài khoản,quản lý đặt hàng,quản lý sản phẩm,người dung thao tác để đến các trang,có thêm số người truy cập vào trang web,có thanh cơng cụ bên trái để người dùng tương tác

<b>7. GIAO DIỆN TRANG QUẢN LÝ SẢN PHẨM</b>

<b>Hình 4. 7 Giao diện trang quản lý sản phẩm</b>

Ý nghĩa của hoạt động:Trang quản lý sản phẩm của trang web

Quy tắc hoạt động: Người dung đăng nhập vào tài khoản để sử dụng trang quản trị của trang webCác thao tác màn hình: Người dùng thao tác thao tác vào hành động sẽ hiện ra ba chức năng là xem,sửa,xóa sản phẩm,ở trên cùng là nút thêm mới sản phẩm

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

<b>Hình 4. 8 Giao diện trang thơng tin sản phẩm</b>

<b>Hình 4. 9 Giao diện trang chỉnh sửa sản phẩm</b>

<b>8. GIAO DIỆN TRANG CHI TIẾT SẢN PHẨM</b>

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

<b>Hình 4. 10 Giao diện trang chi tiết sản phẩm</b>

Ý nghĩa của hoạt động:Trang xem chi tiết sản phẩm

Quy tắc hoạt động: Người dùng xem chi tiết sản phẩm của điện thoại và xem các thông số kỹ thuậtCác thao tác màn hình: Người dùng thao tác vào màn hình nếu muốn mua hàng sẽ bấm vào mụcmua ngay và thêm vào giỏ thì sản phẩm sẽ được thêm vào giỏ hàng,khách hàng cịn có thể đánh giásản phẩm.

<b>9. GIAO DIỆN TRANG GIỎ HÀNG</b>

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

<b>Hình 4. 12 Giao diện trang giỏ hàng</b>

Ý nghĩa của hoạt động:Trang giỏ hàng sản phẩm

Quy tắc hoạt động: Người dùng sau khi ấn vào mua ngay hay giỏ hàng sản phẩm sẽ xuất hiện trêngiỏ hàng với những thông tin đơn hàng như tên,giá và số lượng sản phẩm

Các thao tác màn hình: Người dùng thao tác vào màn hình nếu muốn tăng số lượng sản phẩm mìnhmuốn mua,ấn vào hồn tất thanh tốn để đến với trang thanh tốn.

10.Giao diện trang thanh tốn

<b>Hình 4. 13 Giao diện trang thanh toán</b>

Ý nghĩa của hoạt động:Trang thanh toán sản phẩm

Quy tắc hoạt động: Người dùng sau khi ấn vào hoàn tất thanh toán ở bên trang giỏ hàng sẽ hiệngiao diện trang thanh tốn

Các thao tác màn hình: Người dùng nhập vào những thông tin cần thiết là thông tin nhận hàngkiểm tra các thông tin khi ấn đặt hàng ngay sẽ hiện thông báo bạn đã đặt hàng thành công.

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

Nắm vững kiến thức của môn học để có thể hồn thành một trang web hồn chỉnh. Hoàn thiện một số chức năng cơ bản của đề tài . Có được những chức năng cơ bảnnhư thêm, sửa, xóa, tìm kiếm thơng tin sản phẩm,xem thơng tin sản phẩm, đặt hàng,thanh tốn sản phẩm, đăng nhập, đăng ký sản phẩm,có được website tương đối hồnthành về các chức năng cần có của một cửa hàng điện thoại và phụ kiện

Giao diện website thân thiện, dễ sử dụng, trực quan và linh hoạt.

Khó khăn: Trong q trình thực hiện đề tài khó khăn lớn nhất là nghiên cứu nhữngchức năng nghiệp vụ của đề tài,thực hiện những chức năng nghiệp vụ của đề tài,thểhiện đầy đủ chức năng của hệ thống quản lý cửa hàng điện thoại và phụ kiện Hạn chế: Thời gian thực hiện có hạn nên chúng em chỉ hồn thành một số chức năng

của đề tài cịn một số chức năng cịn sơ sài và chưa được hồn thiện một cách hồnchỉnh như trang thanh tốn,chưa hiển thị đầy đủ việc mô tả sản phẩm…

<b>3. Hướng phát triển</b>

Hệ thống cần phát triển thêm vài chức năng còn thiếu như là:

- Hệ thống cần cải thiện về tốc độ truy cập và chức năng thanh tốn cầnđược hồn thiện.

- Hệ thống cần đa dạng giao diện về việc mô tả sản phẩm một cách tốthơn,hoàn thiện tốt hơn các chức năng như là mơ tả sản phẩm,hồn thiệnchờ web đẹp hơn về giao diện…

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

Tiếng Việt:

<b>[1] Nguyễn Tất Bảo Thiện,Phạm Quang Hiển(2012),NXB Thanh niên,Lập trình</b>

<b> Tiếng Anh:</b>

[2] Laura Cowan(2014), Build Your Own Website For Beginners

<b> Website:</b>

[3] cập ngày 6/11/2022[4] cập ngày 6/11/2022 [5] cập ngày 6/11/2022 [6] cập ngày 6/11/2022

</div>