Xây dựng ứng dụng di động xem trailer phim

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN Tel (+84.0236) 3736949, Fax (+84.0236) 3842771 Website: itf.dut.udn.vn, E-mail: cntt@dut.udn.vn BÁO CÁO THỰC TẬP TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN Đề tài: Xây dựng ứng dụng di động xem trailer phim CÔNG TY THỰC TẬP: SUN-ASTERISK ĐÀ NẴNG Đà Nẵng, 06/2019 LỜI CẢM ƠN Để hoàn thành chuyên đề báo cáo thực tập trước hết em xin gửi đến quý thầy,cô giáo khoa công nghệ thông tin lời cảm ơn chân thành Đặc biệt, em xin chân thành cảm anh Lê Vũ Tấn Tuấn Người bước hướng dẫn, giúp đỡ em q trình thực tập cơng ty Em xin chân thành cảm ơn Ban lãnh đạo anh/chị nhân viên công ty TNHH Sun-asterisk Việt Nam chi nhánh Đà Nẵng tạo điều kiện tốt cho em có hội học hỏi thêm kiến thức hoàn thành đợt thực tập tốt nghiệp Đồng thời em xin cảm ơn thầy giáo khoa Công nghệ thông tin trường Đại học Bách khoa – Đại học Đà Nẵng tạo điều kiện cho em có hội thực tập môi trường chuyên nghiệp, áp dụng kiến thức mà thầy cô giáo giảng dạy vào dự án thực tế Qua đợt thực tập em tiếp thu nhiều kiến thức kỹ lập trình để giúp ích cho cơng việc sau thân Vì kiến thức thân hạn chế, q trình thực tập, hồn thiện chun đề em khơng tránh khỏi sai sót, kính mong nhận ý kiến đóng góp từ thầy quý công ty Mai Văn Anh MỤC LỤC CHƯƠNG 1: GIỚI THIỆU CƠ QUAN THỰC TẬP 1.1 1.2 1.3 Giới thiệu công ty Sun-asterisk Đà Nẵng Lịch sử hình thành phát triển Kết chương CHƯƠNG 2: PHÂN TÍCH, THIẾT KẾ VÀ TRIỂN KHAI 2.1 Cơ sở lý thuyết 2.1.1 Ngơn ngữ lập trình Kotlin 2.1.2 Mơ hình MVVM: .7 2.1.3 Retrofit: 2.1.4 Quản lý mã nguồn Git 2.2 Phân tích đề tài 2.2.1 Giới thiệu đề tài 2.2.2 Mục đích đề tài 2.3 Thiết kế triển khai hệ thống 10 2.3.1 Phân tích liệu .10 2.3.2 Xây dựng giao diện người dùng .10 2.3.3 Tiến hình code theo chức 10 CHƯƠNG 3: TỔNG KẾT .11 3.1 3.2 Kết triển khai 11 Kết chương .14 DANH SÁCH HÌNH Hình 1: Màn hình .11 Hình 2: Màn hình xem theo thể loại 12 Hình 3: Màn hình trailer phim ưu thích .12 Hình 4: Màn hình tìm kiếm 13 Hình 5: Màn hình xem trailer diễn viên 13 Hình 6: Màn hình xem trailer nhà sản xuất .14 DANH SÁCH TỪ VIẾT TẮT Từ viết tắt Diễn giải MVVM Model View View Model CNTT Công nghệ thông tin CSDL Cơ sở liệu IT Information Technology API Application Programming Interface NG 1: GIỚI THIỆU CƠ QUAN THỰC TẬP 1.1 Giới thiệu công ty Sun-asterisk Đà Nẵng Sun-asterisk tiền thân Framgia tập đoàn CNTT Nhật Bản hoạt động lĩnh vực thiết kế, phát triển ứng dụng (web, app, game), thiết kế UI/UX, xây dựng sở hạ tầng, thúc đẩy phát triển doanh nghiệp start-up, đào tạo nuôi dưỡng nguồn nhân lực công nghệ thông tin Với sứ mệnh “Make awesome things that matter”, dùng IT làm nên bước tiến đột phá, nay, Sun-asterisk thành lập chi nhánh quốc gia tồn Châu Á, có chi nhánh hoạt động Đà Nẵng Làm việc theo mơ hình Offshore Development Center (ODC), Sun-asterisk cung cấp đội ngũ phát triển làm việc trực tiếp với khách hàng Đồng thời áp dụng quy trình phát triển phần mềm theo mơ hình Agile – quy trình Scrum Sun-asterisk đảm bảo đem lại chất lượng dịch vụ tốt cho khách hàng 1.2 Lịch sử hình thành phát triển Ngày thành lập: 29/10/2012 Tổng giám đốc: Ơng Kazunari Fujimoto Trụ sở chính: tầng 13, Keangnam Hanoi Landmark Tower, khu E6 khu đô thị Cầu Giấy, phường Mễ Trì, quận Nam Từ Liêm, Hà Nội Công ty TNHH Framgia (tên cũ) Việt Nam công ty thuộc công ty Framgia Nhật Bản , cơng ty Framgia có mặt quốc gia thành phố lớn giới với 800 nhân lực Được thành lập năm 2012 Hà Nội, Framgia Việt Nam công ty IT Nhật Bản họat động lĩnh vực thiết kế, phát triển ứng dụng, games chạy tảng smartphone, tảng mạng xã hội, sản xuất phát triển ứng dụng website Framgia Đà Nẵng chi nhánh công ty Đà Nẵng Địa chỉ: Tòa nhà Fhome Đà Nẵng, 16 Lý Thường Kiệt, Hải Châu, Đà Nẵng Từ ngày 3/3/2019, Cơng ty cổ phần Framgia (trụ sở Tokyo, Nhật Bản) đổi tên thành “Công ty cổ phần Sun Asterisk” (Sun* Inc viết tắt “Sun*”) Song SVTH: Mai Văn Anh Báo cáo thực tập tốt nghiệp song với việc thay đổi tên, công ty tiến hành thay đổi toàn diện thiết kế thương hiệu logo kèm 1.3 Kết chương Chương trình bày nhìn tổng qt cơng ty, cấu tổ chức mảng hoạt động công ty SVTH: Mai Văn Anh NG 2: Báo cáo thực tập tốt nghiệp PHÂN TÍCH, THIẾT KẾ VÀ TRIỂN KHAI 2.1 Cơ sở lý thuyết 2.1.1 Ngơn ngữ lập trình Kotlin Kotlin ngơn ngữ lập trình từ JetBrains Nó xuất lần vào năm 2011 JetBrains cơng bố dự án có tên "Kotlin" Giống Swift, Kotlin ngôn ngữ mã nguồn mở Giống Java, C, C++, Kotlin ngôn ngữ kiểu tĩnh, "statically typed programming language" Ngôn ngữ kiểu tĩnh ngôn ngữ mà variable cần phải định danh trước sử dụng Có nghĩa variable cần phải khai báo khởi tạo trước Về kiểu Static typing khơng có nghĩa cần phải khai báo tồn variable trước tiên Chúng khởi tạo đâu ứng dụng lập trình viên phải làm việc đó, để sử dụng variable nơi mà cần 2.1.2 Mơ hình MVVM: MVVM mơ hình sử dụng để phát triển phần mềm cho ứng dụng web lẫn mobile Việc áp dụng mơ hình vào quản lý mã nguồn giúp cho mã nguồn sáng, dễ dàng quản lý, phát triển bảo trì sau Những yếu tố mơ hình MVVM:  View: Mang chức thông báo cho ViewModel hành động người dùng  ViewModel: Hiển thị streams data liên quan đến View  Model: Thành phần chứa liệu lấy từ nhiều nguồn khác nhau: REST API, SQLite DB, Shared Prefrences, Firebase… Điểm khác biệt mơ hình MVVM mơ hình khác Android SVTH: Mai Văn Anh Báo cáo thực tập tốt nghiệp  Tránh liên kết chặt Với Activity Fragment cần Presenter Đây ràng buộc cứng nhắc Presenter giữ tham chiếu Activity Activity giữ tham chiếu Presenter Mối quan hệ 1:1 vấn đề lớn Độ phức tạp View tăng lên, tương tự với phức tạp việc bảo trì xử lý quan hệ tăng lên Điều dẫn đến vấn đề giống trước gặp phải Nếu thay đổi thiết kế phải chỉnh sửa quan hệ chúng Để tránh quan hệ chặt chẽ đó, ViewModel giới thiệu ViewModel lớp đơn giản tương tác với lớp logic/model đưa trạng thái/ liệu bên ngoài, thực khơng biết liệu sử dụng thành phần Chỉ có View giữ tham chiếu đến ViewModel, điều giải vấn đề liên kết chặt View giữ tham chiếu nhiều ViewModel  Khả Testing: Do presenter bị trói buộc chặt vào View, viết unit test trở nên khó khăn phụ thuộc vào View ViewModel dễ dàng cho việc test chúng đưa trạng thái bên ngồi test độc lập mà không phụ thuộc vào cách liệu hiển thị, nghĩa hồn tồn khơng phụ thuộc vào View 2.1.3 Retrofit: Retrofit HTTP client type-safe cho Android Java Retrofit thư viện giúp dễ dàng kết nối đến dịch vụ REST Web cách chuyển đổi API thành Java Interface SVTH: Mai Văn Anh Báo cáo thực tập tốt nghiệp Thư viện mạnh mẽ giúp bạn dễ dàng xử lý liệu JSON XML sau phân tích cú pháo thành Plain Old Java Object (POJOs) Tất yêu cầu GET, POST, PUT, PATCH, DELETE thực thi Giống hầu hết phần mềm mã nguồn mở khác, Retrofit xây dựng dựa số thư viện mạnh mẽ công cụ khác Đằng sau đó, Retrofit làm cho việc sử dụng OKHttp (từ nhà phát triển) để xử lý u cầu mạng Ngồi ra, Retrofit khơng tích hợp chuyển đổi JSON để phân tích từ JSON thành đối tượng Java Thay vào kèm với thư viện chuyển đổi JSON 2.1.4 Quản lý mã nguồn Git Git Hệ thống Quản lý Phiên Phân tán, vốn phát triển nhằm quản lý mã nguồn (source code) Linux Trên Git, ta lưu trạng thái file dạng lịch sử cập nhật Vì thế, đưa file chỉnh sửa lần trạng thái cũ hay biết file chỉnh sửa chỗ 2.2 Phân tích đề tài Đề tài: Xây dựng ứng dụng di động xem trailer phim 2.2.1 Giới thiệu đề tài Ứng dụng giúp xem trailer phim phim tiếng dưới, giúp người dùng có cảm nhận ban đầu phim, xem đánh giá người xem, đồng thời xem diễn viên góp mặt phim Ứng dụng cho phép xem truyện theo chủ đề phân mục giúp cho người dùng dễ dàng tìm thấy phim u thích cho Những phim người dùng đánh giá ưu thích lưu lại 2.2.2 Mục đích đề tài - Hiểu thêm kiến thức lập trình mobile - Tìm hiểu ngơn ngữ Kotlin, mơ hình quản lý mã nguồn, học công nghệ SVTH: Mai Văn Anh Báo cáo thực tập tốt nghiệp - Xây dựng ứng dụng xem trailer phim nhằm đưa vào đời sống thực tiễn 2.3 Thiết kế triển khai hệ thống 2.3.1 Phân tích liệu - Dữ liệu lấy từ web REST API: https://developers.themoviedb.org/3/ - Sử dụng phần mềm Post Man để kiểm tra liệu json trả Tiến hành phân tích đưa yêu cầu chức phù hợp với ứng dụng di động 2.3.2 Xây dựng giao diện người dùng Phần giao diện thường quan tâm khách hàng yêu cầu cho ứng dụng di động Với kích thước giới hạn hình dáng khác biệt hình điện thoại di động nên việc thiết kế giao diện quan trọng Thiết kế phải hài hòa cho ứng dụng chạy nhiều loại hình khác cảm nhận người dùng không thay đổi Về quy trình thiết kế giao diện gồm bước: - Thiết kế giao diện photoshop phần mềm chỉnh sửa ảnh chuyên nghiệp theo yêu cầu - Cắt mảnh file design phần riêng lẻ - Dùng phần mềm chuyên dụng để biểu diễn UI ứng dụng Thực chỉnh sửa số giao diện để hoàn thiện giao diện Và bước cuối thiết kế giao diện 2.3.3 Tiến hình code theo chức Tiến hành code xử lý liệu trả làm giao diện song song với Quy trình code có bước sau: - Code hoàn thiện chức cần thiết - Test song song code - Đẩy code lên github để thành viên khác nhóm review, chưa hợp lý cần phải chỉnh sửa - Gộp chức lại nhánh git đến hoàn thiện 10 SVTH: Mai Văn Anh NG 3: Báo cáo thực tập tốt nghiệp TỔNG KẾT 3.1 Kết triển khai - Trang chủ: Khi mở ứng dụng lên người dùng xem: o Danh mục trailer phim o Xem movie theo chủ đề o Xem movie ưu thích người dùng Hình 1: Màn hình trang chủ 11 SVTH: Mai Văn Anh Báo cáo thực tập tốt nghiệp Hình 2: Màn hình xem trailer phime theo thể loại Hình 3: Màn hình xem trailer phim ưu thích 12 SVTH: Mai Văn Anh Báo cáo thực tập tốt nghiệp Hình 4: Màn hình tìm kiếm Hình 5: Màn hình xem trailer diễn viên 13 SVTH: Mai Văn Anh Báo cáo thực tập tốt nghiệp Hình 6: Màn hình xem trailer nhà sản xuất 3.2 Kết chương Chương kết triển khai hệ thống thơng qua hình ảnh chụp lại ứng dụng di động 14 SVTH: Mai Văn Anh Báo cáo thực tập tốt nghiệp KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN KẾT QUẢ ĐẠT ĐƯỢC Về mặt lý thuyết, thời gian thực tập đạt được:  Ứng dụng nội dung học trường: - Thiết kế hệ thống - Phân tích thiết kế sở liệu - Lập trình Mobile Android - Cấu trúc giải thuật  Về mặt thực tiễn ứng dụng: - Tìm hiểu thêm số cơng nghệ - Có hiểu biết thêm mảng di động - Nắm bắt quy trình làm phát triển ứng dụng  Những điểm mạnh hạn chế vấn đề thực tập công ty: - Môi trường thực tập thoải mái - Nhận hỗ trợ nhiệt tình từ bên phía cơng ty - Thời gian thực tập ngắn nên số chức chưa hành thành 15 SVTH: Mai Văn Anh Báo cáo thực tập tốt nghiệp KIẾN NGHỊ VÀ HƯỚNG PHÁT TRIỂN Sau thực tập công ty hoàn thành báo cáo thực tập tốt nghiệp Bản thân em học hỏi được nhiều điều, giúp đỡ tận tình anh chị cơng ty, có mơi trường thực tập chun nghiệp Một số định hướng phát triển đề tài sau: - Tiến hành nâng cấp hệ thông thêm nhiều tính bật - Chỉnh sửa giao diện để thân thiện với người sử dụng - Đưa ứng dụng lên cửa hang CH play 16 SVTH: Mai Văn Anh Báo cáo thực tập tốt nghiệp TÀI LIỆU THAM KHẢO Internet [1] https://viblo.asia [2] https://developer.android.com/ [3] https://www.mysql.com/ 17 SVTH: Mai Văn Anh ... Đề tài: Xây dựng ứng dụng di động xem trailer phim 2.2.1 Giới thiệu đề tài Ứng dụng giúp xem trailer phim phim tiếng dưới, giúp người dùng có cảm nhận ban đầu phim, xem đánh giá người xem, đồng... https://developers.themoviedb.org/3/ - Sử dụng phần mềm Post Man để kiểm tra liệu json trả Tiến hành phân tích đưa yêu cầu chức phù hợp với ứng dụng di động 2.3.2 Xây dựng giao di n người dùng Phần giao di n thường quan... khách hàng yêu cầu cho ứng dụng di động Với kích thước giới hạn hình dáng khác biệt hình điện thoại di động nên việc thiết kế giao di n quan trọng Thiết kế phải hài hòa cho ứng dụng chạy nhiều loại