Trang 1 MƠN: LẬP TRÌNH ĐA NỀN TẢNG CHO ỨNG DỤNG DI ĐỘNGLỚP: IE307.O13.CNCLHỌ VÀ TÊN: Nguyễn Thanh HiếuMSSV: 20521328Màn hình code : Màn hình Vs codeMàn hình demo: Màn hình máy thật Oppo
Trang 1MÔN: LẬP TRÌNH ĐA NỀN TẢNG CHO ỨNG DỤNG DI ĐỘNG LỚP: IE307.O13.CNCL
Màn hình code : Màn hình Vs code
Màn hình demo: Màn hình máy thật Oppo A92
Bài 1: Places and Media
Cấu trúc các folders / files của dự án
Trang 2Màn hình trang chủ và màn hình thêm mới.
Trang 3Chọn ảnh từ thiết bị → Hiển thị các hình ảnh hiện có → Chọn đoạn hình muốn thêm vào
→ Chọn một ảnh
Chọn vị trí bằng cách lấy vị trí hiện tại
Trang 4Khi nhấn thêm mới, quay về màn hình trang chủ với thông tin địa điểm đã thêm có làm
hiển thị thông báo nhưng không hiện
Chọn ảnh từ hình chụp của camera → Hiển thị camera → Chụp một ảnh
Trang 5Xác nhận chọn ảnh đã chụp.
Chọn vị trí bằng cách chọn một địa điểm trên bản đồ.Khi nhấn lưu sẽ quay
về màn hình trang chủ với địa điểm đã thêm
Trang 6Khi nhấn vào một địa điểm sẽ hiển thị thông tin chi tiết của địa điểm đó Trong đó
bao gồm một nút để xem vị trí của địa điểm trên bản đồ
15 hình ảnh và video ở trong máy được hiển thị ở Màn hình media Khi nhấn vào biểu tượng quay video, camera sẽ được bật Nhấn vào biểu tượng quay để bắt đầu quay
Trang 7Khi nhấn vào biểu tượng dừng, hiển thị video đã quay.
Người dùng có thể xem lại video đã quay và thực hiện quay lại nếu muốn (Nhấn vào
nút Re-Record)
Trang 8Hiển thị video đã quay cùng thông báo từ ứng dụng khi nhấn lưu video.
Code màn hình hiển thị tất cả place
Trang 9Code components các item trong place
Trang 10Code màn hình add place
Trang 11Component chụp hoặc chọn hình ảnh
Trang 12Code get ra gg api key
Trang 13Component lấy ra vị trí hiện tại hoặc chọn vị trí
Trang 14Code lấy ra phần map
Trang 15Code màn hình lấy ra media
Trang 17Code màn hình video
Trang 18Code database và xử lý