ĐỒ ÁN CƠ SỞ 2 Thiết kế website tin tức esport

ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT – HÀN KHOA HỌC MÁY TÍNH ĐỒ ÁN CƠ SỞ Thiết kế website tin tức esport Sinh viên thực : TRẦN MINH ĐỨC Giảng viên hướng dẫn : ThS TRẦN THỊ TRÀ VINH Lớp : 18IT4 Đà nẵng, tháng 12 năm 2020 ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THƠNG VIỆT – HÀN KHOA HỌC MÁY TÍNH ĐỒ ÁN CƠ SỞ Thiết kế website tin tức esport Đà Nẵng, tháng 12 năm 2020 MỞ ĐẦU Ngày nay, thuật ngữ “thể thao điện tử” hay “esport” khơng cịn q xa lạ với nữa, đất nước ngày phát triển hội nhập quốc tế khiến việc esport dần trở nên thịnh hành đất nước ta kéo theo lớn mạnh cộng đồng người chơi nước Tuy nhiên việc làm nảy sinh nhu cầu cập nhật thơng tin, tin tức lĩnh vực esport Trong báo cáo này, tơi xin trình bày vấn đề để thiết kế website tin tức Từ vận dụng kiến thức để tạo website tin tức esport LỜI CẢM ƠN Được hướng dẫn cô Trần Thị Trà Vinh giúp đỡ bạn, em hoàn thành việc xây dựng website Tuy nhiên, với thời gian kiến thức có hạn, báo có nhiều hạn chế sai sót, em mong nhận lời góp ý chân thành giảng viên bạn Em xin bày tỏ lòng biết ơn sâu sắc đến với cô bạn giúp chúng em hoàn thành nội dung báo cáo Em xin chân thành cảm ơn! NHẬN XÉT (Của giảng viên hướng dẫn) …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… ………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… ……………………………………… Xác nhận giảng viên MỤC LỤC (Chèn mục lục tự động: References/Table of Contents) Trang MỞ ĐẦU Chương Giới thiệu 1.1 Tổng quan 1.1.1 Các công cụ sử dụng .7 1.1.2 Yêu cầu kết .7 1.2 Cấu trúc đồ án Chương Nghiên cứu tổng quan 2.1 Framework gì? PHP Framework gì? Framework Laravel .9 2.1.1 Framework gì? .9 2.1.2 PHP Framework gì? .9 2.1.3 Framework Laravel gì? 2.1.4 Ưu điểm nhược điểm Laravel .9 2.1.5 Những tính hữu ích Laravel 10 2.2 Kết luận 10 Chương Phân tích thiết kế hệ thống .11 3.1 Mơ hình UML 11 3.1.1 Xác định Actor .11 3.1.2 Xác định chức Actor 11 3.1.3 Xác định Usecase .11 3.1.4 UserCase Diagram 12 3.2 Mơ hình liệu quan hệ (relational database diagram) 18 Chương Triển khai xây dựng .19 4.1 Cài đặt Laravel windows .19 4.1.1 Cấu hình yêu cầu 19 4.1.2 Cài đặt Composer 19 4.1.3 Cài đặt Laravel .22 4.1.4 Kết 22 4.2 Kết sản phẩm 23 Chương Kết luận 24 DANH MỤC TÀI LIỆU THAM KHẢO 25 Chương Giới thiệu 1.1 Tổng quan Thể thao điện tử (eSports/e-sports, Electronic-Sports, game đối kháng, hay pro gaming) hình thức tổ chức thi chơi điện tử nhiều người chơi, đặc biệt tuyển thủ chuyên nghiệp Các thể loại trò chơi video phổ biến liên quan đến thể thao điện tử chiến đấu trường trực tuyến với tham gia nhiều người chơi, trò chơi chiến đấu sử dụng chiến lược thời gian thực (MOBA), thể loại game bắn súng góc nhìn thứ (FPS) Ngày nay, xã hội ngày xuất nhiều tựa game esport, cộng đồng esport nước ngày phát triển, nhu cầu tìm hiểu cập nhật tin tức tựa game tin tức tuyển thủ yêu thích thân ngày tăng Tuy nhiên chưa có trang web nước chuyên đưa tin lĩnh vực esport Trên sở đó,em thiết kế website chuyên cập nhật tin tức lĩnh vực esport nước 1.1.1 Các công cụ sử dụng - Sublime Text Laravel 5.5 Xampp Php HTML,css 1.1.2 Yêu cầu kết - Yêu cầu người đọc: o Giao diện thân thiện o Dễ tìm kiếm thơng tin o Tin tức cập nhật thường xuyên - Yêu cầu thành viên: o Cung cấp chức để cập nhật tin tức dễ dàng - Quản trị viên có thể: o Thuận lợi việc quản lí thơng tin thành viên, tin tức, liệu website 1.2 Cấu trúc đồ án Chương 2: Nghiên cứu tổng quan - Tìm hiểu framework - Tìm hiểu Laravel, tính năng, ưu, nhược điểm Laravel - Tổng kết chương Chương 3: Phân tích thiết kế hệ thống - Mơ hình UML: Xác định Actor, Usecase, vẽ usercase diagram - Vẽ mơ hình liệu quan hệ Chương 4: Triển khai xây dựng - Cài đặt Laravel - Kết sản phẩm Chương 5: Kết luận hướng phát triển Chương Nghiên cứu tổng quan 2.1 Framework gì? PHP Framework gì? Framework Laravel 2.1.1 Framework gì? Framework thư viện với tài nguyên có sẵn cho lĩnh vực để lập trình viên sử dụng thay phải tự thiết kế Có Framework, lập trình viên tìm hiểu khai thác tài nguyên đó, gắn kết chúng lại với hồn chỉnh sản phẩm Đối với lập trình viên lĩnh vực, họ cần phải xây dựng lớp chương trình để xây dựng nên phần mềm, ứng dụng thành phẩm 2.1.2 PHP Framework gì? PHP framework thư viện làm cho phát triển ứng dụng web viết ngôn ngữ PHP trở nên trôi chảy Bằng cách cung cấp cấu trúc để xây dựng ứng dụng Hay nói cách khác, PHP framework giúp bạn thúc đẩy nhanh chóng q trình phát triển ứng dụng Giúp bạn tiết kiệm thời gian, tăng ổn định cho ứng dụng Giảm thiểu số lần phải viết lại code cho lập trình viên 2.1.3 Framework Laravel gì? Laravel PHP framework, có mã nguồn mở miễn phí, xây dựng nhằm hỗ trợ phát triển phần mềm, ứng dụng, theo kiến trúc MVC Hiện nay, Laravel PHP framework phổ biến tốt Những lý khiến Laravel trở nên rộng rãi: - Cú pháp dễ hiểu – rõ ràng - Hệ thống đóng gói modular quản lý gói phụ thuộc - Nhiều cách khác để truy cập vào sở liệu quan hệ - Nhiều tiện ích khác hỗ trợ việc triển khai vào bảo trì ứng dụng Phiên Laravel Taylor Otwell tạo vào tháng năm 2011 giải pháp thay cho CodeIgniter Với framework này, lập trình viên hỗ trợ nhiều tính mẻ, hiệu dễ thực Cho đến nay, Laravel phát triển đến phiên 5.8 với nhiều cải tiến mẻ 2.1.4 Ưu điểm nhược điểm Laravel a) Ưu điểm: - Sử dụng tính PHP - Nguồn tài ngun vơ lớn sẵn có - Tích hợp với dịch vụ mail - Tốc độ xử lý nhanh - Dễ sử dụng - Tính bảo mật cao b) Nhược điểm: So với PHP framework khác, Laravel bộc lộ nhược điểm Vấn đề lớn kể đến framework thiếu liên kết phiên bản, cố cập nhật code, khiến cho ứng dụng bị gián đoạn phá vỡ Bên cạnh đó, Lavarel nặng cho ứng dụng di động, khiến việc tải trang trở nên chậm chạp 2.1.5 Những tính hữu ích Laravel Những tính tuyệt vời kể đến Laravel là: - Composer: sử dụng để nâng cấp, cài đặt… - Eloquent ORM: thao tác với cú pháp đẹp mắt đơn giản - Restful API: hỗ trợ biến Laravel thành web service API - Artisan: cung cấp lệnh cần thiết để phát triển ứng dụng - View: giúp code nhiều - Migrations: hỗ trợ tạo trường sở liệu, thêm cột bảng, tạo mối quan hệ bảng, hỗ trợ quản lý sở liệu - Authentication: cung cấp sẵn tính đăng nhập, đăng ký, quên mật khẩu… - Unit Testing: hỗ trợ test lỗi để sửa chữa 2.2 Kết luận Với ưu điểm, tính nêu trên, với việc dễ dàng tiếp cận tài liệu hướng dẫn Laravel Framework lựa chọn tối ưu cho việc thiết kế website mà cần Chương Phân tích thiết kế hệ thống 3.1 Mơ hình UML 3.1.1 Xác định Actor Có Actor: - Bạn đọc - Thành viên - Người quản trị (admin) 3.1.2 Xác định chức Actor - Bạn đọc: o Xem tin o Tìm kiếm tin o Ý kiến cho tin o Bình chọn o Đăng ký thành viên - Thành viên o Xem tin o Tìm kiếm tin o Ý kiến cho tin o Bình chọn o Đăng ký thành viên o Đăng nhập o Đăng o Đổi thông tin o Đăng xuất - Người quản trị o Xem tin o Tìm kiếm tin o Ý kiến cho tin o Bình chọn o Đăng ký thành viên o Đăng nhập hệ thống o Quản lí Use o Quản lí Thể loại o Quản lí Loại tin o Quản lí Tin o Quản lí Quảng Cáo o Quản lí Bình Chọn o Quản lí Phương Án o Đăng xuất hệ thống 3.1.3 Xác định Usecase - Xem tin - Tìm kiếm tin (1) (2) (3) (4) (5) (1) (2) (3) (4) (5) (1) (2) (3) (4) (5) (1) (2) - - - - - - - Ý kiến tin Bình chọn Đăng kí thành viên Đăng nhập Đăng Đổi thơng tin Quản lí User: o Xem danh sách user o Them user o Xóa user o Cập nhật user Quản lí thể loại o Xem danh sách thể loại o Thêm thể loại o Xóa thể loại o Cập nhật thể loại Quản lí tin o Xem danh sách tin o Thêm tin o Xóa tin o Cập nhật tin Quản lí quảng cáo o Xem danh sách quảng cáo o Thêm quảng cáo o Xóa quảng cáo o Cập nhật quảng cáo Quản lí bình chọn o Xem danh sách bình chọn o Thêm bình chọn o Xóa bình chọn o Cập nhật bình chọn Quản lí phương án o Xem danh sách phương án o Thêm phương án o Xóa phương án o Cập nhật phương án Đăng xuất hệ thống 3.1.4 UserCase Diagram - Phần public: (3) (4) (5) (6) (7) (8) (9) (9.1) (9.2) (9.3) (9.4) (10) (10.1) (10.2) (10.3) (10.4) (11) (11.1) (11.2) (11.3) (11.4) (12) (12.1) (12.2) (12.3) (12.4) (13) (13.1) (13.2) (13.3) (13.4) (14) (14.1) (14.2) (14.3) (14.4) (15) Hình 3.1.4.1-Usecase diagram public - Phần admin: Hình 3.1.4.2-Usecase diagram admin Hình 3.1.4.3-Usecase diagram admin – Quản lí user Hình 3.1.4.4-Usecase diagram admin – Quản lí Thể loại Hình 3.1.4.3-Usecase diagram admin – Quản lí Loại tin Hình 3.1.4.3-Usecase diagram admin – Quản lí Tin Hình 3.1.4.3-Usecase diagram admin – Quản lí Quảng cáo Hình 3.1.4.3-Usecase diagram admin – Quản lí bình chọn Hình 3.1.4.3-Usecase diagram admin – Quản lí Phương án 3.2 Mơ hình liệu quan hệ (relational database diagram) Hình 3.2.1-Usecase diagram admin – Quản lí Phương án Chương Triển khai xây dựng 4.1 Cài đặt Laravel windows 4.1.1 Cấu hình yêu cầu - PHP >= 5.6.4 OpenSSL PHP Extension PDO PHP Extension Mbstring PHP Extension Tokenizer PHP Extension XML PHP Extension 4.1.2 Cài đặt Composer Laravel sử dụng Composer để quản lý thư viện phụ thuộc Vì vậy, trước sử dụng Laravel, cần đảm bảo cài đặt trình soạn thảo máy Đầu tiên lên trang chủ getcomposer.org download file composer_setup.exe Sau mở file cài đặt: Hình 4.1.2.1-Giao diện composer setup Sau nhấn next để tiếp tục Hình 4.1.2.2-Chọn thư mục chứa Chọn thư mục chứa php (mặc định composer tự tìm cho chúng ta) sau chọn next Hình 4.1.2.3-Proxy settings Tiếp tục next Hình 4.1.2.4-Ready to install Cuối install Sau cài đặt xong mở command line lên (windows +R) gõ lệnh composer -v Nếu hình nên dạng cài đặt thành cơng Hình 4.1.2.5-Cài đặt thành cơng 4.1.3 Cài đặt Laravel Sử dụng command line để di chuyển đến thư mục htdocs XAMPP gõ lệnh cài đặt Laravel sau: composer create-project laravel/laravel lar-53 prefer-dist Sau ấn enter đợi download Ở lar-53 thư mục chứa laravel bạn tùy chỉnh thành thư mục thân Hình 4.1.3.1-cmd 4.1.4 Kết Truy cập đường dẫn: localhost/lar-53/public/ Hình 4.1.3.2-Giao diện mặc định Laravel 4.2 Kết sản phẩm Trang login: Hình 4.2.1-Trang login Trang admin: Hình 4.2.2-Trang admin Chương Kết luận Báo cáo đồ án sở trình bày trình bày vấn đề để thiết kế website tin tức Từ kết thực tế cho thấy website nhiều hạn chế Để website sử dụng vào thực tế, cần giải nhược điểm cịn tồn tại, hồn thành tiếp chức chưa hoàn thiện, thực ý tưởng nhằm nâng cao hiệu suất tính thực tiễn website DANH MỤC TÀI LIỆU THAM KHẢO https://vi.wikipedia.org/wiki/Th%E1%BB%83_thao_%C4%91i %E1%BB%87n_t%E1%BB%AD https://toidicode.com/laravel-la-gi-cach-cai-dat-laravel-1.html https://wiki.matbao.net/laravel-la-gi-huong-dan-cai-dat-laravel-nhanhchong/#laradock-la-gi