Raspberry pi powered smart mirror
Learn how to build, design, and customize your very own Raspberry Pi powered smart mirror!
This course is meant as a active learning/DIY project to learn the basics of scripting languages, while working on something fun.
This course will focus upon teaching you to setup and build your own smart mirror display. This involves creating and coding a custom web page and hosting it on a Raspberry Pi using the Apache HTTP server application.
To learn how to build your own magic mirror, we will first focus on writing a base HTML script for the website, and adding basic elements - a clock, a periodically updating news feed, and a periodically updating weather feed, to it. Once this is done, we will create a cascading style sheet (CSS) doc and customize our web page to give us the required display for a smart mirror.
This course involves the use of basic concepts from multiple programming languages. We will be using JavaScript to program the clock display. We will also be using PHP for the two RSS feeds - news and weather. Finally, we will put all this together in our HTML script and edit the presentation of our HTML document using a CSS file to make the display visible through a partially mirrored surface.
Your Instructor
Venkatesh Varadachari is the founder of MAKERDEMY, a pioneer company in the field of maker education.
MAKERDEMY is a pioneer in teaching technology related maker courses online.
Venkatesh has an MBA from the prestigious Indian Institute of Management, Bangalore.
He also has a degree in Electrical Engineering from Madras University and a Masters in Financial Engineering from National University of Singapore.
Course Curriculum
-
StartThe HTML script (7:14)
-
StartHTML file (without PHP coding) - index.php
-
StartThe JavaScript clock module (6:22)
-
StartJavaScript file - clock.js
-
StartQuiz-2 HTML and JavaScript
-
StartDisplaying an RSS feed using PHP (8:54)
-
StartPHP file - index.php
-
StartCSS - designing our web page (8:10)
-
StartCSS file - style.css
-
StartQuiz 3 PHP and CSS