Raspberry Pi Powered Smart Mirror

Course

Online

£ 10 VAT inc.

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

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.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

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

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 6 years

Subjects

  • Project
  • Web
  • PHP
  • RSS
  • Javascript
  • HTML
  • Javascript training

Course programme

Smart mirror - getting started 3 lectures 13:25 What will you learn from this course? Smart mirror project requirements Getting started - setting up your Pi Quiz 1: Smart mirror - getting started 3 lectures 13:25 What will you learn from this course? Smart mirror project requirements Getting started - setting up your Pi Quiz 1: What will you learn from this course? What will you learn from this course? What will you learn from this course? What will you learn from this course? Smart mirror project requirements Smart mirror project requirements Smart mirror project requirements Smart mirror project requirements Getting started - setting up your Pi Getting started - setting up your Pi Getting started - setting up your Pi Getting started - setting up your Pi Quiz 1: Quiz 1: Quiz 1: Quiz 1: Smart mirror - coding the web page 8 lectures 30:41 The HTML script HTML file (without PHP coding) - index.php You can download the resources from the file that is attached below. The JavaScript clock module JavaScript file - clock.js You can download the resources from the file that is attached below. Quiz 2: Section 2 Quiz - HTML and JavaScript Displaying an RSS feed using PHP PHP file - index.php You can download the resources from the file that is attached below. CSS - designing our web page CSS file - style.css You can download the resources from the file that is attached below. Quiz 3: Section 2 Quiz - PHP and CSS Smart mirror - coding the web page 8 lectures 30:41 The HTML script HTML file (without PHP coding) - index.php You can download the resources from the file that is attached below. The JavaScript clock module JavaScript file - clock.js You can download the resources from the file that is attached below. Quiz 2: Section 2 Quiz - HTML and JavaScript Displaying an RSS feed using PHP PHP file - index.php You can download the resources from the file that is attached below. CSS - designing our web page CSS file - style.css You can download the resources from the file that is attached below. Quiz 3: Section 2 Quiz - PHP and CSS The HTML script The HTML script The HTML script The HTML script HTML file (without PHP coding) - index.php You can download the resources from the file that is attached below. HTML file (without PHP coding) - index.php You can download the resources from the file that is attached below. HTML file (without PHP coding) - index.php You can download the resources from the file that is attached below. HTML file (without PHP coding) - index.php You can download the resources from the file that is attached below.You can download the resources from the file that is attached below.You can download the resources from the file that is attached below. The JavaScript clock module The JavaScript clock module The JavaScript clock module The JavaScript clock module JavaScript file - clock.js You can download the resources from the file that is attached below. JavaScript file - clock.js You can download the resources from the file that is attached below. JavaScript file - clock.js You can download the resources from the file that is attached below. JavaScript file - clock.js You can download the resources from the file that is attached below.You can download the resources from the file that is attached below.You can download the resources from the file that is attached below. Quiz 2: Section 2 Quiz - HTML and JavaScript Quiz 2: Section 2 Quiz - HTML and JavaScript Quiz 2: Section 2 Quiz - HTML and JavaScript Quiz 2: Section 2 Quiz - HTML and JavaScript Displaying an RSS feed using PHP Displaying an RSS feed using PHP Displaying an RSS feed using PHP Displaying an RSS feed using PHP PHP file - index.php You can download the resources from the file that is attached below. PHP file - index.php You can download the resources from the file that is attached below. PHP file - index.php You can download the resources from the file that is attached below. PHP file - index.php You can download the resources from the file that is attached below.You can download the resources from the file that is attached below.You can download the resources from the file that is attached below. CSS - designing our web page CSS - designing our web page CSS - designing our web page CSS - designing our web page CSS file - style.css You can download the resources from the file that is attached below. CSS file - style.css You can download the resources from the file that is attached below. CSS file - style.css You can download the resources from the file that is attached below. CSS file - style.css You can download the resources from the file that is attached below.You can download the resources from the file that is attached below.You can download the resources from the file that is attached below. Quiz 3: Section 2 Quiz - PHP and CSS Quiz 3: Section 2 Quiz - PHP and CSS Quiz 3: Section 2 Quiz - PHP and CSS Quiz 3: Section 2 Quiz - PHP and CSS Smart mirror - cleaning up 4 lectures 15:07 Setting up our smart mirror Smart mirror - connections and final setup Real time demonstration - Smart mirror Conclusion Smart mirror - cleaning up 4 lectures 15:07 Setting up our smart mirror Smart mirror - connections and final setup Real time demonstration - Smart mirror Conclusion Setting up our smart mirror Setting up our smart mirror Setting up our smart mirror Setting up our smart mirror Smart mirror - connections and final setup Smart mirror - connections and final setup Smart mirror - connections and final setup Smart mirror - connections and final setup Real time demonstration - Smart mirror Real time demonstration - Smart mirror Real time demonstration - Smart mirror Real time demonstration - Smart mirror Conclusion Conclusion Conclusion Conclusion

Additional information

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

Raspberry Pi Powered Smart Mirror

£ 10 VAT inc.