BÁO CÁO CUỐI KỲ ,MÔN LẬP TRÌNH MOBILE,ĐỀ TÀI XÂY DỰNG, ANDROID APP PHOTO SHARING
Khoa công nghệ thông tin Trường đại học Nông Lâm thành phố Hồ Chí Minh BÁO CÁO CUỐI KỲ MƠN: LẬP TRÌNH MOBILE ĐỀ TÀI: XÂY DỰNG ANDROID APP PHOTO SHARING • • • Giảng viên hướng dẫn -TRần Huy Cường -Võ Tấn Toàn Sinh viên thực Võ Ngọc Quốc | MSSV: 15130152 Nguyễn Hải Sơn | MSSV: 15130155 Nguyễn Thị Trúc Phượng | MSSV: 15130147 MỤC LỤC I – TỔNG QUAN - Công nghệ sử dụng : Android Studio IDE, Firebase Cloud Database, Firebase API - Mô tả ứng dụng: Phần mềm chia sẻ ảnh cho phép người dùng chia sẻ ảnh thân lên mạng, cho phép người dùng tìm kiếm tải xuống hình ảnh mà u thích - Các chức phần mềm: Đăng kí/ Đăng nhập, Quên mật khẩu, Đăng ảnh, Tải ảnh, Yêu thích, Bình luận, Chỉnh sửa thơng tin cá nhân, Theo dõi/ Bỏ theo dõi người dùng khác, Tìm kiếm người dùng mạng, Collect ảnh đánh dấu,… II – MÔ TẢ CHỨC NĂNG -Chức đăng ký dùng để tạo tài khoản -Chức đăng nhập sử dụng tài khoản tạo để truy cập vào app -Chức quên mật khẩu: người dùng quên mật để đăng nhập vào app chức hỗ trợ người dùng lấy mật cho tài khoản -Khi người dùng muốn thay đổi thơng tin cá nhân truy cập vào chức “Chỉnh sửa thơng tin Profile” -Chức upload ảnh dùng để chia sẻ ảnh với nội dung lên trang cá nhân mà người dùng khác thấy trang chủ -Chức download ảnh dùng để tải hình ảnh mà người dùng muốn thiết bị - Chức like ảnh : người dùng yêu thích hình ảnh -Chức bình luận: bình luận hình ảnh xem hiển thị thời gian bình luận -Chức theo dõi dùng để theo dõi đăng người dùng khác mà bạn theo dõi -Chức bỏ theo dõi dùng để hủy theo dõi người dùng khơng nhìn thấy đăng người dùng -Chức tìm kiếm người dùng mà người dùng muốn tìm III – KIẾN TRÚC HỆ THỐNG • Frontend: + Ngơn ngữ sử dụng: Java, android + Framework: + Buildgrade: androids 3.2.1, google service 4.2.0 • • Backend: + Sử dụng Google Firebase service + Sử dụng Google Firebase realtime database API: Firebase API IV – KIẾN TRÚC PHẦN MỀM V – HƯỚNG DẪN SỬ DỤNG MÀN HÌNH ĐĂNG NHẬP Nhập email • • • • • Nhập địa Nhập mật mật Nhập đăng ký Nhập email khoản đăng “LOGIN” Quên mật Khi người dùng nhấp vào”Create form tạo tài Khi người dùng “Forgot email tồn tài khoản Đăng nhập mật tài ký sauTạo đótàinhấn khoảnvào hình trang chủ chưa có tài khoản one” để hiển thị khoản quên mật chọn Pasword” REGISTER Nhập email Nhập tên tài khoản Nhập mật Đăng ký • • • • Nhập vào trường”Email” email có sẵn vào trường ,khơng bỏ trống Nhập vào trường “Full Name” họ tên người dùng Nhập vào trường ”Password” mật mà bạn muốn nhiều kí tự Nhập đầy đủ emal, họ tên mật sau nhấn nút ”REGISTER” Nếu địa email hợp lệ gửi thông tin xác nhận vào email nhấp chọn đường link để xác nhận đăng ký thành cơng • Click vào đường link để hoàn thành việc xác nhận đăng ký thành cơng MÀN HÌNH QN MẬT KHẨU Nhập email Gửi • • Điền email để nhận thơng tin lấy lại mật Nhấn nút submit để gửi thông tin lấy lại mật qua email • Click vào đường link để xác nhận đổi lại mật Nhập lại mật • • Nhập lại mật cho tài khoản Nhấn nút “save” để lưu lại mật cho tài khoản 4 MÀN HÌNH TÌM KIẾM NGƯỜI DÙNG • Khung tìm kiếm: nhập tên người dùng để tìm kiếm người dùng khác MÀN HÌNH PROFILE NGƯỜI DÙNG • 10 Màn hình profile: o Tên người dùng: o Avatar người dùng: o Số lượng đăng, sô lượng người bạn theo dõi, số lưọng người theo dõi bạn o Thông tin mô tả người dùng o Những hình ảnh mà người dùng đăng/chia sẻ o Nút theo dõi/ bỏ theo dõi người dùng MÀN HÌNH TRANG CHỈNH SỬA THƠNG TIN CÁ NHÂN Nút thay đổi avatar Tên người dùng Biệt hiệu người dùng Thơng tin mơ tả người dùng • • 11 Sau thay đổi thông tin người dùng, nhấn vào dấu tích bên góc bên phải hình để lưu thơng tin Nhấn nút thay đổi avatar để mở hình “Bộ sưu tập hình ảnh” MÀN HÌNH BỘ SƯU TẬP HÌNH ẢNH (GALLERY) • • • • 12 Màn hình Gallery: o Gridview: chứa tất hình ảnh thiết bị o Spinner: chứa tất thư mục có hình ảnh thiết bị o Nút next: chuyển sanh hình upload hình ảnh Nhấn vào Spinner để lựa chọn thư mục hình ảnh mà bạn muốn Nhấn vào hỉnh ảnh mà bạn lựa Gridview bên dưới, hình ảnh bạn chọn hiển thị to lên (mặc định hình ảnh chọn) Nhấn nút next để chuyển sang hình upload hình ảnh MÀN HINH CHỤP ẢNH (PHOTO) • • 13 Màn hình Photo: Nút mở camera thiết bị Sau bạn chụp hình App chuyển qua hình upload ảnh MÀN HÌNH UPLOAD ẢNH • • • 14 Màn hình upload hình ảnh: o ImageView: hình ảnh mà bạn lựa chọn để upload o EditText: tiêu đề mà bạn đặt cho hình ảnh o Button Share: nút share để upload hình ảnh lên server Nhập tiêu đề cho hình mà bạn muốn upload Nhấn nút share để tiến hành upload hình ảnh lên server 10 MÀN HÌNH TRANG CHỦ • • • • 15 Màn hình trang chủ: o Tab Newfeed/Followers o List hình ảnh chia người dùng theo ngày tăng dần o Mỗi hình ảnh có: Tên người đăng, nút like, nút comment, nút download o Toolbar: button home, button search, button add, button notification, button profile Nhấn vào tên người dùng để mở thông tin người dùng Nhấn nút like để bày tỏ u thích hình ảnh Nhấn nút comment để mở hình bình luận • • • • • • • • Nhấn nút download để tiến hình download hình ảnh thiết bị Nhấn tab newfeed để xem danh sách hình ảnh mà tất người dùng đăng lên Nhất tab followers để xem danh sách hình ảnh mà người dùng bạn theo dõi đăng lên Nhấn nút home để reload lại trang chủ Nhất nút search để chuyển sang hình tìm kiếm Nhấn nút add để chuyển sang hình sưu tập hình ảnh, tiếp tiến hành upload hình ảnh Nhấn nút notification để chuyển sang hình thơng báo Nhấn nút profile để chuyển sang hình thơng tin người dùng 11 MÀN HÌNH BÌNH LUẬN • 16 Màn hình bình luận: o EditText add a comment: viết bình luận bạn • 17 o Listview: chứa tất bình luận hình ảnh Thêm bình luận bạn vào add a comment sau nhấn dấu tích để thêm bình luận