Visualisation interactive de données avec Python : Streamlit et Matplotlib. Déploiement gratuit dans le cloud | Olha Al | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Visualisation interactive de données avec Python : Streamlit et Matplotlib. Déploiement gratuit dans le cloud

teacher avatar Olha Al, Software engineer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Intro

      1:53

    • 2.

      Introduction à Streamlit : installation, première application et aperçu de l’interface utilisateur (en

      8:42

    • 3.

      Créer une application de visualisation des cours boursiers avec Streamlit et la bibliothèque Yahoo Finance

      4:32

    • 4.

      Améliorer la visualisation des cours des actions : Streamlit, Yahoo Finance et Matplotlib

      5:17

    • 5.

      Fonctionnalités avancées de Streamlit : ajouter des fonctionnalités et déployer l'application gratuitement sur Streamlit Cloud Cloud

      12:16

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

12

apprenants

--

projet

À propos de ce cours

Apprenez à créer, améliorer et déployer des applications de visualisation de données interactives avec Streamlit. Ce cours aborde tous, des bases de Streamlit à l’intégration de Yahoo Finance pour les données du cours des actions à l’utilisation de fonctionnalités avancées comme Matplotlib pour des graphiques détaillés. de À la fin du cours, vous aurez acquis les compétences nécessaires pour créer vos propres applications personnalisées et les déployer gratuitement sur Streamlit Cloud. Parfait pour les débutants et tous ceux qui souhaitent maîtriser la visualisation des données et le développement d'applications avec Python


Il est également utile d'apprendre les bases de Seaborn : la bibliothèque Python pour la visualisation avancée !

Il est également utile d'explorer Matplotlib ! Vous pouvez trouver mon cours Matplotlib ici : Visualisation de données avec Matplotlib : des bases aux techniques avancées 

Maîtriser NumPy
Maîtriser NumPy : un guide complet des opérations sur tableau, de la manipulation des données et des techniques avancées  

Également utile pour apprendre les polaires pour une analyse rapide des données ! Vous pouvez consulter mon cours Polars ici : Polars : la bibliothèque Python pour la vitesse de traitement des données. Analyse à l'aide de grands ensembles de données réels

Si vous débutez, mon cours Python vous sera très utile ! Vous pouvez le trouver ici : Programmation Python : de débutant à maîtrise du OOP



Et vous trouverez beaucoup d'autres choses sur mon profil. Assurez-vous de suivre pour ne pas manquer les nouveaux cours et mises à jour !
Abonnez-vous pour ne pas manquer les leçons à venir !

Rencontrez votre enseignant·e

Teacher Profile Image

Olha Al

Software engineer

Enseignant·e

Hi, I'm Olha. I have over 10 years of experience in production environments, working with backend technologies, containerization, and version control with Git. I specialize in Python and its ecosystem - including Pandas, Polars, NumPy, and Streamlit - for cleaning, processing, analyzing, and visualizing real-world datasets. My courses are designed to give you practical, hands-on experience, helping you build skills in coding, data analysis, and modern development workflows.

For more, check out my Skillshare courses and projects.

Voir le profil complet

Level: Intermediate

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Intro: Bonjour, les gars. Et aujourd'hui, nous allons faire connaissance avec Stream Let. La leçon d'aujourd'hui sera très utile. Nous allons créer plusieurs projets en utilisant les bibliothèques Yahoo Finance et Motlotip dans l'environnement Stream Lit Si vous avez consulté mon tutoriel Motlot Lip, vous connaissez déjà la bibliothèque Y Finance. Dans cette leçon, nous allons d'abord créer un projet de test dans lequel nous pouvons voir le cours réel de l'action d'une entreprise. Ensuite, nous utiliserons Matplot Leap pour visualiser la corrélation entre plusieurs entreprises, que nous pourrons modifier et sélectionner à notre guise À l'aide de la bibliothèque Y Finance, nous récupérerons les données financières des bourses et, avec l'aide de MotloTlip, nous créerons des graphiques des cours des actions et les visualiserons dans Enfin, nous allons le déployer sur StreamLDCloud. Il s'agit d'une plateforme fournie par Streamlt pour déployer, partager et gérer facilement vos applications rationalisées Vous pouvez déployer votre application directement depuis référentiel Github en quelques clics. Il n'est pas nécessaire de configurer des serveurs ou de gérer des processus de déploiement complexes. Lorsque vous apportez des modifications à votre référentiel Github, votre application streamlt sur Streamed Cloud est automatiquement mise à jour, garantissant ainsi que votre application reflète toujours le code le StreamLTcloud gère les ressources nécessaires pour exécuter votre application, vous n'avez donc pas à vous soucier de la gestion du serveur Vous pouvez également contrôler qui a accès à vos applications, en préservant la sécurité et la confidentialité de vos données en cas de besoin. connectant directement à Github, StreamLTcloud tire parti du contrôle de version, ce qui facilite le suivi des modifications et la Nous avons également l'avantage que applications déployées sur StreamLTcloud utilisent le protocole HGTPS pour garantir des connexions sécurisées, et StreamLitCloud est conçu pour pour Ainsi, votre application peut s' adapter à un plus grand nombre d'utilisateurs sans aucune configuration supplémentaire. Il est incroyablement facile de partager vos applications de données avec le monde entier, et c'est ce que nous allons faire à la fin de cette vidéo. 2. Introduction à Streamlit : installation, première application et aperçu de l'interface utilisateur: Streamlt est un outil de création d'applications Web basées sur Python Conçu pour le traitement des données et l'apprentissage automatique, il vous permet de transformer rapidement et facilement vos scripts en applications Web interactives sans avoir besoin de connaître le HTML, le CSS ou le JavaScript. Oui, Streamlt est un framework Python open source conçu pour créer des applications Web interactives pour des projets de science des données et d'apprentissage automatique Il utilise une syntaxe pythonique simple. Si vous connaissez Python, vous pouvez utiliser Streamlt sans avoir besoin d'apprendre des technologies Web supplémentaires Vous pouvez ajouter des éléments interactifs tels que des curseurs, des boutons et des entrées de texte à l'aide de simples commandes streamlt Cela facilite la création d'interfaces utilisateur dynamiques. Les applications Streamlt s'actualisent automatiquement lorsque vous modifiez le code Vous n'avez donc pas besoin de recharger constamment le navigateur. Cela accélère le développement. Cette bibliothèque s'intègre parfaitement aux bibliothèques de science des données populaires telles que Pandas, Nabi, Mad Plotlp, Plotly Cela facilite la création de visualisations riches et la manipulation des données Nous pouvons utiliser diverses fonctions pour afficher les données, notamment des tableaux, des graphiques, des cartes, etc. Si nécessaire, vous pouvez étendre Streamlt avec des composants personnalisés ou intégrer bibliothèques JavaScript pour ajouter des fonctionnalités uniques Toutes les applications que vous avez créées dans Streamlt peuvent être facilement partagées et déployées Streamlt propose un service cloud Streamlt Cloud pour déployer des applications avec une configuration minimale Vous pouvez également déployer applications Streamlt sur d'autres plateformes comme Hioku, AWS ou Google Cloud, AWS ou Google Cloud, mais je pense que Streamlt Eh bien, streamlt est un outil puissant qui a simplifié le processus de création d' applications Web interactives pour la science des données Il vous permet de vous concentrer sur vos analyses et visualisations sans vous enliser dans les complexités du développement Web Commençons donc. Tout d'abord, nous allons installer Streamlt dans notre environnement virtuel. Je vais utiliser un environnement virtuel avec Python 311. Si vous ne savez pas ce qu' est un environnement virtuel et comment organiser correctement votre flux de travail, je vous recommande vivement de regarder cette vidéo. J'explique ici en détail ce qu'est un environnement virtuel et comment installer des bibliothèques séparément pour chaque projet afin d'éviter les conflits. J'installe streamlt à l'aide du gestionnaire de paquets PIP. La commande PIP freeze nous montrera toutes les bibliothèques que j'ai dans mon Ici, dans le code source de mon futur projet, je crée un fichier dans lequel j' écrirai un script Python de base le plus simple. Ensuite, nous allons l'exécuter et voir comment tout cela fonctionne. Ici, j'importe la bibliothèque streamlt dans mon script Python, et j'utiliserai ST comme alias car cela me permet de faire référence à la bibliothèque streamit avec un nom plus court et plus pratique Nous constatons une erreur lors de l'importation, mais ce n'est pas grave. Nous devons simplement modifier notre environnement virtuel. Dans les paramètres situés au bas du code Visual Studio, nous devons le changer. Ensuite, j'importe des pandas et du Nam pi. Nous en aurons besoin. Maintenant, j'ai envoyé le titre de l'application. Vous pouvez définir le vôtre. La fonction title de Streamlt est utilisée pour ajouter un titre. Ces fonctions affichent le texte au niveau le plus élevé de l'en-tête. Si nous utilisions des balises HTML, cela signifierait la balise H one, qui nous permettrait de créer rapidement et facilement un titre clair et attrayant pour votre application. Visuellement, ce sera le titre le plus important et le plus prometteur. Bien entendu, nous avons besoin de données pour les afficher. Par conséquent, en utilisant Pandas, je crée des données de test. Si vous avez suivi le cours Pandas, ce code ne vous posera aucune question, mais je vais quand même vous expliquer À l'aide de Pandas et de la bibliothèque Nampire, nous allons générer des données aléatoires et obtenir une trame de données remplie à l'aide de la fonction aléatoire J'ai généré 1 000 nombres aléatoires pour chaque axe. Ensuite, j'affiche les cinq premières lignes du bloc de données dans l'application Streamlt Comme vous vous en souvenez, head sans aucun argument nous donnera les cinq premières lignes. C'est la fonction de la bibliothèque Streamlight utilisée pour afficher différents types de contenu Ensuite, je vais utiliser la fonction de diagramme de points. Il génère un diagramme de dispersion, qui est un type de visualisation de données En tant que donnée, je transmettrai notre trame de données nouvellement créée , puis avec la commande streamtrun app Pi, j'exécuterai le script Il initialise le serveur Streamlt sur votre machine locale. Il lit ensuite le script de haut en bas exécute le code pour configurer l'application Web. Je laisserais ce champ vide. Je ne souhaite pas recevoir de données de promotion. Lorsque vous exécutez l'application Streamlt et que vous voyez l'invite, souhaitez-vous que l'application accepte les connexions réseau entrantes Cela signifie que votre système d'exploitation demande si vous souhaitez autoriser ou non l'accès à votre application stremlt via le réseau Par défaut, lorsque vous exécutez la commande Stream Lit Run, le serveur streamlt démarre et se lie à la machine locale Généralement chez l'hôte local 8 501. Cette URL locale est utilisée pour accéder à votre application depuis la même machine laquelle vous exécutez le serveur streamlt L'hôte local fait référence à votre ordinateur local. Cela signifie que si vous ouvrez un navigateur Web sur votre ordinateur et que vous entrez ce lien dans la barre d'adresse, vous pourrez accéder à votre application Streamlit En cas d'URL réseau, elle peut être utilisée pour accéder à votre application streamlt depuis d'autres appareils du même réseau local Cela signifie que si un autre appareil tel qu'un ordinateur portable, smartphone ou une tablette connecté au même réseau local ouvre un navigateur Web et saisit ce lien dans la barre d'adresse, il pourra voir votre application stremlt autorisation de la connexion entrante permettrait autres appareils d'accéder à l'application s'ils connaissent l' adresse IP et le port. Je nie parce que je n'en ai pas besoin maintenant. Et ici, nous pouvons voir notre application, voir le titre que nous avons spécifié et voir les données que nous avons générées avec Pandas et Napi Nous pouvons étendre notre diagramme de dispersion en plein écran, remettre tel qu'il était, trier nos données selon les axes X et Y comme nous le souhaitons Comme on peut le constater, tout est très interactif. Nous pouvons le télécharger dans n'importe quel format et consulter les paramètres disponibles ici. Dans les paramètres, nous pouvons revenir arrière pour voir les thèmes disponibles et en choisir un pour nous-mêmes. Nous pouvons imprimer le document. Ensuite, nous voyons le screencast, une fonctionnalité qui vous permet d'enregistrer une vidéo de votre écran montrant votre application en action Cela est utile pour créer des didacticiels, présenter les fonctionnalités de votre application ou fournir des rapports visuels sur son utilisation C'est vraiment génial car vous pouvez facilement créer de telles vidéos sans avoir besoin d' utiliser un logiciel d'enregistrement d'écran tiers et montrer en détail le fonctionnement de votre application. Ensuite, nous pouvons vérifier la version. Ensuite, nous voyons le cache vide. Cela implique de vider le cache, ce qui implique de supprimer les résultats sûrs des précédentes exécutions de fonctions. Cela peut être utile lorsque vous souhaitez vous assurer que les fonctions sont réexécutées pour obtenir des résultats à jour. Cela est particulièrement utile si les données d'entrée ou la logique de calcul ont changé. Nous pouvons utiliser la fonctionnalité de déploiement directement dans l'application. Cela signifie le processus de déploiement de votre application Streamlt un serveur afin qu'elle soit accessible aux utilisateurs via Internet Cela permet à d'autres personnes d'interagir avec votre application sans avoir à exécuter le code localement sur leur ordinateur. Eh bien, nous avons vu à quoi cela ressemble. Passons donc à la création de la deuxième application à l'aide de Qi Finance. 3. Créer une application de visualisation des cours boursiers avec Streamlit et la bibliothèque Yahoo Finance: Commençons par le début. Je vais importer tout le nécessaire. Dans ce cas, au lieu de créer des données aléatoires, nous obtiendrons des données de Yahoo Finance et Y Finance Library nous aidera. Ensuite, comme nous l'avons fait dans l' application précédente, nous créons un titre. J'aurai besoin d'une zone de saisie de texte, donc j'utiliserai la fonction de saisie de texte. Il permet aux utilisateurs de saisir des données texte de manière interactive dans une application Streamlt, et il est couramment utilisé pour collecter des entrées utilisateur telles que du texte, des chaînes ou Vous fournissez une étiquette pour la zone de saisie et affiche de manière fluide un champ de saisie de texte dans lequel les utilisateurs peuvent taper du texte Ici, nous devons saisir le symbole boursier, et nous l'assignons au symbole boursier variable. Ensuite, nous vérifions si le symbole boursier variable a une valeur. Si le symbole boursier n'est pas vide et que la condition est remplie, il appelle la fonction de téléchargement depuis la bibliothèque Y Finance pour récupérer les données boursières historiques. Cette fonction télécharge les données de marché historiques pour le symbole boursier spécifié. En tant que paramètre, nous pouvons transmettre le symbole boursier. Le symbole de l'action, on peut l'obtenir sur le site, le NASDAQ Et le deuxième paramètre est une période. Nous indiquons la période pendant laquelle les données historiques sont récupérées. Voici les données des demandes des quatre dernières années. Ce code garantit que les données boursières ne sont téléchargées que si un symbole boursier est fourni, évitant ainsi les incisions inutiles et les erreurs si le symbole est manquant ou invalide Première condition si le symbole boursier vérifie si la variable symbole boursier a été fournie et n'est pas vide. Cela garantit que la fonction de téléchargement de Y Finance n' est appelée que s'il existe un symbole boursier à interroger. Cela empêche les appels d'API inutiles et les erreurs qui se produiraient si la fonction de téléchargement de Y Finance était appelée avec un symbole vide ou non valide. La deuxième condition, si les données boursières ne sont pas vides, vérifie que la fonction de téléchargement de Y Finance a correctement récupéré les données pour le symbole boursier donné, car même si un symbole boursier valide est fourni, il est possible qu'aucune donnée ne soit disponible pour ce symbole Par exemple, le symbole peut être incorrect ou le stock peut ne pas contenir de données pour la période demandée. Ensuite, à l'intérieur, nous affichons des données financières. La fonction de droite affiche les premières lignes des données. Si vous avez vu mon tutoriel sur les bandes ou les polaires, vous saurez que la fonction de tête ne nous montre que les cinq premières lignes de notre bloc de données Ensuite, nous utilisons un graphique linéaire. Il crée un graphique linéaire des cours de clôture à partir des données boursières. Et bien sûr, nous utilisons ls Blog. Ici, nous allons afficher un message d'erreur indiquant qu'aucune donnée n' a été trouvée pour les symboles boursiers fournis. La méthode d'erreur de Streamlt affiche un message d'erreur. Il sera affiché en rouge pour attirer l'attention. Nous exécutons notre application avec la commande familière, et dans le navigateur ouvert, nous voyons notre page. Testons-le et entrons, par exemple, le nom d' Apple Stock, et nous avons une erreur. Eh bien, là, nous ne pouvons pas spécifier quatre ans. Mais nous pouvons spécifier, par exemple, cinq ans. Faisons-le. Nous n'avons même pas besoin de redémarrer notre application. Nous le changeons simplement à cinq ans, enregistrons, ouvrons le navigateur et actualisons la page. Nous voyons que maintenant tout fonctionne correctement car il se met à jour de manière interactive C'est très pratique. Nous pouvons voir le cours de l'action à un moment précis. Nous pouvons zoomer ou dézoomer sur notre graphique. Essayons d'entrer dans Google Stock, par exemple. Nous pouvons l'ouvrir en plein écran. On l'appelle lorsque vous souhaitez observer l'évolution des prix au cours d'une certaine période. Prenons un autre exemple. Je voudrais examiner les actions Tesla. Cependant, c'est un peu gênant. Par exemple, je souhaite comparer les cours des actions sur l'ensemble de la période entre deux entreprises. Je souhaite créer une nouvelle application où nous pourrons spécifier les noms de deux actions et comparer leurs prix. 4. Améliorer la visualisation des cours des actions : Streamlit, Yahoo Finance et Matplotlib: Comme toujours, la première chose que nous faisons est d'importer toutes les bibliothèques nécessaires. Cette fois, j' utiliserai Matlot Leap. Si vous n'avez pas encore installé ces bibliothèques, vous pouvez utiliser la commande Beep Install, suivie du nom de la bibliothèque pour les installer dans votre environnement virtuel Ensuite, j'ai défini le titre de notre application à l'aide de la fonction familière. Ensuite, je crée deux champs de saisie interactifs lesquels nos utilisateurs saisiront les noms de deux stokes. Ils veulent comparer. Ensuite, nous vérifions si les deux symboles boursiers ont été saisis par l'utilisateur. Si les deux symboles sont saisis, l'application télécharge les données historiques chaque symbole boursier pour les cinq dernières années à l'aide la fonction de téléchargement de la bibliothèque Y Finance. Ensuite, nous vérifions les deux ensembles de stock. Les données ne sont pas vides. S'ils contiennent des données, le code affiche ces données et trace un graphique pour visualiser les cours des actions. La bonne fonction est utilisée pour afficher les premières lignes de données. Je vous rappelle que la fonction head renvoie les cinq premières lignes de la trame de données correspondante. Ensuite, nous créons une figure et un axe pour le tracé avec des dimensions de dix par 6 ». Ensuite, nous utilisons la fonction plot pour ajouter un graphique linéaire aux cours de clôture ou au titre du titre pour chaque symbole. Ici, nous transmettons l'indice des données boursières, les données boursières dans le bloc de données contenant données boursières historiques pour chaque symbole que nous avons téléchargé à l'aide de la fonction de téléchargement. L'index représente l' index de ce bloc de données, qui se compose généralement de dates. Lorsque les actions ont été négociées, cela sera utilisé comme axe X, axe horizontal sur le graphique. Ensuite, nous spécifions les données boursières, fermons. Il s'agit de la colonne fermée du cadre de données qui contient les cours de clôture des actions pour chaque jour. Il sera utilisé comme axe Y, axe vertical du graphique, et enfin, nous spécifierons une étiquette. utilisation de trames de données a été abordée en détail dans le cours Pandas, et Pandas est une bibliothèque Vous devez savoir si vous envisagez de devenir analyste de données ou data scientist. Pandas et extracteurs, les deux bibliothèques ou du moins familiarisez-vous avec elles et comprenez comment elles fonctionnent Ensuite, nous définissons le titre de l'intrigue. Ensuite, nous définissons l'étiquette pour l'axe X et pour l'axe Y. Ensuite, nous ajoutons une grille au tracé. Cela facilite la lecture de nos points de données et j'ajoute une légende au graphique, qui identifie les différentes séries de données ou éléments tracés sur le graphique Ensuite, nous utilisons la fonction pour afficher une figurine Mtlotlp directement dans votre Byblot est une fonction streamlt qui accepte un chiffre Mtlotlp Cela représente un objet ultplotlpigure que j' ai précédemment créé à l'aide Mt Bot Lip At Cool That Streamlet s' intègre parfaitement à Mt Blot Leap, vous permettant d'afficher les figurines Mult Lip directement dans votre Ensuite, nous traitons les cas où les données ne sont pas disponibles. Nous devons fournir un feedback clair à l'utilisateur lorsqu' aucune donnée n'est trouvée, redémarrer le projet, saisir les données. Et nous avons eu une erreur. Juste quelques fautes de frappe. Je suis désolée pour ça. Je vais le réparer, et maintenant tout devrait fonctionner. Alors testons-le. Si nous pouvons sélectionner n'importe quel titre, voir son prix et le comparer avec n'importe quel autre stock. Et pour cela, nous avons utilisé streamld, Mud or lip et I Finance Nous avons visualisé les données historiques sur cinq ans. Bien entendu, nous pouvons modifier cette plage de dates pour qu'elle soit plus longue ou plus courte. Grâce à la bibliothèque Yahoo Finance, nous pouvons obtenir des données historiques sur les cours des actions avec une grande précision. L'utilisation de notre application Web permet de comparer facilement les cours des actions de deux entreprises sur un seul graphique, et c'est vraiment cool. Vous pouvez utiliser non seulement Mattel, mais aussi toutes les bibliothèques que nous avons déjà abordées, vous pouvez créer votre propre bibliothèque pour analyser vos propres données Streamlt vous aide à afficher tout cela sans avoir besoin de connaissances préliminaires Vous n'avez pas besoin de créer un site Web pour présenter votre travail. 5. Fonctionnalités avancées de Streamlit : ajouter des fonctionnalités et déployer votre application gratuitement sur Streamlit Cl: Maintenant, je souhaite ajouter un peu plus à notre application et la déployer sur StreamLTcloud afin qu'elle soit accessible au public ou simplement présentée dans le cadre d'un portefeuille Je vais diviser l'écran en deux parties afin de voir les changements en temps réel. Pour moi, ce sera plus pratique. Je vais changer un peu de titre. Ici, j'utilise la fonction de barre latérale. La barre latérale est une section distincte de l'application Web, généralement utilisée pour les entrées et contrôles qui affectent le contenu principal Je trouve cela gênant de saisir le nom de nos entreprises sans voir immédiatement le graphique Je veux le déplacer vers la barre latérale. Ce panneau vous permet d' organiser les éléments de contrôle séparément, offrant ainsi une interface plus pratique et plus organisée. Ensuite, j'utilise l'en-tête. Cette méthode ajoute un en-tête à la barre latérale. De cette façon, je donne des instructions à l'utilisateur. J'actualise la page, et nous pouvons immédiatement constater les changements. Et ici, nous pouvons voir notre barre latérale. La barre latérale Streamlit est utilisée pour créer un panneau latéral dans lequel vous pouvez placer divers éléments d' interface, tels que des en-têtes, des champs de texte, des boutons et, en général, tout ce que vous placeriez sur la page principale Si je sélectionne maintenant nos titres, nous verrons que c'est beaucoup plus pratique. Cependant, je n'aime pas le fait que la période soit codée en dur à cinq ans. Je souhaite pouvoir choisir la période en fonction de mes préférences. Je souhaite consulter et comparer les actions peut-être sur un an ou peut-être sur dix ans. Maintenant, je vais changer une partie de la logique. J'ai saisi le module data time. Il s'agit d'une bibliothèque standard qui fournit des classes pour travailler avec les dates et les heures en Python. Ce module permet diverses opérations liées au temps. Je souhaite créer un slider sur la barre latérale. Pour ce faire, j'utilise le curseur de la barre latérale, qui crée le curseur qui crée le Ensuite, je spécifie l' étiquette qui explique à l'utilisateur que le curseur sert à sélectionner une plage d'années Ensuite, j'indique la valeur minimale qui peut être sélectionnée sur le curseur, c'est-à-dire l'an 2000. Ensuite, je précise la valeur maximale qui peut être sélectionnée sur le curseur Quelle est l'année en cours déterminée dynamiquement à l'aide de notre module de jour en appelant la méthode null. Ensuite, je spécifie les valeurs par défaut qui seront définies sur le curseur par défaut Je choisirai l'année de début 2015 et l'année de fin 2020. Le résultat de cette ligne de code est constitué de deux variables, l'année de début et l'année, qui contiennent les années de début et de fin sélectionnées. Ces valeurs sont ensuite utilisées ultérieurement dans l'application. Nous vérifions ici si des symboles ont été saisis pour les deux actions. Si les deux symboles ne sont pas vides, le bloc de code contenu dans cette condition est exécuté. Nous définissons ici les dates de début et de fin pour une utilisation ultérieure dans l'application. Nous remplaçons les cinq ans codés en dur par des dates générées dynamiquement en fonction des données de début et d'années saisies par l'utilisateur. Rafraîchissons et voyons ce que nous avons. Nous avons reçu une erreur. Nous avons reçu une erreur car une faute d'orthographe devait être corrigée Maintenant, tout fonctionne et nous pouvons modifier la période pour laquelle nous utilisons les noms des docks, qui s'affichent plus facilement qu'auparavant. Je pense que c'est vraiment plus pratique car on voit immédiatement ce que représentent ces cours boursiers. Permettez-moi de le remplacer par Tesla. Ensuite, je veux changer Apple en Google et jouer. Voyons comment leurs prix ont évolué au cours d'une période donnée. Déployons maintenant tout cela pour diffuser avec le Cloud. Nous voulons montrer notre projet à quelqu'un, nous avons donc besoin d'un hébergeur où nous pouvons applaudir ce que nous avons fait ensemble Mais d'abord, nous devons utiliser Git pour cela. Si vous n'êtes pas familier avec Git, je vous recommande vivement de vous familiariser avec celui-ci en suivant un cours Veuillez consulter mon profil. Il existe un excellent cours sur Git. Il s'agit de connaissances essentielles, quel que soit votre rôle informatique, vous travailliez dans le domaine des tests ou de la programmation. Nous sommes maintenant connectés à mon compte Git et créé dans votre dépôt. Choisissez public et n'ajoutez rien d'autre, comme readme file ou Git Ignore, laissez tout tel quel. Après l'avoir créé, vous disposez d'une liste de commandes que vous devez exécuter pour transférer votre projet depuis votre machine locale, depuis votre ordinateur vers le serveur distant qu'est GID Ensuite, nous passons à notre projet. Nous utilisons la commande pour initialiser notre projet. Cette commande créera un nouveau dépôt vide dans le répertoire actuel de notre projet. Si vous regardez tous les fichiers, y compris les fichiers cachés, vous pouvez voir le répertoire point GID Cela signifie que nous avons initialisé un nouveau projet sous contrôle de version et créé tous les fichiers et structures nécessaires pour travailler avec GID Ensuite, nous verrons les fichiers dans notre cas, un fichier qui sera ajouté à la scène. C'est-à-dire que nous verrons que nous allons envoyer le référentiel distant. Ensuite, nous utilisons la commande Git add pour tout ajouter à l'index. Nous vérifions le changement de statut, puis avec la commande GIT Commit, nous enregistrons tous les fichiers, toutes les modifications que nous avons ajoutées à l'index à l'aide de la commande add en tant que nouveau commit dans le dépôt local. Pour l'instant, notre tâche consiste à transférer le dépôt local vers le serveur distant. Pour cela, nous avons transmis les commandes copiées depuis GitHub. Après avoir exécuté ces commandes, nous allons sur GitHub et actualisons la page Nous pouvons déjà voir notre fichier sur GitHub. Notre prochaine tâche consiste à déployer ce produit sur StreamLTcloud. Nous allons sur ce site. Si vous n'avez pas de profil, créez-en un. Si vous en avez un, connectez-vous à votre compte. La création d'un profil ne prend pas beaucoup de temps. Vous utilisez votre adresse e-mail pour fournir vos coordonnées dans votre cas, et dans mon cas, il est peut-être correct de spécifier un étudiant. Ensuite, c'est simple. Choisissez vous-même les paramètres et le profil est créé. StreamLTcloud propose une multitude de fonctionnalités. Ici, nous voyons l'onglet Mes applications. Ensuite, nous avons l'onglet Explorer. Le talon vous permet de rechercher et d'explorer applications publiques sur StreamLT créées par d'autres utilisateurs Ensuite, il y a l'onglet Espaces de travail. Le stub est utilisé pour gérer des équipes et collaborer sur des projets Streamlt Ici, nous voyons le bouton pour connecter votre compte GitHub à l'espace de travail StremltCloud, ce dont Streamlt demandera l'autorisation de se connecter à Github. Je vais cliquer sur le bouton autorisé, et notre compte GitHub sera connecté à l'espace de travail Stream Llet Notre tâche consiste maintenant à préparer le projet et à l'envoyer au Streamlt Cloud Pour cela, je me rends sur notre projet et je crée des exigences TikTifle Dans les projets Python, ce fichier est nécessaire pour définir et répertorier toutes les dépendances installées au moment de la création du projet. En d'autres termes, tous les packages et bibliothèques nécessaires au bon fonctionnement de votre application sont répertoriés dans ce fichier. Cela est particulièrement important avant le déploiement, quelle que soit la plateforme. Lors du déploiement d'un projet sur StreamLTcloud, la plateforme recherchera automatiquement ces exigences 60 dans le répertoire racine du Ensuite, il installe tous les packages spécifiés afin que l'environnement soit configuré en fonction de vos besoins Cela garantit que votre application disposera toutes les dépendances nécessaires au bon fonctionnement sans effort supplémentaire de votre part. Et par effort, je veux dire que vous allez sur le serveur distant et que vous installez manuellement toutes les bibliothèques ou dépendances pour que votre application commence à fonctionner. J'ai enregistré toutes les bibliothèques et dépendances nécessaires dans le fichier Txt des exigences. J'ai supprimé Pandas parce que nous ne l'utilisions pas. Je le modifie par habitude car il est souvent utilisé. Ensuite, nous l'ajoutons en tant que modification dans Git. Nous faisons un autre commit et le transmettons au serveur Github distant Si vous allez maintenant sur Github et actualisez la page, nous verrons notre fichier d'exigences Tik Di avec toutes les dépendances Ensuite, nous allons sur le cloud Streamlt, cliquez sur l'application Streamlt, puis sur Créer et remplissons notre formulaire Ici, nous pouvons sélectionner notre référentiel, spécifier la branche à partir de laquelle nous allons déployer, indiquer le fichier principal. Dans notre cas, il s'agit d'une API, donc je réécris le nom du fichier principal créé automatiquement et je propose un lien pour notre application Il existe également une méthode légèrement différente où nous cliquons ici et pouvons publier le lien Github vers notre fichier principal, que nous pouvons copier directement depuis Github Ensuite, nous proposons également un lien pour notre application. Nous voyons ici des paramètres avancés qui fournissent des options de configuration supplémentaires pour notre application. Nous pouvons stocker des clés d'API, des mots de passe et d'autres secrets ici. Stream let garantit que les secrets ne seront pas affichés dans le code ou les journaux, mais qu'ils seront accessibles à l'application pendant son utilisation. Nous pouvons également spécifier variables d' environnement ici et les déployer. Cela va prendre un certain temps. Et nous voyons ici notre application. Maintenant, notre application est sur Internet Wi. Vous pouvez partager ce lien avec n'importe qui et les gens pourront visiter et tester votre produit. En général, StreamLTcloud est un excellent outil pour mettre en valeur votre portefeuille. Il vous permet de déployer rapidement vos projets depuis votre dépôt Github Toutes les modifications que vous apportez à votre code et que vous envoyez à Github sont automatiquement reflétées dans votre application sur StremltCloud Cela facilite la mise à jour de votre portefeuille, rendant le développement et la publication de vos données rapides et simples. Le déploiement est très simple. Vous pouvez collaborer et, en prime, nous avons la gestion des versions. Nous pouvons suivre les modifications apportées à nos applications et passer d'une version à l'autre. C'est formidable de pouvoir personnaliser votre propre domaine pour votre application, donnant ainsi un aspect professionnel à votre portefeuille. De plus, streamld s'adapte aux différentes tailles d'écran, garantissant ainsi une belle apparence sur les ordinateurs et les appareils mobiles C'est très cool car votre application peut être consultée correctement par tout le monde, ce soit depuis un téléphone ou un ordinateur personnel, et surtout, StremltCloud propose un plan gratuit qui vous permet d'héberger vos applications sans C'est très utile pour les étudiants et les débutants. Vous pouvez avoir votre propre domaine et héberger gratuitement votre projet de test sur Internet. Alors pratiquons et partageons.