1. Trang chủ
  2. » Luận Văn - Báo Cáo

Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)

32 23 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 32
Dung lượng 1,72 MB

Cấu trúc

  • CHƯƠNG 1: GIỚI THIỆU ĐƠN VỊ THỰC TẬP (6)
    • 1.1. Cơ cấu, tổ chức (7)
    • 1.2. Các lĩnh vực hoạt động (7)
  • CHƯƠNG 2: NỘI DUNG THỰC TẬP (9)
    • 2.1. Giới thiệu chung (9)
      • 2.1.1. Công việc được giao (10)
      • 2.1.2. Giải pháp thực hiện (10)
      • 2.1.3. Kết quả cần đạt được (10)
    • 2.2. Nội dung thực tập (11)
      • 2.2.1. Tổng quan (11)
      • 2.2.2. Công cụ quản lí mã nguồn Github (15)
      • 2.2.3. Về dự án được giao (17)
  • CHƯƠNG 3: KẾT LUẬN (29)
    • 3.1. Nội dung kiến thức được củng cố (29)
    • 3.2. Kỹ năng thực hành được rèn luyện (29)
    • 3.3. Kinh nghiệm thực tiễn đã tích lũy (30)
    • 3.4. Định hướng phát triển (30)
  • TÀI LIỆU THAM KHẢO (32)

Nội dung

GIỚI THIỆU ĐƠN VỊ THỰC TẬP

Cơ cấu, tổ chức

- Giám đốc: PGS.TS Hoàng Hữu Hạnh

- Phó Giám đốc: ThS.Nguyễn Minh Phượng

- Ban Quản lí chương trình: ThS Phạm Trần Cẩm Vân - Quản lí Chương trình

- Bộ Phận Phát triển dự án: ThS Phạm Vũ Minh Tú - Quản lí Dự án.

Các lĩnh vực hoạt động

CIE mang đến cho sinh viên Học viện Công nghệ Bưu chính Viễn thông những chương trình học định hướng quốc tế, cùng với cơ hội làm việc tại nước ngoài.

PTIT cung cấp chương trình trao đổi và phát triển nghề nghiệp cho sinh viên trong nước và quốc tế, tạo cơ hội cho sinh viên tiếp cận giáo dục quốc tế đa dạng và phong phú.

CIE cung cấp chương trình giảng dạy linh hoạt và hợp tác chặt chẽ với các đối tác quốc tế, tập trung vào phương pháp giảng dạy lấy sinh viên làm trung tâm Các chương trình này phù hợp với nhiều cấp độ khác nhau và bao gồm các khóa đào tạo từ cơ bản đến nâng cao, giúp sinh viên chuẩn bị tốt cho thị trường lao động.

Quản lý và lưu trữ hồ sơ tuyển sinh, hồ sơ sinh viên, kết quả học tập cùng các công văn giấy tờ liên quan đến công tác đào tạo quốc tế là nhiệm vụ quan trọng Đây là đầu mối quản lý hành chính đối với sinh viên và học viên nước ngoài đang theo học tại Học viện.

Dưới đây là một trong những chương trình đang diễn ra tại Trung tâm:

Hình 1.3 Chương trình liên kết với đại học La Trobe dành cho Công nghệ Thông tin.

Hình 1.4 Chương trình học bổng toàn bộ đại học Tứ Xuyên.

Hình 1.4 Chương trình giới thiệu việc làm dành cho sinh viên Học viện Công nghệ Bưu chính viễn thông

NỘI DUNG THỰC TẬP

Giới thiệu chung

ĐỀ TÀI: Phát triển ứng dụng trang Tin tức cho Trung tâm Đào tạo Quốc tế

Hình 2.1 Giao diện ứng dụng

- Tìm hiểu các kiến thức cơ bản về lập trình ứng dụng android

- Tạo các lay out bằng XML và bắt sự kiện

- Sử dụng các thư viện trong lập trình ứng dụng

- Custome giao diện hoàn chỉnh dựa trên giao diện có sẵn của team thiết kế

- Tìm hiểu công cụ quản lí mã nguồn

- Tìm hiểu các thành phần và môi trường trong android

- Dùng XML tạo các layout cơ bản cho ứng dụng

- Custom các ListView, NavigationBottom cho phù hợp với giao diện của team thiết kế

- Sử dụng github để làm việc theo nhóm

- Code và xử lí logic để hoàn thiện sản phẩm

TT Nội dung thực tập Thời gian

1 Làm quen với môi trường làm việc, tìm hiểu về công ty: cơ cấu tổ chức, chức năng, nhiệm vụ

2 Tìm hiểu Quy trình phát triển ứng dụng trên nền tảng android

3 Tìm hiểu về các kỹ thuật phát triển ứng dụng android

4 Tìm hiểu yêu cầu dự án Từ ngày 01/8 đến ngày 14/8

5 Tiến hành lập trình và hoàn thiện sản phẩm Từ ngày 15/8 đến ngày 25/8

6 Hoàn thiện báo cáo Từ ngày 26/8 đến ngày 31/8

2.1.3 Kết quả cần đạt được

- Hiểu và tham gia vào quy trình phát triển mobile app;

- Custom, sử dụng thành thạo các view trong android;

- Hoàn thành tốt các nhiệm vụ được giao;

- Làm việc, trao đổi với các thành viên trong nhóm, thích nghi với môi trường chuyên nghiệp;

- Đúc kết những kinh nghiệm bản thân học hỏi được để phục vụ công việc sau này;

- Rút ra được bài học kinh nghiệm cho bản thân.

Nội dung thực tập

- IDE sử dụng: “Android Studio”

Hình 2.2 IDE sử dụng trong ứng dụng

Dưới sự hướng dẫn tận tình từ các anh tại Trung Tâm CIE, tôi đã học được cách sắp xếp các package và class một cách hiệu quả, phù hợp với môi trường làm việc chuyên nghiệp.

Hình 2.3 Các package được tạo trong ứng dụng

Việc chia thành các package giúp em quản lí và tái sử dụng các class một cách dễ dàng

Trong đó, Activity chứa các class Activity (kế thừa các AppCompatActivity)

Fragment chứa các class Thông thường xử lí logic tương tự như activity dành cho các Fragment, để xử lí giao diện:

Model chứa các class Model (ví dụ như class Events)

Hình 2.6 Code xử lý trong Events.

Adapter: Xử lí ItemView và các mảng chứa listItem cho RecyclerView

Hình 2.7 Class Diagram của AdapterEvents và AdapterNews.

- Để sử dụng, chỉ cần import các package vào:

Hình 2.8 Các package được import trong một class.

Hình 2.9 Code xử lí thuộc tính, phương thức sau khi import package.

2.2.2 Công cụ quản lí mã nguồn Github

Trong môi trường làm việc chuyên nghiệp, nhờ sự hỗ trợ từ các đồng nghiệp, tôi đã học hỏi được những kỹ năng cơ bản trong việc sử dụng GitHub Đây là một kỹ năng vô cùng cần thiết và quan trọng, mang tính thực tiễn cho công việc sau này.

GitHub không chỉ là một công cụ quản lý mã nguồn và đồng bộ hóa mã nguồn của đội ngũ lên máy chủ, mà còn hỗ trợ kiểm tra mã nguồn trong suốt quá trình làm việc.

Git là một công cụ quản lý phiên bản quan trọng với nhiều lệnh hữu ích Trong thời gian thực tập, tôi đã áp dụng và thực hành các lệnh cơ bản như add, commit, push, init và log để phục vụ công việc Ngoài ra, việc sử dụng GitHub cũng là một kỹ năng cần thiết mà tôi cần học hỏi và trau dồi thêm cho sự nghiệp sau này Dưới đây là một số lệnh Git cơ bản mà tôi đã sử dụng.

Để đẩy thành công mã nguồn lên Git, bạn cần thực hiện các lệnh cơ bản: add, commit và push trực tiếp trên IDE mà bạn đang sử dụng, ví dụ như IDE Version: 4.0.1.

Ví dụ về lệnh “push” sau khi thực hiện thành công sẽ được cập nhật:

Hình 2.11 Giao diện git tại branch “master”.

2.2.3 Về dự án được giao

- Dự án: Ứng dụng Trang Tin tức cho Trung tâm Đào tạo Quốc tế

Hình 2.12 Class Diagram được sử dụng.

- Tạo giao diện LogIn bằng các view đơn giản trong XML và xử lí sự kiện click cho button:

Hình 2.13 XML và giao diện Login được xử lí.

Hình 2.14 Giao diện login sau khi build.

- Custom giao diện chính với các chứng năng chính cho ứng dụng bằng ngôn ngữ java

- Giao diện sau khi build của trang “Home”

Hình 2.15 Giao diện trang Home. Đầu tiên, Tạo và xử lí Bottom navigation:

Hình 2.16 Code xử lí Bottomnavigation.

Và kết quả sau khi buil được:

Sau khi tạo đươc giao diện, việc xử lí clickListen cho các button được thực hiện trong “LoadFragment” để tương tác navigation giữa các trang

Hình 2.16 Class Diagram”Bottom Home”.

- Dùng các View cơ bản để tạo layout trong XML như ImageView, edittext, …, Dùng LinearLayout để custom các View một cách dễ dàng:

Hình 2.17 Phần cắt giao diện trang “Home”.

RecyclerView là sự thay thế hoàn hảo cho ListView trong các ứng dụng, vì nó hỗ trợ cuộn theo chiều ngang và cho phép thực hiện các hiệu ứng animation mượt mà cho các mục Với những ưu điểm vượt trội này, RecyclerView đã trở thành lựa chọn phổ biến hơn, và đây cũng là kiến thức quý giá mà tôi đã học hỏi được trong kỳ thực tập.

- Để sử dụng RecyclerView, tạo các model và adapter tương ứng Ví dụ sau đây được hiển thị ở list “News”

Hình 2.18 Class Diagram khi custom list RecyclerView cho list”News”.

The "New" class showcases the attributes found in "News," where variables such as img and name represent the properties associated with each item displayed in the list.

"AdapterNews" allows for the customization of properties for each RecyclerView, which is an extension of RecyclerView in Android It creates an array to store the attributes of each item and utilizes the addItem method to process these attributes within the main Fragment.

Và List ”news” sau khi build :

Hình 2.19: Giao diện list ”News” sau khi build trang”Home”

Các RecyclerView xử lí tương tự

- Một số dạng Itemlist có trong ứng dụng sau khi build ở “Home_navigation”:

Hình 2.20: Scroll item theo chiều ngang(horizontal) và sroll item kết hợp

2 list theo chiều ngang trong một frame

Hình 2.21: Scroll item theo chiều dọc(vertical).

Trong quá trình tùy chỉnh các mục danh sách bằng ListView, tôi đã gặp một số khó khăn Để làm rõ hơn, tôi xin so sánh một cách ngắn gọn giữa ListView và RecyclerView như sau: RecyclerView cung cấp hiệu suất tốt hơn và khả năng tái sử dụng các mục, trong khi ListView thường dễ sử dụng nhưng có giới hạn về tính năng.

Hình 2.22: So sánh RecyclerView và ListView.

Việc lựa chọn RecyclerView để xây dựng ItemList là một quyết định hợp lý, giúp đáp ứng yêu cầu về giao diện và chức năng của ứng dụng, đồng thời tạo điều kiện thuận lợi cho việc tùy chỉnh và xử lý mã code.

- Không chỉ vậy, RecyclerView còn hỗ trợ các scroll item theo chiều ngang (Horizontal) – điều này ở listView không thể hỗ trợ được.

- Ngoài các chức năng như listview thì việc custom adapter khá đơn giản, giao diện của các item đẹp, animation mượt và ổn định:

Hình 2.23: Ví dụ về Giao diện RecyclerView trong android.

Ứng dụng được thiết kế tổng quan với việc áp dụng các layout hỗ trợ từ Android và các layout tùy chỉnh để phù hợp với giao diện và chức năng của ứng dụng Cụ thể, mỗi trang Fragment trong giao diện đều được tối ưu hóa để mang lại trải nghiệm người dùng tốt nhất.

- Class Diagram được sử dụng ở “Home” như sau:

Hình 2.24: Class Diagram ở trang “Home”.

- Ở trang “notifications”, tạo các recyclerView xử lí text đơn giản:

Hình 2.25: Giao diện “notification” sau khi build.

- Phần code xử lí cho listItem ở “notification”

Hình 2.26: Code xử lí Adater của “Notifications”

Việc add các item tương tự như các view của từng danh mục trong trang

“Home” Class “Notificators” kế thừa fragment và xử lí add dữ liệu cho listitem:

Hình 2.27: Clas Diagram của “Notification”

- Ở “setting”, dùng các view cơ bản để setlayout với các chức năng được hiển thị như giao diện dưới đây:

Hình 2.27: Giao diện “setting sau khi build”

Event handling buttons in Android link to web addresses processed in the code By utilizing the "setOnClickListener" function, developers can create intents that direct users to predefined web URLs.

Hình 2.28: Code xử lí ở setting

Hình 2.29: Giao diện sau click button -> trỏ đến link web táo sẵn

Ngày đăng: 13/10/2021, 14:46

Nguồn tham khảo

Tài liệu tham khảo Loại Chi tiết
[6] Hướng dẫn lập trình cơ bản với Android, Nguồn: http://vietandroid.com Link
[1] Hồ Đắc Hưng, Phát triển ứng dụng di động, Học viện Công nghệ Bưu chính Viễn thông Khác
[2] Nguyễn Hoàng Anh, Phát triển ứng dụng cho các thiết bị di động, Học viện Công nghệ Bưu chính Viễn thông Khác
[3] Wei-Meng Lee, Beginning Android Application Development, Wrox, 2011 Khác
[4] Reto Meier, Professional Android™ Application Development, Wrox, 2012 Khác
[5] Marko Gargenta, Learning Android Khác

HÌNH ẢNH LIÊN QUAN

Hình 1.1. Logo Trung tâm. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 1.1. Logo Trung tâm (Trang 6)
Hình 1.3. Chương trình liên kết với đại học La Trobe dành cho Công nghệ Thông tin. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 1.3. Chương trình liên kết với đại học La Trobe dành cho Công nghệ Thông tin (Trang 7)
Hình 1.4. Chương trình học bổng toàn bộ đại học Tứ Xuyên. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 1.4. Chương trình học bổng toàn bộ đại học Tứ Xuyên (Trang 8)
Hình 1.4. Chương trình giới thiệu việc làm dành cho sinh viên Học viện Công nghệ Bưu chính viễn thông - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 1.4. Chương trình giới thiệu việc làm dành cho sinh viên Học viện Công nghệ Bưu chính viễn thông (Trang 8)
Hình 2.1. Giao diện ứng dụng. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.1. Giao diện ứng dụng (Trang 9)
Hình 2.3. Các package được tạo trong ứng dụng - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.3. Các package được tạo trong ứng dụng (Trang 12)
Hình 2.6. Code xử lý trong Events. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.6. Code xử lý trong Events (Trang 13)
Hình 2.7. Class Diagram của AdapterEvents và AdapterNews. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.7. Class Diagram của AdapterEvents và AdapterNews (Trang 14)
Hình 2.9. Code xử lí thuộc tính, phương thức sau khi import package. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.9. Code xử lí thuộc tính, phương thức sau khi import package (Trang 15)
2.2.2. Công cụ quản lí mã nguồn Github. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
2.2.2. Công cụ quản lí mã nguồn Github (Trang 15)
Hình 2.10. Lệnh git cơ bản và chức năng. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.10. Lệnh git cơ bản và chức năng (Trang 16)
Hình 2.11. Giao diện git tại branch “master”. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.11. Giao diện git tại branch “master” (Trang 16)
Hình 2.12. Class Diagram được sử dụng. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.12. Class Diagram được sử dụng (Trang 17)
Hình 2.13. XML và giao diện Login được xử lí. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.13. XML và giao diện Login được xử lí (Trang 17)
Hình 2.14. Giao diện login sau khi build. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.14. Giao diện login sau khi build (Trang 18)
Hình 2.16. Code xử lí Bottomnavigation. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.16. Code xử lí Bottomnavigation (Trang 19)
Hình 2.15. Giao diện trang Home. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.15. Giao diện trang Home (Trang 19)
Hình 2.16. Class Diagram”Bottom Home”. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.16. Class Diagram”Bottom Home” (Trang 20)
Hình 2.18. Class Diagram khi custom list RecyclerView cho list”News”. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.18. Class Diagram khi custom list RecyclerView cho list”News” (Trang 21)
Hình 2.19: Giao diện list”News” sau khi build trang”Home” - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.19 Giao diện list”News” sau khi build trang”Home” (Trang 22)
Hình 2.20: Scroll item theo chiều ngang(horizontal) và sroll item kết hợp 2 list theo chiều ngang trong một frame - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.20 Scroll item theo chiều ngang(horizontal) và sroll item kết hợp 2 list theo chiều ngang trong một frame (Trang 22)
Hình 2.22: So sánh RecyclerView và ListView. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.22 So sánh RecyclerView và ListView (Trang 23)
Hình 2.21: Scroll item theo chiều dọc(vertical). - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.21 Scroll item theo chiều dọc(vertical) (Trang 23)
Hình 2.23: Ví dụ về Giao diện RecyclerView trong android. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.23 Ví dụ về Giao diện RecyclerView trong android (Trang 24)
Hình 2.24: Class Diagram ở trang “Home”. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.24 Class Diagram ở trang “Home” (Trang 25)
Hình 2.25: Giao diện “notification” sau khi build. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.25 Giao diện “notification” sau khi build (Trang 25)
Hình 2.26: Code xử lí Adater của “Notifications”. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.26 Code xử lí Adater của “Notifications” (Trang 26)
Hình 2.27: Giao diện “setting sau khi build”. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.27 Giao diện “setting sau khi build” (Trang 27)
Hình 2.29: Giao diện sau click button -> trỏ đến link web táo sẵn. - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Hình 2.29 Giao diện sau click button -> trỏ đến link web táo sẵn (Trang 28)

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w