Published September 20, 2015 © GPL3+

Digitalized, Wi-Fi To-Do-List Monitor

A household device that will replace the typical forgotten paper to-do-list, automatically updating household members of tasks.

IntermediateFull instructions provided3,514

Things used in this project

Hardware components

Raspberry Pi 2 Model B

Computer Monitor

Any visual display can work but it must have a HD port or you will be require to buy an HDMI to VGA converter.

HDMI Cable

Raspberry Pi Wi-Fi Dongle

An Ethernet Cable will also work. It will need to be plugged in via Ethernet port on your computer or through a USB to Ethernet adapter

Keyboard

Bluetooth Mouse

Any mouse will do. A bluetooth mouse however does not require a cable to plug in, just a bluetooth module.

16 gb Micro SD Card

Raspberry Pi Micro USB Power Supply Charger

Any charger can work as long as it can provide 5v and 1500ma

Software apps and online services

Google Sites

Microsoft Visual Studio 2015

Microsoft Windows 10 IoT Core

Hand tools and fabrication machines

Computer

Story

About

Every home should have their own private website to be able to store all of their data and to maintain their everyday tasks. This project is about building a low power digitalized, Wi-Fi to-do-list that will replace the typical paper-to-do-list that usually hangs on fridges, automatically updating members of the household of custom events and tasks (clean up room, take out trash, wash dishes, etc) that are assigned by other members via through your own website. This would for example, allow parents to assign chores to their kids while they are away at work or to look up their grocery list anywhere through their smart phone or computer. This removes the inconvenience of having to remember tasks or to bring the paper list along with you, in which the list can be accessible anywhere through any Wi-Fi device. A paper to- do list would be easily forgotten on a fridge and is not noticeable. With the digitalized to-do-list, it would attract attention from the household members, be accessible and updatable thorough the Internet and most importantly, make it more convenient for the household.

Getting Started

Setting Up Your Windows Application for Your Raspberry Pi 2

1. Follow each step of the Get Started Guide provided by the Windows Developer Center. Search windowsondevices on any search engine to navigate to the page. Here is the link for your convenience: http://ms-iot.github.io/content/en-US/win10/SetupPCRPI.htm

(Note: When connecting to the Rasperry Pi to my computer wirelessy, I used PuTTy to communicate between my computer and the Rasperry Pi to avoid the hassle of using an Ethernet cable.)

2. Download the sample "IoT Browser Sample (Windows Universal)" and open it in Visual Studio. If prompted with a warning, click yes. Here is the link: http://ms-iot.github.io/content/en-US/win10/samples/IoTBrowser.htm

3. Select the MainPage.xaml (highlighted blue in picture) and replace code with the code provided in this project. Same applies to MainPage.xaml.cs (under the highlighted text)

Building Your (Free) Family Website

Any website provider or service will do but for this project, I chose Google Sites not only because it's free but for the vast amount of pre-build templates available to your choosing and its quick easy set up.

1. Navigate to Google Sites. The link:https://sites.google.com/.

2. Sign in to your Google account. If you don't have one, you should make one since Google also offers lots of services that can be beneficial to your website.

3. Click Create on the top left hand corner and click browser the gallery for more. Select "Personal & Family" and click on the "Family Site" Template.

4. Name your site (something easy to remember. You will need the URL later to replace line 72 on Main Page XAML)

5. Once created, click on the pencil shape button to edit the site to your desire. If you have trouble editing the site, click on Help and select "Sites Help" to receive additional help.

6. Important: Make sure you select the gear icon and click "Sharing and Permissions" in which you should select only family members gmail accounts to access the website, not the entire world. You wouldn't want anyone to find out about your everyday life.

7. Save your changes on the website and check if it works.

8. Here is my sample To-Do-List Website to give you hacksters an idea.

9. Replace the URL in line 72 with the URL of your site.

Combining It All Together (Last Steps)

1. Hook up the bluetooth mouse, keyboard, and Rasperry Pi Wi-Fi Dongle to your Rasperry Pi.

2. Attach HDMI cable to Rasperry Pi to computer monitor.

3. Attach power supply to the Rasperry Pi and wait for it to boot up.

4. Once boot up, deploy the app you created from visual studio into the device. Instruction are similar to those of the IOT Browser sample.

5. And congrats, you created your Wi-Fi To Do List. You can set notifications everytime someone posts on the website in settings. Play around with it and add more code and functionality (sensors, motors, etc) to the website so you can incorporate the full IOT experience with your Rasperry Pi.

Hope you enjoy this project and the IOT experience!

Code

// Copyright (c) Microsoft. All rights reserved.

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Popups;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;

// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409

namespace IoTBrowser
{
    /// <summary>
    /// An empty page that can be used on its own or navigated to within a Frame.
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
        }

        private void Go_Web_Click(object sender, RoutedEventArgs e)
        {
            DoWebNavigate();
        }


        private void Web_Address_KeyUp(object sender, KeyRoutedEventArgs e)
        {
            if (e.Key == Windows.System.VirtualKey.Enter)
            {
                DoWebNavigate();
            }
        }

        private async void DoWebNavigate()
        {
            try
            {
                if (Web_Address.Text.Length > 0)
                {
                    webView.Navigate(new Uri(Web_Address.Text));
                }
                else
                {
                    MessageDialog dlg = new MessageDialog("you need to enter a web address.");
                    await dlg.ShowAsync();
                }
            }
            catch (Exception e)
            {
                MessageDialog dlg = new MessageDialog("Error: " + e.Message);
                await dlg.ShowAsync();

            }
        }


        private void To_Do_Click(object sender, RoutedEventArgs e)
        {
            Web_Address.Text = "https://sites.google.com/site/todolisthome/home";
            DoWebNavigate();
        }

    }
}

<!--
 Copyright(c) Microsoft Open Technologies, Inc. All rights reserved.
 The MIT License(MIT)
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files(the "Software"), to deal
 in the Software without restriction, including without limitation the rights
 to use, copy, modify, merge, publish, distribute, sublicense, and / or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions :
 The above copyright notice and this permission notice shall be included in
 all copies or substantial portions of the Software.
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
-->
<Page
    x:Class="IoTBrowser.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:IoTBrowser"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    HorizontalAlignment="Stretch"
    VerticalAlignment="Stretch">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="70"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="65"></RowDefinition>
        </Grid.RowDefinitions>

        
        <!--Favorites button--><!--This section of code can be modfiy to adjust the button-->
        <StackPanel Grid.Row="0" Orientation="Horizontal" >
            <Button x:Name="Go_Hackster" Content="Family To-Do List" FontSize="30" FontFamily="Normal" FontStyle="Italic" VerticalAlignment="Center" Height="70" Width="250" Margin="0,25,0,0" Click="To_Do_Click"/>
        </StackPanel>

        <!--Web view control-->
        <WebView x:Name="webView" Grid.Row="1"/>
        
        <!--Address bar--><!--Modify Height and Width of the Web address to fit your screen size specifications-->
        <StackPanel Grid.Row="2" Orientation="Horizontal">
            <TextBox x:Name="Web_Address" FontSize="24" TextWrapping="Wrap" Text="http://www.bing.com" VerticalAlignment="Center" VerticalContentAlignment="Center" Height="54" Width="1800" KeyUp="Web_Address_KeyUp"/>
            <Button x:Name="Go_Web" Content="Go!" HorizontalAlignment="Right" VerticalAlignment="Center" Height="60" Width="107" Click="Go_Web_Click"/>
        </StackPanel>
    
    </Grid>
</Page>

Credits

Ryan Son

1 project • 5 followers

Trying to survive the horrors of college

Thanks to Windows Developer Center.

Digitalized, Wi-Fi To-Do-List Monitor

Things used in this project

Hardware components

Software apps and online services

Hand tools and fabrication machines

Story

About

Getting Started

Schematics

IMG_1092.jpg

Code

MainPage.xaml.cs

MainPage.xaml

Credits

Ryan Son

Comments

Embed the widget on your own site

Digitalized, Wi-Fi To-Do-List Monitor

Digitalized, Wi-Fi To-Do-List Monitor

Things used in this project

Hardware components

Software apps and online services

Hand tools and fabrication machines

Story

About

Getting Started

Schematics

IMG_1092.jpg

Code

MainPage.xaml.cs

MainPage.xaml

Credits

Ryan Son

Comments

Related channels and tags