Thiết kế chức năng trang Admin (dành cho quản trị)

Một phần của tài liệu Thiết kế, xây dựng Web bán sách trên mạng (Trang 33 - 56)

Hình 3.13: Sơ đồ hoạt động đối với Admin

Đăng nhập Trang chủ Trang chủ admin Thêm nhà xuất bản Quản lý nhà xuất bản Thêm sản phẩm Quản lý sản phẩm Quản lý đơn đặt hàng Thêm tin tức Quản lý tin tức Quản lý thành viên

CHƯƠNG 4: LẬP TRÌNH VÀ CÀI ĐẶT

4.1.GIAO DIỆN

4.1.1.Giao diện trang chủ

4.1.2.Giao diện tìm kiếm sản phẩm theo nhà xuất bản

4.1.3.Giao diện trang đăng ký tài khoản

4.1.4.Giao diện trang thêm sản phẩm mới

4.1.5.Giao diện trang chi tiết sản phẩm

4.1.6.Giao diện trang quản trị nhà xuất bản

4.1.7.Giao diện trang tin tức

4.1.8.Giao diện trang quan trị đơn hàng

4.1.9.Giao diện trang quản trị

4.1.10.Giao diện trang thêm tin tức

4.2.CÀI ĐẶT

4.2.1. Giới thiệu Wamp Server

• WAMP là phần mềm Web Server chạy trên nền Windown.

• Có thể cài đặt dễ dàng.

• WAMP được cập nhật đều đặn.

• Cho phép lựa chọn các phiên bản PHP, MySQl khác nhau.

• Rất tốt cho việc tạo máy chủ Web đẻ chạy thử, thiết kế Website bằng PHP.

• Tương thích Windown XP/ Windown Vista/ Windown 7.

• Hoàn toàn miễn phí.

• Có thể download WAMP tại http://www.wampserver.com.

Nhấn finish để hoàn tất cài đặt.

4.2.2. Hoàn tất việc cài đặt và chạy thử.

Sau khi cài đặt thành công, bán sẽ thấy biểu tượng của WAMP ở góc phải

màn hình như sau:

Để chạy thử, nhấn vào thư much “localhost” hoặc mở trình duyệt và gõ địa chỉ

4.2.3.Đánh giá

• Ưu điểm (adsbygoogle = window.adsbygoogle || []).push({});

o Website đã đáp ứng được nhu cầu xem thông tin,tìm kiếm sản phẩm về

sách báo.

o Người truy cập có thể sử dụng dễ dàng, tiện lợi.

o Lập trình bằng PHP có thể dễ dàng đưa ra sử dụng trên mạng và thực tế.

o Thân thiện với các máy tìm kiếm.

o Thông tin dễ dàng cập nhật thay mới.

• Nhược điểm

o Thiết kế giao diện,đồ họa chưa thật bắt mắt.

KẾT LUẬN

Trong quá nghiên cứu chuyên đề thực tập dưới sự hướng dẫn của Th.S Phạm Minh Hoàn em đã nắm vững hiểu rõ ngôn ngữ lập trình web PHP qua đó vận dụng kiến thức trên để xây dựng trang web bán sách báo trên mạng với các tính năng nổi bật như là: giới thiệu sản phẩm, tìm kiếm, đặt hàng, mua hàng ... Cũng trong thời gian này em đã vận dụng tất cả kiến thức được học trong 4 năm học để hoàn thiện sản phẩm của mình. Mặc dù đã cố gắng nhưng trang web vẫn còn những mặt hạn chế: giao diện chưa thật sự bắt mắt, tính bảo mật chưa cao, khả năng ứng dụng vào thực tế còn khó. Tuy nhiên trong tương lai em sẽ cố gắng hoàn thiện và phát triển sản phẩm với những tính năng tốt hơn, tính bảo mật cao, không những có khả áp dụng những doanh nghiệp bán sách mà còn có thể áp dụng vào các doanh nghiệp kinh doanh thương mại điện tử. Em xin chân thành cảm ơn quý thầy cô đã cung cấp kiến thức hữu ích để em hoàn thành bản chuyên đề thực tập này.

TÀI LIỆU THAM KHẢO

1. PHP and MySQL Web Development - Addison-Wesley.

2. Giáo trình phân tích thiết kế xây dựng, quản lý các hệ thống – NXB tư pháp – viện công nghệ thông tin, viện khoa học và công nghệ Việt Nam. 3. Trang web tham khảo PHP

http://w3schools.com/ http://phpvn.org/

LỜI MỞ ĐẦU

Tri thức là vốn quý báu của nhân loại. Mà phần lớn tri thức đó được lưu dữ trên các trang sách báo. Trên thị trường có rất nhiều các cửa hàng,công ty buôn bán sách,báo. Chính vì vậy việc giới thiệu và đưa sản phâm của mình đến tay bạn đọc là một trong những nhu cầu thiết yếu.

Ngày nay, với sự phát triển bùng nổ của internet. Mỗi ngày có hàng trăm triệu người truy cập internet để tìm hiểu tri thức cũng như nhu cầu mua bán sách,báo trên mạng ngày càng tăng cao. Chính vì vậy việc phát triển hoàn thiện mô hình giao dịch trực tuyến sẽ giúp cho việc kinh doanh của các doanh nghiệp hay cá nhân trở nên thuận tiện và dễ dàng hơn. Do vậy viêc tạo ra một hệ thống website bán hàng trực tuyến là cực kỳ cần thiết với các doanh nghiệp,các nhà kinh doanh hay một cá nhân nào đó.

Nhận thấy sự thiết thực ấy, em đã mạnh dạn nhận đề tài: “xây dựng Website bán sách,báo sử dụng ngôn ngữ PHP” nhằm đáp ứng một cách đầy đủ nhất cho những điều ở trên.

Qua năm tháng tìm hiểu và tập trung bắt tay vào làm việc dưới sự hướng dẫn tận tình của thầy Phạm Minh Hoàn cuối cùng em đã hoàn thành bản báo cáo chuyên đề thực tập này. Tuy đã cố gắng rất nhiều nhưng chắc không tránh khỏi những thiếu sót. Em mong được sự thông cảm và góp ý tận tình của quý thầy cô. Em xin chân thành cảm ơn. Đặc biệt là thầy Phạm Minh Hoàn đã trực tiếp hướng dẫn,chỉ bảo và giúp đỡ em trong thơi gian vừa qua. Em xin chân thành cảm ơn sự hướng dẫn tận tình của thầy.

Sinh viên thực hiện Chu Bình Mích

MỤC LỤC

CHƯƠNG 1. KHẢO SÁT VÀ TỔNG QUAN ĐỀ TÀI...1

1.1.KHẢO SÁT ...1

1.1.1.Phân tích...2

Ưu điểm của trang Vinabook...2

Dao diện trang chủ thân thiện với người dùng. Danh mục sách được thiết kế rất đa dạng và phong phú. Bạn có thể nhanh chóng và dễ dàng tìm được cuốc sách mà bạn cần theo các đề mục như là kích vào các lĩnh vực kinh tế, văn hóa, xã hội, văn học ...2

Cấu trúc của Vinabook khá đầy đủ và phong phú về danh mục sách. Do tìm hiểu trong thời gian ngắn nên em có nhiều hạn chế và đây là cấu trúc trang web do em thiết kế:...2

1.2. MỤC ĐÍCH ĐỀ TÀI...3

1.3. ĐỐI TƯỢNG NGHIÊN CỨU...4

1.4. Ý NGHĨA THỰC TIỄN...4 (adsbygoogle = window.adsbygoogle || []).push({});

CHƯƠNG 2: PHƯƠNG PHÁP LUẬN XÂY DỰNG TRANG WEB...5

2.1. THƯƠNG MẠI ĐIỆN TỬ...5

2.1.1. Thương mại điện tử là gì?...5

2.1.2. Lợi ích của thương mại điện tử ...5

2.1.3. Công đoạn của một giao dịch bán hàng trên mạng...6

2.2. CÔNG CỤ XÂY DỰNG WEB...7

2.2.1. Ngôn ngữ PHP...7

2.2.2. Hệ quản trị CSDL MySQL...8

CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG...10

3.1.CHỨC NĂNG CỦA HỆ THỐNG...10

3.1.2.Đối với quản trị website ...11

3.2. XÂY DỰNG BIỂU ĐỒ PHÂN CẤP CHỨC NĂNG...12

3.2.1. Biểu đồ phân cấp chức năng toàn hệ thống...12

3.3. XÂY DỰNG BIỂU ĐỒ LUỒNG DỮ LIỆU...17

3.3.1. Biểu đồ luồng dữ liệu mức khung cảnh...17

3.3.2. Biểu đồ luồng dữ liệu mức đỉnh...18

3.3.3. Biểu đồ luồng dữ liệu mức dưới đỉnh...18

3.4. XÂY DỰNG SƠ ĐỒ THỰC THỂ LIÊN KẾT...21

3.4.1. Xác định thực thể...21

3.4.2. Xác định các thuộc tính...21

3.4.3.Bảng cơ sở dữ liệu...21

3.4.3.5. Diagram ...23

3.4.5.Thiết kế chức năng theo yêu cầu...32

CHƯƠNG 4: LẬP TRÌNH VÀ CÀI ĐẶT...34

4.1.GIAO DIỆN...34

4.1.1.Giao diện trang chủ ...34

...34

4.1.2.Giao diện tìm kiếm sản phẩm theo nhà xuất bản...35

...35

4.1.3.Giao diện trang đăng ký tài khoản...36 (adsbygoogle = window.adsbygoogle || []).push({});

...36

Hình 4.3:Giao diện trang đăng ký tài khoản dành cho khách hàng...36

4.1.4.Giao diện trang thêm sản phẩm mới ...37

...38

...39

Hình 4.6:Giao diện trang quản trị theo nhà xuất bản...39

4.1.7.Giao diện trang tin tức...40

...40

...41

...42

...43

4.2.1. Giới thiệu Wamp Server...44

...44

4.2.2. Hoàn tất việc cài đặt và chạy thử...46

4.2.3.Đánh giá...47

Ưu điểm...47

Website đã đáp ứng được nhu cầu xem thông tin,tìm kiếm sản phẩm về sách báo...47

Người truy cập có thể sử dụng dễ dàng, tiện lợi...47

Lập trình bằng PHP có thể dễ dàng đưa ra sử dụng trên mạng và thực tế...47

Thân thiện với các máy tìm kiếm...47

Thông tin dễ dàng cập nhật thay mới...47

Nhược điểm...47

Thiết kế giao diện,đồ họa chưa thật bắt mắt...47

DANH MỤC HÌNH

CHƯƠNG 1. KHẢO SÁT VÀ TỔNG QUAN ĐỀ TÀI...1

1.1.KHẢO SÁT ...1

1.1.1.Phân tích...2

Ưu điểm của trang Vinabook...2

Dao diện trang chủ thân thiện với người dùng. Danh mục sách được thiết kế rất đa dạng và phong phú. Bạn có thể nhanh chóng và dễ dàng tìm được cuốc sách mà bạn cần theo các đề mục như là kích vào các lĩnh vực kinh tế, văn hóa, xã hội, văn học ...2

Cấu trúc của Vinabook khá đầy đủ và phong phú về danh mục sách. Do tìm hiểu trong thời gian ngắn nên em có nhiều hạn chế và đây là cấu trúc trang web do em thiết kế:...2 (adsbygoogle = window.adsbygoogle || []).push({});

1.2. MỤC ĐÍCH ĐỀ TÀI...3

1.3. ĐỐI TƯỢNG NGHIÊN CỨU...4

1.4. Ý NGHĨA THỰC TIỄN...4

CHƯƠNG 2: PHƯƠNG PHÁP LUẬN XÂY DỰNG TRANG WEB...5

2.1. THƯƠNG MẠI ĐIỆN TỬ...5

2.1.1. Thương mại điện tử là gì?...5

2.1.2. Lợi ích của thương mại điện tử ...5

2.1.3. Công đoạn của một giao dịch bán hàng trên mạng...6

2.2. CÔNG CỤ XÂY DỰNG WEB...7

2.2.1. Ngôn ngữ PHP...7

2.2.1.1. Khái niệm...7

2.2.1.2. Những ưu điểm của php...7

2.2.1.3. Căn bản PHP...8

2.2.2. Hệ quản trị CSDL MySQL...8

2.2.2.1.Khái niệm...8

2.2.2.2.Ưu điểm của MySQL...9

2.2.2.3. Đặc điểm của MySQL...9

2.2.2.4. Cú pháp cơ bản của MySQL...9

CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG...10

3.1.CHỨC NĂNG CỦA HỆ THỐNG...10

3.1.2.Đối với quản trị website ...11

3.2. XÂY DỰNG BIỂU ĐỒ PHÂN CẤP CHỨC NĂNG...12

3.3.1. Biểu đồ luồng dữ liệu mức khung cảnh...17

3.3.2. Biểu đồ luồng dữ liệu mức đỉnh...18

3.3.3. Biểu đồ luồng dữ liệu mức dưới đỉnh...18

3.3.3.1. Biểu đồ dữ liệu mức dưới đỉnh của chức năng quản trị hệ thống...19

3.3.3.2. Biểu đồ dữ liệu mức dưới đỉnh của chức năng giao tiếp khách hàng...20

3.4. XÂY DỰNG SƠ ĐỒ THỰC THỂ LIÊN KẾT...21

3.4.1. Xác định thực thể...21 3.4.2. Xác định các thuộc tính...21 3.4.3.Bảng cơ sở dữ liệu...21 3.4.3.1. Bảng sản phẩm...21 3.4.3.2. Bảng nhà xuất bản...22 3.4.3.3. Bảng kháh hàng...22 3.4.3.4. Bảng cấu hình...22 3.4.3.5. Diagram ...23 ...23

3.4.4. Thiết kế các trang giao diện...24 (adsbygoogle = window.adsbygoogle || []).push({});

3.4.4.1. Hiển thị danh sách sản phẩm...24

3.4.4.2. Tìm kiếm sản phẩm...25

...26

3.4.4.3. Xem chi tiết sản phẩm...27

3.4.4.4. Giỏ hàng...28

3.4.4.5. Thanh toán giỏ hàng...29

3.4.4.7. Đăng nhập...31

3.4.5.Thiết kế chức năng theo yêu cầu...32

3.4.5. 1.Thiết kế chức năng theo yêu cầu (phần người dùng)...32

3.3.5.2. Thiết kế chức năng trang Admin (dành cho quản trị)...33

...36

Hình 4.3:Giao diện trang đăng ký tài khoản dành cho khách hàng...36

Hình 4.3:Giao diện trang đăng ký tài khoản dành cho khách hàng...36

4.1.4.Giao diện trang thêm sản phẩm mới ...37

Hình 4.4:Giao diện trang thêm sản phẩm mới dành cho Admin...37

4.1.5.Giao diện trang chi tiết sản phẩm...38

...38

...38

Hình 4.5:Giao diện trang chi tiết sản phẩm dành cho khách hàng...38

4.1.6.Giao diện trang quản trị nhà xuất bản...39

...39

Hình 4.6:Giao diện trang quản trị theo nhà xuất bản...39

Hình 4.6:Giao diện trang quản trị theo nhà xuất bản...39

4.1.7.Giao diện trang tin tức...40

...40

Hình 4.7:Giao diện trang tin tức dành cho người sử dụng...40

4.1.8.Giao diện trang quan trị đơn hàng...41

...41

Hình 4.8:Giao diện trang quản trị đơn hàng...41

4.1.9.Giao diện trang quản trị...42 (adsbygoogle = window.adsbygoogle || []).push({});

...42

Hinh 4.9:Giao diện trang quản trị...42

4.1.10.Giao diện trang thêm tin tức...43

...43

Hình 4.10:Giao diện trang thêm tin tức mới...43

4.2.CÀI ĐẶT...44

4.2.1. Giới thiệu Wamp Server...44

...44

4.2.2. Hoàn tất việc cài đặt và chạy thử...46

4.2.3.Đánh giá...47

Ưu điểm...47

Website đã đáp ứng được nhu cầu xem thông tin,tìm kiếm sản phẩm về sách báo...47

Thân thiện với các máy tìm kiếm...47

Thông tin dễ dàng cập nhật thay mới...47

Nhược điểm...47

Thiết kế giao diện,đồ họa chưa thật bắt mắt...47

Nhiều chức năng còn hạn chế...47

KẾT LUẬN...48

Một phần của tài liệu Thiết kế, xây dựng Web bán sách trên mạng (Trang 33 - 56)