TRƯỜNG ĐẠI HỌC KINH DOANH VÀ CÔNG NGHỆ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN Tên đồ án ĐỒ ÁN THIẾT KẾ WEB THIẾT KẾ WEB BÁN HÀNG Sinh viên thực hiện Nguyễn Quang Hải Mã sinh viên 2520215827 Lớp TH25 17 Hà Nộ.
TRƯỜNG ĐẠI HỌC KINH DOANH VÀ CÔNG NGHỆ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN Tên đồ án: ĐỒ ÁN THIẾT KẾ WEB THIẾT KẾ WEB BÁN HÀNG Sinh viên thực hiện: Nguyễn Quang Hải Mã sinh viên: 2520215827 Lớp: TH25.17 Hà Nội MỤC LỤC MỤC LỤC CHƯƠNG I: TỔNG QUAN VỀ LẬP TRÌNH WEB 1.1: Ngơn ngữ lập trình PHP 1.2 Hệ quản trị sở liệu SQL server 1.3: Cài đặt máy chủ CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ website 2.1: Chức (usecase) 2.2: Cơ sở liệu CHƯƠNG III: CHƯƠNG TRÌNH THỬ NGHIỆM 3.1:Giao diện 3.2: KẾT LUẬN Chương I Tổng quan lập trình PHP 1.1: Ngơn ngữ lập trình PHP PHP viết tắt cụm từ Personal Home Page chuyển thành Hypertext Preprocessor Hiểu đơn giản PHP ngơn ngữ lập trình kịch (scripting language) đa mục đích PHP dùng phổ biến cho việc phát triển ứng dụng web chạy máy chủ Dó đó, ngơn ngữ lập trình PHP xử lý chức từ phía server để sinh mã HTML client thu thập liệu biểu mẫu, sửa đổi sở liệu, quản lý file server hay hoạt động khác Các tính PHP - Người ta thường sử dụng PHP việc xây dựng phát triển ứng dụng website chạy máy chủ Mã lệnh PHP nhúng vào trang HTML cách sử dụng cặp thẻ PHP - Nhờ đó, website bạn phát triển dễ dàng kết nối với website khác hệ thống mạng internet - PHP ngơn ngữ lập trình mã nguồn mở miễn phí PHP tương thích với nhiều tảng khác Windows, MacOS Linux, v.v - Ngơn ngữ lập trình PHP đánh giá dễ đọc Do vậy, dễ hiểu lại trở thành ngơn ngữ nhiều bạn trẻ ưu tiên lựa chọn học trước bắt đầu vào nghề - Không dừng lại việc tạo trang web động mà ngôn ngữ PHP cịn làm việc sau đây: + tạo, mở, đọc, viết, xóa đóng tệp tự động máy chủ thông qua PHP + thu thập liệu biểu mẫu + gửi nhận cookie + giúp bạn thêm, xóa, sửa đổi liệu sở liệu bạn + mã hóa liệu + kiểm sốt truy cập người dùng Cụ thể PHP giúp hạn chế quyền truy cập người dùng vào website bạn 1.2: Hệ quản trị SQL server SQL Server (viết tắt cụm từ Structured Query Language) hệ thống quản lý sở liệu quan hệ (Relational Database Management System, viết tắt RDBMS) SQL Server có khả hỗ trợ số lượng lớn quy trình xử lý giao dịch, ứng dụng doanh nghiệp ứng dụng phân tích cơng ty hoạt động lĩnh vực IT Cũng giống hệ thống quản lý sở liệu qua hệ khác, SQL Server xây dựng lớp SQL – ngôn ngữ lập trình tiêu chuẩn hố quản trị viên sở liệu (DBAs) chuyên gia IT sử dụng để quản lý sở liệu truy vấn liệu nằm bên Các tính SQL Server + Tính doanh nghiệp chuyên biệt: Microsoft mắt thêm tính quản lý liệu đa dạng dành cho doanh nghiệp cơng cụ phân tích SQL Server Đi với dịch vụ Machine Learning tích hợp lần phiên SQL Server 2016, dịch vụ phân tích liệu, cơng cụ phân tích liệu, ứng dụng trực quan hoá liệu dịch vụ SQL Server Reporting nhằm hỗ trợ phân phối báo cáo BI + Tính quản lý: Về phương diện quản trị, Microsoft SQL Server gồm dịch vụ tích hợp SQL Server, dịch vụ SQL Server Data Quality dịch vụ SQL Server Master Hai công cụ dành riêng cho quản trị viên sở liệu lập trình viên (SQL Server Data Tools) sử dụng việc phát triển hệ thống sở liệu cho SQL Server Management Studio, thực nhiệm vụ triển khai, giám sát quản lý sở liệu 1.3: Cài đặt máy chủ PHP Cài đặt XAMPP Windows Việc cài gói Apache, PHP, MySQL phức tạp, nên thực tế ta chọn gói phần mềm tích hợp sẵn ba thành phần lần cài đặt xong Trên Windows chọn XamPP, chun dành cho lập trình viên cài đặt ApacheMySQL-PHP Windows XAMPP gì? Xampp chương trình tạo máy chủ Web tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server, phpMyAdmin cơng cụ phpMyAdmin Khơng Appserv, Xampp có chương trình quản lý tiện lợi, cho phép chủ động bật tắt khởi động lại dịch vụ máy chủ lúc Download XAMPP Lựa chọn phiên phù hợp download trực tiếp từ trang XAMPP: https://www.apachefriends.org/download.html Cài đặt XAMPP Sau tải file cài đặt xong, chạy nó, sau chọn Next Ở phần chọn đường dẫn, bạn chọn đường dẫn cần lưu cài đặt XAMPP Lưu ý đường dẫn bạn phải nhớ cài đặt web lên localhost, bạn phải truy cập vào thư mục Bạn nên để mặc định c:\xampp Tiếp tục ấn Next Ở trang kế tiếp, bạn bỏ chọn phần “Learn more about Bitnami for XAMPP“ Và ấn Next lần để bắt đầu trình cài đặt XAMPP Sau cài xong, ấn nút Finish để kết thúc cài đặt mở bảng điều khiển XAMPP Tuy nhiên, khởi động lại máy sau cài đặt xong để tránh tình trạng khơng khởi động localhost Khởi động Localhost Bây bạn vào thư mục c:\xampp mở file xampp-panel.exe lên để bật bảng điều khiển XAMPP Bạn để ý thấy hai ứng dụng Apache MySQL có nút Start, dấu hiệu bảo ứng dụng chưa khởi động, ấn vào nút Start ứng dụng để khởi động Webserver Apache MySQL Server lên chạy localhost Nếu hai ứng dụng chuyển sang màu xanh hình khởi động thành công Sau khởi động xong, bạn truy cập vào website với địa http://localhost thấy hiển thị trang giới thiệu XAMPP hình Chương II Phân tích thiết kế Web 2.1 Chức ( usecase ) -Giao diện cho trang -Các menu hiển thị thơng tin website -Giao diện trang quản trị để quản lý chức trang web : chỉnh sửa sản phẩm - viết, thêm sản phẩm - viết mới, xóa viết 2.2 Cơ sở liệu Cơ sở liệu gồm bảng: Products, Orders sản phẩm, Users - Bảng Products: -Bảng Orders sản phẩm: 10 -Bảng Users: Chương III Chương trình thử nghiệm 3.1 Giao diện website 3.1.1: giao diện trang 11 3.1.2: Giao diện trang giỏ hàng, toán 3.1.4: Giao diện Admin quản lý -Trang chủ giao diện admin quản lý đơn hàng shop 12 - Giao diện quản lý accounts shop 13 3.2: Kết luận - - Ưu điểm: tìm hiểu giải pháp phù hợp cho vấn đề đặt ra, giải chức cần thiết cho người dùng, độ ổn định phần mềm Nhược điểm: Giao diện chưa thực đẹp mắt 14 ... hình Chương II Phân tích thiết kế Web 2.1 Chức ( usecase ) -Giao diện cho trang -Các menu hiển thị thơng tin website -Giao diện trang quản trị để quản lý chức trang web : chỉnh sửa sản phẩm -... xây dựng phát triển ứng dụng website chạy máy chủ Mã lệnh PHP nhúng vào trang HTML cách sử dụng cặp thẻ PHP - Nhờ đó, website bạn phát triển dễ dàng kết nối với website khác hệ thống mạng internet... CHƯƠNG I: TỔNG QUAN VỀ LẬP TRÌNH WEB 1.1: Ngơn ngữ lập trình PHP 1.2 Hệ quản trị sở liệu SQL server 1.3: Cài đặt máy chủ CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ website 2.1: Chức (usecase) 2.2: