THIẾT kế WEBSITE

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH BÁO CÁO ĐỒ ÁN CƠ SỞ THIẾT KẾ WEBSITE TIN TỨC ĐIỆN ẢNH Giảng viên hướng dẫn : THS PHAN TRỌNG THANH Sinh viên thực : TRẦN MINH ĐỨC Lớp : 18IT4 Đà Nẵng, ngày 30 tháng năm 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH BÁO CÁO ĐỒ ÁN CƠ SỞ THIẾT KẾ WEBSITE TIN TỨC ĐIỆN ẢNH Giảng viên hướng dẫn : THS PHAN TRỌNG THANH Sinh viên thực : TRẦN MINH ĐỨC Lớp : 18IT4 Đà Nẵng, ngày 30 tháng năm 2021 LỜI CẢM ƠN Để đồ án sở đạt kết tốt đẹp, nhận hỗ trợ, giúp đỡ thầy Với tình cảm sâu sắc, chân thành, cho phép bày tỏ lòng biết ơn sâu sắc đến tất quý thầy tạo điều kiện giúp đỡ q trình học tập nghiên cứu phát triển đề tài Trước hết xin gửi tới thầy cô Trường Đại học Công nghệ Thông tin Truyền thông Việt - Hàn lời chào trân trọng, lời chúc sức khỏe lời cảm ơn sâu sắc Với quan tâm, dạy dỗ, bảo tận tình chu đáo thầy cơ, đến tơi hồn thành Đồ án sở Đặc biệt xin gửi lời cảm ơn chân thành tới giảng viên, thạc sĩ Phan Trọng Thanh quan tâm giúp đỡ, hướng dẫn chúng tơi hồn thành tốt đồ án thời gian qua Với điều kiện thời gian kinh nghiệm hạn chế sinh viên, đồ án khơng thể tránh thiếu sót Chúng tơi mong nhận bảo, đóng góp ý kiến thầy để tơi có điều kiện bổ sung, nâng cao ý thức mình, phục vụ tốt công tác thực tế sau Tôi xin chân thành cảm ơn! NHẬN XÉT (Của giảng viên hướng dẫn) ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… Ký tên (Giáo viên hướng dẫn) THS: Phan Trọng Thanh MỤC LỤC LỜI CẢM ƠN NHẬN XÉT MỤC LỤC MỞ ĐẦU Tổng quan .7 Công cụ, kết Cấu trúc đồ án CHƯƠNG 1: NGHIÊN CỨU TỔNG QUAN 1.1 Tìm hiểu cơng cụ 1.1.1 PHP gì? 1.1.2 Framework gì? 1.1.3 Laravel gì? 1.1.4 Ưu nhươc điểm Laravel 1.1.5 Tính laravel .9 1.2 Kết luận 10 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 11 2.1 Mơ hình tổng quan 11 2.1.1 Yêu cầu chức 11 2.1.2 Yêu cầu phi chức 11 2.2.1 Xác định tác nhân .11 2.2.2 Xác định trường hợp sử dụng 11 2.2.3 Đặc tả trường hợp sử dụng .12 2.2.4 Biểu đồ trường hợp sử dụng 20 2.2.5 Biểu đồ hoạt động 21 2.3 Mơ hình hóa khái niệm 22 2.3.1 Các lớp biên hệ thống 22 2.3.2 Các lớp điều khiển hệ thống .22 2.3.3 Các lớp đối tượng hệ thống 23 CHƯƠNG 3: TRIỂN KHAI XÂY DỰNG 24 3.1 Cài đặt Laravel 24 3.1.1 4.2 Cài đặt Composer 24 Sản phẩm .29 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 35 Thiết kế website tin tức điện ảnh MỞ ĐẦU Tổng quan Điện ảnh (cinema) khái niệm lớn bao trùm phim tạo nên từ khung hình chuyển động (phim), kỹ thuật ghi lại hình ảnh, âm ánh sáng để tạo thành phim (kỹ thuật điện ảnh), hình thức nghệ thuật xoay quanh việc hình thành phim Điện ảnh cịn hiểu cơng nghệ điện ảnh ngành công nghiệp thương mại, dịch vụ bao gồm quy trình làm phim, quảng bá hình ảnh hoạt động phân phối phim ảnh sóng truyền hình đến với khán giả Kể từ xuất đến nay, điện ảnh đóng vai trị quan trọng, khẳng định thay đời sống tinh thần người Hiện nay, nhu cầu tìm hiểu cập nhật tin tức phim tin tức ngày tăng Tuy nhiên chưa có trang web nước chuyên đưa tin lĩnh vực điện ảnh Trên sở đó, tơi thiết kế website chuyên cập nhật tin tức lĩnh vực điện ảnh ngồi nước Cơng cụ, kết Ngôn ngữ: HTML, CSS, Javascript, PHP Mã nguồn mở: Laravel Hệ quản trị sở liệu: mySQL Kết quả: Thiết kế xây dựng website tin tức điện ảnh Cấu trúc đồ án Cấu trúc đồ án gồm phần: - Chương 1: Nghiên cứu tổng quan - Chương 2: Phân tích thiết kế hệ thống - Chương 3: Triển khai xây dựng - Chương 4: Kết luận hướng phát triển Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh CHƯƠNG 1: NGHIÊN CỨU TỔNG QUAN 1.1 Tìm hiểu cơng cụ 1.1.1 PHP gì? PHP (viết tắt Hypertext Preprocessor) ngơn ngữ lập trình đa mục đích phát triển từ đầu năm 1994 Cụ thể hơn, PHP ngôn ngữ kịch mã nguồn mở, chạy phía server dùng để tạo ứng dụng web Đến nhiều người sử dụng để phát triển ứng dụng phần mềm thơng qua lập trình web đặc điểm ngơn ngữ lập trình sử dụng mã nguồn mở, dễ dàng nhúng vào HTML để phát triển website 1.1.2 Framework gì? Framework đoạn code viết sẵn, cấu thành nên khung thư viện lập trình đóng gói Chúng cung cấp tính có sẵn mơ hình, API yếu tố khác để tối giản cho việc phát triển ứng dụng web phong phú, động Các framework giống có khung nhà làm sẵn móng bản, bạn cần vào xây dựng nội thất theo ý 1.1.3 Laravel gì? Laravel PHP framework mã nguồn mở miễn phí, phát triển Taylor Otwell nhắm vào mục tiêu hỗ trợ phát triển ứng dụng web theo kiếm trúc model-viewcontroller (MVC) Những tính bật Laravel bao gồm 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 Theo W3Techs, PHP sử dụng cho 82% website, tên tuổi lớn kể đến Flickr, Facebook, WordPress, … PHP ngơn ngữ lập trình phía máy chủ tuyệt vời cho phép bạn tập trung vào nguyên tắc chính, giúp bạn mở rộng cần thiết, phát triển nhanh chóng dễ dàng với code dễ bảo trì Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 1.1.4 Ưu nhươc điểm Laravel a) Ưu điểm - Sử dụng tính PHP - Tài liệu phong phú - Giảm chu kỳ phát triển truyện - Hỗ trợ cache backend phổ biến - Tích hợp với cơng cụ mail - Dễ sử dụng b) Nhược điểm - Laravel nhược điểm rõ ràng, chủ yếu đến từ việc không liên kết chặc chẽ phiên dẫn đến việc update gặp khó khăn hay framework tương đổi nặng dẫn tới việc tải trang thiết bị di động chậm đôi chút 1.1.5 Tính 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 Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 10 1.2 Kết luận Thông qua việc tìm hiểu ưu điểm tính laravel tơi rút kết luận Laravel framework phù hợp cho việc thiết kế website theo đề tài đề Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 2.2.5 Biểu đồ hoạt động a) Đăng nhập Hình 2: Biểu đồ hoạt động đăng nhập b) Tìm kiếm Hình 3: Biểu đồ hoạt động tìm kiếm c) Gửi liên hệ Hình 4: Biểu đồ hoạt động gửi liên hệ Khoa: Khoa học máy tính – Lớp: 18IT4 21 Thiết kế website tin tức điện ảnh 22 2.3 Mơ hình hóa khái niệm 2.3.1 Các lớp biên hệ thống Hình 5: Các lớp biên 2.3.2 Các lớp điều khiển hệ thống Hình 6: Các lớp điều khiển Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 23 2.3.3 Các lớp đối tượng hệ thống Hình 7: Các lớp đối tượng Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 24 CHƯƠNG 3: TRIỂN KHAI XÂY DỰNG 3.1 Cài đặt Laravel 3.1.1 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 10: Giao diện composer setup Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 25 Sau nhấn next để tiếp tục Hình 11: 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 Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 26 Hình 12: Proxy settings Tiếp tục next Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 27 Hình 13: Sẵn sàng cài đặt 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 Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 28 Hình 14: Cài đặt thành cơng Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 29 4.2 Sản phẩm Hình 15: Trang chủ Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 30 Hình 16: Danh mục tin tức Hình 17: Về chúng tơi Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 31 Hình 18: Trang liên hệ Hình 19: Một tin tức Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 32 Hình 20: Trang đăng nhập Hình 21: Trang chủ Admin Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 33 Hình 22: Trang quản trị tin tức Hình 23: Thêm tin tức Khoa: Khoa học máy tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh Hình 24: Trang quản lí liên hệ Hình 25: Trang chủ tài khoản nhân viên Khoa: Khoa học máy tính – Lớp: 18IT4 34 Thiết kế website tin tức điện ảnh 35 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂ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 tồn tại, hoà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 Khoa: Khoa học máy tính – Lớp: 18IT4 ... tính – Lớp: 18IT4 Thiết kế website tin tức điện ảnh 10 1.2 Kết luận Thông qua việc tìm hiểu ưu điểm tính laravel tơi rút kết luận Laravel framework phù hợp cho việc thiết kế website theo đề tài... tơi thiết kế website chuyên cập nhật tin tức lĩnh vực điện ảnh ngồi nước Cơng cụ, kết Ngôn ngữ: HTML, CSS, Javascript, PHP Mã nguồn mở: Laravel Hệ quản trị sở liệu: mySQL Kết quả: Thiết kế xây... điện ảnh 35 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂ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