ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI: WEBSITE BÁN SÁCH

lOMoARcPSD|17343589 TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI: WEBSITE BÁN SÁCH Sinh viên thực : HỒ VĂN NGUYÊN NGUYỄN QUỐC PHONG Giảng viên hướng dẫn : CẤN ĐỨC ĐIỆP Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : D14CNPM6 Hà Nội , tháng năm 2022 lOMoARcPSD|17343589 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: Họ tên Chữ ký Ghi Giảng viên chấm điểm: Họ tên Chữ ký Giảng viên chấm 1: Ghi HỒ VĂN NGUYÊN NGUYỄN PHONG QUỐC Giảng viên chấm 2: lOMoARcPSD|17343589 MỤC LỤC LỜI NÓI ĐẦU TÓM TẮT ĐỒ ÁN CHƯƠNG INTERNET, WORLD WIDE WEB VÀ HTML PHP 1.1.1 Giới thiệu chung .6 1.1.2 Phân loại 1.4 Khái niệm PHP 10 CHƯƠNG KHẢO SÁT ĐỀ TÀI 12 2.1 Khảo sát đề tài 12 2.2 Phạm vi dự án sử dụng 12 2.3 Đối tượng sử dụng 12 2.4 Mục đích dự án 12 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE 15 3.1 Thiết kế ca sử dụng 15 3.2 Use case hệ thống .15 CHƯƠNG CÀI ĐẶT WEBSITE 17 4.1 Cài đă ̣t website 17 Các bước đăng nhập .17 4.2 Giao diện website 18 KẾT LUẬN 20 lOMoARcPSD|17343589 LỜI NÓI ĐẦU Với phát triển nhảy vọt công nghệ thơng tin nay, Internet ngày giữ vai trị quan trọng lĩnh vực khoa học kĩ thuật đời sống Dĩ nhiên bạn nghe nói nhiều Internet, nói cách đơn giản, Internet tập hợp máy tính nối kết với nhau, mạng máy tính tồn cầu mà kết nối máy PC họ Với mạng Internet, tin học thật tạo nên cách mạng trao đổi thông tin lĩnh vực văn hóa, xã hội, trị, kinh tế Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá công ty hay Website cá nhân khơng cịn điều xa xỉ Thơng qua Website khách hàng lựa chọn sản phẩm mà cần cách nhanh chóng hiệu Với cơng nghệ Word Wide Web, hay cịn gọi Web giúp bạn đưa thông tin mong muốn lên mạng Internet cho người xem cách dễ dàng với công cụ ngơn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP (Personal Home Page) kịch phía trình chủ (Server Script) cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ của, nhóm tác giả chọn đề tài “WEB BÁN SÁCH” làm đề tài cho đồ án môn học “ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO” Trong q trình thực đồ án nhóm tác giả nhận giúp đỡ bảo tận tình thầy, giáo, Nhóm tác giả xin chân thành cảm ơn thầy cô môn chuyên ngành trường Đại Học Điện Lực hưỡng dẫn trình làm đồ án lOMoARcPSD|17343589 TÓM TẮT ĐỒ ÁN Với mức độ phức tạp quy mô ứng dụng, cộng thêm vấn đề thời gian đề tài “Đồ Án Lập Trình Web Nâng Cao” dừng mức tìm hiểu ngơn ngữ lập trình Web PHP & MYSQL, áp dụng xây dựng ứng dụng thực nghiệm trang Web bán hàng mạng Website nhằm hướng đến giải toán quản lí bán hàng cho đối tượng cửa hàng cỡ trung đến nhỏ Web cho phép người dùng quản lí mặt hàng sản phẩm bán hàng giá thơng tin Vì vậy, giảm bớt vấn đề quản lí phức tạp nhiều so với thao tác thủ cơng Do cịn số hạn chế, nên website dừng lại chức chức đăng nhập đăng xuất quản lí sản phẩm quản lí danh mục Trong tương lai, hệ thống phát triển theo hướng tốt (có thêm chức bán hàng hay quản lí nhân viên) lOMoARcPSD|17343589 CHƯƠNG INTERNET, WORLD WIDE WEB VÀ HTML PHP 1.1 Khái niệm Internet 1.1.1 Giới thiệu chung Internet mạng máy tính tồn cầu thành lập từ năm 80 bắt nguồn từ mạng APARRNET quốc phòng Mỹ Vào mạng Internet, bạn tìm thấy nhiều tài liệu để nghiên cứu, học tập, trao đổi thư từ, đặt hàng, mua bán Một mục tiêu Internet chia sẻ thông tin người dùng nhiều lĩnh vực khác Mỗi máy tính Internet gọi host Mỗi host có khả truyền thông tới máy khác Internet Một số host nối tới mạng đường nối Dial-up (quay số) tạm thời, số khác nối đường nối mạng thật 100% (như Ethernet, Tokenring ) 1.1.2 Phân loại Các máy tính mạng chia làm nhóm Client Server - Client: Máy khách mạng, chứa chương trình Client - Server: Máy phục vụ-Máy chủ Chứa chương trình Server, tài nguyên (tập tin, tài liệu ) dùng chung cho nhiều máy khách Server trạng thái chờ yêu cầu đáp ứng yêu cầu Client - Internet Server: Là server cung cấp dịch vụ Internet Web Server, Mail Server, FPT Server… Các dịch vụ thường dùng Internet - Dịch vụ World Wide Web (gọi tắt Web) - Dịch vụ Electronic Mail (viết tắt Email) - Dịch vụ FPT Để truyền thông với máy tính khác, máy tính Internet phải hỗ trợ giao thức chung TCP/IP (Transmission Control Protocol/Internet Protocol- giao thức điều khiển truyền liệu giao thức Internet), giao thức đồng bộ, cho truyền thông điệp từ nhiều nguồn tới nhiều đích khác Ví dụ vừ lấy thư từ hộp thư, đồng thời vừa truy cập trang lOMoARcPSD|17343589 Web TCP đảm bảo tính an tồn liệu, IP giao thức chi phối phương thức vận chuyển liệu Internet 1.2 World Wide Web 1.2.1 Các khái niệm World Wide Web World Wide Web (WWW) hay gọi Web dịch vụ phổ biến Internet, 85% giao dịch Internet ước lượng thuộc WWW Ngày số Website giới đạt tới số khổng lồ WWW cho phép bạn truy xuất thơng tin văn bản, hình ảnh, âm thanh, video tồn giới Thơng qua Website, q cơng ty giảm thiểu tối đa chi phí in ấn phân phát tài liệu cho khách hàng nhiều nơi 1.2.2 Cách tạo trang Web Có nhiều cách để tạo trang Web: - Có thể tạo trang Web chương trình xử lí văn - Tạo Web cách viết mã nguồn trình soạn thảo văn như: Notepad, WordPad…là chương trình soạn thảo văn có sẵn Window - Thiết kế cách dùng Web Wizard công cụ Word 97, Word 2000 - Thiết kế Web phần mềm chuyên nghiệp: FrontPage, Dreamweaver, Nescape Editor… Phần mềm chuyên nghiệp DreamWeaver giúp bạn thiết kế trang Web dễ dàng hơn, nhanh chóng hơn, phần lớn mã lệnh HTML có sẵn phần Code cho bạn Để xây dựng ứng dụng Web hồn chỉnh có tính thương mại, bạn cần kết hợp Client Script (kịch trình khách) Server Script (kịch trình chủ) với loại sở liệu đó, chẳng hạn như: MS Access, SQL Server, MySQL, Oracle, Khi bạn muốn triển khai ứng dụng Web mạng, điều kiện cấu hình phần cứng, bạn cần có trình chủ Web thường gọi Web Server lOMoARcPSD|17343589 1.2.3 Trình duyệt Web (Web Client hay Web Browser) Trình duyệt Web công cụ truy xuất liệu mạng, phần mềm giao diện trực tiếp với người sử dụng Nhiệm vụ Web Browser nhận yêu cầu người dùng, gửi yêu cầu qua mạng tới Web Server nhận liệu cần thiết từ Server để hiển thị lên hình Để sử dụng dịch vụ WWW, Client cần có chương trình duyệt Web, kết nối vào Internet thơng qua ISP Các trình duyệt thơng dụng là: Microsoft Internet Explorer, Mozilla Firefox Google Chrome… Trong Internet Explorer trình duyệt chuẩn cho phép trình bày nội dung Web server cung cấp, cho phép đăng kí tới Website Internet, hỗ trợ trình bày trang Web 1.2.4 Webserver Webserver: máy tính nối vào Internet chạy phần mềm thiết kế Webserver đóng vai trị chương trình xử lí nhiệm vụ xác định, tìm trang thích hợp, xử lí tổ hợp liệu, kiểm tra liệu hợp lệ Webserver nơi lưu trữ sở liệu, phần mềm đảm nhiệm vai trò Server cung cấp dịch vụ Web Webserver hỗ trợ công nghệ khác nhau: - IIS (Internet Information Service) : Hỗ trợ ASP, mở rộng hỗ trợ PHP - Apache: Hỗ trợ PHP - Tomcat: Hỗ trợ JSP (Java Servlet Page) 1.2.5 Phân loại Web 1.2.5.1 Web tĩnh Tài liệu phân phát đơn giản từ hệ thống file Server Định dạng trang web tĩnh siêu liên kết, trang định dạng Text, hình ảnh đơn giản Ưu điểm: CSDL nhỏ nên việc phân phát liệu có hiệu rõ ràng, Server đáp ứng nhu cầu Client cách nhanh chóng Ta nên sử dụng Web tĩnh khơng thay đổi thơng tin Nhược điểm: Khơng đáp ứng yêu cầu phức tạp người sử dụng, không linh hoat Hoạt động trang Web tĩnh thể sau: lOMoARcPSD|17343589 Browser gửi yêu cầu Browser Server Server gửi trả tài liệu 1.2.5.2 Website động Về nội dung trang Web động trang Web tĩnh, ngồi cịn thao tác với CSDL để đáp ứng nhu cầu phức tập trang Web Sau nhận yêu cầu từ Web Client, chẳng hạn truy vấn từ CSDL đặt Server, ứng dụng Internet Server truy vấn CSDL này, tạo trang HTML chứa kết truy vấn gửi trả cho người dùng Hoạt động Web động: Yêu cầu URL Form Kết nối CGI Dữ liệu trả CSDL Dữ liệu trả 1.3 HTML Trang Web kết hợp văn thẻ HTML HTML chữ viết tắt HyperText Markup Language hội đồng World Wide Web Consortium (W3C) quy định Một tập tin HTML chẳng qua tập tin bình thường, có html htm HTML giúp định dạng văn trang Web nhờ thẻ Hơn nữa, thẻ html liên kết từ cụm từ với tài liệu khác Internet Đa số thẻ HTML có dạng thẻ đóng mở Thẻ đóng dùng chung từ lệnh giống thẻ mở, thêm dấu xiên phải (/) Ngôn ngữ HTML qui định cú pháp không phân biệt chữ hoa chữ thường Ví dụ, khai báo Khơng có khoảng trắng định nghĩa thẻ 1.4 Khái niệm PHP PHP chữ viết tắt “Personal Home Page” Rasmus Lerdorf tạo năm 1994 Vì tính hữu dụng khả phát triển, PHP bắt đầu sử dụng môi trường chuyên nghiệp trở thành “PHP: Hypertext Preprocessor” lOMoARcPSD|17343589 Thực chất PHP ngôn ngữ kịch nhúng HTML, nói cách đơn giản trang HTML có nhúng mã PHP, PHP đặt rải rác HTML PHP ngôn ngữ lập trình kết nối chặt chẽ với máy chủ, cơng nghệ phía máy chủ (Server-Side) khơng phụ thuộc vào môi trường (cross-platform) Đây hai yếu tố quan trọng, thứ nói cơng nghệ phía máy chủ tức nói đến thứ PHP xảy máy chủ, thứ hai, tính chất khơng phụ thuộc mơi trường cho phép PHP chạy hầu hết hệ điều hành Windows, Unix nhiều biến thể Đặc biệt mã kịch PHP viết máy chủ làm việc bình thường máy chủ khác mà không cần phải chỉnh sửa chỉnh sửa Khi trang Web muốn dùng ngôn ngữ PHP phải đáp ứng tất trình xử lý thơng tin trang Web đó, sau đưa kết ngơn ngữ HTML Khác với ngơn ngữ lập trình, PHP thiết kế để thực điều sau kiện xảy (ví dụ, người dùng gửi biểu mẫu chuyển tới URL) 1.4.1 Tại nên dùng PHP Để thiết kế Web động có nhiều ngơn ngữ lập trình khác để lựa chọn, cấu hình tính khác chúng vẵn đưa kết giống Chúng ta lựa chọn cho ngơn ngữ: ASP, PHP, Java, Perl số loại khác Vậy lại nên chọn PHP Rất đơn giản, có lí sau mà lập trình Web khơng nên bỏ qua lựa chọn tuyệt vời PHP sử dụng làm Web động nhanh, dễ dàng, tốt so với giải pháp khác PHP có khả thực tích hợp chặt chẽ với hầu hết sở liệu có sẵn, tính linh động, bền vững khả phát triển không giới hạn Đặc biệt PHP mã nguồn mở tất đặc tính miễn phí, mã nguồn mở sẵn có nên cộng đồng nhà phát triển Web lOMoARcPSD|17343589 ln có ý thức cải tiến nó, nâng cao để khắc phục lỗi chương trình PHP vừa dễ với người sử dụng vừa đáp ứng yêu cầu lập trình viên chuyên nghiệp, ý tuởng bạn PHP đáp ứng cách xuất sắc Cách không lâu ASP vốn xem ngôn ngữ kịch phổ biến nhất, mà PHP bắt kịp ASP, chứng có mặt 12 triệu Website 1.4.2 Hoạt động PHP: Vì PHP ngơn ngữ máy chủ nên mã lệnh PHP tập trung máy chủ để phục vụ trang Web theo yêu cầu người dùng thơng qua trình duyệt Khi người dùng truy cập Website viết PHP, máy chủ đọc mã lệnh PHP xử lí chúng theo hướng dẫn mã hóa Mã lệnh PHP yêu cầu máy chủ gửi liệu thích hợp (mã lệnh HTML) đến trình duyệt Web Trình duyệt xem trang HTML têu chuẩn Như ta nói, PHP trang HTML có nhúng mã PHP có phần mở rộng HTML Phần mở PHP đặt thẻ mở Khi trình duyệt truy cập vào trang PHP, Server đọc nội dung file PHP lên lọc đoạn mã PHP thực thi đoạn mã đó, lấy kết nhận đoạn mã PHP thay vào chỗ ban đầu chúng file PHP, cuối Server trả kết cuối trang nội dung HTML cho trình duyệt lOMoARcPSD|17343589 CHƯƠNG KHẢO SÁT ĐỀ TÀI 2.1 Khảo sát đề tài -Đề tài: “Web bán sách” -sản phẩm báo cáo nhằm hướng đến mục tiên khách hàng quán kinh doanh nhỏ lẻ đến cỡ trung website cần phải đạt mục tiêu sau: - Là Website chuyên quản lí hoạt động bán hàng cho cá nhân doanh nghiệp - Là Website động, thông tin cập nhật theo định kỳ - Người dùng truy cập vào Website quản lí thêm sửa xóa sản phẩm,hoặc đặt hàng sản phẩm - Các sản phẩm xếp hợp lý Vì người dùng có nhìn tổng quan tất sản phẩm có - Tọa hóa đơn bán hàng cho hoạt động bán hàng trực tiếp cửa hàng - Quản lí kho hàng 2.2 Phạm vi dự án sử dụng -Dành cho đối tượng chủ , nhân viên , quản lí cửa hàng nhỏ đến trung -Do nghiệp vụ cửa hàng kết hợp với công nghệ xử lý hệ thống máy tính nên cơng việc liên lạc nơi khách hàng việc xử lý hố đơn thực cách nhanh chóng xác Rút ngắn thời gian làm việc, đưa thông tin sản phẩm nhanh chóng đến cho khách hàng 2.3 Đối tượng sử dụng * Nhà quản trị: Nhà quản trị có tồn quyền sử dụng cập nhật sản phẩm, hoá đơn, quản lý khách hàng, đảm bảo tính an tồn cho Website 2.4 Mục đích dự án - Đáp ứng nhu cầu quản lí cửa hàng phù hợp với phát triển xã hội, xây dựng nên môi trường làm việc hiệu - Giảm bớt nhân công - Đảm bảo tính bảo mật độ xác rút ngắn thời gian thao tác 2.5 Hệ thống đề nghị Về giao diện: - Giao diện người dùng o Phải có giao diện thân thiện dễ sử dụng o lOMoARcPSD|17343589 o Giới thiệu sản phẩm cửa hàng có o Có biểu mẫu đăng ký để trở thành thành viên o Có danh mục sản phẩm o Chức tìm kiếm sản phẩm o Mỗi loại sản phẩm cần phải có trang xem chi tiết sản phẩm o Mục login nhân viên trở thành thành viên gồm có: Tên đăng nhập (Username), mật đăng nhập (password) - Giao diện người quản trị o Đơn giản, dễ quản lý thiếu mục như:  Quản lý sản phẩm  Quản lý hoá đơn  Quản lý khách hàng  Quản lý đăng nhập  Quản lý thay đổi website Về nghiệp vụ - Người xây dựng nên hệ thống phải am hiểu thương mại điện tử, hiểu rõ cách thức mua bán hàng qua mạng - Người xây dựng nên hệ thống đặc biệt phải hiểu rõ thơng số kĩ thuật máy tính: Có thể đưa đựơc nhìn tổng quát, sâu rộng sản phẩm Về bảo mật: - Người Admin có toàn quyền giữ bảo mật cho website mật riêng - Quản lý User & Password khách hàng an tồn: Thơng tin khách hàng bảo mật Về hệ thống - Phần cứng: PC vi xử lý pentium III, ram 128 trở lên, ổ cứng 10G trở lên - Hệ điều hành: Windown XP trở lên - Phần mềm hỗ trợ: XAMPP, mySQL Lựa chọn giải pháp - Chương trình sử dụng ngơn ngữ PHP sở liệu MySQL - Các công cụ mà hệ thống sử dụng: o Gói XAMPP: Cài đặt thành phần Apache, PHP, MySQL  Apache - Server lOMoARcPSD|17343589  PHP 5.5.1 - Ngơn ngữ lập trình  MySQL - Cơ sở liệu  FileZilla - Giả lập FTP server  Và tính chuyên sâu khác o mySQL: Dùng để lưu sở liệu o Javascript: Bắt lỗi liệu o Dreamweaver: Tạo form, thiết kế giao diện o Photoshop, flash: Thiết kế giao diện Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE 3.1 Thiết kế ca sử dụng - ca sử dụng bán hàng 3.2 Use case hệ thống -đăng nhâp: A1 Tên UCID-1 Đăng nhâ ̣p Tóm tắt Dịng kiê ̣n Tiếp nhâ ̣n kiểm tra tài khoản mâ ̣t Hê ̣ thống yêu cầu người sử dụng dùng tài khoản mâ ̣t để đăng nhâ ̣p vào quản lý phần mềm Hê ̣ thống kiểm tra cho phép sử dụng phần mềm Các dịng kiê ̣n khác Thơng tin tài khoản mâ ̣t không đúng: Hê ̣ thống yêu cầu kiểm tra lại tên đăng nhâ ̣p mâ ̣t Yêu cầu người dùng nhâ ̣p lại Điều kiê ̣n tiên Chính xác tài khoản đăng nhâ ̣p Các yêu cầu đă ̣c biê ̣t Mâ ̣t mã hóa Nhâ ̣p hàng A3 Tên Tóm tắt Dịng kiê ̣n Các dịng kiê ̣n khác Điều kiê ̣n tiên UCID-3 Nhâ ̣p hàng Tiếp thông tin sản phẩm bán Khi bán hàng nhân viên nhâ ̣p mã hàng bán , ̣ thống thực hiê ̣n xóa sản phẩm bán sở dư liê ̣u cửa hàng Thông tin nhâ ̣p thiếu ̣ thống đưa cảnh báo đề nghị cung cấp thơng tin Có mă ̣t quản lý Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Các yêu cầu đă ̣c biê ̣t Giao diê ̣n dễ sử dụng với nhân viên cửa hàng Mục Tên chức Mô tả Đăng nhập Thực đăng nhập vào hệ thống, nhập vào username password Kiểm tra hợp lệ trùng với liệu có sẵn hệ thống cho phép đăng nhập để thực chức hệ thống Quản lý giao diện Quản lý giao diện thêm, sửa, xóa bảo trì giao diện Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 CHƯƠNG CÀI ĐẶT WEBSITE 4.1 Cài đă ̣t website Các bước đăng nhập Yêu cầu: laptop máy tính người dùng phải có phần mềm xampp 4.1.1 cài đặt xampp – XAMPP Xampp chương trình tạo máy chủ Web (Web Server) máy tính cá nhân (Localhost) tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server công cụ PHPmyadmin – Cài đặt XAMPP  Để cài đặt Xampp tiến hành cài đặt thơng thường gói phần mềm khác  Sau cài đặt thành công Xampp, để làm việc với PHP bạn cần phải bật chức Apache cách Click button Start cửa sổ XAMPP Control Panel khởi động xampp – Khởi động chương trình a) Khởi động MySQL XAMPP Control Panel Để làm việc với MySQL trước tiên cần phải khởi động MySQL từ XAMPP Control Panel b) Truy cập vào hệ thống quản trị CSDL MySQL Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Để vào hệ thống quản trị CSDL MySQL tiến hành truy cập theo địa sau trình duyệt: http://localhost/phpmyadmin 4.1.2 Tạo sở liệu Trên hình ảnh sau truy cập vào phpmyadmin , tạo sở liệu có tên sau ấn vào phần nhập , chọn tệp sở liệu tạo săn thư mục htdoc xampp Sau tạo sở liệu thành công chung ta truy cập vào trang http://localhost/web/login.php để đăng nhập Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 4.2 Giao diện website -Trang chủ: Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 -Admin + Đơn Hàng Downloaded by v? ngoc (vuchinhhp10@gmail.com)