Las redes sociales no son un término nuevo para nosotros. Nuestra vida diaria es incompleta, o podemos decir que los seres humanos sobrevivimos con alimentos, agua, aire y redes sociales. Somos dependientes hasta tal punto que tendemos a compartir toda la información sobre nosotros mismos en las plataformas de redes sociales. Del mismo modo, Android Studio tampoco es un término nuevo para un desarrollador de Android. Para los principiantes siempre hay curiosidad sobre cómo se desarrolla una aplicación compleja como Facebook, Instagram, Twitter, Linked In, etc. ¿Cómo funcionan estas aplicaciones? ¿Cómo funcionan las funcionalidades de Me gusta y comentarios en las aplicaciones de redes sociales? ¡¡Cómo funciona la función de mensajería!! Y muchos más.
En el artículo anterior » La mejor manera de convertirse en desarrollador de Android: una hoja de ruta completa » hemos discutido que » La mejor manera de aprender Android es desarrollar algunos proyectos básicos para algunos proyectos avanzados «. Entonces, en este artículo, vamos a desarrollar algo así. Vamos a desarrollar un clon de una aplicación de redes sociales.
Lista de Funcionalidades
- Regístrese ellos mismos usando su correo electrónico y contraseña.
- Iniciar sesión ellos mismos usando su correo electrónico y contraseña que usaron durante el proceso de registro.
- Edite sus datos de perfil (foto de perfil, nombre y contraseña).
- Añadir varios blogs.
- Busca un blog específico.
- Mostrar todos los usuarios registrados.
- Buscar un usuario entre todos los usuarios registrados.
- Como una entrada de blog.
- Comentar en un blog en particular.
- Muestra a todos los usuarios a los que les gustó un blog en particular.
- Eliminar una publicación de blog
- Enviar mensaje
- Eliminar mensaje enviado
- Cerrar sesión ellos mismos e iniciar sesión con su otra ID.
Use el diagrama del caso
El diagrama de casos de uso es una parte de UML (lenguaje de modelado unificado) que es un caso de uso de alto nivel a continuación
Implementación
Pila de tecnología utilizada:
- Para interfaz: XML
- Para back-end: Java
- IDE: estudio de Android
- Base de datos utilizada: Firebase
video
Este tutorial consta de 16 partes como las siguientes:
Parte 1: pantalla de bienvenida y parte de autenticación
- Creación de una pantalla de bienvenida
- Parte de autenticación:
- Registro, y
- Acceso
Parte 2: crear fragmento usando la navegación inferior
- Vamos a Crear Navegación Inferior con 5 Fragmentos (Inicio, Usuarios, AddBlog, ChatList, Perfil).
- En HomeFragment mostraremos todos los blogs agregados.
- En UsersFragment , mostraremos todos los usuarios registrados.
- En el AddBlogFragment estaremos agregando nuestros blogs.
- En ChatlistFragment mostraremos una lista de chat de todos los usuarios con los que tenemos chat.
- En el ProfileFragment estaremos mostrando el Perfil del usuario donde estaremos mostrando los datos de los usuarios y los blogs escritos por el usuario.
Parte 3: Editar datos de perfil
- Vamos a editar los datos de nuestro perfil, como cambiar el nombre, cambiar la contraseña del usuario y cambiar la foto del perfil.
- El cambio de contraseña es una característica muy importante porque puede suceder que a veces alguien sepa nuestra contraseña y, en ese caso, necesitamos cambiar nuestra contraseña.
- Cambiamos nuestra foto de perfil seleccionando una imagen de la galería o haciendo clic en una imagen de la cámara.
Parte 4: recuperar datos de perfil
- Vamos a recuperar datos de usuarios de Firebase.
- Este es un fragmento simple en el que recuperaremos datos de usuarios como el nombre, el correo electrónico y la foto de perfil de la base de datos en tiempo real y lo mostraremos en el diseño del texto y el diseño de la imagen.
- En el futuro, también mostraremos los blogs de los usuarios en la página de perfil.
Parte 5: agregar blogs
- Vamos a añadir blogs de cualquier usuario. Aquí vamos a trabajar en AddBlogs Fragment donde el usuario agregará un blog con un título, una descripción y una imagen relacionada con ese blog.
- Si el usuario no escribe ninguno de los títulos o descripciones, estaremos mostrando un error.
Parte 6: recuperar blog en la página de inicio
- Vamos a recuperar los blogs escritos por los usuarios en HomeFragment .
- Aquí solo hemos mostrado los datos del usuario y el título, la descripción y la imagen de los blogs, pero también vamos a implementar la función Me gusta y comentar en los próximos blogs.
- Luego mostraremos los detalles de la publicación Actividad donde los usuarios podrán comentar.
- También hemos implementado la función Me gusta en un blog .
Parte 7: busque un blog específico en la página de inicio y cierre la funcionalidad
- Vamos a buscar un blog en la página de inicio.
- Si hay pocos blogs en nuestra aplicación, es fácil buscar un blog manualmente. Pero lo que sucede cuando tenemos 1000 blogs y luego buscar un blog en particular se convierte en una tarea muy complicada y lleva mucho tiempo.
- Es por eso que estamos implementando esta función para buscar un blog usando el título o la descripción proporcionados .
- Además, hemos implementado la función Cerrar sesión en este artículo.
Parte 8: Mostrar todos los usuarios registrados
- Vamos a Mostrar todos los Usuarios Registrados de nuestra App.
- Vamos a mostrar la lista de usuarios en UsersFragment .
Parte 9: Buscar un usuario entre todos los usuarios registrados
- Vamos a buscar un usuario en la página de usuarios.
- Si hay pocas personas registradas en nuestra aplicación, entonces es fácil buscar a una persona.
- Pero, ¿qué sucede cuando tenemos 1000 usuarios registrados en nuestra aplicación y luego buscar un usuario en particular se convirtió en una tarea muy complicada y lenta?
- Es por eso que estamos implementando esta función para buscar un usuario usando el nombre o el correo electrónico proporcionado.
Parte 10: Me gusta una publicación de blog
- Vamos a darle Me Gusta a un Blog. Estamos implementando esta característica utilizando dos imágenes, una con un botón Me gusta con fondo blanco y otra con un fondo azul.
- Cuando el usuario haga clic en el botón por primera vez, cambiaremos la imagen al botón con el color de fondo azul y aumentará la cuenta. Cuando el usuario haga clic nuevamente, disminuiremos el conteo y cambiaremos el botón Me gusta con un fondo blanco.
Parte 11: Comenta en un blog en particular
- Vamos a comentar en el blog.
- Aquí vamos a escribir un comentario, y luego mostraremos los comentarios y actualizaremos el recuento de comentarios.
- La función de comentarios es la mejor característica en cualquier aplicación de blogs. Ayuda a interactuar con el usuario que ha escrito el blog y mucho más.
Parte 12: Mostrar todos los usuarios a los que les gustó un blog en particular
- Vamos a ver la lista de usuarios a los que les gusta un blog en particular.
- Después de hacer clic en Me gusta total, seremos redirigidos a PostLikedBy.Activity.
- En eso, usaremos una vista de reciclador para mostrar la lista de usuarios a los que les ha gustado una publicación.
- También podemos ver la lista de todos los usuarios a los que les gusta nuestra publicación desde PostDetailActivity.class .
Parte 13: eliminar una publicación de blog
- Vamos a eliminar el Blog escrito por el usuario.
- Los blogs solo pueden ser eliminados por el propietario de los blogs. En la parte superior derecha del blog, hay un botón.
- Después de hacer clic en eso, aparecerá una ventana emergente en la que aparecerá el botón Eliminar. Después de hacer clic en Eliminar, el blog se eliminará con éxito de los blogs.
Parte 14: Crear diseño y enviar mensaje en el chat
- Vamos a crear un diseño para el chat y enviar mensajes en el chat.
- Un usuario puede enviar un mensaje o una imagen.
- Un usuario puede enviar una imagen usando una cámara o una galería.
- En primer lugar, se solicitará una solicitud de permiso para enviar una imagen mediante una galería o después de hacer clic en la imagen con la cámara.
- Si se otorga permiso, el usuario puede enviar la imagen o volverá a solicitar permiso.
Parte 15: Eliminar mensajes
- Vamos a eliminar el mensaje en ChatActivity .
- Vamos a eliminar los mensajes de texto e imagen. Cuando hacemos clic en un texto, aparecerá un AlertBox .
- Habrá dos opciones para eliminar ese mensaje o cancelar el evento. Después de hacer clic en Eliminar, el mensaje se eliminará de ambos lados.
Parte 16: recuperar blogs en el perfil de usuario
- Vamos a Recuperar Blogs Escritos por usuarios en su fragmento de perfil.
- Como anteriormente, ya hemos agregado datos de usuarios en el fragmento de perfil, como correo electrónico, nombre y foto de perfil.
- Aquí también vamos a recuperar Blogs escritos por el usuario actual en su perfil.
- Veamos la implementación de mostrar los blogs escritos por el usuario actual.
Publicación traducida automáticamente
Artículo escrito por AmiyaRanjanRout y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA