ĐỀ tài THIẾT kế TRANG WEB bán SÁCH

Với sự phát triển ấy chúng ta có thể làm mọi việc ở mọi nơi nhằm đáp ứng nhu cầu của mọi người và dần bỏ quên tầm quan trọng của sách là việc có thể giúp cho người đọc phát huy sự sáng t

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

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO MÔN HỌC

MÔN HỌC: LẬP TRÌNH WEB

MÃ HỌC PHẦN: 2011_1TH1336

Sinh viên thực hiện:

Quách Kim Nguyên - 18004088

Lê Võ Chí Phong – 18004098 Nguyễn Huỳnh Trúc Phượng - 18004102 Lớp: 1CTT18A1

Khóa: 43 Học kì I: 2020 - 2021 Người hướng dẫn: ThS Nguyễn Thanh Hoàng

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

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO MÔN HỌC

MÔN HỌC: LẬP TRÌNH WEB

MÃ HỌC PHẦN: 2011_1TH1336

Sinh viên thực hiện:

Quách Kim Nguyên - 18004088

Lê Võ Chí Phong – 18004098 Nguyễn Huỳnh Trúc Phượng - 18004102 Lớp: 1CTT18A1

Khóa: 43 Học kì I: 2020 - 2021 Người hướng dẫn: ThS Nguyễn Thanh Hoàng

ThS Trần Phan An Trường

ĐỀ TÀI: THIẾT KẾ TRANG WEB BÁN SÁCH

 Nhận xét và đánh giá điểm của người hướng dẫn

(Người hướng dẫn xác định vào ô tương ứng)

- Tổ chức báo cáo trước hội đồng

- Tổ chức chấm thuyết minh

Vĩnh Long, ngày tháng năm

Người hướng dẫn (ký và ghi rõ họ tên)

LỜI NÓI ĐẦU

Trước tiên chúng em xin cảm ơn đến thầy Trần Thanh Hoàng và thầy Trần Phan

An Trường đã nhiệt tình hướng dẫn và giúp đỡ chúng em hoàn thành đề tài này Chúng

em xin chân thành cảm ơn ban giám hiệu, văn phòng khoa Công nghệ thông tin trường Đại học Sư phạm Kỹ thuật Vĩnh Long và các thầy cô bộ môn đã tận tình giảng dạy và trang bị những kiến thức cơ bản, cần thiết cho chúng em trong quá trình học tập tại trường Xin cảm ơn tất cả các bạn trong lớp đã đóng góp ý kiến cho đề tài này Mặc dù

đã rất cố gắng, nhưng trong một khoảng thời gian cho phép, cũng như hạn chế về mặt kiến thức của chúng em, không thể tránh khỏi nhiều thiếu sót Chính vì vậy, chúng em rất mong nhận được sự góp ý của các thầy giáo, cô giáo cũng như của bạn bè để hoàn thành đề tài này tốt hơn

Thời đại Công nghệ 4.0 là thời đại tập trung vào sự phát triển của công nghệ Tức

là tất cả những gì liên quan đến hệ thống vật lý không gian mạng Internet Chúng ta có thể cảm nhận được công nghệ đang và sẽ tạo ảnh hưởng to lớn lên tất cả các ngành và lĩnh vực đời sống Kỷ nguyên khác biệt này tạo ra tốc độ phát triển sản xuất, xã hội siêu nhanh chóng, phá bỏ các truyền thống trước đây Với sự phát triển ấy chúng ta có thể làm mọi việc ở mọi nơi nhằm đáp ứng nhu cầu của mọi người và dần bỏ quên tầm quan trọng của sách là việc có thể giúp cho người đọc phát huy sự sáng tạo, áp dụng những kiến thức trong sách vào ứng dụng thực tế của bản thân để xử lý trong các tình huống khác nhau Chính vì thế đã hình thành nên ý tưởng đề tài “Thiết kế trang web bán sách” Việc mua sách qua các trang web sẽ giúp mọi người tiết kiệm thời gian hơn

và không mất tiền cho những quyển không hay Đối với những người đã đi làm họ sẽ không có thời gian đi đến cửa hàng để mua hoặc lúc tan ca thì nhà sách cửa hàng gần

đó đã đóng cửa và cũng có những quyển không thể xem trước bên trong có những nội dung gì, có làm người đọc thích thú không Trang web bán sách có thể thay nhà sách làm được điều đó

MỤC LỤC

LỜI NÓI ĐẦU i

DANH MỤC CÁC HÌNH iv

CHƯƠNG 1:TỔNG QUAN 1

1.1.Động cơ nghiên cứu 1

1.2.Mục đích nghiên cứu 1

1.3.Phạm vi nghiên cứu 1

1.4.Phương pháp nghiên cứu 1

1.5.Đối tượng sử dụng 2

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

2.1 Công cụ phân tích 3

2.2 Công cụ xây dựng 3

2.2.1.Visual Studio Code 3

2.2.2 Bootstrap 4

2.2.3 jQuery 4

2.3.Công cụ lưu trữ 5

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

3.1.Đặc tả yêu cầu hệ thống 9

3.2.Thiết kế hệ thống 9

3.2.1.Mô hình CDM 10

3.2.2.Mô hình LDM 11

3.2.3.Mô hình PDM 12

CHƯƠNG 4: HỆ THỐNG QUẢN LÝ BÁN SÁCH 13

4.1.Sơ đồ phân rã chức năng 13

4.2.Giao diện từng chức năng theo sơ đồ phân rã chức năng 13

CHƯƠNG 5: GIAO DIỆN TRANG WEB 16

5.1.Giao diện trang web 16

5.2.Giao diện sách 17

5.3.Giao diện giỏ hàng 17

5.4.Giao diện đăng nhập của admin 18

CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 19

6.1.Kết luận 19

6.1.1.Kết quả đạt được 19

6.1.2.Kết quả chưa đạt được 19

6.2.Hướng phát triển 19

TÀI LIỆU THAM KHẢO 20

DANH MỤC CÁC HÌNH

Hình 2.1 Bootstrap 4

Hình 2.2 Jquery 4

Hình 2.3.1 Bản ghi cơ sở dữ liệu 5

Hình 2.3.2.Bản ghi hóa đơn 5

Hình 2.3.4 Bản ghi khách hàng 6

Hình 2.3.5.Bản ghi nhân viên 6

Hình 2.3.6.Bản ghi phiếu xuất 6

Hình 2.3.7.Bản ghi sách 6

Hình 2.3.8.Bản ghi admin 7

Hình 2.3.9.Bản ghi đơn đặt hàng 7

Hình 2.3.10.Bản ghi đặt hàng 8

Hình 2.3.11.Bản ghi nhà xuất bản 8

CHƯƠNG 1:TỔNG QUAN 1.1.Động cơ nghiên cứu

Ngày nay, công nghệ thông tin đã có những bước phát triển mạnh mẽ theo cả chiều rộng và sâu Máy tính không còn là một thứ phương tiện quý hiếm mà đang ngày càng trở thành một công cụ làm việc và giải trí thông dụng của con người, không chỉ ở công sở mà còn ngay cả trong gia đình Đứng trước vai trò của thông tin hoạt động cạnh tranh gay gắt, các tổ chức và các doanh nghiệp đều tìm mọi biện pháp để xây dựng hoàn thiện hệ thống thông tin của mình nhằm tin học hóa các hoạt động tác nghiệp của đơn vị Hiện nay các công ty tin học hàng đầu thế giới không ngừng đầu tư cải thiện các giải pháp cũng như các sản phẩm nhằm cho phép tiến hành thương mại hóa trên Internet Thông qua các sản phẩm và công nghệ này, chúng ta dễ dàng nhận ra tầm quan trọng và tính tất yếu của thương mại điện tử Với những thao tác đơn giản trên máy có nối mạng Internet chúng ta sẽ có tận tay những gì mình cần mà không phải mất nhiều thời gian Chỉ cần vào các trang dịch vụ thương mại điện tử, làm theo hướng dẫn và “click” vào những gì cần Các nhà dịch vụ sẽ mang đến tận nhà Ở Việt Nam cũng có rất nhiều doanh nghiệp đang tiến hành thương mại hóa trên Internet nhưng do những khó khăn về cơ sở hạ tầng như viễn thông chưa phát triển mạnh, các dịch vụ thanh toán điện tử qua ngân hàng chưa phổ biến nên chỉ dừng lại ở mức độ giới thiệu sản phẩm và tiếp nhận đơn đặt hàng thông qua web

1.2.Mục đích nghiên cứu

Để nâng cao việc học và tìm hiểu chúng em đã nghiên cứu đề tài “ Bán sách online” để tìm hiểu kĩ và biết rõ về việc tạo một trang web, để người khác có thể đọc sách mà mình đã tạo ngay trên trang và được trãi nghiệm mua sách trước khi mua sách

Để phụcss vụ cho việc vừa học và nhắm rõ hơn các chi tiết khi một trang web

Ý thức được tương lai của thương mại điện tử Việt Nam chúng em quyết định chọn

đề tài thiết kế trang web bán sách Website sẽ đáp ứng được nhu cầu mua bán trực tuyến trên mạng Với mong muốn đề tài sẽ được đưa vào ứng dụng cho doanh nghiệp,

vì vậy chúng em sẽ cố gắng hết mình và mong nhận được những đóng góp ý kiến và chỉ đạo của thầy cô Xây dựng một website có vai trò và chức năng như một cổng thông tin liên lạc giữa người kinh doanh và người dùng.Trang web sẽ mang đến những thông tin bổ ích cho khách hàng, giúp khách hàng có thể mua sắm trực tuyến và giảm bớt chi phí

1.3.Phạm vi nghiên cứu

- Các trang mạng

- Sách, báo

1.4.Phương pháp nghiên cứu

- Tham khảo những trang web có sẵn

- Các mô hình mà các trang bán sách trên mạng đã và đang làm

1.5.Đối tượng sử dụng

-Đối với người dùng: có thể sử dụng các chức năng cơ bản nhất của một website: xem tin tức, tìm kiếm, bình luận về bài viết…

-Đối với người quản trị có đầy đủ quyền hành của một người quản lý website:

 Thêm, xóa, sửa chức năng, liên kết, bài viết…

 Đổi thông tin tài khoản của mình

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Công cụ phân tích

Sử dụng “PowerDesigner” làm công cụ thiết kế mô hình quan hệ

PowerDesigner là một phần mềm hỗ trợ đắc lực trong việc thiết kế mô hình quan

hệ, mô hình CDM, 4PDM, ERD, ER,…

Phần mềm SAP PowerDesigner kết hợp một số mẫu đạt tiêu chuẩn kỹ thuật cùng với những nền tảng phát triển hàng đầu nhằm mục đích mang lại cho người dùng những giải phát thiết kế siêu dữ liệu Hơn nữa phần mềm này còn có thể hoạt động với hơn 60 hệ thống quản lý cơ sở dữ liệu liên quan khác nhau

Các tính năng đặc biệt:

 Thiết kế Conceptual Data model (CDM) bằng cách sử dụng sơ đồ thực thể kết hợp

 Phát sinh kịch bản Physical Data Model (PDM) tương ứng trên một DBMS

 Phát sinh kịch bản tạo CSDL trên một DBMS đích

 Phát sinh những ràng buột toàn vẹn tham chiếu

 Ứng dụng này cho phép người dùng hiệu chỉnh và in các model

 Người dùng có thể thông qua đó định nghĩa các thuộc tính mở rộng có các đối tượng PDM

 Phát sinh ngược lại các Database và những application đang tồn tại

 Định nghiã các thuộc tính mở rộng có các đối tượng PDM

 Khả năng chia sẻ và chuyển dữ liệu với bảo mật cao

 Dễ dàng sử dụng framework

2.2 Công cụ xây dựng

2.2.1.Visual Studio Code

Visual Studio Code là một trình soạn thảo mã nguồn miễn phí do Microsoft tạo

ra cho Windows , Linux và macOS Các tính năng bao gồm hỗ trợ gỡ lỗi , tô sáng cú pháp , hoàn thành mã thông minh , đoạn mã , tái cấu trúc mã và Git được nhúng Người dùng có thể thay đổi chủ đề , phím tắt , tùy chọn và cài đặt các tiện ích

mở rộng thêm chức năng bổ sung

Visual Studio Code có thể được mở rộng thông qua các phần mở rộng , có sẵn thông qua một kho lưu trữ trung tâm Điều này bao gồm các bổ sung cho trình chỉnh sửa và hỗ trợ ngôn ngữ Một tính năng đáng chú ý là khả năng tạo tiện ích mở rộng hỗ trợ thêm cho các ngôn ngữ , chủ đề và trình gỡ lỗi mới , thực hiện phân tích mã tĩnh và thêm các đoạn mã bằng cách sử dụng Giao thức Máy chủ Ngôn ngữ

Visual Studio Code bao gồm nhiều phần mở rộng cho FTP, cho phép phần mềm được sử dụng như một giải pháp thay thế miễn phí để phát triển web Mã có thể được đồng bộ hóa giữa trình chỉnh sửa và máy chủ mà không cần tải xuống bất kỳ phần mềm

bổ sung nào

Visual Studio Code cho phép người dùng đặt trang mã trong đó tài liệu hiện hoạt được lưu, ký tự dòng mới và ngôn ngữ lập trình của tài liệu hiện hoạt Điều này cho phép nó được sử dụng trên bất kỳ nền tảng nào, ở bất kỳ ngôn ngữ nào và cho bất

kỳ ngôn ngữ lập trình nào

2.2.2 Bootstrap

Bootstrap là framework HTML, CSS, JavaScript phổ biến nhất để phát triển một trang web đáp ứng, thân thiện với thiết bị di động Về cơ bản, nó bao gồm một tập hợp các chuỗi code (teamplate) HTML, JavaScript và CSS có thể tái sử dụng như typography, form, button, table, điều hướng Bạn chỉ cần nhập những chuỗi này vào code của mình để nhanh chóng tạo ra loạt tính năng cần thiết cho trang web

Bootstrap hoàn toàn miễn phí để tải và sử dụng Nhờ bộ sưu tập code được viết sẵn và khả năng tái sử dụng Bootstrap giúp các nhà phát triển tiết kiệm được nhiều thời gian, công sức khi code web

Hình 2.1 Bootstrap

2.2.3 jQuery

jQuery là một thư viện JavaScript nhanh, nhỏ và giàu tính năng Nó làm cho những thứ như thao tác và duyệt tài liệu HTML, xử lý sự kiện, hoạt ảnh và Ajax trở nên đơn giản hơn nhiều với một API dễ sử dụng hoạt động trên nhiều trình duyệt Với

sự kết hợp giữa tính linh hoạt và khả năng mở rộng, jQuery đã thay đổi cách mà hàng triệu người viết JavaScript

Hình 2.2 JQuery

2.3.Công cụ lưu trữ

Sử dụng MySQL và phpMyAdmin

- Cơ sở dữ liệu nhằm lưu giữ thông tin cần thiết cho chương trình Với mỗi một cơ sở

dữ liệu sẽ thể hiện rõ thông tin tối thiểu cần có của việc quản lý

- Để lưu trữ cơ sở dữ liệu và thực hiện các thao tác, cũng như thuật toán khác nhau với trang web thì cần phải tìm những cấu trúc dữ liệu thích hợp để mô tả quá trình hoạt động của trang web

- Để tạo một cơ sở dữ liệu, trước hết ta phải xác định những thông tin gì cần thiết

- Sau đó ta thiết kế, tạo các bảng chứa các trường định nghĩa kiểu dữ liệu sẽ có

Sau khi tạo ra cấu trúc cơ sở dữ liệu, cơ sở dữ liệu có thể chứa dữ liệu dưới dạng bản ghi

Hình 2.3.1 Bản ghi cơ sở dữ liệu

Hình 2.3.2.Bản ghi hóa đơn

Hình 2.3.4 Bản ghi khách hàng

Hình 2.3.5.Bản ghi nhân viên

Hình 2.3.6.Bản ghi phiếu xuất

Hình 2.3.7.Bản ghi sách

Hình 2.3.8.Bản ghi admin

Hình 2.3.9.Bản ghi đơn đặt hàng

Hình 2.3.10.Bản ghi đặt hàng

Hình 2.3.11.Bản ghi nhà xuất bản

CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1.Đặc tả yêu cầu hệ thống

3.3.1 Mô tả:

Trong hệ thống trang web giao diện bán sách có 3 website chính đó là trang đăng nhập dành cho khác hàng, trang giao diện và trang dành cho admin Khi lần đầu tiên vào trang web khách hàng phải đăng kí tài khoản, những lần sau khi đăng nhập chỉ cần khách hàng đăng nhập đúng tên và mật khẩu của mình sẽ được vào trang giao diện trang bán sách Với sách online, thì việc trực tiếp đến các nhà sách là việc đỡ tốn kém

mà không phải tốn quá nhiều sức đi lại Tại trang web khách hàng tự chọn lựa và thêm vào giỏ hàng, sau khi mua thành công thì khách hàng sẽ đợi tí thời gian, sản phẩm sẽ tự được chuyển đến nhà theo thông tin

3.3.2 Đặc tả:

 Khi bắt đầu đăng ký người quản trị sẽ quản lý các tài khoản có tên trùng hoặc mật khẩu trùng nhau sẽ báo lại cho người đăng kí Người quản lý của trang web có thể quản lý các bài đăng lên của trang, kho và các bình luận mà khách để lại để góp ý cho trang web

 Khách hàng có thể đăng kí khi lần đầu vào trang, có thể biết những thông tin sách

mà người quản lý đã cung cấp sẵn Khi muốn mua sách, khách chỉ cần chọn vào giỏ hàng, đăng kí số lượng, lưu lại và làm bước tiếp theo Khi khách đồng ý và không muốn mua nữa thì khách hàng có thể đặc hàng và chờ đến ngày nhận sản phẩm

 Người đăng sách có thể biết được lượt xem, người mua sách của mình trong tuần, trong tháng và góp ý của người mua để lại

3.2.Thiết kế hệ thống

3.2.1.Mô hình CDM

3.2.2.Mô hình LDM

3.2.3.Mô hình PDM

CHƯƠNG 4: HỆ THỐNG QUẢN LÝ BÁN SÁCH 4.1.Sơ đồ phân rã chức năng

4.2.Giao diện từng chức năng theo sơ đồ phân rã chức năng

*Quản lý tài khoản

*Quản lý sách

*Quản lý user

*Quản lý doanh số

CHƯƠNG 5: GIAO DIỆN TRANG WEB 5.1.Giao diện trang web

5.2.Giao diện sách

5.3.Giao diện giỏ hàng

5.4.Giao diện đăng nhập của admin

CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 6.1.Kết luận

Với kiến thức nền tảng cộng thêm sự giảng dạy trên lớp tận tình của giảng viên, chúng em đã hoàn thành đề tài và chúng em đã phần nào hiểu được quy trình,cách thức xây dựng một website Chúng em đã hiểu hơn về các ngôn ngữ HTML, CSS, javascript, biết cách sử dụng các công cụ hỗ trợ để xây dựng trang web nhằm tiết kiệm thời gian, công sức thiết kế website

Là một bộ phận không thể tách rời khỏi sự phát triển của xã hội và con người, cuộc cách mạng khoa học - kỹ thuật hiện đại đã đem lại sự thay đổi to lớn mang tính bước ngoặt trong sự phát triển của xã hội Sự phát triển mạnh mẽ về khoa học kỹ thuật

đã tạo ra những bước nhảy vọt chưa từng thấy trong quá trình phát triển của lực lượng sản xuất và năng suất lao động, làm xuất hiện nhiều ngành sản xuất mới có liên quan đến sự tiến triển của khoa học và công nghệ (công nghiệp tên lửa, điện tử, vi sinh ) và thay đổi hoàn toàn cơ cấu các ngành kinh tế ở nhiều khu vực

Với sự phát triển của khoa học và kỹ thuật, hiện nay các mạng máy tính đã phát triển một cách nhanh chóng và đa dạng cả về quy mô, hệ điều hành và ứng dụng Do vậy việc nghiên cứu chúng ngày càng trở nên phức tạp Tuy nhiên các mạng máy tính cũng có cùng các điểm chung thông qua đó chúng ta có thể đánh giá và phân loại chúng

6.1.1.Kết quả đạt được

Bước đầu xây dựng website có giao diện đầy đủ.Cung cấp đầy đủ các thông tin về sách,nhà xuất bản Chỉ đưa được trang giao diện lên server

6.1.2.Kết quả chưa đạt được

Điểm hạn chế của nhóm em là chưa tối ưu hóa tốt trang web, chưa tối ưu trên điện thoại thông minh Website chưa được chạy trên các máy tính khác nhau

6.2.Hướng phát triển

Sẽ tìm hiểu thêm và điều chỉnh 1 số tính năng kèm theo giao diện phù hợp tốt hơn, xây dựng thêm các chức năng kết nối dữ liệu, chạy được trên nhiều thiết bị

khác…