CHƯƠNG 1. TỔNG QUAN ĐỀ TÀI 1. Giới thiệu đề tài 1.1 Tên đề tài Đề tài “WEBSITE BÁN SÁCH” trên nền tảng PHP và My SQL 1.2 Giới thiệu đề tài Website bán sách giúp các chủ cửa hàng và người quản lý dễ dàng đăng nhập để quản lý sách, thêm sách, chỉnh sửa sách và các thứ khác của cửa hàng và người khách hàng dễ dàng mua được sách dễ dàng, xem các loại sách mà mình yêu thích, tham quan cửa hàng, đăng ký làm thành viên thân thuộc để nhận ưu đãi và đăng nhập để mua sách và thanh toán dễ dàng.3 Lý do chọn đề tài Hiện nay với sự phát triển mạnh mẽ của công nghệ thông tin nhưng bên cạnh đấy vẫn còn những cách quản lý và mua bán sách truyền thống. Vì vậy em đã thực hiện xây dựng “WEBSITE BÁN SÁCH” để giúp cho con người quản lý, chủ tiệm sách thực hiện mọi công việc quản lý cửa hàng sách một cách dễ dàng hơn thay vì phải quản lý bằng giấy tờ một cách lạc hậu và gây khó khăn như lúc trước.
Website giúp tìm kiếm, chỉnh sửa thông tin sách một cách dễ dàng không mất quá nhiều thời gian.4 Yêu cầu về chức năng Chức năng của người quản lý Quản lý sách : thêm sách, xem sách, tìm kiếm sách, xoá sách, quản lý đơn đặt hàng Quản lý tài khoản : Đăng nhập, đăng xuất, xem thông tin khách hàng, tìm kiếm thông tin khách hàng Chức năng của khách hàng Đăng nhập, đăng ký. Quản lý tài khoản : xem thông tin, đổi mật khẩu. Quản lý giỏ hàng: thêm sách, cập nhật số lượng, xoá sách. Xem sách và chi tiết sách.5 Các ràng buộc về mặt thiết kế: Giao diện hợp lý, rõ ràng, dễ sử dụng Màu sắc hài hòa, mềm mại, dễ nhìn Không có các chi tiết thừa, đơn giản tối đa Font chữ không chân.
2 Downloaded by NHIM NHIM (nhimbien2@gmail.6 Phạm vi Đặc điểm website: Nhanh Giao diện web thân thiện, dễ sử dụng Tính bảo mật tương đối Đáp ứng các nhu cầu thiết yếu của quản lý và khách hàng Đối tượng sử dụng: - Các cửa hàng vừa và nhỏ 2. Công nghệ sử dụng 2.1 Giới thiệu về PHP - PHP là viết tắt của từ “PHP: Hypertext Preprocessor”, đây là một ngôn ngữ lập trình k椃⌀ch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, mục tiêu chính của ngôn ngữ là cho phép các nhà phát triển viết ra các trang web động một cách nhanh chóng. Nó rất phù hợp để phát triển web và có thể dễ dàng nhúng vào các trang HTML. Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới.
- PHP là ngôn ngữ mã nguồn mỡ, có thể chạy được trên cả Apache và IIS do đó so với ASP.NET thì nó phổ biến nhiều hơn, điều đó được minh chứng bằng số lượng các website được thiết kế bằng ngôn ngữ PHP hiện nay. Cấu trúc PHP cực k礃 đơn giản, vậy nên bạn sẽ không mất nhiều thời gian để có thể học được. Một khi đã làm chủ được HTML và C, bạn hoàn toàn có thể làm chủ được ngôn ngữ lập trình này. - Thư viện của PHP vô cùng phong phú, hệ thống CMS miễn phí dùng tương đối nhiều, c甃̀ng như được cộng đồng hỗ trợ một cách vô cùng mạnh mẽ.
Vậy nên bạn có thể dễ dàng tìm nguồn tài liệu mình cần c甃̀ng như có thể nhận được sự hỗ trợ một cách nhanh nhất. - Do chạy được trên máy chủ Apache và thường đi cặp cùng với hệ quản tr椃⌀ cơ sở dữ liệu MySQL nên việc cài đặt môi trường phát triển vô cùng đơn giản, thông qua một bộ cài đặt duy nhất như là: XAMPP trên windows và linux, MAMP trên MacOS. 3 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 Hình 1. 1 Giới thiệu về PHP 2.2 Giới thiệu về HTML, CSS và JavaScript HTML - HTML là chữ viết tắt cho “HyperText Markup Language”, hay là "Ngôn ngữ Đánh dấu Siêu văn bản" là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web.
Cùng với CSS và JavaScript, HTML tạo ra bộ ba nền tảng kỹ thuật cho World Wide Web. HTML được đ椃⌀nh nghĩa như là một ứng dụng đơn giản của SGML và được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức tạp. HTML đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì. - HTML được sáng tạo bởi Tim Berners-Lee, nhà vật lý học của trung tâm nghiên cứu CERN ở Thụy Sĩ.
Anh ta đã nghĩ ra được ý tưởng cho hệ thống hypertext trên nền Internet. Anh xuất bản phiên bản đầu tiên của HTML trong năm 1991 bao gồm 18 tag HTML. Từ đó, mỗi phiên bản mới của HTML đều có thêm tag mới và attributes mới. Nâng cấp mới nhất gần đây là vào năm 2014, khi ra mắt chuẩn HTML5.
CSS - CSS là chữ viết tắt cho “Cascading Style Sheets”, được sử dụng để mô tả giao diện và đ椃⌀nh dạng của một tài liệu viết bằng ngôn ngữ đánh dấu (markup). Nó cung cấp một tính năng bổ sung cho HTML. Nó thường được sử dụng với HTML để thay đổi style của trang web và giao diện người dùng. Nó c甃̀ng có thể được sử dụng với bất k礃 loại tài liệu XML nào bao gồm cả XML đơn giản, SVG và XUL.
- CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996, nhằm mục đích: Hạn chế tối thiểu việc làm rối mã HTML của trang Web bằng các thẻ quy đ椃⌀nh kiểu dáng khiến mã nguồn của trang Web được gọn gàng hơn, tách nội dung của trang Web và đ椃⌀nh dạng hiển th椃⌀, dễ dàng cho việc cập nhật nội dung; Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang Web, giúp tránh phải lặp lại việc đ椃⌀nh dạng cho các trang Web giống nhau. 4 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 - Giống như HTML, CSS không thực sự là một ngôn ngữ lập trình mà là một ngôn ngữ đ椃⌀nh kiểu – style. Điều này có nghĩa là nó cho phép bạn áp dụng kiểu có chọn lọc cho các phần tử trong tài liệu HTML. JavaScript - JavaScript là một ngôn ngữ lập trình k椃⌀ch bản đa nền tảng (cross-platform), hướng đối tượng.
Nó chủ yếu được sử dụng để tăng cường cung cấp trải nghiệm thân thiện hơn với người dùng website như là bao gồm các trang web cập nhật tự động, cải tiến giao diện người dùng như menu và hộp thoại, hình động, đồ họa 2D và 3D, bản đồ tương tác, trình phát video. JavaScript là một ngôn ngữ nhỏ và nhẹ, chạy trong môi trường máy chủ lưu trữ (trình duyệt web). Nó có thể được kết nối với các đối tượng của môi trường để cung cấp kiểm soát chương trình đối với chúng. - JavaScript được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript.
Giống Java, JavaScript có cú pháp tương tự C, nhưng nó gần với Self hơn Java. Hiện nay phiên bản mới nhất của JavaScript là ECMAScript 7 với nhiều cải tiến vượt bậc so với phiên bản tiền nhiệm. - JavaScript là ngôn ngữ k椃⌀ch bản phía máy khách (client-side) duy nhất. Do đó, nó được sử dụng trên hầu hết các trang web mà bạn nhìn thấy trên internet.
Tuy nhiên cú pháp của nó vô cùng lộn xộn và khó làm chủ, do đó Jquery – một thư viện của JavaScript ra đời nhằm giúp lập trình viên xây dựng những chức năng có sử dụng Javascript trở nên dễ dàng hơn như: đơn giản hóa việc duyệt tài liệu HTML, - Xử lý sự kiện, hoạt ảnh và tương tác Ajax để phát triển web nhanh chóng. jQuery là một bộ công cụ JavaScript gọn nhẹ nhưng đầy mạnh mẽ, được chứng minh qua hơn 90% các website trên thế giới sử dụng (trừ các website chạy bằng JavaScript Framework).3 Công cụ Dreamweaver - Dreamweaver là một chương trình phần mềm để thiết kế web, về cơ bản là một trình soạn thảo lập trình và web HTML đầy đủ tính năng hơn. Chương trình cung cấp giao diện WYSIWYG để tạo và chỉnh sửa các trang web. Dreamweaver hỗ trợ nhiều ngôn ngữ đánh dấu , bao gồm HTML, XML , CSS và JavaScript.
Đối với ngôn ngữ của con người, nó hỗ trợ tiếng Anh, tiếng Tây Ban Nha, tiếng Pháp, tiếng Đức, tiếng Nhật, tiếng Trung, tiếng Ý, tiếng Nga và nhiều ngôn ngữ khác. - Dreamweaver ban đầu được phát triển và xuất bản bởi Macromedia vào năm 1997. Adobe đã mua Macromedia (bao gồm các quyền đối với Dreamweaver) vào năm 2005 và tiếp tục phát triển chương trình. Nhiều tính năng của Dreamweaver làm nó trở thành một công cụ chỉnh sửa web linh hoạt, được dùng để tạo các trang web phức tạp hoặc đơn giản.
- Dreamweaver CC vừa là trình soạn thảo WYSIWYG vừa là trình soạn thảo mã cho PC Windows và Mac. Nó có thể đọc các mẫu WordPress, Joomla và Drupal và nó bao gồm một hệ thống lưới để thực hiện thiết kế web responsive. 5 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 Dreamweaver cung cấp nhiều công cụ để phát triển web di động bao gồm tạo ứng dụng gốc cho thiết b椃⌀ iOS và Android. - Dreamweaver CC chỉ khả dụng khi đăng ký Adobe Creative Cloud trên gói hàng tháng hoặc hàng năm.
Các gói bao gồm phiên bản mới nhất của phần mềm, 100GB dung lượng lưu trữ đám mây cho các tệp, porfolio, phông chữ cao cấp và các công cụ truyền thông xã hội. Dreamweaver c甃̀ng có sẵn như là một phần của đăng ký Tất cả ứng dụng bao gồm hơn 20 ứng dụng bao gồm Photoshop CC, Illustrator CC và Adobe XD CC. 2 Công cụ Dreamweaver 6 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 CHƯƠNG 2. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 1.
Phân tích Website quản lý bán sách cung cấp cho người dùng và người quản lý bao gồm những tính năng chính: đăng nhập, đổi mật khẩu, quản lý tài khoản, quản lý sách, quản lý hoá đơn, quản lý giỏ hàng.Những chức năng trên được thể hiện ở hình bên dưới: Hình 2. 1 Những chức năng cơ bản của website 7 Downloaded by NHIM NHIM (nhimbien2@gmail. Thiết kế hệ thống 2.