ĐỒ án cơ sở 1 ỨNG DỤNG THIẾT kế WEBSITE XEM PHIM ONLINE

Xuất phát từ nhu cầu xem phim trực tuyến qua trang mạng web đang ngày càng phổ biến của người dùng internet, chúng em đã quyết định xây dựng nên một trang web xem phim online để phục vụ

Khoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 1

ỨNG DỤNG THIẾT KẾ WEBSITE

XEM PHIM ONLINE

Sinh viên thực hiện: Lê Văn Bảo

Trần Thanh Huyền

Giảng viên hướng dẫn : TS.Hồ Văn Phi

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 1

ỨNG DỤNG THIẾT KẾ WEBSITE XEM

PHIM ONLINE

Sinh viên: Lê Văn Bảo Mã: 21IT262

Trần Thanh Huyền Mã: 21IT283 Giảng viên hướng dẫn : TS.Hồ Văn Phi

Đà Nẵng, tháng 05 năm 2022

Đà Nẵng, tháng 5 năm 2022

Giảng viên hướng dẫn

TS.Hồ Văn Phi

LỜI CẢM ƠN

Suốt chặn đường làm đồ án cơ sở 1 vừa qua, chúng e đã được thầy cô và bạn bè giúp đỡ để có thể hoàn thành bài tập Em gửi lời cảm ơn trân thành nhất đến các thầy

cô khoa Khoa học máy tính đã truyền lại cho em những bài học bổ ích giúp chúng em

có thêm hiểu biết về một học sau này cũng như hỗ trợ chúng em những công việc sau này, cảm ơn ban giám hiệu nhà trường đã tạo điều kiện để chúng em có thể hoàn thành

đồ án

Đặc biệt e xin gửi lời cảm ơn sâu sắc nhất đến thầy Hồ Văn Phi đã trực tiếp hướng dẫn cho chúng em giúp chúng em có thể giải quyết được những vấn đề còn mắcphải

Em cũng xin cảm ơn thầy cô giám khảo thầy cô trong hội đồng chấm điểm Vì đây là đồ án đầu tiên chúng em là nên có thể gặp một số vấn đề không thể tránh khỏi những sai sót khi làm e mong thầy cô đóng góp ý kiến nhiệt tình, để chúng em có thể tiến bộ hơn trong những đồ án tiếp theo

Chúng em xin cảm ơn thầy cô

MỤC LỤ

MỞ ĐẦU 1

1 Giới thiệu 1

2 Mục tiêu của đề tài 1

3.Lý do chọn đề tài 2

Chương I CƠ SỞ LÝ THUYẾT 3

I Cơ sở lý thuyết đề liên quan đến đề tài 3

I.1 Lý thuyết về android 3

I.1.1 Lịch sử Android 3

I.1.2 Application framework 4

1.1.3.Library 5

I.1.4 ANDROID EMULATOR 6

I.2 Mô hình thiết kế Model View Controller (MVC) 6

II Tổng quan về Firebase 8

1 Firebase 8

2 Lịch sử phát triển Firebase 8

3 Cách thức hoạt động của Firebase 8

Chương II PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 10

I Phân tích các chức năng chính của ứng dụng 10

II.Phân tích và đặc tả các yêu cầu 10

1 Biểu đồ use case các tác nhân khách hàng 10

2 Biểu đồ use case các tác nhân quản trị hệ thống 11

3 Đặc tả các ca sử dụng 12

III.Class Diagram 16

IV.Biểu đồ tuần tự thêm vào giỏ hàng 16

Chương III THIẾT KẾ VÀ XÂY DỰNG ỨNG DỤNG 18

Một số giao diện của ứng dụng 18

CHƯƠNG IV: KẾT LUẬN 23

DANH MỤC CÁC TỪ VIẾT TẮT

VIẾT TẮT NỘI DUNG

HTML Hypertext Markup Language

CSDL Cơ Sở Dữ LiệuCSS Cascading Style Sheets

JS Javascrip

DANH MỤC HÌNH ẢNH

Hình 1 Biểu đồ use case tác nhân khách hàng 13

Hình 2 Biểu đồ use case tác nhân quản trị hệ thống 14

Hình 3 Class Diagram 18

Hình 4 Biểu đồ tuần tự thêm vào giỏ hàng 19

Hình 5 Giao diện Splash 20

Hình 6 Giao diện đăng nhập, đăng ký 21

Hình 7 Giao diện trang chính 22

Hình 8 Giao diện trang Order sản phẩm 23

Hình 9 Giao diện trang giỏ hàng 24

MỞ ĐẦU

1 Giới thiệu

Chúng ta có thể thấy rằng hiện nay với sự phát triển không ngừng nghỉ của cáchmạng công nghệ 4.0 Công nghệ thông tin đã bao phủ khắp toàn thế giới, trở nên thân thiết với mọi người.Ở Việt Nam ngành này đang cho thấy được tầm quan trọng của mình trong nhiều lịch vực khác nhau Đây là nền tảng, vừa là động lực để bắt kịp đà phát triển của thế giới

Việc xây dựng nên một hệ thống trang web để có thể phục vụ cho nhu cầu của

tổ chức, hay công ty thậm chí là một cá nhân ngày càng được phổ biến.Đối với hệ thống chính phủ hay doanh nghiệp thì lại càng trở nên quan trọng và rất cần thiết

Những thông tin mà chính phủ muốn lan truyền từ phía chính phủ cho người dân họ dễnắm bắt thông tin kịp thời, chính xác, hay những công ty muốn được quảng bá sản phẩm, dịch vụ của họ đến người dùng với những thông tin đúng sự thật tránh sai phạm

mà giao tiếp truyền thông gặp phải

Hiện nay khi có nhu cầu giải trí, xem phim hay nghe nhạc, khán giả sẽ không còn phải mua băng đĩa mà chỉ cần truy cập vào các trang web xem phim ảnh trên mạnginternet là đã có thể tìm được bộ phim mà mình yêu thích Xuất phát từ nhu cầu xem phim trực tuyến qua trang mạng web đang ngày càng phổ biến của người dùng internet, chúng em đã quyết định xây dựng nên một trang web xem phim online để phục vụ cho những người muốn được trải nghiệm phim onl

2 Mục tiêu của dề tài

Mục tiêu của đề tài nhằm Xây dựng một Website xem phim trực tuyến, cho người dùng có thể truy cập vào để tìm kiếm và xem các bộ phim mà mình yêu thích trên mạng

Đáp ứng tính giải trí cho người xem ở bất kì độ tuổi nào, ngành nghề nào

Thu về lượn lớn các khán giả thích xem phim

3.Lý do chọn đề tài

Trong thế kỉ XXI, chúng ta thấy được sự phát triển lớn mạnh của công nghệ số đang ngày càng trên đà phát triển, thương mai điện tử ngày càng phổ biến trên thế giới cũng như ở Việt Nam và dần khẳng định được vị thế của mình trên thị trường Cùng với đó sự phát triển ngành công nghệ thông tin có nhiều ngôn ngữ lập trình phong phú

cho phép thiết kế và xây dựng những hệ thống như wesize phim ảnh, chúng em đã làmnên một hệ thống xem phim online để đáp ứng nhu cầu giải trí của khách hàng Dịch

vụ cho phép người dùng thực hiện giao dịch một cách dễ dàng, nhanh gọn lẹ

Vì người dùng cũng mới tiếp xúc với công nghệ nên đối với một số cá nhân đang cảm thấy mới mẻ mà lạ lẫm, đặc biệt là những người không có kiến thức về tin học nói chung và thương mại điện tử nói riêng Nên hiện giờ đối tường hướng tới vẫn

là giới trẻ như học sinh, sinh viên

Với nhu cầu giải trí cao của giới trẻ, sau những giờ làm mệt mỏi căng thẳng, họ

có thể giải trí bằng cách lên trang we xem phim để giải trí, lấy lại được tinh thần làm việc Nằm đáp ứng và cũng như phát triển một phần mình cho nền tin học Việt Nam chúng em luôn ngày đêm cố gắng để học tập làm việc, trên những phân tích trên chúng

em quyết định làm đồ án về đề tài “Thiết kế websize phim ảnh”

4 Nội dung và kế hoạch thực hiện

 Nội dung thực hiện: (các nội dung sẽ thực hiện trong đề tài):

Chương 1: Giới thiệuChương 2: Nghiên cứu tổng quảnChương 3: Phân tích và thiết kế hệ thốngChương 4: Đánh giá và kết luận

 Các chức năng cơ bản của một trang web xem phim như: những bộ phimhay, phim mới ra mắt, Các thể loại phim ở nhiều quốc gia khác nhau, có trailer, có tạm dừng, có độ phân giải, tốc độ video,…

 Các chức năng tiện ích của trang web: phụ đề song ngữ Anh- Việt, vietsub sau vài giây, giao diện đẹp mắt,logic, hài hòa Có tính năng tag, tìm kiếm để người xem chủ động tìm thấy được nội dung phim như ý muốn, tối ưu Css và image nhằm tang được tốc độ load của websize

 Một số tính năng nổi bật của website xem phim

o Trang chủ: Tìm kiếm, đăng ký, đăng nhập, phim bộ, phim lẻ…

o Giao diện có thiết kế đẹp mắt và độc nhất, chuẩn HTML/CSS và sử dụngđược trên nhiều trình duyệt khác nhau

 Module đăng ký thành viên

o Dùng để đăng ký thành viên của website cùng các chức năng khác như chỉnh sửa thông tin cá nhân, xác nhận email và quên mật khẩu

 Module đăng ký thành viên còn có tính năng quản trị lịch sử giao dịch

 -Module xem phim online

o Dùng để liệt kê các loại phim có trên hệ thống theo thể loại hay quốc gia.

o Website xem phim được thiết kế bằng Flash Player chuyên nghiệp

o Người dùng có thể báo link hỏng để yêu cầu phim mới cũng như đánh giá chất lượng của phim

o Tính năng xem thử phim dành cho khách hàng chưa có tài khoản VIP hoặc chưa đăng nhập

 Module bảo vệ phim

o Tính năng mã hóa đường dẫn phim theo thời gian

o Giới hạn số lần xem phim theo banned IP hoặc tài khoản vi phạm

Tuần thứ 2(20/3-27/03) Làm website giao diện Login,Logout

Tuần thứ 3(28/03-05/4) Làm website chính

Tuần thứ 4(06/4-13/4) Làm website chính

Tuần thứ 5(14/4-21/4) Làm website chính

Tuần thứ 6(22/4-29/4) Làm website chínhTuần thứ 7

(30/4 -07/5) Làm website chính

Tuần thứ 8(08/5-16/5) Làm slide,Hoàn thành công việc

 Bố cục báo cáo:

Sau phần Mở đầu, báo cáo được trình bày trong ba chương, cụ thể như

sau:

Chương 1 Tổng quan về đề tài Trong chương này, báo cáo trình bày các

khái niệm, đặc điểm

Chương 2 Phân tích thiết kế hệ thống Nội dung chương bao gồm các Chương 3 Xây dựng và thực hiện đề tài

Cuối cùng là Kết luận, Tài liệu tham khảo và Phụ lục liên quan đến đề

tài



Chương I Nghiên cứu tổng quan

1.1 Góc nhìn về thị trường xem phim trực tuyến

Xã hội phát triển đời sống con người cũng thay đổi theo dần, chính vì thế mà những năm gần đây, các nền tảng ứng dụng xem phim cũng dần thay đổi theo thời đại, bạn không cần đi đâu xa để xem phim chỉ cần ở nhà với chiếc điện thoại của thì bạn cũng có thể xem được những bộ phim mà mình ưa thích bằng hình thức trực tuyến có sự phát triển mạnh mẽ Điều đó đã dần được đông đảo khán giả tiếp cận nhằm thỏa mãn nhu cầu giải trí dành cho mọi người Theo một khảo sát gần đây về truyền hình trực tuyến của Công ty nghiên cứu thị trường Q&Me (TP Hồ Chí Minh), tần suất sử dụng truyền hình trực tuyến tăng lên rất nhiều do mọi người giảm thiểu việc ra ngoài vui chơi, giải trí Lượng khán giả xem truyền hình trực tuyến trên các thiết bị ti vi thông minh, điện thoạithông minh chủ yếu truy cập vào các ứng dụng xem phim như: FPT Play, Netflix, Zing TV…Hiện nay, những ứng dụng xem phim phổ biến ở nước ta có

cả những sản phẩm của nước ngoài lẫn Việt Nam Có thể kể tên các ứng dụng phổ biến của nước ngoài như: Netflix, iflix, Viki, Apple TV, HBO…; các ứng dụng do trong nước phát triển như: Fim+, Danet, FPT Play, Zing TV, Clip TV

Tại Việt Nam, các nhà sản xuất, rạp chiếu cũng chịu ảnh hưởng lớn từ Covid-19song các nhà làm điện ảnh cũng đã kịp thời nắm bắt xu hướng và bắt đầu tham gia phát hành phim trên nền tảng số Đã có một số phim Việt của các đơn vị sảnxuất phim tư nhân được phát hành trên nền tảng Netflix như “Em chưa 18”,

“Hạnh phúc của mẹ”, “Hậu duệ mặt trời”, “Lửa Phật”, “Ngôi nhà bươm bướm”,

“Siêu sao siêu ngố”, “Trời sáng rồi ta ngủ thôi”, “Hương ga”, “Mẹ chồng”, “Về quê ăn tết”… Thị trường phim trực tuyến trong nước cũng phát triển nhanh chóng Số liệu từ Bộ Thông tin và Truyền thông tháng 11/2020 cho biết, Việt Nam có khoảng 35 doanh nghiệp hoạt động cung cấp dịch vụ truyền hình trả tiền trực tuyến, với 14 triệu thuê bao và tổng doanh thu đạt khoảng 9.000 tỷ đồng Bên cạnh Netflix, hai nền tảng chiếu phim trực tuyến lớn là FPT Play và Galaxy Play cũng tăng trưởng

Tuy nhiên, xu hướng mới này cũng kéo theo một số vấn đề như làm thế nào để

có thể kiểm soát việc đưa phim lên các nền tảng chiếu trực tuyến khi chưa có một chế tài đủ mạnh để kiểm soát Luật Điện ảnh hiện chỉ nêu chung chung:

“Việc phổ biến phim trên internet, khai thác phim từ vệ tinh để phổ biến phải thực hiện theo quy định của luật này và các quy định khác của pháp luật liên quan” mà không làm rõ các khái niệm và không đưa ra các điều khoản cụ thể vào Ngoài ra, với các sản phẩm trên internet, định nghĩa thế nào là phim còn chưa được xác định rõ Bởi vậy, nhiều nhà sản xuất trong nước kỳ vọng trong Luật Điện ảnh sửa đổi được thông qua trong thời gian tới sẽ có khung pháp lý

cụ thể, rõ ràng trong lĩnh vực phổ biến phim trên không gian mạng để góp phần đưa điện ảnh Việt hòa chung vào dòng phát triển của điện ảnh thế giới

1.2 Phương pháp tiếp cận

 Tiếp cận đề tài từ thông tin của các hãng thông tấn, báo in, các chương trình phát thanh, truyền hình Đây có thể coi là cách tiếp cận thông tin một cách chính thống nhất, vừa mang tính thời sự, vừa đảm bảo yếu tố tin cậy.

 Tham khảo những trang web xem phim được người dùng coi nhiều nhất và cách thiết kế trang web bắt mắt từ họ

- Phương pháp triển khai và phát triển:

 Thu nhập thông tin từ thị trường

 Phân tích, kết hợp những thông tin đã thu thập được để tạo nên kếhoạch cho trang web

 Thiết kế giao diện cho trang web với các ngôn ngữ hỗ trợ đã học trên lớp như: HTML, CSS, JS,… để thiết kế

HTML là một ngôn ngữ đánh dấu mà các trình duyệt web sử dụng để giải thích

và soạn văn bản, hình ảnh và các tài liệu khác thành các trang web trực quan hoặc nghe được Các đặc điểm mặc định cho mọi mục của đánh dấu HTML được xác định trong trình duyệt và các đặc điểm này có thể được thay đổi hoặc nâng cao bằng cách

sử dụng thêm CSS của nhà thiết kế trang web

Các trình duyệt web nhận tài liệu HTML từ một web server hoặc một kho lưu trữ cục

bộ và render tài liệu đó thành các trang web đa phương tiện HTML mô tả cấu trúc củamột trang web về mặt ngữ nghĩa và các dấu hiệu ban đầu được bao gồm cho sự xuất hiện của tài liệu

Các phần tử HTML là các khối xây dựng của các trang HTML Với cấu trúc HTML, hình ảnh và các đối tượng khác như biểu mẫu tương tác có thể được nhúng vào trang được hiển thị HTML cung cấp một phương tiện để tạo tài liệu có cấu trúc bằng cách biểu thị ngữ nghĩa cấu trúc cho văn bản như headings, paragraphs, lists, links, quotes

và các mục khác Các phần tử HTML được phân định bằng các tags, được viết bằng dấu ngoặc nhọn Các tags như <img /> và <input /> giới thiệu trực tiếp nội dung vào trang Các tags khác như <p> bao quanh và cung cấp thông tin về văn bản tài liệu và

có thể bao gồm các thẻ khác làm phần tử phụ Các trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để diễn giải nội dung của trang

HTML có thể nhúng các chương trình được viết bằng scripting như JavaScript, điều này ảnh hưởng đến hành vi và nội dung của các trang web Việc bao gồm CSS xác định giao diện và bố cục của nội dung World Wide Web Consortium (W3C), trước

đây là đơn vị bảo trì HTML và là người duy trì hiện tại của các tiêu chuẩn CSS, đã khuyến khích việc sử dụng CSS trên HTML trình bày rõ ràng kể từ năm 1997.

1.3.2.CSS

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML) Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm style vào các phần tử HTML đó như đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc…

CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996, vì HTML không được thiết kế để gắn tag để giúp định dạng trang web

Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn có thể

là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác Sau đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó

Sử dụng CSS chính là một công cụ hỗ trợ hữu ích và cần thiết cho quá trình phát triển, thiết kế website Những công việc mà HTML không xử lý được sẽ được giải quyết tốt với CSS Nhờ có CSS giúp mang lại khả năng kiểm soát mạnh mẽ, hiệu quả với quá trình trình bày một tài liệu HTML cụ thể Bởi thế mà nó là công cụ thường được kết hợp với các ngôn ngữ như HTML hay XHTML

1.3.3 JS:

là một ngôn ngữ lập trình thông dịch được phát triển từ các ý niệm nguyên mẫu Ngôn ngữ này được dùng rộng rãi cho các trang web (phía người dùng) cũng như phía máy chủ (với Nodejs) Nó vốn được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript Giống Java, JavaScript có cú pháp tương tự C, nhưng nó gần với Self hơn Java .js là phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript

Ngôn ngữ lập trình Javascript là một ngôn ngữ lập trình của Website, được tích hợp vànhúng trong HTML làm cho website thêm phần sinh động, lôi cuốn người xem bới cácchức năng đặc biệt Đây được xem là ngôn ngữ lập trình dễ học nhất Các hành vi trên web được javascript kiểm soát tốt hơn so với HTML Cho đến nay, nó là ngôn ngữ ngăn xếp đầy đủ duy nhất với nhiều tính năng tuyệt vời, từ máy khách web đến máy chủ, máy tính để bàn đến thiết bị di động Nó dựa trên ý tưởng tạo một ngôn ngữ thôngdịch duy nhất cho tất cả các trình duyệt để bạn có thể cải thiện khả năng tương tác với trang web của mình Nhờ tính linh hoạt của nó, JavaScript mang lại nhiều lợi ích cho người dùng hiện tại Những định nghĩa trên chắc hẵn phần nào giúp bạn trả lời được câu hỏi Javascript là gì rồi đấy

Chương II Phân Tích thiết kế hệ thống và xây dựng website

I Phân tích các chức năng chính của ứng dụng

Chức năng của websize được xây dựng từ đơn giản đến phức tạp Từ những