<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>dashboard Archives - Digital Urban</title>
	<atom:link href="https://www.digitalurban.org/blog/tag/dashboard/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.digitalurban.org/blog/tag/dashboard/</link>
	<description>Data, Cities, IoT, Writing, Music and Making Things</description>
	<lastBuildDate>Mon, 24 Mar 2025 11:48:14 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.digitalurban.org/wp-content/uploads/2012/07/Dulogosm-1.png</url>
	<title>dashboard Archives - Digital Urban</title>
	<link>https://www.digitalurban.org/blog/tag/dashboard/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>MQTT Frame &#8211; Beautifully Framed Live Data</title>
		<link>https://www.digitalurban.org/blog/2025/03/19/mqttframe/</link>
		
		<dc:creator><![CDATA[Andy]]></dc:creator>
		<pubDate>Wed, 19 Mar 2025 18:03:40 +0000</pubDate>
				<category><![CDATA[ios App]]></category>
		<category><![CDATA[dashboard]]></category>
		<category><![CDATA[Data]]></category>
		<category><![CDATA[frame]]></category>
		<category><![CDATA[mqtt]]></category>
		<category><![CDATA[realtime]]></category>
		<guid isPermaLink="false">https://www.digitalurban.org/?p=7886</guid>

					<description><![CDATA[<p>The post <a href="https://www.digitalurban.org/blog/2025/03/19/mqttframe/">MQTT Frame &#8211; Beautifully Framed Live Data</a> appeared first on <a href="https://www.digitalurban.org">Digital Urban</a>.</p>
]]></description>
										<content:encoded><![CDATA[
		<div id="fws_696976938dad8"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row top-level"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><!-- /wp:post-content --></p>
<p><!-- wp:paragraph -->Transform your iPhone into a beautifully framed, dynamic data display with MQTT Frame. Stay informed about environmental conditions, breaking news, or custom live data feeds elegantly presented within a selection of artistic frames.</p>
<p><!-- /wp:paragraph --><br />

<a href='https://www.digitalurban.org/blog/2025/03/19/mqttframe/img_5262/'><img fetchpriority="high" decoding="async" width="473" height="1024" src="https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5262-473x1024.png" class="attachment-large size-large" alt="" srcset="https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5262-473x1024.png 473w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5262-139x300.png 139w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5262-768x1662.png 768w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5262-710x1536.png 710w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5262-947x2048.png 947w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5262.png 1284w" sizes="(max-width: 473px) 100vw, 473px" /></a>
<a href='https://www.digitalurban.org/blog/2025/03/19/mqttframe/img_5261/'><img decoding="async" width="473" height="1024" src="https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5261-473x1024.png" class="attachment-large size-large" alt="" srcset="https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5261-473x1024.png 473w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5261-139x300.png 139w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5261-768x1662.png 768w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5261-710x1536.png 710w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5261-947x2048.png 947w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5261.png 1284w" sizes="(max-width: 473px) 100vw, 473px" /></a>
<a href='https://www.digitalurban.org/blog/2025/03/19/mqttframe/img_5264/'><img decoding="async" width="473" height="1024" src="https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5264-473x1024.png" class="attachment-large size-large" alt="" srcset="https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5264-473x1024.png 473w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5264-139x300.png 139w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5264-768x1662.png 768w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5264-710x1536.png 710w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5264-947x2048.png 947w, https://www.digitalurban.org/wp-content/uploads/2025/03/IMG_5264.png 1284w" sizes="(max-width: 473px) 100vw, 473px" /></a>
</p>
<h3 class="wp-block-heading">Key Features:</h3>
<p><!-- wp:list --></p>
<ul>
<li style="list-style-type: none;">
<ul><!-- wp:list-item --></ul>
</li>
<li><strong>Dynamic MQTT Integration</strong>: Easily subscribe to any MQTT topic and display live updates.</li>
<li><strong>Customizable Frames</strong>: Choose from multiple high-quality decorative frames to complement your home or office décor.</li>
<li><strong>Clean and Clear Data Display</strong>: Showcase important data such as temperature, pressure, news, and more with clear typography and layout.</li>
<li><strong>Fullscreen Mode</strong>: Tap to seamlessly switch to an immersive fullscreen view, maximizing readability and aesthetics.</li>
<li><strong>Easy Management</strong>: Add, edit, and reorder topics quickly through an intuitive interface.</li>
<li><strong>Instant Updates</strong>: Receive real-time data updates over MQTT, ensuring you’re always in the know.</li>
</ul>
<p><!-- /wp:list-item --></p>
<p><!-- wp:list-item /--></p>
<p><!-- wp:list-item /--></p>
<p><!-- wp:list-item /--></p>
<p><!-- wp:list-item /--></p>
<p><!-- wp:list-item /--><!-- /wp:list --></p>
<p><!-- wp:heading {"level":3} --></p>
<h3 class="wp-block-heading">Perfect For:</h3>
<p><!-- /wp:heading --></p>
<p><!-- wp:list --></p>
<ul>
<li style="list-style-type: none;">
<ul><!-- wp:list-item --></ul>
</li>
<li><strong>Home Assistant/Home Automation Enthusiasts</strong>: Display sensor data, home statuses, or environmental conditions.</li>
<li><strong>Personal Use</strong>: Stay updated with the latest news headlines, weather conditions, or any custom data stream.</li>
</ul>
<p><!-- /wp:list-item --> MQTT Frame merges elegant design with powerful real-time MQTT functionality, creating the perfect smart display for any setting.</p>
<p><!-- /wp:list --></p>
<p><!-- wp:heading {"level":5} --></p>
<h5 class="wp-block-heading">MQTT Frame is currently <a href="https://apps.apple.com/gb/app/mqtt-frame/id6743003699">available for free, on the Apple Store</a>, for support dm @digitalurban on X and bring your data to life in a beautiful new way.</h5>
<p><!-- /wp:heading --></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div><p>The post <a href="https://www.digitalurban.org/blog/2025/03/19/mqttframe/">MQTT Frame &#8211; Beautifully Framed Live Data</a> appeared first on <a href="https://www.digitalurban.org">Digital Urban</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Make an eInk MQTT Reader for the Time, News and Environmental Data</title>
		<link>https://www.digitalurban.org/blog/2020/04/10/the/</link>
		
		<dc:creator><![CDATA[Andy]]></dc:creator>
		<pubDate>Fri, 10 Apr 2020 14:10:45 +0000</pubDate>
				<category><![CDATA[Making]]></category>
		<category><![CDATA[dashboard]]></category>
		<category><![CDATA[data display]]></category>
		<category><![CDATA[eink]]></category>
		<category><![CDATA[inkyWHAT]]></category>
		<category><![CDATA[make]]></category>
		<category><![CDATA[mqtt]]></category>
		<category><![CDATA[tutorial]]></category>
		<guid isPermaLink="false">https://www.connected-environments.org/?p=437</guid>

					<description><![CDATA[<p>The post <a href="https://www.digitalurban.org/blog/2020/04/10/the/">Make an eInk MQTT Reader for the Time, News and Environmental Data</a> appeared first on <a href="https://www.digitalurban.org">Digital Urban</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="fws_6969769391b3e"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><strong>&#8216;THE&#8217; is a mini MQTT Information Display for Time, News and Environmental Information.  </strong>Using a 4.2-inch eInk screen, its concept is simple &#8211; to display information on a rotational basis, updating every couple of minutes. The data can be any feed &#8211; from the latest news headlines through to your smart home, energy usage, live local environmental conditions or simply the time &#8211; THE &#8211; Time, Headlines &amp; Environment.</p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_6969769391ffd"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p>&#8216;THE&#8217; is built from two simple off the shelf components (an eInk InkyWHAT screen from Pimoroni and a Raspberry Pi) the code and the 3D printed casing are open source, allowing you to modify or redesign your own. You can follow along here or also take a look at the build at Instructable &#8211; <a href="https://www.instructables.com/id/Make-Your-Own-MQTT-EInk-Display-for-Time-News-and-/">https://www.instructables.com/id/Make-Your-Own-MQTT-EInk-Display-for-Time-News-and-/</a><br />
The concept comes from a long tradition of viewing data on a screen, from systems such as Teletext, through to the beloved Chumby, onwards to the Sony Dash and then they current iterations of the Echo Show and Google Home. Yet there is a need for a simple information display that does not listen in, does not play music or videos and does not rely on having cloud-based data. Something that simply displays information, at a glance using a beautiful non lit eink screen, on widgets that cycle at predetermined intervals. One brilliant example is the eInk Status Display, using the InkyPhat see <a href="https://jsutton.co.uk/eink-mqtt-status/">https://jsutton.co.uk/eink-mqtt-status/</a> for details. Thus with these in mind and some code to work on &#8216;THE&#8217; was born, one cold weekend in November in deepest Norfolk, while thinking about the Connected Environments Curriculum back at University College London.</p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69697693923ac"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
	<div class="wpb_video_widget wpb_content_element vc_clearfix   vc_video-aspect-ratio-169 vc_video-el-width-100 vc_video-align-center" >
		<div class="wpb_wrapper">
			
			<div class="wpb_video_wrapper"><iframe loading="lazy" title="THE (Time, Headlines, Environmental) Updating via MQTT" width="1080" height="608" src="https://www.youtube.com/embed/hScxaoUQEjU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
		</div>
	</div>

			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_6969769396639"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p>At its heart, THE is powered by <strong>M</strong>essage<strong> Q</strong>ueuing<strong> T</strong>elemetry <strong>T</strong>ransport (MQTT), allowing it to receive messages as soon as they are broadcast, via series of scripts, written in Python. THE subscribes to the topic (THE/messages) which are displayed on the eInk screen whenever a new one arrives. This allows the hub of THE to simply be a displayer of a single message topic with the timings and subjects configured by external scripts. The configuration allows the system to display a wide range of data sources from internal sources around Smart Home Automation Systems through to the news headlines, personal messages to friends or family or simply to display the time.</p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_696976939694f"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="img-with-aniamtion-wrap center" data-max-width="100%" data-max-width-mobile="default" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap"> 
          <div class="hover-wrap-inner">
            <img loading="lazy" decoding="async" class="img-with-animation skip-lazy " data-delay="0" height="1920" width="2560" data-animation="fade-in" src="https://www.digitalurban.org/wp-content/uploads/2020/04/IMG_1871-2-scaled-1.jpeg" alt="eInk MQTT Case" srcset="https://www.digitalurban.org/wp-content/uploads/2020/04/IMG_1871-2-scaled-1.jpeg 2560w, https://www.digitalurban.org/wp-content/uploads/2020/04/IMG_1871-2-scaled-1-300x225.jpeg 300w, https://www.digitalurban.org/wp-content/uploads/2020/04/IMG_1871-2-scaled-1-1024x768.jpeg 1024w, https://www.digitalurban.org/wp-content/uploads/2020/04/IMG_1871-2-scaled-1-768x576.jpeg 768w, https://www.digitalurban.org/wp-content/uploads/2020/04/IMG_1871-2-scaled-1-1536x1152.jpeg 1536w, https://www.digitalurban.org/wp-content/uploads/2020/04/IMG_1871-2-scaled-1-2048x1536.jpeg 2048w" sizes="auto, (max-width: 2560px) 100vw, 2560px" />
          </div>
        </div>
      </div>
    </div><div class="iwithtext"><div class="iwt-icon">  </div><div class="iwt-text"> <strong>To Make a THE you require:</strong></p>
<ol>
<li>A Raspberry Pi (a Pi zero, or a Pi 3 ) &#8211; we used a Pi 3 for ours.</li>
<li><a href="https://shop.pimoroni.com/products/inky-what?variant=13590497624147">An InkywHAT screen;</a></li>
<li>If using a Pi 3 &#8211; <a href="https://www.amazon.co.uk/dp/B07DBX1V44/ref=sspa_dk_detail_0?psc=1&amp;pd_rd_i=B07DBX1V44&amp;pd_rd_w=1HdMP&amp;pf_rd_p=1055d8b2-c10c-4d7d-b50d-96300553e15d&amp;pd_rd_wg=Y4qQz&amp;pf_rd_r=4JJ8PF3QKTVX0BY3XV24&amp;pd_rd_r=e3740e56-0705-448d-931f-71dec884f3ef&amp;spLa=ZW5jcnlwdGVkUXVhbGlmaWVyPUExS1ZSQVVaREZQMEFIJmVuY3J5cHRlZElkPUEwNTMyMDk0MTQ1WTZCNklTQ005VyZlbmNyeXB0ZWRBZElkPUEwNDA0NTMzMzBJRUlNQk9UTVgxUiZ3aWRnZXROYW1lPXNwX2RldGFpbCZhY3Rpb249Y2xpY2tSZWRpcmVjdCZkb05vdExvZ0NsaWNrPXRydWU=">a right angled USB cable</a> (so the cable fits in the case);</li>
<li>An MQTT broker &#8211; either running on your Pi or elsewhere. Don&#8217;t worry if you do not have one or are not sure what MQTT is, its quick and easy to set up and once installed it will automatically run &#8211; take a look at <a href="https://randomnerdtutorials.com/how-to-install-mosquitto-broker-on-raspberry-pi/">https://randomnerdtutorials.com/how-to-install-mosquitto-broker-on-raspberry-pi/</a> for a full and easy to follow tutorial on getting MQTT running &#8211; in this case mosquitto on your Pi.</li>
<li>An easy to fit case &#8211; head over to <a href="https://www.thingiverse.com/thing:4036382">Thingiverse to download and print our open source case</a>.</li>
<li>Our free and open source scripts to collect the Time, News and Environment conditions.</li>
</ol>
<p> </div><div class="clear"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_6969769398149"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="iwithtext"><div class="iwt-icon">  </div><div class="iwt-text"> <strong>Step One: Installing the InkywHAT</strong><br />
The first step is to set and install your InkyWhat eInk sceen. You can install the libraires required for your InkyWHAT by using the easy one-line-installer.<br />
Open a new terminal to connect to your Pi, and type the following, making sure to type y or n when prompted:</p>
<div class="codehilite">
<pre class="EnlighterJSRAW" data-enlighter-language="null">curl https://get.pimoroni.com/inky | bash</pre>
<p>The one-line-installer puts everything in place to get your eInk screen up and running, we recommend you head over to the <a href="https://learn.pimoroni.com/tutorial/sandyj/getting-started-with-inky-what">Pimoroni Getting Started with InkyWhat</a> for more info and examples &#8211; just to check its working.
</div>
<p> </div><div class="clear"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_696976939883d"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="img-with-aniamtion-wrap center" data-max-width="100%" data-max-width-mobile="default" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap"> 
          <div class="hover-wrap-inner">
            <img loading="lazy" decoding="async" class="img-with-animation skip-lazy " data-delay="0" height="100" width="100" data-animation="fade-in" src="" alt=""  />
          </div>
        </div>
      </div>
    </div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69697693993ca"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="iwithtext"><div class="iwt-icon">  </div><div class="iwt-text"> <strong>Step Two: Getting the Time, News and Environmental Information</strong><br />
THE updates its information via subscribing to an MQTT topic, our custom scripts pull in other sources of information and publish to this topic, allowing any number of sources of information to be used. There are three main files &#8211; one for the Time, a second for the News Feed and a the third for Weather conditions.<br />
<strong>Getting the Time:</strong><br />
All our files are available via the Connected Environments githib for THE &#8211; <a href="https://github.com/ucl-casa-ce/THE">https://github.com/ucl-casa-ce/THE</a><br />
For the time &#8211; download timetomqtt.py.<br />
The script gets the current time and converts it to words for display on THE &#8211; so, for example, 12.14pm becomes The Time is Fourteen Minutes Past Twelve and so on. In the script you need to edit it to add in your own MQTT details  &#8211; we have highlighted the parts to edit in the code.<br />
Copy it across to your Pi in a folder &#8211; we use /home/pi/scripts  &#8211; this can be down either via the command line or via ftp via <a href="https://filezilla-project.org/">Filezilla</a> or similar.<br />
<strong>Getting the News:</strong><br />
For the news, download rsstomqtt.py.<br />
The script gets the latest news from Sky and publishes it to MQTT for THE. You can edit the news source as required in the file. This file can also be copied to pull in any RSS feed directly onto your THE. As before, in the script you need to edit it to add in your own MQTT details  &#8211; we have highlighted the parts to edit in the code.<br />
<strong>Getting the Weather:</strong><br />
For the weather, download darkskytomqtt.py<br />
You need to sign up to use the <a href="https://darksky.net/dev">Darksky API</a> (don&#8217;t worry, it&#8217;s free and allows up to 1000 calls a day, more than enough to display the latest weather on THE). In our script, simply put in your DarkSky key, which you will receive when you sign up to the API and also your longitude and latitude for the location you want to obtain the data for.<br />
You can find a long and lat via  <a href="https://www.latlong.net/">https://www.latlong.net/</a><br />
If all this is new then it may sound complicated but with a little trial and error you will be able to edit files, write your own and get the information you want on THE in no time. Any issues just drop is a line via the contact form below.. </div><div class="clear"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_6969769399834"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="img-with-aniamtion-wrap center" data-max-width="100%" data-max-width-mobile="default" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap"> 
          <div class="hover-wrap-inner">
            <img loading="lazy" decoding="async" class="img-with-animation skip-lazy " data-delay="0" height="1920" width="2560" data-animation="fade-in" src="https://www.digitalurban.org/wp-content/uploads/2019/12/IMG_1883-scaled-1.jpeg" alt="THE: eink Time Headlines and Environmental Data" srcset="https://www.digitalurban.org/wp-content/uploads/2019/12/IMG_1883-scaled-1.jpeg 2560w, https://www.digitalurban.org/wp-content/uploads/2019/12/IMG_1883-scaled-1-300x225.jpeg 300w, https://www.digitalurban.org/wp-content/uploads/2019/12/IMG_1883-scaled-1-1024x768.jpeg 1024w, https://www.digitalurban.org/wp-content/uploads/2019/12/IMG_1883-scaled-1-768x576.jpeg 768w, https://www.digitalurban.org/wp-content/uploads/2019/12/IMG_1883-scaled-1-1536x1152.jpeg 1536w, https://www.digitalurban.org/wp-content/uploads/2019/12/IMG_1883-scaled-1-2048x1536.jpeg 2048w" sizes="auto, (max-width: 2560px) 100vw, 2560px" />
          </div>
        </div>
      </div>
    </div><div class="iwithtext"><div class="iwt-icon">  </div><div class="iwt-text"> <strong>Step Three &#8211; THE </strong><br />
Once you have the scripts to collect the feeds you needs to install the main script to run THE.<br />
Download THE_pi_what.py<br />
As with the other scripts, edit where indicated and add in your own MQTT details. Once edited, copy it across to your Pi with your other scripts.<br />
Finally you need the font and the background image:<br />
Download hm.ttf (the font)<br />
Download whatbackground.png<br />
These go in a new folder called &#8216;resources&#8217; inside the scripts folder you crearted on your pi &#8211; simply create the new folder and copy the files across. </div><div class="clear"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_696976939a6a7"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="iwithtext"><div class="iwt-icon">  </div><div class="iwt-text"> <strong>Step Four &#8211; Run the Scripts at Set Times.</strong><br />
The scripts run at set times on the pi via the cron service. To set this up, simply log into your pi via ssh and type</p>
<pre class="EnlighterJSRAW" data-enlighter-language="null">sudo crontab -e</pre>
<p>This sets up a new cron process &#8211; if asked select option &#8216;2&#8217; to edit with nano &#8211; copy the following into the cron file and save (cntl x).</p>
<pre class="EnlighterJSRAW" data-enlighter-language="null">*/5 * * * * python3 /home/pi/scripts/timetomqtt.py
*/12 * * * * python3 /home/pi/scripts/rsstomqtt.py
*/18 * * * * python3 /home/pi/scripts/darkskytomqtt.py
@reboot sleep 10 &amp;&amp; python3 /home/pi/scripts/THE_pi_what.py
*/60 * * * * sudo reboot</pre>
<p>&nbsp;<br />
The scripts run at set times &#8211; change them to any time to wish. We reboot the pi every hour to keep things fresh &#8211; this is not required and we know it is not the best of practice but we have found it keeps things running for our purposes. </div><div class="clear"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_696976939ac2d"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="iwithtext"><div class="iwt-icon">  </div><div class="iwt-text"> <strong>Step Five</strong><br />
Reboot your Pi and sit back and wait  &#8211; your feeds will appear according the time intervals you set in your cron scripts.<br />
You can edit the files and add as many sources of information as you like.<br />
Do let us know if you make one, edit any scripts or remix the case. </div><div class="clear"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
<p>The post <a href="https://www.digitalurban.org/blog/2020/04/10/the/">Make an eInk MQTT Reader for the Time, News and Environmental Data</a> appeared first on <a href="https://www.digitalurban.org">Digital Urban</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
