LỜI CẢM ƠN Sau thời gian học tập, nghiên cứu triển khai khóa luận tốt nghiệp: “Phát triển hệ thống từ điển Việt - Lào trực tuyến chuyên ngành CNTT ”, đến tơi hồn thành khóa luận tốt nghiệp Tơi xin bày tỏ lòng biết ơn sâu sắc tới ThS Nguyễn Duy Hiếu trực tiếp hướng dẫn, bảo tận tình suốt q trình tơi thực khóa luận tốt nghiệp Đồng thời chân thành cảm ơn tới lãnh đạo Nhà trường, Ban chủ nhiệm Khoa thầy cô giáo giúp đỡ, tạo điều kiện để tơi có hội nghiên cứu, học tập hồn thành khóa luận tốt nghiệp Do hạn chế trình độ chun mơn thời gian thực nên đề tài khơng tránh khỏi thiếu sót, mong nhận góp ý thầy để tơi hồn thành tốt đề tài nghiên cứu Xin chân thành cảm ơn! Sơn La, tháng năm 2018 Sinh viên Trịnh Minh Quý MỤC LỤC MỞ ĐẦU 1 Lý chọn đề tài Mục đích nghiên cứu Đối tƣợng nghiên cứu Phạm vi nghiên cứu Phƣơng pháp nghiên cứu Bố cục đề tài CHƢƠNG 1: NGÔN NGỮ PHP VÀ PHP FRAMEWORK LARAVEL Ngôn ngữ PHP PHP framework Laravel 2.1 Tìm hiểu Framework mơ hình MVC (Model – ViewController) 2.2 Sơ lƣợc tính Laravel AJAX JSON 3.1 AJAX 3.2 JSON CHƢƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THƠNG TƢ̀ ĐIỂN VIỆT LÀO TRỰC TUYẾN CHUYÊN NGÀNH CÔNG NGHỆ THÔNG TIN Mô tả hệ thống 1.1 Các chức 1.2 Nhiệm vụ hệ thống Liệt kê đặc tả ca sử dụng 10 2.1 Use case 10 2.2 Đặc tả ca sử dụng 10 2.3 Biểu đồ ca sử dụng 16 2.4 Biểu đồ hoạt động 18 2.5 Biểu đồ trình tự 26 2.6 Biểu đồ thực thể liên kết 33 2.7 Thiết kế sở liệu 33 CHƢƠNG 3: CÀI ĐẶT VÀ THỬ NGHIỆM ỨNG DỤNG 37 Thiết kế giao diện 37 1.1 Trang đăng nhập 37 1.2 Trang đăng ký 38 1.3 Khung hiển thị website 38 1.4 Quản lý từ điển 40 1.5 Quản lý từ 41 1.6 Quản lý ngƣời dùng 43 1.7 Quản lý bình luận 43 Cài đặt số chức 44 2.1 Đăng nhập 44 2.2 Đăng ký 44 2.3 Quản lý từ điển 45 2.4 Quản lý từ 46 2.5 Quản lý ngƣời dùng 48 2.6 Quản lý bình luận 49 KẾT LUẬN 53 TÀI LIỆU THAM KHẢO 54 DANH MỤC HÌNH ẢNH Hình 1: Mơ hình ứng dụng web truyền thống so sánh với mơ hình có áp dụng Ajax Hình 2: Biểu đồ Use Case quản trị viên (Back End) 16 Hình 3: Biểu đồ Use Case ngƣời dùng (Front End) 17 Hình 4: Biểu đồ hoạt động đăng nhập 18 Hình 5: Biểu đồ hoạt động đăng ký 19 Hình 6: Biểu đồ hoạt động quản lý từ 20 Hình 7: Biểu đồ hoạt động thêm từ 21 Hình 8: Biểu đồ hoạt động quản lý ngƣời dùng 22 Hình 9: Biểu đồ hoạt động tra từ 23 Hình 10: Biểu đồ hoạt động thêm từ vào danh sách yêu thích 23 Hình 11: Biểu đồ hoạt động quản lý từ điển 24 Hình 12: Biểu đồ hoạt động quản lý bình luận 25 Hình 13: Biểu đồ hoạt động bình luận 26 Hình 14: Biểu đồ trình tự đăng nhập 26 Hình 15: Biểu đồ trình tự đăng ký 27 Hình 16: Biểu đồ trình tự duyệt từ 27 Hình 17: Biểu đồ trình tự quản lý từ quản trị viên 28 Hình 18: Biểu đồ trình tự quản lý từ ngƣời dùng 29 Hình 19: Biểu đồ trình tự thên từ vào yêu thích 30 Hình 20: Biểu đồ trình tự tra từ 30 Hình 21: Biểu đồ trình tự quản lý từ điển 31 Hình 22: Biểu đồ trình tự quản lý bình luận 32 Hình 23: Biểu đồ trình tự bình luận 32 Hình 24: Biểu đồ thực thể liên kết (E-R) 33 Hình 25: Trang đăng nhập 37 Hình 26: Trang đăng ký 38 Hình 27: Khung hiển thị ngƣời dùng 38 Hình 28: Khung hiển thị quản trị viên 39 Hình 29: Trang danh sách từ điển 40 Hình 30: Trang cập nhật từ điển 40 Hình 31: Trang thêm từ điển 40 Hình 32: Trang danh sách từ 41 Hình 33: Trang cập nhật từ 41 Hình 34: Trang duyệt từ 42 Hình 35: Trang duyệt từ sửa 42 Hình 36: Trang nhập từ 42 Hình 37: Trang xuất từ 42 Hình 38: Trang danh sách ngƣời dùng 43 Hình 39: Trang danh sách bình luận 43 Hình 40: Trang duyệt bình luận 43 Hình 41: Giao diện đăng nhập 44 Hình 42: Giao diện đăng ký 44 Hình 43: Giao diện danh sách từ điển 45 Hình 44: Giao diện cập nhật từ điển 45 Hình 45: Giao diện danh sách từ 46 Hình 46: Giao diện cập nhật từ 46 Hình 47: Giao diện duyệt từ 47 Hình 48: Giao diện thêm từ 47 Hình 49: Giao diện duyệt từ sửa 48 Hình 50: Giao diện quản lý ngƣời dùng 48 Hình 51: Giao diện danh sách bình luận 49 Hình 52: Giao diện duyệt bình luận 49 Hình 53: Giao diện tìm kiếm từ 50 Hình 54: Giao diện xem từ 50 Hình 55: Giao diện sửa từ 51 Hình 56: Giao diện danh sách từ yêu thích 52 DANH MỤC BẢNG BIỂU Bảng 1: Bảng ngƣời dùng 33 Bảng 2: Bảng từ 34 Bảng 3: Bảng từ tạm 34 Bảng 4: Bảng trạng thái 34 Bảng 5: Bảng bình luận 35 Bảng 6: Bảng yêu thích 35 Bảng 7: Bảng vai trò ngƣời dùng 35 Bảng 8: Bảng vai trò 36 Bảng 9: Bảng trạng thái 36 Bảng 10: Bảng từ điển 36 Bảng 11: Bảng hình ảnh 36 MỞ ĐẦU Lý chọn đề tài Cách mạng công nghiệp 4.0 kéo đến bùng nổ khoa học cơng nghệ nói chung cơng nghệ thơng tin nói riêng tác động mạnh mẽ vào phát triển mặt đời sống xã hội Công nghệ thông tin phát triển mở hƣớng cho ngành giáo dục, giúp đổi phƣơng pháp hình thức dạy nhằm nâng cao chất lƣợng dạy học Các bạn du học sinh Lào học tiếng Việt lớp mức độ giao tiếp chƣa thực chuyên sâu vào chuyên ngành Gây khó khăn việc tham khảo tài liệu, nghe giảng Hiện nay, từ điển chủ yếu loại từ điển giấy từ giao tiếp mang nghĩa chung, với đặc thù chuyên ngành cơng nghệ thơng tin việc cập nhật từ khó bắt kịp thay đổi nhanh chóng cơng nghệ Hệ thống từ điển Việt - Lào chuyên ngành Công nghệ thông tin giúp lƣu học sinh Lào nhanh chóng nắm bắt ý nghĩa từ chuyên ngành, thuận tiện việc trao đổi kiến thức sinh viên Lào sinh viên Việt Nam, chủ động việc tìm hiểu thêm hiểu sâu học, nâng cao hiệu học tập, giúp ngƣời học hiểu nhanh nhờ thuật ngữ chuyên ngành có từ điển Tiếp nối đề tài nghiên cứu khoa học “Phần mềm từ điển Việt - Lào chuyên ngành Công nghệ thông tin” dừng lại ngƣời dùng cho máy tính, chƣa thực tiện lợi yêu cầu ngƣời sử dụng phải có máy tính, chọn thực đề tài “Phát triển hệ thống từ điển Việt - Lào trực tuyến chuyên ngành Công nghệ Thông tin” xây dựng web, truy cập từ nhiều hệ điều hành nhiều thiết bị có điện thoại thơng minh phổ biến nhất, tiện lợi sử dụng Ngồi với tính mở từ điển, ngƣời sử dụng khơng tra cứu mà đóng góp từ mới, chỉnh sửa từ có, bình luận tƣơng tác với Mục đích nghiên cứu - Nghiên cứu PHP Framework Laravel, AJAX, JSON - Nghiên cứu phát triển ứng dụng “Hệ thống từ điển Việt - Lào trực tuyến chuyên ngành Công nghệ Thông tin” Đối tƣợng nghiên cứu - Ngôn ngữ PHP PHP framework Laravel, AJAX, JSON - Hệ thố ng tƣ̀ điể n Viê ̣t - Lào trực tuyến chuyên ngành Công nghệ Thông tin Phạm vi nghiên cứu - Hệ thống từ điển Việt - Lào trực tuyến chuyên ngành Công nghệ Thông tin Trƣờng Đại học Tây Bắc Phƣơng pháp nghiên cứu - Tổng hợp tài liệu - Nghiên cứu tài liệu - Khảo sát, phân tích thực tế - Thiết kế, cài đặt kỹ thuật Bố cục đề tài Đề tài gồm:  Mở đầu  Nội dung - Chƣơng PHP framework Laravel, AJAX, JSON - Chƣơng Phân tích thiết kế hệ thống tƣ̀ điể n Viê ̣t - Lào trực tuyế n chuyên ngành Công nghệ Thông tin - Chƣơng Cài đặt thử nghiệm ứng dụng  Kết luận  Tài liệu tham khảo CHƢƠNG 1: NGÔN NGỮ PHP VÀ PHP FRAMEWORK LARAVEL Ngôn ngữ PHP PHP - viết tắt hồi quy "PHP: Hypertext Preprocessor", ngơn ngữ lập trình kịch đƣợc chạy phía server nhằm sinh mã html máy khách PHP trải qua nhiều phiên đƣợc tối ƣu hóa cho ứng dụng web, với cách viết mã rõ rãng, tốc độ nhanh, dễ học nên PHP trở thành ngôn ngữ lập trình web phổ biến đƣợc ƣa chuộng PHP chạy môi trƣờng Webserver lƣu trữ liệu thông qua hệ quản trị sở liệu nên PHP thƣờng kèm với Apache, MySQL hệ điều hành Linux (LAMP) Apache phần mềm web server có nhiệm vụ tiếp nhận request từ trình duyệt ngƣời dùng sau chuyển giao cho PHP xử lý gửi trả lại cho trình duyệt MySQL tƣơng tự nhƣ hệ quản trị sở liệu khác (Postgress, Oracle, SQL server ) đóng vai trò nơi lƣu trữ truy vấn liệu Linux: Hệ điều hành mã nguồn mở đƣợc sử dụng rộng rãi cho webserver Thông thƣờng phiên đƣợc sử dụng nhiều RedHat Enterprise Linux, Ubuntu PHP framework Laravel Laravel PHP Framework sử dụng mơ hình MVC (Model - View Controller) với bundles, migrations Artisan CLI Laravel cung cấp công cụ mạnh mẽ cấu trúc ứng dụng kết hợp nhiều tính trội framework khác nhƣ Codeigniter, Yii, Ruby on Rails, ASP.NET MVC, Sinatra, Những tính bật Laravel bao gồm cú pháp dễ hiểu - rõ ràng, chứa nhiều tính giúp tăng tốc q trình phát triển website lên cách nhanh chóng, giúp tiết kiệm khối lƣợng thời gian đáng kể Không vậy, website đƣợc xây dựng Laravel bảo mật tốt Nó ngăn chặn đƣợc nhiều kiểu cơng từ bên ngồi tới website Theo kết khảo sát Developer vào tháng 12 năm 2013, Laravel Framework đứng top framework phổ biến nhất, tiếp sau Phalcon, Symfony2, CodeIgniter framework khác Tháng năm 2014, Laravel Framework đƣợc xem nhƣ dự án PHP phổ biến Github Phiên Laravel 5.6 2.1 Tìm hiểu Framework mơ hình MVC (Model - View - Controller) - Framework thƣ viện hàm xây dựng sẵn, chuyên dùng phục vụ cho cơng việc lập trình PHP Việc sử dụng framework hỗ trợ cơng việc lập trình nhanh hơn,tiết kiệm thời gian đảm bảo bảo mật cho hệ thống Một PHP Framework thƣờng đƣợc xây dựng mơ hình MVC - Mơ hình MVC (Model – View- Controller): M Model: cấu trúc liệu theo cách tin cậy chuẩn bị liệu theo lệnh controller V View: Hiển thị liệu cho ngƣời dùng theo cách dễ hiểu dựa hành động ngƣời dùng C Controller: Nhận lệnh từ ngƣời dùng, gửi lệnh đến cho Model để cập nhập liệu, truyền lệnh đến View để cập nhập giao diện hiển thị 2.2 Sơ lƣợc tính Laravel  Bundles: Ở laravel phiên 3.x, cung cấp hệ thống đóng gói module, với nhiều tính kèm  Composer: Ở laravel phiên 4.x, đƣợc sử dụng nhƣ công cụ quản lý với tính nhƣ thêm gói cài đặt, chức PHP phụ trợ cho Laravel có kho Packagist  Eloquent ORM (object relation mapping): ánh xạ đối tƣợng quan hệ sở liệu, cung cấp phƣơng thức nội để thực thi đồng thời bổ sung tính hạn chế mối quan hệ đối tƣợng sở liệu Eloquent ORM trình bày bảng sở liệu dƣới dạng 1.4 Quản lý từ điển 1.4.1 Danh sách từ điển Hình 29: Trang danh sách từ điển 1.4.2 Cập nhật từ điển Hình 30: Trang cập nhật từ điển 1.4.3 Thêm từ điển Hình 31: Trang thêm từ điển 40 1.5 Quản lý từ 1.5.1 Danh sách từ Hình 32: Trang danh sách từ 1.5.2 Cập nhật từ Hình 33: Trang cập nhật từ 41 1.5.3 Duyệt từ Hình 34: Trang duyệt từ 1.5.4 Duyệt từ sửa Hình 35: Trang duyệt từ sửa 1.5.5 Nhập từ Hình 36: Trang nhập từ 1.5.6 Xuất từ Hình 37: Trang xuất từ 42 1.6 Quản lý ngƣời dùng Hình 38: Trang danh sách người dùng 1.7 Quản lý bình luận 1.7.1 Danh sách bình luận Hình 39: Trang danh sách bình luận 1.7.2 Duyệt bình luận Hình 40: Trang duyệt bình luận 43 Cài đặt số chức 2.1 Đăng nhập Hình 41: Giao diện đăng nhập 2.2 Đăng ký Hình 42: Giao diện đăng ký 44 2.3 Quản lý từ điển 2.3.1 Danh sách từ điển Hình 43: Giao diện danh sách từ điển 2.3.2 Cập nhật từ điển Hình 44: Giao diện cập nhật từ điển 45 2.4 Quản lý từ 2.4.1 Danh sách từ Hình 45: Giao diện danh sách từ 2.4.2 Cập nhật từ Hình 46: Giao diện cập nhật từ 46 2.4.3 Duyệt từ Hình 47: Giao diện duyệt từ 2.4.4 Thêm từ Hình 48: Giao diện thêm từ 47 2.4.5 Duyệt từ sửa Hình 49: Giao diện duyệt từ sửa 2.5 Quản lý ngƣời dùng Hình 50: Giao diện quản lý người dùng 48 2.6 Quản lý bình luận 2.6.1 Danh sách bình luận Hình 51: Giao diện danh sách bình luận 2.6.2 Duyệt bình luận Hình 52: Giao diện duyệt bình luận 49 2.7 Giao diện tìm kiếm từ Hình 53: Giao diện tìm kiếm từ 2.8 Giao diện xem từ Hình 54: Giao diện xem từ 50 2.9 Giao diện sửa từ Hình 55: Giao diện sửa từ 51 2.10 Giao diện danh sách từ u thích Hình 56: Giao diện danh sách từ u thích 52 KẾT LUẬN Qua khóa luận tốt nghiệp tơi đƣợc tìm hiểu Laravel Framework Là PHP framework tƣơng đối nhƣng Laravel lại đƣợc sử dụng phổ biến nhất, hỗ trợ đắc lực trình phát triển ứng dụng web Bên cạnh tơi đƣợc tìm hiểu AJAX JSON AJAX giúp lấy liệu từ máy chủ mà không làm tải lại trang web mở JSON kiểu định dạng liệu giúp việc trao đổi máy chủ máy khách thuận tiện Từ kiến thức học đƣợc ứng dụng vào thực tế để xây dựng ứng dụng tƣ̀ điể n Viê ̣t - Lào trực tuyến chuyên ngành CNTT web sử dụng Laravel Framework Ứng dụng đảm bảo chức cần thiết nhƣ:  Quản lý từ: Xem, thêm, sửa, xóa, duyệt từ, xem từ theo từ điển  Quản lý bình luận: Duyệt bình luận, xem, xóa bình luận  Quản lý ngƣời dùng: Sửa quyền, xóa ngƣời dùng  Quản lý từ điển: Thêm, sửa, xóa từ điển Do hạn chế trình độ chuyên môn thời gian thực nên website nhiều điểm chƣa tốt nhƣ: Giao diện chƣa đẹp, thuận tiện, dễ sử dụng Sau hoàn thành khóa luận tơi tiếp tục học hỏi hoàn thiện ứng dụng tốt 53 TÀI LIỆU THAM KHẢO Trần Đình Quế, Nguyễn Mạnh Sơn (2007), Phân tích thiết kế hệ thống thơng tin, Học viện bƣu viễn thơng https://adminlte.io https://ckeditor.com https://github.com https://laravel.com https://youtube.com 54 ... thực đề tài Phát triển hệ thống từ điển Việt - Lào trực tuyến chuyên ngành Công nghệ Thông tin xây dựng web, truy cập từ nhiều hệ điều hành nhiều thiết bị có điện thoại thông minh... tuyến chuyên ngành Công nghệ Thông tin Đối tƣợng nghiên cứu - Ngôn ngữ PHP PHP framework Laravel, AJAX, JSON - Hệ thố ng tƣ̀ điể n Viê ̣t - Lào trực tuyến chuyên ngành Công nghệ Thông tin Phạm... đề tài Cách mạng công nghiệp 4.0 kéo đến bùng nổ khoa học cơng nghệ nói chung cơng nghệ thơng tin nói riêng tác động mạnh mẽ vào phát triển mặt đời sống xã hội Công nghệ thông tin phát triển mở