UBND TỈNH QUẢNG NAM TRƯỜNG ĐẠI HỌC QUẢNG NAM KHOA: CÔNG NGHỆ THÔNG TIN ----- ----- BÙI THỊ XUÂN HƯƠNG XÂY DỰNG WEBSITE CHIA SẺ VIDEO TỪ YOUTUBE KHOÁ LUẬN TỐT NGHIỆP ĐẠI HỌC Quảng Nam, tháng 04 năm 2017 UBND TỈNH QUẢNG NAM TRƯỜNG ĐẠI HỌC QUẢNG NAM KHOA: CÔNG NGHỆ THÔNG TIN ---- ----- KHÓA LUẬN TỐT NGHIỆP Tên đề tài: XÂY DỰNG WEBSITE CHIA SẺ VIDEO TỪ YOUTUBE Sinh viên thực hiện: BÙI THỊ XUÂN HƯƠNG MSSV: 2113021005 CHUYÊN NGÀNH CÔNG NGHỆ THÔNG TIN KHÓA: 2013 – 2017 Cán bộ hướng dẫn ThS HỒ TUẤN ANH Quảng Nam, ngày 14 tháng 04 năm 2017 LỜI CẢM ƠN Đầu tiên cho em xin gửi lời cảm ơn đến thầy ThS Hồ Tuấn Anh, người đã hướng dẫn em rất nhiều trong suốt quá trình tìm hiểu nghiên cứu và hoàn thành đề tài này Sự hướng dẫn của thầy đã giúp em hiểu sâu hơn về những kiến thức đã được học Đồng thời em cũng xin chân thành cảm ơn các thầy cô bộ môn cũng như các thầy cô trong khoa Công nghệ thông tin trường Đại học Quảng Nam đã trang bị cho em những kiến thức cơ bản cần thiết để em có thể hoàn thành tốt đề tài này Sau cùng em xin gởi lời cảm ơn đến gia đình, bạn bè đã luôn bên cạnh động viên, tạo mọi điều kiện thuận lợi để em xây dựng thành công đề tài Em xin chân thành cảm ơn! Tam Kỳ, tháng 4 năm 2017 Sinh viên Bùi Thị Xuân Hương MỤC LỤC LỜI CẢM ƠN MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT DANH MỤC CÁC BẢNG PHẦN 1 MỞ ĐẦU 1 1 Lý do chọn đề tài 1 2 Mục tiêu của đề tài 1 3 Đối tượng và phạm vi nghiên cứu 1 4 Phương pháp nghiên cứu 2 5 Lịch sử nghiên cứu 2 6 Đóng góp của đề tài 2 7 Bố cục của đề tài 2 PHẦN 2 NỘI DUNG NGHIÊN CỨU 4 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 4 1 1 Ngôn ngữ lập trình PHP 4 1 1 1 Giới thiệu chung về ngôn ngữ lập trình PHP 4 1 1 2 Cấu trúc chung của một trang PHP 4 1 1 2 1 Các thẻ PHP cơ bản 5 1 1 2 2 Giới thiệu về CSS 5 1 2 Công cụ sử dụng 7 1 2 1 Phần mềm notepad++ 7 1 2 2 Phần mềm FastStone Capture 10 1 2 3 Phần mềm Xampp 12 1 2 4 Phần mềm ColorCop 13 1 2 5 Phần mềm Enterprise Architect 14 CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG WEBSITE CHIA SẺ VIDEO TỪ YOUTUBE 16 2 1 Phân tích yêu cầu……………………………………………………… 15 2 1 1 Tác nhân của hệ thống 16 2 1 2 Các ca sử dụng (Use case) của hệ thống 16 2 1 3 Biểu đồ ca sử dụng của hệ thống 17 2 2 Mô hình hóa cấu trúc của hệ thống 17 2 2 1 Xác định các lớp thực thể 17 2 2 3 Xác định các lớp biên 18 2 2 4 Xác định các lớp điều khiển 19 2 2 5 Biểu đồ lớp 20 2 3 Mô hình hóa hành vi của hệ thống 20 2 3 1 Biểu đồ trạng thái 20 2 3 2 Biểu đồ tuần tự 20 CHƯƠNG 3: THIẾT KẾ 25 3 1 Thiết kế chi tiết cơ sở dữ liệu 25 3 1 1 Biểu đồ lớp chi tiết 25 3 1 2 Ánh xạ sang cơ sở dữ liệu quan hệ 26 3 2 Thiết kế kiến trúc vật lý hệ thống 32 3 2 1 Biểu đồ thành phần 32 3 2 2 Biểu đồ triển khai 33 CHƯƠNG 4: CHƯƠNG TRÌNH DEMO 33 4 1 Cài đặt hệ thống 34 4 2 Các ca sử dụng được cài đặt thực tế trong chương trình demo 34 4 3 Một số giao diện của chương trình 34 PHẦN 3 KẾT LUẬN 39 1 Kết quả đạt của đề tài 39 2 Hạn chế của đề tài 39 3 Hướng phát triển của đề tài 39 PHẦN 4 TÀI LIỆU THAM KHẢO 40 DANH MỤC CÁC TỪ VIẾT TẮT Từ viết tắt/Ký hiệu Tiếng Việt Tiếng Anh PHP Ngôn ngữ lập trình kịch bản Hypertext Preprocessor HTML Ngôn ngữ đánh dấu siêu văn bản HyperText Markup Language Web Trang mạng Website CSDL Cơ sở dữ liệu Database MySQL Hệ quản trị cơ sở dữ liệu tự do nguồn mở PM Người quản lý sản phẩm Product Manager EA Enterprise Architect UML Ngôn ngữ mô hình hóa hợp nhất Unified Modeling Language UC Ca sử dụng Use Case DANH MỤC CÁC BẢNG Bảng 3 1 User 27 Bảng 3 2 Video 28 Bảng 3 3 Danh mục video 28 Bảng 3 4 Danh sách danh mục video 29 Bảng 3 5 Danh sách video 29 Bảng 3 6 Icon danh mục 29 Bảng 3 7 Lượt yêu thích 30 Bảng 3 8 Phân trang 30 Bảng 3 9 Quảng cáo 31 Bảng 3 10 Bình luận 31 Bảng 3 11 Liên hệ 32 DANH MỤC CÁC HÌNH VẼ Hình 1 1 Phần mềm notepad++ 7 Hình 1 2 Phần mềm FastStone Capture 10 Hình 1 3 Các tính năng của phần mềm FastStone Capture 11 Hình 1 4 Phần mềm Xampp 12 Hình 1 5 Phần mềm ColorCop 13 Hình 1 6 Chức năng lấy màu của phần mềm ColorCop 14 Hình 1 7 Phần mềm Enterprise Architect 15 Hình 2 1 Biểu đồ Usecase 17 Hình 2 2 Biểu đồ lớp 20 Hình 2 3 Biểu đồ tuần tự cho ca sử dụng Đăng nhập 21 Hình 2 4 Biểu đồ tuần tự cho ca sử dụng Đăng ký 21 Hình 2 5 Biểu đồ tuần tự cho ca sử dụng Thêm/Sửa video( trong ca sử dụng Quản lý video) 22 Hình 2 6 Biểu đồ hoạt động của phương thức them/suaDMVD (thongtinDMVD) của lớp cat_video 23 Hình 2 7 Biểu đồ hoạt động của phương thức them/suaVD (thongtinVD) của lớp video 24 Hình 3 1 Biểu đồ lớp chi tiết 25 Hình 3 2 Biều đồ mô hình quan hệ 26 Hình 3 3 Biểu đồ thành phần 32 Hình 3 4 Biểu đồ triển khai 33 Hình 4 1 Giao diện trang chủ 34 Hình 4 2 Giao diện mô tả video 35 Hình 4 3 Giao diện xem video 35 Hình 4 4 Giao diện liên hệ 36 Hình 4 5 Giao diện trang chủ 36 Hình 4 6 Giao diện quản lí video 37 Hình 4 7 Giao diện quản lí người dùng 37 Hình 4 8 Giao diện quản lí chủ đề video 38 Hình 4 9 Giao diện quản lí liên hệ 38 Hình 4 10 Giao diện quản lí bình luận 38 Trang 1 PHẦN 1 MỞ ĐẦU 1 Lý do chọn đề tài Hiện nay, các công nghệ tiên tiến phát triển ngày càng mạnh mẽ và được ứng dụng ngày càng nhiều vào các lĩnh vực kinh tế, sản xuất cũng như đời sống hằng ngày của con người Một điểm tiêu biểu trong việc phát triển các công nghệ đó phải kể đến việc ứng dụng công nghệ thông tin vào hầu khắp các hoạt động Nhờ đó, các công việc được thực hiện nhanh chóng, chính xác và đạt kết quả cao hơn rất nhiều Trong ngành Công nghệ thông tin (CNTT), các phần mềm được thiết kế theo nhu cầu sử dụng gồm có 3 mô hình lập trình phần mềm là: Mô hình máy đơn, client/server và web-based Trong đó, mô hình web-based là mô hình được nhiều ưa thích vì nó có thể cho phép người dùng ở bất kì đâu, chỉ cần có kết nối Internet là dễ dàng truy cập vào và sử dụng Có rất nhiều lĩnh vực ứng dụng trên nền tảng web-based như là quản lý nhân sự, thương mại điện tử, y tế, giáo dục và đào tạo, vui chơi giải trí, Trong đề tài này, với mục đích xây dựng một hệ thống xem video trực tuyến, em chọn mô hình thiết kế web-based để xây dựng 1 trang web cho phép người dùng có thể truy cập vào để xem video trực tuyến thông qua mạng Internet Hệ thống được lập trình bằng ngôn ngữ PHP và hệ quản trị cơ sở dữ liệu MySQL với những tính năng cơ bản như đăng ký người dùng, xem video, tìm video và các phản hồi ý kiến liên quan Hệ thống đã được thử nghiệm và bước đầu hoạt động ổn định trên mạng LAN Với lí do đó, được sự hướng dẫn tận tình của thầy giáo Ths Hồ Tuấn Anh, em đã chọn đề tài “ XÂY DỰNG WEBSITE CHIA SẺ VIDEO TỪ YOUTUBE ” làm đề tài khóa luận tốt nghiệp của mình 2 Mục tiêu của đề tài Tìm hiểu về ngôn ngữ lập trình PHP Xây dựng website chia sẻ video từ youtube 3 Đối tượng và phạm vi nghiên cứu Trang 2 Đối tượng nghiên cứu: Các công cụ xây dựng phần mềm như: ngôn ngữ lập trình PHP, Xampp, MySQL Phạm vi nghiên cứu: Nghiên cứu các vấn đề xoay quanh việc lập trình website trên nền tảng PHP Từ đó xây dựng website chia sẻ video từ youtube 4 Phương pháp nghiên cứu Thu thập thông tin, nghiên cứu tài liệu liên quan đến đề tài Phân tích thiết kế UML 5 Lịch sử nghiên cứu Ngôn ngữ lập trình PHP là tiếng nói mã nguồn mở được ra đời vào năm 1994 và đến nay được dùng rộng rãi trên toàn quốc, là tiếng nói được nhiều người theo học và dùng để viết các chương trình và có nhiều phiên bản qua nhiều nhiều năm phát triển Phiên bản ngày nay là PHP 5 đã được công bố 7/2004 Ngôn ngữ lập trình PHP đã được một số tác giả tìm hiểu và nghiên cứu trước đó Phần lớn các tác giả đều cho thấy một cách tổng quan về nội dung lý thuyết đồng thời cũng xây dựng một website phù hợp với môi trường và bản thân tác giả 6 Đóng góp của đề tài Xây dựng được một website chia sẻ video từ youtube 7 Bố cục của đề tài Nội dung đề tài gồm bốn chương: Chương 1 : Cơ sở lý thuyết, chương này giới thiệu tổng quan về PHP và một số công cụ phát triển hệ thống Chương 2 : Phân tích hệ thống website chia sẻ video từ youtube, nội dung chủ yếu của chương này là phân tích chức năng của hệ thống Chương 3 : Thiết kế hệ thống, nội dung chủ yếu của chương này là thiết kế các chức năng của hệ thống Trang 3 Chương 4: Chương trình demo, nội dung chủ yếu của chương này là giới thiệu các giao diện chính của chương trình Trang 4 PHẦN 2 NỘI DUNG NGHIÊN CỨU CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1 1 Ngôn ngữ lập trình PHP 1 1 1 Giới thiệu chung về ngôn ngữ lập trình PHP PHP ( Hypertext Preprocessor ) là ngôn ngữ lập trình được kết nối chặt chẽ với máy chủ ( Windows hoặc Unix ) Khi một trang Web muốn dựng PHP thì phải đáp ứng được tất cả các quá trình xử lí thông tin trong trang Web đó, sau đó đưa ra kết quả như ngôn ngữ HTML Vì quá trình xử lí này diễn ra trên máy chủ nên trang Web được viết tắt bằng PHP sẽ dễ nhận hơn bất cứ hệ điều hành nào Cũng như hầu hết các ngôn ngữ khác, PHP có thể nối trực tiếp với HTML Khi một tài liệu đưa ra phân tích quá trình xử lí cũng được thực hiện ở những điểm quan trọng rồi sau đó đưa ra kết quả PHP là một ngôn ngữ lập trình có cấu trúc và tính năng đa dạng Chính với những điểm giống nhau này đã khuyến khích những nhà thiết kế Web chuyển qua sử dụng PHP Với phiên bản này PHP cung cấp một số lượng cơ sở dữ liệu khá đồ sộ gồm cả MySQL, mSQL, OPBC và Oracle Nó có thể làm việc với các hình ảnh các file dữ liệu, FTP, XML và Host của các kỹ thuật ứng dụng khác PHP có thể chạy trên Windows NT/2000/2003 và Unix với sự hỗ trợ của IIS và Apache, ngoài ra nó có thể chạy trên một số Flatform khác PHP cung cấp các tính năng mạnh mẽ để thực hiện ứng dụng Web một cách nhanh chóng Hơn nữa bạn không phải ngại tới vấn đề bản quyền khi bạn sắm một máy vi tính và cài lên thì những phần mềm Apache, PHP tất cả đểu miễn phí 1 1 2 Cấu trúc chung của một trang PHP Tiêu đề của trang Web Trang 5 Phần PHP được đặt trong thẻ Ta cũng có thể thấy rằng một trang PHP cũng chính là một trang HTML có những đoạn PHP ở bên trong, có phần mở rộng là PHP Khi thêm một đoạn script vào HTML, PHP dựng dấu phân cách ( Delimiters ) để phân biệt giữa đoạn HTML và đoạn PHP 1 1 2 1 Các thẻ PHP cơ bản Có 4 loại thẻ khác nhau mà bạn có thể sử dụng khi thiết kế trang PHP: Kiểu Short : Thẻ mặc định mà các nhà lập trình PHP thường sử dụng Ví dụ: Kiều đinh dạng XML : Thẻ này có thể sử dụng với văn bản đinh dạng XML Ví dụ: