Raspberry Pi powered smart mirror
4.2 (13 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
96 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Raspberry Pi powered smart mirror to your Wishlist.

Add to Wishlist

Raspberry Pi powered smart mirror

Learn how to build, design, and customize your very own Raspberry Pi powered smart mirror!
4.2 (13 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
96 students enrolled
Last updated 12/2016
English
Current price: $10 Original price: $95 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • 4 Articles
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Setup their very own Raspberry Pi powered smart mirror
  • Write basic HTML and CSS code for a smart mirror web page hosted on an Apache 2 HTTP server
  • Write JavaScript code to create a digital clock element for aforementioned web page
  • Write PHP code to read and display RSS feeds
  • Setup Chromium browser on the Raspberry Pi to autostart on boot
View Curriculum
Requirements
  • You should know how to setup and work on a Raspberry Pi
  • You should understand basic Linux commands and utilities
  • Rudimentary knowledge of HTML and CSS is necessary to understand the project and to develop the project further
  • Elementary knowledge of JavaScript and PHP code is also necessary if you wish to understand and develop/modify the project
  • While this course does not teach or include any woodwork involved in completing the mirror, carpentry skills can be of use in crafting your mirror frame/cabinet
Description

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.

Who is the target audience?
  • This course is meant for anyone interested in setting up their own Raspberry Pi powered smart mirror
  • This course is also meant for programmers with a very basic working knowledge of HTML, CSS, JavaScript, or PHP, to learn the basics of the smart mirror and then customize/improve it as a learning experience
Compare to Other Raspberry Pi Courses
Curriculum For This Course
+
Smart mirror - getting started
3 Lectures 13:24

This lecture will focus upon the course itself. It will act as an introduction to the course content, and will also talk about what you will learn from this course.

Preview 03:23

This lecture talks about the various hardware and software requirements of this course. 

This lecture also contains an brief introduction to the Apache HTTP server application.

Preview 02:40

The beginning of our smart mirror project, this lecture deals with setting up your Pi. This involves installing Apache HTTP server and PHP5 on the Pi, and making changes to the Raspberry Pi boot and timezone configurations.

Preview 07:21

This quiz contains questions pertaining to the lectures in section 1 of this course.

Section 1 Quiz:
3 questions
+
Smart mirror - coding the web page
8 Lectures 30:56

Now that we have setup the Pi, this lecture will teach you how to begin writing the code for our smart mirror web page. This particular lecture deals with writing the HTML script. Contains detailed, step-by-step explanations of the code and the various HTML tags used.  

The HTML script
07:14

This lecture contains the PHP code for the homepage design

HTML file (without PHP coding) - index.php
00:04

Having written our base web page HTML code, we can now move on to adding the elements to the web page. This lecture will teach you how to write a JavaScript program using the Date() object to design a digital clock display, and then integrate it into the previously taught HTML code.

The JavaScript clock module
06:22

The lecture contains the java-script code for the clock module 

JavaScript file - clock.js
00:04

This quiz contains questions pertaining to the HTML and JavaScript lectures in section 2 (coding the web page)

Section 2 Quiz - HTML and JavaScript
3 questions

Now, this lecture deals with reading a RSS feed using PHP and displaying the same. This lecture will teach you how to write PHP code within your existing HTML code to read a RSS feed link and then process the read data before displaying it as a HTML element.

In the smart mirror project, we will be using this method to create multiple elements employing RSS feed links for news, and weather forecasts.

Displaying an RSS feed using PHP
08:54

The lecture contains Links to the .php, .js, and .css files for Smart Mirror Web Page.

PHP file - index.php
00:04

Now that all our web page elements are in place, we move on to designing the web page. This lecture deals with the use of Cascading Style Sheet (CSS) files to control the style of our web page. Starting from simply setting the background of our web page to black, to altering the physical attributes of the text in our HTML code, we will learn to modify the web page to our satisfaction.

CSS - designing our web page
08:10

The lecture contains the CSS code for the webpage design

CSS file - style.css
00:04

This quiz contains questions pertaining to the PHP and CSS lectures in section 2 (coding the web page)

Section 2 Quiz - PHP and CSS
3 questions
+
Smart mirror - cleaning up
4 Lectures 15:28

Having completed the setting up of the web page, all that's left to do now is to setup the Pi to load smart mirror web page. This lecture deals with learning how to force the Pi to automatically load the web page using chromium browser on boot. 

Now that all our web page elements are in place, we move on to designing the web
07:16

This lecture is the final step in creating a smart mirror. This lecture deals with setting up the monitor, adding the mirror or mirror film to complete the look of our mirror, and then connecting it to the Raspberry Pi.



Smart mirror - connections and final setup
03:04

The lecture contains the real time demonstration of the smart mirror project

Real time demonstration - Smart mirror
02:17

The final lecture deal is merely a conclusion to the course, adding on suggestions to continue the learning experience, and recapping the topics that were taught.

Conclusion
02:51
About the Instructor
Venkatesh Varadachari
4.1 Average rating
746 Reviews
13,726 Students
32 Courses
Founder of ScratchNinja, PiWizards and Money-Wizards

Venkatesh Varadachari is the founder of Money-Wizards Global Pte Ltd, that owns the education brands Money-Wizards, PiWizards and Scratch Ninja.

Venkatesh believes that knowledge should be made available to people in all walks of life. Venkatesh also believes in the power of education to transform lives.

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.

Satyajeet .
4.0 Average rating
576 Reviews
9,089 Students
21 Courses
Senior Product Engineer - Technology

Satya is a passionate technology enthusiast and is excited about the possibility of impacting education through technology. Satya holds a Masters in Computer Applications from VIT, one of the premier engineering institutes in India. He is a product engineer and spends his time creating exciting courses around the credit card sized Raspberry Pi.