Dùng công nghệ php, mysql để xây dựng lên webapp trung tâm dạy học online giúp học viên thuận lợi cho việc đặt khóa học

TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN BÀI TẬP LỚN TÊN ĐỀ TÀI … Sinh viên thực : Lớp : Hệ Đại học : Khóa học : Hà Nội, ngày tháng năm MỤC LỤC LỜI MỞ ĐẦU PHẦN MỞ ĐẦU Mục tiêu 2 Lĩnh vực Yếu tố công nghệ Kết cấu báo cáo CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Phần mềm hỗ trợ 1.1.1 Khái niệm PHPSTORM 1.1.2 PHPSTORM làm gì? 1.2 Tổng quan ngôn ngữ lập trình PHP 1.2.1 Tổng quan 1.2.2 Lịch sử phát triển PHP 1.2.3 Một số tính chất file PHP 1.3 Tổng quan HTML 1.3.1 Căn HTML 1.3.2 Cách sử dụng mẫu biểu HTML 1.4 Tổng quan Javascript 1.5 Tổng quan CSS 1.5.1 Khái niệm CSS 1.5.2 Cách sử dụng CSS 1.6 Tổng quan hệ quản trị sở liệu MySQL 10 1.6.1 Đặc điểm 10 1.6.2 Các tập tin vật lý 10 1.6.3 Quy tắc đăt tên 10 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 11 2.1 Tổng quản ứng dụng 11 2.1.1 Đối tượng sử dụng ứng dụng 11 2.1.2 Các chức hệ thống 11 2.1.3 Xác định Use case 11 2.2 Biểu đồ Usecasse tổng quát 12 2.3 Biểu đồ hoạt động 13 2.3.1 Biểu đồ hoạt động chức đăng nhập 13 2.3.2 Biểu đồ hoạt động chức thêm sản phẩm 13 2.3.3 Biểu đồ hoạt động sửa sản phẩm 14 2.3.4 Biểu đồ hoạt động xóa sản phẩm 14 2.3.5 Biểu đồ hoạt động chức thêm người dùng 15 2.3.6 Biểu đồ hoạt động chức sửa người dùng 15 2.3.7 Biểu dồ hoạt động xóa người dùng 16 2.3.8 Biểu đồ hoạt động chức xóa nhận xét 17 2.3.9 biểu đồ hoạt động chức xóa đặt hàng 18 2.3.10 Biểu đồ hoạt động chức sửa đặt hàng 19 2.3.11 Biểu đồ hoạt động chức thêm sản phẩm vào kho 19 2.3.12 Biểu đồ hoạt động chức sửa sản phẩm kho 20 2.3.13 Biểu đồ hoạt động chức xóa sản phẩm kho 20 2.3.14 Biểu đồ hoạt động chức thêm danh mục 21 2.3.15 Biểu đồ hoạt động chức sửa danh mục 21 2.3.16 Biểu đồ hoạt động chức xóa danh mục 22 2.3.17 Biểu đồ hoạt động xem thư 22 CHƯƠNG 3: GIAO DIỆN WEB 23 3.1 Giao diện đăng nhập 23 3.2 Giao diện web 23 3.3 Giao diện chi tiết sản phẩm 24 3.4 Giao diện giỏ hàng 24 3.5 Giao diện tìm kiếm 25 3.6 Giao diện order 25 3.7 Giao diện toán 26 3.8 Giao diện form quản lý sản phẩm 26 3.9 Giao diện form quản lý người dùng 27 3.10 Giao diện form quản lý nhận xét 27 3.11 Giao diện form quản lý order 28 3.12 Giao diện form quản lý thư 28 3.13 Giao diện form quản lý kho 29 CHƯƠNG 4: KẾT LUẬN 30 TÀI LIỆU THAM KHẢO 31 DANH MỤC HÌNH Hình 2.1 Biểu đồ Usecase tổng quát 12 Hình 2.2 biểu đồ hoạt dộng chúc đăng nhập 13 Hình 2.3 Biểu đồ hoạt động chức thêm sản phẩm 13 Hình 2.4 Biểu đồ hoạt động chức sửa sản phẩm 14 Hình 2.5 Biểu đồ hoạt dộng chức xóa sản phẩm 14 Hình 2.6 Biểu đồ hoạt dộng thêm người dùng 15 Hình 2.7 Biểu đồ hoạt động chức xóa người dùng 15 Hình 2.8 Biểu đồ hoạt động chức xóa người dùng 16 Hình 2.9 Biểu đồ hoạt động chức xóa nhận xét 17 Hình 2.10 Biểu đồ hoạt động chức nắng xóa đặt hàng 18 Hình 2.11 Biểu đồ hoạt động chức sửa đặt hàng 19 Hình 2.12 Biểu đồ hoạt động chức thêm sản phẩm vào kho .19 Hình 2.13 Biểu đồ hoạt động chức sửa sản phẩm kho 20 Hình 2.3.14 Biểu đồ hoạt động chức xóa sản phẩm kho 20 Hình 2.15 Biểu đồ hoạt động thêm danh mục 21 Hình 2.16 Biểu đồ hoạt động chức sửa danh mục .21 Hình 2.17 Biểu đồ hoạt động chức xóa danh mục 22 Hình 2.18 Biểu đồ hoạt động chức xem thư 22 Hình 3.1 Giao diện đăng nhập 23 Hình 3.2 Giao diện web 23 Hình 3.3 Giao diện chi tiết sản phẩm 24 Hình 3.4Giao diện giỏ hàng 24 Hình 3.5 Giao diện tìm kiếm 25 Hình 3.6 giao diện oder 25 Hình 3.7 Giao diện tốn 26 Hình 3.8 Giao diện form quản lý sản phẩm 26 Hình 3.9 Giao diên form quản lý người dùng 27 Hình 3.10 Giao diện form quản lý nhận xét 27 Hình 3.11 Giao diện form quản lý oder 28 Hình 3.12 Giao diện form quản lý thư 28 Hình 3.13 Giao diện quản lý kho 29 Hình 3.14 Giao diện form quản lý danh mục 29 LỜI MỞ ĐẦU …… PHẦN MỞ ĐẦU Mục tiêu Dùng công nghệ PHP, MYSQL để xây dựng lên webapp trung tâm dạy học online giúp học viên thuận lợi cho việc đặt khóa học tiết kiệm thời gian Ngồi ứng dụng thống kê doanh thu cho trung tâm dạy học Lĩnh vực  Chuyên ngành: công nghệ phần mềm  Chun mơn: lập trình web Sử dụng ngôn ngữ HTML, CSS, PHP, MYSQL, Javascript, để xây dựng trang web  Lĩnh vực liên quan: thương mại điện tử Yếu tố công nghệ  Hệ điều hành window 10  Phần mềm PHPSTORM  Website chạy trình duyệt web Kết cấu báo cáo Đồ án gồm có chương sau: CHƯƠNG 1: CƠ SỞ LÝ THUYẾT CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG CHƯƠNG 3: XÂY DỰNG WEBSITE CHƯƠNG 4: KẾT LUẬN TÀI LIỆU THAM KHẢO CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Phần mềm hỗ trợ 1.1.1 Khái niệm PHPSTORM JetBrains PhpStorm môi trường phát triển tích hợp (IDE) đặc biệt dành cho nhà phát triển web, người cần công cụ thích hợp để chỉnh sửa PHP, HTML, CSS, JavaScript tập tin XML JetBrains PhpStorm môi trường phát triển tích hợp (IDE) đặc biệt dành cho nhà phát triển web, người cần công cụ thích hợp để chỉnh sửa PHP, HTML, CSS, JavaScript tập tin XML PhpStorm giúp người dùng tạo chỉnh sửa mã nguồn ngơn ngữ lập trình mà họ sử dụng Như trình soạn thảo IDE khác, kèm với tính đánh dấu trang, hồn thành mã, phóng to thu nhỏ, điểm ngắt, vv Tuy nhiên, có chứa tính khác macro, phân tích mã nhanh chóng chuyển hướng để làm cho công việc bạn dễ dàng nhiều 1.1.2 PHPSTORM làm gì? - Viết Java: PhpStorm phát triển ngơn ngữ Java thừa hưởng nhiều lợi ích từ ngơn ngữ (ví dụ: chạy nhanh linux, thích hợp code PHP, tối ưu việc sử dụng tài nguyên, vv ) Cấu hình RAM tại: JetBrainsPhpStorm 2.1binPhpStorm.exe.vmoptions - Nổi bật với khả search: Bạn thử làm việc project lớn: – search text với IDE khác ( netbean, eclipse, zen vv ), lưu thời gian lại – search text với PhpStorm, lưu thời gian lại Khi so sánh bạn thấy PhpStorm search nhanh IDE khác nhiều, theo thử gấp chục lần Đặc biệt, với lựa chọn word only case sensitive nói nhanh trăm lần Lý do: Mỗi add project, IDE dành khoảng thời gian vài phút để index toàn dự án ( dùng lucence ) - Làm việc TeamWork: Công cụ quản lý Changes PhpStorm giống IntellijIdea, rất tuyệt Ngoài việc support đầy đủ công cụ version control, hệ thống quản lý changes PhpStorm hiệu (nhớ enable chức từ menu Version control) View dòng code thay đổi, file thay đổi, Các thành phần: changelist, patch, show diff thiết kế tỉ mỉ hoàn hảo, tạo thuận tiện tốt cho người lập trình, người quản lý - Tích hợp với công cụ mạnh khác JetBrains: Như TeamCity, yourTracker - Ngồi cịn số tính hay khác như: – Format code Chẳng hạn bạn tùy chỉnh lại code style settings để đảm bảo theo Drupal coding convention Save config lại Rất dễ dàng để gửi config cho thành viên team, hay chuyển đổi config – Tích hợp x-debug, zend-debug (thao tác debug đơn giản với phiên > 2.1) – Chức merge code thông minh vv… 1.2 Tổng quan ngơn ngữ lập trình PHP 1.2.1.Tổng quan PHP ngơn ngữ lập trình mã nguồn mở phía server thiết kế để dễ dàng xây dựng trang web động Mã PHP thực thi server để tạo mã HTML xuất trình duyệt web theo yêu cầu người sử dụng PHP cho phép xây dựng ứng dụng web mạng internet tương tác với sở liệu như: MySQL, Oracle, … Ngơn ngữ lập trình PHP tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình phổ biến giới 1.2.2 Lịch sử phát triển PHP  PHP phát triển từ sản phẩm có tên PHP/FI PHP/FI Rasmus Lerdorf tạo năm 1995 Nó viết C bạn Và sửa lại lần năm 1997 Đó thời kỳ bắt đầu PHP đầy khó khăn  PHP 3.0: Được Andi Gutmans Zeev Suraski tạo năm 1997 sau viết lại hoàn toàn mã nguồn trước Lý mà họ tạo phiên họ nhận thấy PHP/FI 2.0 yếu việc phát triển ứng dụng thương mại điện tử PHP 3.0 phiên hệ PHP/FI 2.0, chấm dứt phát triển PHP/FI 2.0.PHP 3.0 cung cấp cho người dùng cuối sở hạ tầng chặt chẽ dùng cho nhiều sở liệu, giao thức API khác Cho phép người dùng mở rộng theo modul => Chính điều làm cho PHP3 thành cơng so với PHP2 Lúc họ thức đặt tên ngắn gọn 'PHP' (Hypertext Preprocessor)  PHP4: Được công bố năm 2000 tốc độ xử lý cải thiện nhiều, PHP 4.1 đem đến tính chủ yếu khác gồm có hỗ trợ nhiều máy chủ Web hơn, hỗ trợ phiên làm việc HTTP, tạo đệm thông tin đầu ra, nhiều cách xử lý thông tin người sử dụng nhập vào bảo mật cung cấp vài cấu trúc ngôn ngữ Với PHP 4, số nhà phát triển dùng PHP lên đến hàng trăm nghìn hàng triệu site công bố cài đặt PHP, chiếm khoảng 20% số tên miền mạng Internet Nhóm phát triển PHP lên tới số hàng nghìn người nhiều nghìn người khác tham gia vào dự án có liên quan đến PHP PEAR, PECL tài liệu kĩ thuật cho PHP  PHP5: Bản thức mắt ngày 13 tháng năm 2004 sau chuỗi dài kiểm tra thử bao gồm Beta 4, RC 1, RC2, RC3 Mặc dù coi phiên sản xuất PHP 5.0 cịn số lỗi đáng kể lỗi xác thực HTTP  PHP6: Phiên PHP kỳ vọng lấp đầy khiếm khuyết PHP phiên tại, ví dụ: hỗ trợ namespace; hỗ trợ Unicode; sử dụng PDO làm API chuẩn cho việc truy cập sở liệu, API cũ bị đưa thành thư viện PECL Phiên dùng việc nghiên cứu thử nghiệm Sau PHP bỏ hẳn phiên lên  PHP 7: Với việc sử dụng nhân Zend Engine PHPNG cho tốc độ nhanh gấp lần Ngoài phiên cịn thêm vào nhiều cú pháp, tính giúp cho PHP trở nên mạnh mẽ Những tính quan trọng kể đến như: + Khai báo kiểu liệu cho biến + Xác định kiểu liệu trả cho hàm + Thêm toán tử (??, , ) 1.2.3 Một số tính chất file PHP  Các file PHP trả kết cho trình duyệt trang HTML  Các file PHP chứa văn (Text), thẻ HTML HTML tags) đoạn mã kịch (Script)  Các file PHP có phần mở rộng là: php, php3, phpml + Từ phiên 4.0 trở sau hỗ trợ session 1.3 Tổng quan HTML 1.3.1.Căn HTML HyperText Markup Language Đây ngôn ngữ đơn giản sử dụng tài liệu siêu văn Đừng chống Nó tài liệu văn bình thường có chứa thành phần đặc biệt gọi thẻ (hoặc cặp thẻ) đánh dấu Dựa theo cặp thẻ mà trình duyệt biết phải thực Bản chất HTML khơng phải ngơn ngữ lập trình nên bạn chẳng cần lo lắng đến thuật toán lằng nhằng Nó "ngơn ngữ" để đánh dấu văn 1.3.2.Cách sử dụng mẫu biểu HTML Một mẫu biểu (form) HTML bao gồm nhiều thành phần khác Các thành phần ô văn bản, ô kéo thả, ô danh sách, nút bấm, hay ô check Mẫu biểu bắt đầu thẻ kết thúc thẻ Giữa cặp thẻ này, bạn sử dụng cặp thẻ HTML khác Thẻ form có số thuộc tính sau: Thuộc tính có giá trị POST GET, để xác định liệu gửi lên theo kiểu POST hay GET Kiểu GET kiểu mà nhập liệu lên máy chủ, liệu hiển thị ô Address dạng căp tên=giá_tri Nhược điểm kiểu toàn URL xâu tên=giá_trị bị giới hạn 255 ký tự (do đặc điểm trình duyệt) Vì để gửi nhiều liệu hơn, người ta sinh kiểu POST Với kiểu này, liệu không bị giới hạn chiều dài 255 ký tự chuỗi địa không bị gộp vào chuỗi địa Kiểu POST thường dùng để truyền liệu nhạy cảm mà người sử dụng không muốn hiển thị ô Address (password chẳng hạn) 1.4 Tổng quan Javascript Cùng thời điểm Netscape bắt đầu sử dụng cơng nghệ Java trình duyệt Netscape, LiveScript đổi tên thành JavaScript để ý ngôn 2.3.8 Biểu đồ hoạt động chức xóa nhận xét Hình 2.9 Biểu đồ hoạt động chức xóa nhận xét 2.3.9 biểu đồ hoạt động chức xóa đặt hàng Hình 2.10 Biểu đồ hoạt động chức nắng xóa đặt hàng 2.3.10 Biểu đồ hoạt động chức sửa đặt hàng Hình 2.11 Biểu đồ hoạt động chức sửa đặt hàng 2.3.11 Biểu đồ hoạt động chức thêm sản phẩm vào kho Hình 2.12 Biểu đồ hoạt động chức thêm sản phẩm vào kho 2.3.12 Biểu đồ hoạt động chức sửa sản phẩm kho Hình 2.13 Biểu đồ hoạt động chức sửa sản phẩm kho 2.3.13 Biểu đồ hoạt động chức xóa sản phẩm kho Hình 2.3.14 Biểu đồ hoạt động chức xóa sản phẩm kho 2.3.14 Biểu đồ hoạt động chức thêm danh mục Hình 2.15 Biểu đồ hoạt động thêm danh mục 2.3.15 Biểu đồ hoạt động chức sửa danh mục Hình 2.16 Biểu đồ hoạt động chức sửa danh mục 2.3.16 Biểu đồ hoạt động chức xóa danh mục Hình 2.17 Biểu đồ hoạt động chức xóa danh mục 2.3.17 Biểu đồ hoạt động xem thư Hình 2.18 Biểu đồ hoạt động chức xem thư CHƯƠNG 3: GIAO DIỆN WEB 3.1 Giao diện đăng nhập Hình 3.1 Giao diện đăng nhập 3.2 Giao diện web Hình 3.2 Giao diện web 3.3 Giao diện chi tiết sản phẩm Hình 3.3 Giao diện chi tiết sản phẩm 3.4 Giao diện giỏ hàng Hình 3.4Giao diện giỏ hàng 3.5 Giao diện tìm kiếm Hình 3.5 Giao diện tìm kiếm 3.6 Giao diện order Hình 3.6 giao diện oder 3.7 Giao diện tốn Hình 3.7 Giao diện toán 3.8 Giao diện form quản lý sản phẩm Hình 3.8 Giao diện form quản lý sản phẩm 3.9 Giao diện form quản lý người dùng Hình 3.9 Giao diên form quản lý người dùng 3.10 Giao diện form quản lý nhận xét Hình 3.10 Giao diện form quản lý nhận xét 3.11 Giao diện form quản lý order Hình 3.11 Giao diện form quản lý oder 3.12 Giao diện form quản lý thư Hình 3.12 Giao diện form quản lý thư 3.13 Giao diện form quản lý kho Hình 3.13 Giao diện quản lý kho 3.14 Giao diện form quản lý danh mục Hình 3.14 Giao diện form quản lý danh mục CHƯƠNG 4: KẾT LUẬN Sau hoàn thành đề tài “Xây dựng phần mềm quản lý bán điện thoại” em đạt kết sau:  Tự đánh giá - Biết sử dụng ngôn ngữ lập trình hệ quản trị sở liệu - Xây dựng phần mềm quản lý bán điện thoại với đầy đủ chức thêm sửa xóa sản phẩm - Giao diện phần mềm đơn giản, thân thiện dễ ứng dụng vào thực tế cho cửa hàng điện thoại  Hạn chế - Do thời gian có hạn nên với đề tài em dừng lại số chức - Khả lập trình cịn hạn chế…  Hướng phát triển - Nâng cấp giao diện chức ăng đnag có phần mềm -Tìm hiểu phát triển TÀI LIỆU THAM KHẢO  Tiếng Anh HTML & CSS by Jon Duckett JavaScript: The Good Parts by Douglas Crockford Murach's php and mysql  Website: http://www.w3schools.com/html/html5_geolocation.asp http://getbootstrap.com/ https://freetuts.net/hoc-php https://www.hoclaptrinh.org/PHP-Co-Ban