Comment créer une application de médias sociaux sur Android Studio ?

Des médias sociaux n’est pas un terme nouveau pour nous. Notre vie quotidienne est incomplète, ou nous pouvons dire que nous, les êtres humains, survivons grâce à la nourriture, à l’eau, à l’air et aux réseaux sociaux. Nous sommes tellement dépendants que nous avons tendance à partager toutes les informations nous concernant sur les plateformes de médias sociaux. De la même manière, Studio Android n’est pas non plus un nouveau terme pour un développeur Android. Pour les débutants, il y a toujours une curiosité sur la façon dont une application complexe comme Facebook, Instagram, Twitter, Linked In, etc. sont développés. Comment fonctionnent ces applications !! Comment fonctionnent les fonctionnalités de likes et de commentaires dans les applications de médias sociaux !! Comment fonctionne la fonctionnalité de messagerie !! Et beaucoup plus.

Comment-créer-une-application-de-médias-sociaux-sur-Android-Studio

Dans l’article précédent “Meilleur moyen de devenir développeur Android – Une feuille de route complète« nous en avons discuté »La meilleure façon d’apprendre Android est de développer des projets de base vers des projets avancés.“. Donc, dans cet article, nous allons développer quelque chose comme ça. Nous allons développer un clone d’une application de médias sociaux.

Liste des fonctionnalités

  1. Inscrivez-vous eux-mêmes en utilisant leur e-mail et leur mot de passe.
  2. Se connecter eux-mêmes en utilisant leur e-mail et leur mot de passe qu’ils ont utilisés lors du processus d’inscription.
  3. Modifiez leurs données de profil (photo de profil, nom et mot de passe).
  4. Ajouter divers blogs.
  5. Recherchez un blog spécifique.
  6. Afficher tous les utilisateurs enregistrés.
  7. Rechercher un utilisateur parmi tous les utilisateurs enregistrés.
  8. Comme un article de blog.
  9. Commentez sur un blog en particulier.
  10. Afficher tous les utilisateurs qui ont aimé un blog particulier.
  11. Supprimer un article de blog
  12. Envoyer le message
  13. Supprimer le message envoyé
  14. Se déconnecter eux-mêmes et se connecter avec leur autre ID.

Diagramme de cas d’utilisation

Cas d’utilisation le diagramme fait partie de UML (langage de modélisation unifié) C’est utilisé pour décrire la fonctionnalité d’un système ou d’une partie d’un système. Ils sont largement utilisés pour illustrer les exigences fonctionnelles du système et son interaction avec les agents externes (acteurs). Un cas d’utilisation est essentiellement un diagramme représentant différents scénarios dans lesquels le système peut être utilisé. Un diagramme de cas d’utilisation nous donne un haut niveau vue de ce que le système ou une partie du système fait sans entrer dans les détails de mise en œuvre. Dessous est le cas d’utilisation diagramme pour ce projet:

SocialMediaApp2

Mise en œuvre

Pile technologique utilisée :

Un échantillon vidéo est donné ci-dessous pour avoir une idée sur Quel nous allons faire dans ce tutoriel.

Ce tutoriel comprend 16 parties comme suit :

Partie 1: Écran de démarrage et partie d’authentification

Partie 2: Créer un fragment à l’aide de la navigation inférieure

  • Nous allons créer Navigation en bas avec 5 fragments (Accueil, Utilisateurs, AddBlog, ChatList, Profil).
  • Sur AccueilFragment nous montrerons tous les blogs ajoutés.
  • Dans le Fragment d’utilisateurs, nous montrerons tous les utilisateurs enregistrés.
  • Dans le AjouterBlogFragment Nous ajouterons nos blogs.
  • Dans le ChatlistFragment nous afficherons une liste de discussion de tous les utilisateurs avec lesquels nous discutons.
  • Dans le Fragment de profil Nous afficherons le profil de l’utilisateur où nous afficherons les données des utilisateurs et les blogs écrits par l’utilisateur.

Partie 3 : Modifier les données de profil

  • Nous allons modifier nos données de profil comme changer le nom, changer le mot de passe de l’utilisateur et changer la photo de profil.
  • Le changement de mot de passe est une fonctionnalité très importante car il peut arriver que quelqu’un connaisse notre mot de passe et dans ce cas, nous devons changer notre mot de passe.
  • Nous changeons notre photo de profil en sélectionnant une image dans la galerie ou en cliquant sur une image de l’appareil photo.

Partie 4 : Récupérer les données de profil

  • Nous allons récupérer les données des utilisateurs de Firebase.
  • Il s’agit d’un simple fragment dans lequel nous allons récupérer les données des utilisateurs telles que le nom, l’e-mail et la photo de profil à partir de la base de données en temps réel et les afficher dans la mise en page du texte et la mise en page de l’image.
  • À l’avenir, nous allons également afficher les blogs des utilisateurs sur la page de profil.

Partie 5 : Ajouter des blogs

  • Nous allons ajouter des blogs par n’importe quel utilisateur. Ici, nous allons travailler dans AddBlogs Fragment où l’utilisateur ajoutera un blog avec un titre, une description et une image liée à ces blogs.
  • Si l’utilisateur n’écrit aucun des titres ou des descriptions, nous afficherons une erreur.

Partie 6 : Récupérer le blog sur la page d’accueil

  • Nous allons récupérer les blogs écrits par les utilisateurs sur AccueilFragment.
  • Ici, nous n’avons montré que les données utilisateur et le titre, la description et l’image des blogs, mais nous allons également implémenter la fonction “J’aime” et “Commentaire” dans les prochains blogs.
  • Ensuite, nous afficherons l’activité des détails de la publication où les utilisateurs pourront commenter.
  • Nous avons également mis en place le Comme une fonctionnalité de blog.

Partie 7 : Rechercher un blog spécifique sur la page d’accueil et la fonctionnalité de déconnexion

  • Nous allons rechercher un blog sur la page d’accueil.
  • S’il y a peu de blogs dans notre application, il est facile de rechercher un blog manuellement. Mais que se passe-t-il lorsque nous avons 1000 blogs, puis la recherche d’un blog particulier est devenue une tâche très compliquée et qui prend du temps.
  • C’est pourquoi nous implémentons cette fonctionnalité pour rechercher un blog en utilisant le titre ou la description fourni.
  • Aussi, nous avons mis en place le Fonctionnalité de déconnexion dans cet article.

Partie 8 : Afficher tous les utilisateurs enregistrés

  • Nous allons afficher tous les utilisateurs enregistrés de notre application.
  • Nous allons afficher la liste des utilisateurs dans Fragment d’utilisateurs.

Partie 9 : Rechercher un utilisateur parmi tous les utilisateurs enregistrés

  • Nous allons rechercher un utilisateur sur la page des utilisateurs.
  • S’il y a peu de personnes enregistrées dans notre application, il est facile de rechercher une personne.
  • Mais que se passe-t-il lorsque nous avons 1000 utilisateurs enregistrés dans notre application, puis la recherche d’un utilisateur particulier est devenue une tâche très compliquée et qui prend du temps.
  • C’est pourquoi nous implémentons cette fonctionnalité pour rechercher un utilisateur à l’aide de la nom ou email fourni.

Partie 10 : Comme un article de blog

  • Nous allons aimer un blog. Nous implémentons cette fonctionnalité en utilisant deux images, une comme un bouton avec un fond blanc et une autre comme un bouton avec un fond bleu.
  • Lorsque l’utilisateur clique sur le bouton pour la première fois, nous changerons l’image du bouton avec la couleur de fond bleue et augmenterons le nombre. Lorsque l’utilisateur cliquera à nouveau, nous diminuerons le nombre et modifierons le bouton “J’aime” avec un fond blanc.

Partie 11 : Commenter un blog en particulier

  • Nous allons commenter sur le blog.
  • Ici, nous allons écrire un commentaire, puis nous afficherons les commentaires et mettrons à jour le nombre de commentaires.
  • La fonction de commentaire est la meilleure fonctionnalité de toute application de blog. Cela aide à interagir avec l’utilisateur qui a écrit le blog et bien plus encore.

Partie 12 : Afficher tous les utilisateurs qui ont aimé sur un blog particulier

  • Nous allons voir la liste des utilisateurs qui ont aimé un blog particulier.
  • Après avoir cliqué sur le total, nous serons redirigés vers PostLikedBy.Activity.
  • En cela, nous utiliserons une vue recycleur pour afficher la liste des utilisateurs qui ont aimé une publication.
  • Nous pouvons également afficher la liste de tous les utilisateurs qui aiment notre message à partir du PostDetailActivity.class.

Partie 13 : Supprimer un article de blog

  • Nous allons supprimer le Blog écrit par l’utilisateur.
  • Les blogs ne peuvent être supprimés que par le propriétaire des blogs. En haut à droite du blog, un bouton est là.
  • Après avoir cliqué dessus, une fenêtre contextuelle apparaîtra, ce bouton Supprimer viendra. Après avoir cliqué sur Supprimer, le blog sera supprimé avec succès des blogs.

Partie 14 : Créer une mise en page et envoyer un message dans le chat

  • Nous allons créer une mise en page pour le chat et envoyer des messages dans le chat.
  • Un utilisateur peut envoyer soit un message, soit une image.
  • Un utilisateur peut envoyer une image à l’aide d’un appareil photo ou d’une galerie.
  • Dans un premier temps une demande d’autorisation sera demandée pour envoyer une image à l’aide d’une galerie ou après avoir cliqué sur l’image à l’aide de l’appareil photo.
  • Si l’autorisation est donnée, l’utilisateur peut envoyer l’image ou il demandera à nouveau l’autorisation.

Partie 15 : Supprimer les messages

  • Nous allons supprimer le message dans le ChatActivity.
  • Nous allons supprimer les messages texte et image. Quand on clique sur un texte puis sur un AlertBox viendra.
  • Il y aura deux options pour supprimer ce message ou annuler l’événement. Après avoir cliqué sur supprimer, le message sera supprimé des deux côtés.

Partie 16 : Récupérer les blogs sur le profil utilisateur

  • Nous allons récupérer les blogs écrits par les utilisateurs sur leur fragment de profil.
  • Comme précédemment, nous avons déjà ajouté des données d’utilisateurs dans le fragment de profil, telles que l’e-mail, le nom et la photo de profil.
  • Ici, nous allons également récupérer les blogs écrits par l’utilisateur actuel sur son profil.
  • Voyons la mise en œuvre de l’affichage des blogs écrits par l’utilisateur actuel.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Aller en haut