Comment faire un miroir magique

Dans ce projet, je vais vous montrer comment j'ai fait un miroir magique qui montre la date, l'heure, des nouvelles et une petite phrase en bas. Vous utiliserez un Raspberry Pi, un écran d'ordinateur et une page Web pour lui donner l'air d'un "miroir intelligent".

Tout sur le miroir sera en suédois (sur les photos), mais je traduirai ce dont vous avez besoin. J'ai fait cela avec un Raspberry Pi modèle B, mais je vous recommanderai d'utiliser un Raspberry pi 2 ou mieux. Le premier Raspberry Pi ne peut pas vraiment gérer le nouveau système d'exploitation Jessie lorsque l'écran est tourné et continue de geler et de perdre la connexion Internet. Assurez-vous que vous faites attention si j'écris simplement "Raspberry Pi modèle B" ou "Raspberry Pi 2 modèle B"!

De quoi as-tu besoin:

  • Un écran d'ordinateur (que vous pouvez démonter)
  • Un miroir d'observation ou un verre et un film miroir
  • Un Raspberry Pi avec boîtier + cordon d'alimentation micro USB
  • Une carte SD (8 Go)
  • Un adaptateur réseau (pour le wifi, regardez ce lien, pas nécessaire pour Raspberry Pi 3, )
  • Cadre en bois (planches, vis, colle, peinture, perceuse)
  • Adaptateur HDMI vers VGA (selon que votre écran est équipé ou non de HDMI)
  • Une souris et un clavier avec USB
  • Un deuxième ordinateur (pour réparer le système d'exploitation et d'autres choses)

N'oubliez pas de ne pas prendre les mesures du miroir avant d'avoir ouvert l'écran. Il sera plus petit une fois le plastique disparu!

De plus, lorsque vous obtenez l'écran, assurez-vous que les contacts sont sur l'un des côtés et non directement en arrière. S'ils sont droits, vous pourriez avoir un problème si vous souhaitez les accrocher au mur plus tard.

J'ai décidé de faire mon propre guide après avoir eu beaucoup de problèmes pendant mon projet, et j'ai pensé que je pourrais aider d'autres personnes qui pourraient se retrouver avec les mêmes problèmes.

J'ai suivi ces deux guides:

//michaelteeuw.nl/tagged/magicmirror (anglais, créateur original)

//pcforalla.idg.se/2.1054/1.601411/sa-bygger -... (suédois)

Étape 1: Configurations de la framboise

Mettez votre carte SD dans l'ordinateur et notez la lettre (dans mon cas [D: \]). Téléchargez Rasbian depuis raspberrypi.org/downloads. Lorsque le fichier ZIP est extrait, vous avez besoin de Win32 Disk Imager . Vous pouvez le télécharger sur sourceforge.net/projects/win32diskimager/. Installez-le et démarrez-le . Cliquez sur l'icône du dossier et accédez au dossier où se trouvent les fichiers Raspbian. Assurez-vous que la destination est la carte SD (dans mon cas D :)

Comme vous pouvez le voir dans l'image "Win32", j'utilise Raspbian Jessie .

Lorsque l' écriture est réussie, il vous suffit de prendre la carte SD et de la mettre dans votre Raspberry. Connectez-vous à l'écran de l'ordinateur, ajoutez une souris et un clavier et démarrez-le.

Dans mon cas, je suis venu directement sur le bureau au démarrage. Pour faire les bonnes configurations, vous devez ouvrir le terminal et entrer " sudo raspi-config ". Là-bas, vous allez faire trois choses différentes. Tout d'abord, " développez le système de fichiers ". Deuxièmement, choisissez " Boot Options " puis choisissez de démarrer sur Desctop GUI avec l'utilisateur "pi". Et troisièmement, choisissez « Options d'internationalisation » et changez pour votre propre fuseau horaire .

-------------------------------------------------- -------------------------------------------------- --------------------------------------------------

Après une suggestion de Hansaplast dans les commentaires, voici un lien pour les personnes qui utilisent Mac .

Les utilisateurs de Mac peuvent utiliser ApplePi-Baker pour flasher des cartes SD pour RPI. //www.tweaking4all.com/hardware/raspberry-pi ...

Étape 2: mise à jour, Wifi, serveur Web et rotation d'écran

Maintenant, il est temps de s'assurer que tout est mis à jour .

Utilisez à nouveau le terminal et tapez " sudo apt-get update && apt-get upgrade -y ", et asseyez-vous et détendez-vous.

Lorsque cela est terminé, vous devez créer un serveur Web . Si vous êtes habitué aux serveurs et que vous l'avez déjà fait, vous pouvez simplement taper " sudo apt-get install apache2 apache2-doc apache2-utils " et " sudo apt-get install libapache2-mod-php5 php5 php-pear php5-xcache "

Si vous n'êtes pas habitué aux serveurs, je recommande la propre page Web de Raspberrys. Suivez les instructions et il ne devrait y avoir aucun problème, c'est un très bon guide.

//www.raspberrypi.org/documentation/remote-a ...

Les images de cette étape correspondent exactement à ce que vous devriez obtenir si vous avez correctement suivi le guide.

-------------------------------------------------- -------------------------------------------------- --------------------------------------------------

Voici un bon moment pour installer le wifi . Cela peut être fait quand vous le souhaitez pendant le projet, mais il est généralement bon de le faire au début afin d'avoir un cordon de moins à vous soucier.

Puisqu'il y a tellement de modules wifi différents, je vais juste vous le dire aussi sur google ici. Utilisez le nom de l'adaptateur et " Raspberry Pi install " et vous ne devriez avoir aucun problème.

Voici à nouveau une liste des adaptateurs wifi qui fonctionnent pour les différents Pis.

-------------------------------------------------- -------------------------------------------------- --------------------------------------------------

Nous voulons généralement que notre miroir soit plus haut que plus large, nous allons donc faire pivoter l'écran!

La rotation de l'écran est vraiment simple! Tapez simplement " cd / boot " puis " sudo nano config.txt ". Maintenant, vous devriez être dans un fichier texte. Faites défiler aaaall le chemin vers le bas, puis ajoutez " display_rotate = 1 " dans une nouvelle ligne. Cela fera pivoter votre écran de 90 degrés.

Si vous avez un Raspberry Pi modèle B, alors vous devriez commencer à faire défiler vers le haut et rechercher la ligne " hdmi_force_hotplug = 1 " et décommenter cela. Je ne pense pas que cela soit nécessaire pour un Raspberry Pi 2.

Sauvegarder et quitter. L'écran pivote lorsque vous redémarrez le Raspberry. (vous pouvez le faire maintenant ou plus tard) ( si vous obtenez un écran noir au redémarrage, ne paniquez pas! Regardez au bas de cette étape! )

Dans mon cas, j'ai utilisé "display_rotate = 3", car mon écran avait deux ports USB sur le côté sur lequel il se tiendrait autrement. Donc, si votre écran a une chose similaire, vous pouvez utiliser = 3 sans problème! Cela fera pivoter l'écran de 90 degrés dans l'autre sens.

-------------------------------------------------- -------------------------------------------------- --------------------------------------------------

Si vous obtenez un écran noir et que rien ne se passe même si vous attendez depuis toujours, ne paniquez pas. Débranchez le Raspberry, prenez la carte SD et branchez-la à votre ordinateur. Là, vous devriez voir le fichier "config" dans la liste. Ouvrez-le et décommentez la ligne " hdmi_force_hotplug = 1 ". Si vous avez un Raspberry Pi modèle B, je vous recommande de ne redémarrer qu'après tout. Le premier Raspberry ne peut pas très bien gérer la rotation de l'écran et se fige à plusieurs reprises.

Étape 3: Navigateur Web et démarrage automatique

C'est là que je sais que les choses commencent à devenir un peu différentes selon la version du Raspberry Pi que vous avez. (si vous n'êtes pas habitué au terminal, j'ajouterai un petit guide en bas de cette étape).

Si vous ne pouvez pas modifier le fichier de démarrage automatique, vous devez vous faire propriétaire. Vous faites cela exactement de la même manière que lorsque vous avez installé le serveur Web. Revenez au guide si nécessaire.

Pour Raspberry Pi 2 modèle B: (Je ne suis pas sûr de Raspberry Pi 3)

Vous devez utiliser Chromium comme navigateur Web. Il est installé facilement avec la commande " sudo apt-get install chrome x11-xserver-utils unclutter " dans le terminal. Pour créer un démarrage automatique, vous devez aller dans le fichier " / etc / xdg / lxsession / LXDE-pi / autostart ". Commentez la troisième ligne et insérez-y les 4 lignes supplémentaires . Sauvegarder et quitter.

@lxpanel –profile LXDE-pi

@pcmanfm –desctop –profile LXDE-pi

# @xscreensaver –no-splash

@xset s off

@xset -dpms

@xset s noblank

@chromium --kiosk --incognito // localhost (l'adresse de votre serveur)

-------------------------------------------------- -------------------------------------------------- --------------------------------------------------

J'ai reçu un commentaire sur le Raspberry Pi 3 Model B

ouvrez le fichier ci-dessous
sudo leafpad ~ / .config / lxsession / LXDE-pi / autostart

et passez à @pcmanfm –desctop –profile LXDE-pi # @ xscreensaver –no-splash @xset s off @xset -dpms @xset s noblank @ chromium-browser --kiosk --incognito // localhost and save. Publiez ceci au redémarrage, cela ouvrira le navigateur avec l'hôte local comme vous le souhaitez. Assurez-vous de savoir comment ouvrir un terminal Ctrl + Alt + T, au cas où vous en auriez besoin après le redémarrage :-)

- thinknaive

-------------------------------------------------- -------------------------------------------------- --------------------------------------------------

Pour le Raspberry Pi modèle B:
Vous devez utiliser Midori comme navigateur Web. Il s'installe facilement avec la commande " sudo apt-get install php5 midori unclutter " dans le terminal. Pour créer un démarrage automatique, vous devez aller dans le fichier " ~ / .config / lxsession / LXDE-pi / autostart ". Commentez la troisième ligne et insérez-y les 4 lignes supplémentaires . Sauvegarder et quitter.

@lxpanel –profile LXDE-pi

@pcmanfm –desctop –profile LXDE-pi

# @xscreensaver –no-splash

@xset s off

@xset –dpms

@xset s noblank

@midori –e Plein écran –a // localhost / (l'adresse de votre serveur)

-------------------------------------------------- -------------------------------------------------- --------------------------------------------------

J'ai reçu un commentaire qui pourrait aider quelqu'un, veuillez donc lire si vous avez un problème pour modifier / enregistrer le fichier de démarrage automatique.

MODIFICATION DES FICHIERS ROOT - lorsque nous avons rencontré un problème pour pouvoir modifier / enregistrer le fichier de démarrage automatique à l'étape 3, nous avons fini par le faire avec l'éditeur Nano qui s'exécute dans le terminal. Depuis le terminal, nous avons entré sudo nano / etc / xdg / lxsession / LXDE-pi / autostart Cela a ouvert le fichier, nous avons effectué les modifications, puis nous avons quitté et enregistré. J'espère que cela aide les autres. - MsMacD

-------------------------------------------------- -------------------------------------------------- --------------------------------------------------

Rappelles toi:

–Help-execute listera toutes les commandes disponibles (au moins dans Midori)
F11 pour sortir du plein écran

Commandes pour le terminal:

ls = répertorie les dossiers de ce répertoire

ls -al = liste TOUS les dossiers, même ceux cachés.

cd nom = vous place dans le dossier "nom". changez "nom" pour le dossier que vous voulez entrer

cd .. = vous ramènera dans un dossier

" ~ / .config ..." = signifie qu'il se trouve dans le fichier racine, dans mon cas en "pi". Utilisez "ls -al" pour voir le fichier de démarrage automatique.

Étape 4: page Web

La page Web que vous devriez (pourriez!) Utiliser est une page Web simple avec un fond noir et un texte blanc. Puisque vous avez un miroir d'observation, les zones noires vous assureront d'obtenir le «miroir» et le texte blanc brillera afin que vous puissiez le voir. Soyez créatif et n'hésitez pas à créer votre propre page web si vous le souhaitez! C'est le moment idéal pour apprendre!

Vous pouvez télécharger les fichiers que j'ai utilisés depuis mon GitHub. Les fichiers sont à l'origine créés par Christoffer Orre, qui héberge le guide suédois. Je viens d'en traduire une partie en anglais. Vous pouvez télécharger ses fichiers originaux (en suédois) ici.

Dans le fichier .php, vous pouvez changer le texte, les nouvelles, l'heure et la date (et bien sûr ajouter de nouvelles choses!). Et dans le fichier .css, vous changez à l'écran vous voulez le truc.

Les fichiers doivent être placés dans le dossier " / var / www / html / MagicMirror " (où vous étiez et changé les choses lorsque vous configurez le serveur Web). Le dossier "MagicMirror" n'est pas nécessaire. Il change le " // localhost / " en " // localhost / MagicMirror / ", mais à part cela, c'est juste pour garder une trace des fichiers.

Étape 5: Construction du cadre (et fabrication du miroir)

Il est maintenant temps de démonter l'écran et de construire le cadre !

Dans mon cas, un tournevis sur le côté de l'écran puis une légère force l'ont ouvert. Vous pouvez probablement trouver des guides sur YouTube pour votre écran spécifique.

Ensuite, vous prenez les mesures pour le cadre et commencez à couper. J'ai utilisé à la fois des vis et de la colle pour m'assurer qu'il était suffisamment solide, le produit final pèse beaucoup. Mettez des trous d'air en haut et un trou pour le cordon en bas.

J'ai également coupé le "cadre" à l'avant dans un angle, juste parce que je l'aime. Ensuite, vous mettez l'avant sur le cadre et vous avez presque terminé.

Faites 4 petits morceaux que vous pourrez mettre plus tard derrière l'écran, pour vous assurer qu'il ne tombe pas en arrière.

(Je n'ai malheureusement pas de photos de cela) Ensuite, il est temps de mettre un point de montage à l'arrière. Vous pouvez voir comment M. Teeuw a fait ses points de montage ici.

Ensuite, il est temps pour un peu de peinture et vous avez terminé !

-------------------------------------------------- -------------------------------------------------- --------------------------------------------------

Si vous avez choisi d'avoir un verre et un film miroir, c'est le bon moment pour le faire. Ajoutez le film au verre comme le montrent les instructions. Si vous n'avez reçu aucune instruction, vous pouvez rechercher " appliquer un film miroir " sur YouTube pour obtenir de bonnes instructions!

Étape 6: assemblage

Maintenant, tout est fait et vous devez simplement tout assembler!

Prenez le cadre et placez le miroir à l'avant. Placez l'écran derrière et branchez tout ce dont vous avez besoin. Démarrez la framboise et assurez-vous que tout fonctionne. Si tout va bien, éteignez-le et placez les 4 derniers morceaux derrière l'écran pour qu'il reste en place.

Ensuite, il vous suffit de tout brancher et peut-être d'utiliser des attaches de câble pour le rendre un peu joli. Vous devrez peut-être effectuer certains ajustements finaux de la page Web pour l'adapter à l'écran lorsque le cadre est là.

Mettez-le sur votre mur (ou placez-le quelque part) et vous avez terminé! Vous avez maintenant votre propre miroir magique!

Articles Connexes