2014/03 Developing Interactive Systems @ Tallinn University

In March 2014, I taught the 28 hour Developing Interactive Systems course, part of Human Computer Interaction MA of Tallinn University. The course focused on mobile development with openFrameworks and iOS.

Photos and videos from the course:

</p> <span id="more-2390"></span> <h2 class="wp-block-heading">Introduction</h2> <p>My teaching blog:</p> <ul class="wp-block-list"><li><a href="http://mlab.taik.fi/mediacode/">http://mlab.taik.fi/mediacode/</a></li></ul> <p>Getting started with iOS development:</p> <ul class="wp-block-list"><li><a href="http://mlab.taik.fi/mediacode/archives/1652">http://mlab.taik.fi/mediacode/archives/1652</a></li></ul> <p>About openFrameworks:</p> <ul class="wp-block-list"><li><a href="http://www.openframeworks.cc/">http://www.openframeworks.cc/</a></li></ul> <p>More on oF, C++, Xcode:</p> <ul class="wp-block-list"><li><a href="http://mlab.taik.fi/mediacode/archives/994">http://mlab.taik.fi/mediacode/archives/994</a></li></ul> <p>Introduction to programming (focuses on Processing):</p> <ul class="wp-block-list"><li><a href="https://docs.google.com/presentation/d/1YvVGOzVDNIXJpfKg19azuR217DdTcjPn23wA-VkvU9Q/edit?usp=sharing">Google presentation for the Software Studies course at Aalto University</a></li></ul> <p>Bibliography:</p> <ul class="wp-block-list"><li><a href="http://shop.oreilly.com/product/0636920021735.do">Noble, Joshua (2012) Programming Interactivity (2nd Edition), O’Reilly Media</a></li></ul> <h2 class="wp-block-heading">Program</h2> <ul class="wp-block-list"><li>Session 1 – 22/03/2014 – Introduction and developer registration</li><li>Session 2 – 23/03/2014 – Text</li><li>Session 3 – 24/03/2014 – Generative graphics; multi-touch; accelerometer</li><li>Session 4 – 26/03/2014 – Bitmap image</li><li>Session 5 – 27/03/2014 – Video; sound; project proposal presentations</li><li>Session 6 – 30/03/2014 – Classes; GUI; project supervision</li><li>Session 7 – 31/03/2014 – Project presentations</li></ul> <h2 class="wp-block-heading">Project proposals and presentation</h2> <p><strong>Schedule:</strong></p> <ul class="wp-block-list"><li>On 27/March, you will present your project proposals.</li><li>On 30/March, I will see your work in progress, and offer assistance, if necessary.</li><li>On 31/March, you will present your projects.</li></ul> <p><strong>Theme of the project:</strong></p>  <ul class="wp-block-list"><li>The project can be any mobile application.</li><li>Many of the exercises under examples > ios folder in openFrameworks are a good representation of the techniques we are learning in the course, and can be used for inspiration.</li><li>Also check other oF resources, such as the oF Forum. The Forum is very rich on information and resources, and has a dedicates iOS section.</li><li>In your project, you will probably have to mix parts of these exercises, and the exercises done during the classes.</li><li>You might choose to use any other platform/technology for your project, but I might not be able to provide support in that case.</li></ul> <p><strong>How to present the project proposals (27/March):</strong></p> <ul class="wp-block-list"><li>Present your concept using wireframes (see links below), and a project synopsis (a summary, 2-3 paragraphs of text).</li><li>I would like something closer to high-fidelity than low-fidelity wireframes (check Wikipedia link below for distinction).</li><li>If your wireframes are low-fidelity, you should convey a visual character for the project, for example using mood boards:<br><a href="http://en.wikipedia.org/wiki/Mood_board">http://en.wikipedia.org/wiki/Mood_board<br></a>(there are many more resources on the web and mobile regarding mood boards)</li><li>Then publish all these elements (synopsis, high-fidelity wireframes, or low-fidelity wireframes + mood board) somewhere on the web.</li><li>Add a URL to those materials as a comment to this post (see “comment” box below). Ideally, the materials should be easily accessible online (for example, a webpage / blog post / Google Doc / SlideShare), not a downloadable file.</li></ul> <p><strong>About the final project presentation (31/March):</strong></p> <ul class="wp-block-list"><li>Please be realistic regarding what you plan to present 31/March.</li><li>In the project synopsis, explain how far the project will be implemented by 31/March.</li><li>It is OK to present a project prototype on 31/March, but it should be interactive.</li><li>You can also see it as a beta or “version 0.1” of a project, which is getting closer to a final release (this is more developed than a prototype in my opinion, therefore preferable).</li><li>If what will be presented in 31/March is only an early stage of something else (a prototype, a beta) you should indicate a clear path to its development in the future (meaning, it has to be something feasible anyway).</li></ul> <p><strong>Wireframe links:</strong></p> <ul class="wp-block-list"><li>About wireframes (Wikipedia):<br><a href="http://en.wikipedia.org/wiki/Website_wireframe">http://en.wikipedia.org/wiki/Website_wireframe</a></li><li>Mockingbird – online wireframe tool:<br><a href="https://gomockingbird.com/">https://gomockingbird.com/</a></li><li>Balsamiq – rapid wireframing tool:<br><a href="http://balsamiq.com/">http://balsamiq.com/</a></li><li>35 Wireframe resources:<br><a href="http://www.smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources/">http://www.smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources/</a></li><li>10 useful iOS developer resources:<br><a href="http://www.maclife.com/article/feature/10_useful_resources_every_ios_developer">http://www.maclife.com/article/feature/10_useful_resources_every_ios_developer</a></li><li>Wireframe apps for iPad:<br><a href="http://apple.stackexchange.com/questions/14324/wireframe-ios-design-apps-for-ipad">http://apple.stackexchange.com/questions/14324/wireframe-ios-design-apps-for-ipad</a></li><li>On iPhone and iPad mockups:<br><a href="http://www.iosdevnotes.com/tag/mockups/">http://www.iosdevnotes.com/tag/mockups/</a></li><li>10 Free wire framing tools for designers:<br><a href="http://mashable.com/2010/07/15/wireframing-tools/">http://mashable.com/2010/07/15/wireframing-tools/</a></li><li>POP – Prototyping on Paper:<br><a href="https://itunes.apple.com/us/app/pop-prototyping-on-paper/id555647796">https://itunes.apple.com/us/app/pop-prototyping-on-paper/id555647796</a></li></ul> <h2 class="wp-block-heading">Preparation for project</h2> <ul class="wp-block-list"><li>Redo exercises from previous programming course (Java)</li><li>Redo exercises done until now, changing them slightly according to your own explorations</li><li>Run several (or all) examples from the examples > ios folder in openFrameworks, to get an idea of what can be done and what you can reuse</li><li>Get the suggested book (<a href="http://shop.oreilly.com/product/0636920021735.do">Noble, Joshua (2012) Programming Interactivity (2nd Edition), O’Reilly Media</a>) and follow the relevant chapters</li><li>In general, check all the links suggested in the “Introduction” section of this post</li><li>In particular, check the tutorials sections of openFrameworks <a href="http://www.openframeworks.cc/tutorials/">http://www.openframeworks.cc/tutorials/</a></li><li>and also the openFrameworks “wiki” <a href="http://wiki.openframeworks.cc/">http://wiki.openframeworks.cc/</a></li><li>Search with terms “openframeworks ios tutorials” and “openframeworks tutorials”, you will find many materials</li></ul> </div> </div> <div class="section-inner"> <div class="post-meta-wrapper post-meta-single post-meta-single-bottom"> <ul class="post-meta"> <li class="post-tags meta-wrapper"> <span class="meta-icon"> <span class="screen-reader-text">Tags</span> <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path fill="" d="M15.4496399,8.42490555 L8.66109799,1.63636364 L1.63636364,1.63636364 L1.63636364,8.66081885 L8.42522727,15.44178 C8.57869221,15.5954158 8.78693789,15.6817418 9.00409091,15.6817418 C9.22124393,15.6817418 9.42948961,15.5954158 9.58327627,15.4414581 L15.4486339,9.57610048 C15.7651495,9.25692435 15.7649133,8.74206554 15.4496399,8.42490555 Z M16.6084423,10.7304545 L10.7406818,16.59822 C10.280287,17.0591273 9.65554997,17.3181054 9.00409091,17.3181054 C8.35263185,17.3181054 7.72789481,17.0591273 7.26815877,16.5988788 L0.239976954,9.57887876 C0.0863319284,9.4254126 0,9.21716044 0,9 L0,0.818181818 C0,0.366312477 0.366312477,0 0.818181818,0 L9,0 C9.21699531,0 9.42510306,0.0862010512 9.57854191,0.239639906 L16.6084423,7.26954545 C17.5601275,8.22691012 17.5601275,9.77308988 16.6084423,10.7304545 Z M5,6 C4.44771525,6 4,5.55228475 4,5 C4,4.44771525 4.44771525,4 5,4 C5.55228475,4 6,4.44771525 6,5 C6,5.55228475 5.55228475,6 5,6 Z" /></svg> </span> <span class="meta-text"> <a href="https://teaching.nunocorreia.com/tag/tallinn-university/" rel="tag">Tallinn University</a> </span> </li> </ul> </div> </div> <nav class="pagination-single section-inner" aria-label="Post" role="navigation"> <hr class="styled-separator is-style-wide" aria-hidden="true" /> <div class="pagination-single-inner"> <a class="previous-post" href="https://teaching.nunocorreia.com/201402-avvx-audiovisual-exchange-workshop-helsinki-report/"> <span class="arrow" aria-hidden="true">←</span> <span class="title"><span class="title-inner">2014/02 AVVX – Audiovisual Exchange workshop (Helsinki) report</span></span> </a> <a class="next-post" href="https://teaching.nunocorreia.com/201403-multitouch-interaction-media-lab-helsinki/"> <span class="arrow" aria-hidden="true">→</span> <span class="title"><span class="title-inner">2014/03 Multitouch Interaction @ Aalto Media Lab</span></span> </a> </div> <hr class="styled-separator is-style-wide" aria-hidden="true" /> </nav> <div class="comments-wrapper section-inner"> <div class="comments" id="comments"> <div class="comments-header section-inner small max-percentage"> <h2 class="comment-reply-title"> 19 replies on “2014/03 Developing Interactive Systems @ Tallinn University” </h2> </div> <div class="comments-inner section-inner thin max-percentage"> <div id="comment-16" class="comment even thread-even depth-1"> <article id="div-comment-16" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/672beee0dd67fe72256481edb7d1a3d7?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' /><span class="fn">Taavi Karotamm</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-16"><time datetime="2014-03-26T21:51:24+00:00" title="March 26, 2014 at 9:51 pm">March 26, 2014 at 9:51 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p><a href="http://studyblogimke12.wordpress.com/2014/03/26/developing-interactive-systems-project-proposal/" rel="nofollow ugc">http://studyblogimke12.wordpress.com/2014/03/26/developing-interactive-systems-project-proposal/</a></p> </div> </article> </div> <div id="comment-17" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-17" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <a href="http://www.bambusekd.wordpress.com/" rel="external nofollow" class="url"><img alt='' src='https://secure.gravatar.com/avatar/b0c0d4399ab850240d91a29256a425c8?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">David Bambušek</span><span class="screen-reader-text says">says:</span></a> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-17"><time datetime="2014-03-27T01:22:16+00:00" title="March 27, 2014 at 1:22 am">March 27, 2014 at 1:22 am</time></a> </div> </footer> <div class="comment-content entry-content"> <p>This is my proposal for the final project: <a href="http://bambusekd.wordpress.com/2014/03/26/shepherd/" rel="nofollow ugc">http://bambusekd.wordpress.com/2014/03/26/shepherd/</a></p> </div> </article> </div> <div id="comment-18" class="comment even thread-even depth-1"> <article id="div-comment-18" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/56a40ecaf2ca3c7a656d2c7091a6f0d8?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Irina Ivanova</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-18"><time datetime="2014-03-27T01:59:07+00:00" title="March 27, 2014 at 1:59 am">March 27, 2014 at 1:59 am</time></a> </div> </footer> <div class="comment-content entry-content"> <p>My project proposal can be found here: <a href="http://tengira.wordpress.com/2014/03/26/developing-interactive-systems-project-proposal/" rel="nofollow ugc">http://tengira.wordpress.com/2014/03/26/developing-interactive-systems-project-proposal/</a></p> </div> </article> </div> <div id="comment-19" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-19" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <a href="http://sustainablesoftwareappropriation.wordpress.com" rel="external nofollow" class="url"><img alt='' src='https://secure.gravatar.com/avatar/5ebc09059da3e279a21b784db804b670?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Arman Arakelyan</span><span class="screen-reader-text says">says:</span></a> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-19"><time datetime="2014-03-27T11:25:36+00:00" title="March 27, 2014 at 11:25 am">March 27, 2014 at 11:25 am</time></a> </div> </footer> <div class="comment-content entry-content"> <p>Project Proposal for the Sustain IT project: <a href="https://docs.google.com/presentation/d/1GczAjW8pyFautwaB3TeFqwiTZ2jWkngsKFH3m4gKCgw/edit#slide=id.p" rel="nofollow ugc">https://docs.google.com/presentation/d/1GczAjW8pyFautwaB3TeFqwiTZ2jWkngsKFH3m4gKCgw/edit#slide=id.p</a></p> </div> </article> </div> <div id="comment-20" class="comment even thread-even depth-1"> <article id="div-comment-20" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/433a12a1f1de6855145b5ae8f71bac02?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Tea Dickman</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-20"><time datetime="2014-03-27T11:55:41+00:00" title="March 27, 2014 at 11:55 am">March 27, 2014 at 11:55 am</time></a> </div> </footer> <div class="comment-content entry-content"> <p>Here is my proposal as for final project: <a href="https://teadblog.wordpress.com/2014/03/27/developing-interactive-systems-meditative-musical-coloring-book/" rel="nofollow ugc">https://teadblog.wordpress.com/2014/03/27/developing-interactive-systems-meditative-musical-coloring-book/</a></p> </div> </article> </div> <div id="comment-21" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-21" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/9cadfc4123675d0d0eebabc6abe71c72?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Taras Lehinevych</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-21"><time datetime="2014-03-27T13:24:16+00:00" title="March 27, 2014 at 1:24 pm">March 27, 2014 at 1:24 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p>proposal – <a href="https://docs.google.com/document/d/1FwExkKZTOlgzIU2j_-1WUAXJkG_09zIiCy4OmG_TAOE/edit?usp=sharing" rel="nofollow ugc">https://docs.google.com/document/d/1FwExkKZTOlgzIU2j_-1WUAXJkG_09zIiCy4OmG_TAOE/edit?usp=sharing</a></p> </div> </article> </div> <div id="comment-22" class="comment even thread-even depth-1"> <article id="div-comment-22" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/5008ce032b7094ed7be98a09cbaba687?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Hanna-Liisa Pender</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-22"><time datetime="2014-03-27T15:16:46+00:00" title="March 27, 2014 at 3:16 pm">March 27, 2014 at 3:16 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p>Project proposal for DIS course – <a href="https://docs.google.com/presentation/d/1NbpMsfmenza4n9t-uWz9ECXwQcKcyRcwpKG7v3OAxhg/edit?usp=sharing" rel="nofollow ugc">https://docs.google.com/presentation/d/1NbpMsfmenza4n9t-uWz9ECXwQcKcyRcwpKG7v3OAxhg/edit?usp=sharing</a></p> </div> </article> </div> <div id="comment-23" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-23" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/25e4381c2018c18c03974714b493b06b?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Ülleli</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-23"><time datetime="2014-03-27T15:21:18+00:00" title="March 27, 2014 at 3:21 pm">March 27, 2014 at 3:21 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p><a href="http://ulember.wordpress.com/2014/03/27/interactive-mobile-app-project-proposal/" rel="nofollow ugc">http://ulember.wordpress.com/2014/03/27/interactive-mobile-app-project-proposal/</a></p> </div> </article> </div> <div id="comment-24" class="comment even thread-even depth-1"> <article id="div-comment-24" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/7e78d0f350561d3be7d12db420db9ccf?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Jane</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-24"><time datetime="2014-03-27T15:42:51+00:00" title="March 27, 2014 at 3:42 pm">March 27, 2014 at 3:42 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p><a href="http://janehci.wordpress.com/2014/03/27/developing-interactive-systems-project-proposal/" rel="nofollow ugc">http://janehci.wordpress.com/2014/03/27/developing-interactive-systems-project-proposal/</a></p> </div> </article> </div> <div id="comment-25" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-25" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/c0706fc79b07774d821be1c68938567c?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Kärt</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-25"><time datetime="2014-03-27T16:09:04+00:00" title="March 27, 2014 at 4:09 pm">March 27, 2014 at 4:09 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p>Project proposal – <a href="http://mystudiesintlu.tumblr.com/post/80874865577/the-game-for-learning-voru-language" rel="nofollow ugc">http://mystudiesintlu.tumblr.com/post/80874865577/the-game-for-learning-voru-language</a></p> </div> </article> </div> <div id="comment-26" class="comment even thread-even depth-1"> <article id="div-comment-26" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/0fa426b1ea7db206030b6becc6711850?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Sofio</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-26"><time datetime="2014-03-27T16:12:45+00:00" title="March 27, 2014 at 4:12 pm">March 27, 2014 at 4:12 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p><a href="http://sofiogiorgadze.wordpress.com/2014/03/27/developing-interactive-systems-monty-hall-problem-tutorial/" rel="nofollow ugc">http://sofiogiorgadze.wordpress.com/2014/03/27/developing-interactive-systems-monty-hall-problem-tutorial/</a></p> </div> </article> </div> <div id="comment-27" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-27" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <a href="http://www.imajination.co" rel="external nofollow" class="url"><img alt='' src='https://secure.gravatar.com/avatar/af513432f463a350145bd2a7bdcc58b2?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Jinesh Parekh</span><span class="screen-reader-text says">says:</span></a> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-27"><time datetime="2014-03-27T16:17:45+00:00" title="March 27, 2014 at 4:17 pm">March 27, 2014 at 4:17 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p>Project Proposal: <a href="http://imajination.co/blog/developing-interactive-systems-project-proposal/" rel="nofollow ugc">http://imajination.co/blog/developing-interactive-systems-project-proposal/</a></p> </div> </article> </div> <div id="comment-28" class="comment even thread-even depth-1"> <article id="div-comment-28" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <a href="http://tluinformaticsmim.wordpress.com" rel="external nofollow" class="url"><img alt='' src='https://secure.gravatar.com/avatar/404bdd92a8943df2b3a2fdc83cd7bc2c?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Moldovan Marcel</span><span class="screen-reader-text says">says:</span></a> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-28"><time datetime="2014-03-27T16:21:02+00:00" title="March 27, 2014 at 4:21 pm">March 27, 2014 at 4:21 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p>My idea for an the Cities application: <a href="http://tluinformaticsmim.wordpress.com/2014/03/27/cities/" rel="nofollow ugc">http://tluinformaticsmim.wordpress.com/2014/03/27/cities/</a></p> </div> </article> </div> <div id="comment-29" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-29" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <a href="http://hci.mercer.ind.br" rel="external nofollow" class="url"><img alt='' src='https://secure.gravatar.com/avatar/a2b65c324b52c5fedf1df3d404fa0513?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Eduardo Mercer</span><span class="screen-reader-text says">says:</span></a> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-29"><time datetime="2014-03-27T16:21:16+00:00" title="March 27, 2014 at 4:21 pm">March 27, 2014 at 4:21 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p><a href="http://hci.mercer.ind.br/2014/03/galaxy-sound-music-game.html" rel="nofollow ugc">http://hci.mercer.ind.br/2014/03/galaxy-sound-music-game.html</a></p> </div> </article> </div> <div id="comment-30" class="comment even thread-even depth-1"> <article id="div-comment-30" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/7884d5a22bf83970801890251adb5198?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Natasha</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-30"><time datetime="2014-03-27T16:32:27+00:00" title="March 27, 2014 at 4:32 pm">March 27, 2014 at 4:32 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p><a href="http://proectdevinersys.blogspot.com/2014/03/development-interactive-systems.html" rel="nofollow ugc">http://proectdevinersys.blogspot.com/2014/03/development-interactive-systems.html</a></p> </div> </article> </div> <div id="comment-31" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-31" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/6e5956a473eb2cd3af5c593571eb66c7?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">George</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-31"><time datetime="2014-03-27T18:15:57+00:00" title="March 27, 2014 at 6:15 pm">March 27, 2014 at 6:15 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p><a href="https://docs.google.com/presentation/d/1Z0IA1LoWI25vME8PzyqfXfXEw2iz1WeLNnlj02i6M7Q/edit?usp=sharing" rel="nofollow ugc">https://docs.google.com/presentation/d/1Z0IA1LoWI25vME8PzyqfXfXEw2iz1WeLNnlj02i6M7Q/edit?usp=sharing</a></p> </div> </article> </div> <div id="comment-32" class="comment even thread-even depth-1"> <article id="div-comment-32" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/01fb84cb55e0eeab22b0ab990ab257f9?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Miikka Mäkitalo</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-32"><time datetime="2014-03-27T18:30:03+00:00" title="March 27, 2014 at 6:30 pm">March 27, 2014 at 6:30 pm</time></a> </div> </footer> <div class="comment-content entry-content"> <p>My proposal for the app:<br /> <a href="http://bit.ly/twubbles" rel="nofollow ugc">http://bit.ly/twubbles</a></p> </div> </article> </div> <div id="comment-33" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-33" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <a href="http://www.imajination.co" rel="external nofollow" class="url"><img alt='' src='https://secure.gravatar.com/avatar/af513432f463a350145bd2a7bdcc58b2?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">Jinesh Parekh</span><span class="screen-reader-text says">says:</span></a> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-33"><time datetime="2014-03-31T00:01:07+00:00" title="March 31, 2014 at 12:01 am">March 31, 2014 at 12:01 am</time></a> </div> </footer> <div class="comment-content entry-content"> <p>Final Project: <a href="http://imajination.co/blog/an-interactive-resume-with-ios-and-wordpress/" rel="nofollow ugc">http://imajination.co/blog/an-interactive-resume-with-ios-and-wordpress/</a></p> </div> </article> </div> <div id="comment-34" class="comment even thread-even depth-1"> <article id="div-comment-34" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/db2435eb67b2c501aad164c7150ea953?s=120&d=mm&r=g' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' /><span class="fn">ABDULLAH AL NOMAN</span><span class="screen-reader-text says">says:</span> </div> <div class="comment-metadata"> <a href="https://teaching.nunocorreia.com/201403-dis-hci-tlu/#comment-34"><time datetime="2014-04-01T10:22:38+00:00" title="April 1, 2014 at 10:22 am">April 1, 2014 at 10:22 am</time></a> </div> </footer> <div class="comment-content entry-content"> <p><a href="http://nomansjc.wordpress.com/2014/04/01/developing-interactive-systems-project-proposal/" rel="nofollow ugc">http://nomansjc.wordpress.com/2014/04/01/developing-interactive-systems-project-proposal/</a></p> </div> </article> </div> </div> </div> <hr class="styled-separator is-style-wide" aria-hidden="true" /> </div> </article> </main> <div class="footer-nav-widgets-wrapper header-footer-group"> <div class="footer-inner section-inner"> <aside class="footer-widgets-outer-wrapper" role="complementary"> <div class="footer-widgets-wrapper"> <div class="footer-widgets column-one grid-item"> <div class="widget widget_search"><div class="widget-content"><form role="search" method="get" class="search-form" action="https://teaching.nunocorreia.com/"> <label for="search-form-2"> <span class="screen-reader-text">Search for:</span> <input type="search" id="search-form-2" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form> </div></div> </div> <div class="footer-widgets column-two grid-item"> <div class="widget widget_links"><div class="widget-content"><h2 class="widget-title subheading heading-size-3">Bookmarks</h2> <ul class='xoxo blogroll'> <li><a href="https://github.com/aalto-mediacode">GitHub Teaching – Aalto</a></li> <li><a href="https://webmediadev.wordpress.com">JavaScript Tutorials</a></li> <li><a href="https://www.openprocessing.org/user/35357">OpenProcessing</a></li> </ul> </div></div> </div> </div> </aside> </div> </div> <footer id="site-footer" role="contentinfo" class="header-footer-group"> <div class="section-inner"> <div class="footer-credits"> <p class="footer-copyright">© 2024 <a href="https://teaching.nunocorreia.com/">Teaching</a> </p> <p class="powered-by-wordpress"> <a href="https://wordpress.org/"> Powered by WordPress </a> </p> </div> <a class="to-the-top" href="#site-header"> <span class="to-the-top-long"> To the top <span class="arrow" aria-hidden="true">↑</span> </span> <span class="to-the-top-short"> Up <span class="arrow" aria-hidden="true">↑</span> </span> </a> </div> </footer> <script src="https://stats.wp.com/e-202438.js" id="jetpack-stats-js" data-wp-strategy="defer"></script> <script id="jetpack-stats-js-after"> _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"195046969\",\"post\":\"2390\",\"tz\":\"0\",\"srv\":\"teaching.nunocorreia.com\",\"j\":\"1:13.8.1\"}") ]); _stq.push([ "clickTrackerInit", "195046969", "2390" ]); </script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>