{"id":302,"date":"2017-10-11T14:39:17","date_gmt":"2017-10-11T18:39:17","guid":{"rendered":"http:\/\/www.matthewmosher.org\/studentwork\/?p=302"},"modified":"2017-10-11T14:40:16","modified_gmt":"2017-10-11T18:40:16","slug":"clocks","status":"publish","type":"post","link":"https:\/\/mosher.art\/studentwork\/university-of-central-florida\/clocks\/","title":{"rendered":"Clocks"},"content":{"rendered":"<p>For our final project you need to design a clock for a particular type of person. \u00a0The target audience for the clock is up to you. \u00a0The unique thing about this clock is that it cannot include any numbers or letters, so you need to think creatively about how to visually represent time data. \u00a0Since we will be using Processing to develop these clocks, you can think of this as a high fidelity implementation prototype mixed with a bit of a look and feel prototype, at least as far as the display is concerned. \u00a0Clock is a bit vague, so you should identify for yourself if you will be making a wrist watch, a desk clock, a mobile clock app, or a wall clock. \u00a0Whichever you choose, you do not need to design the physical components of the system (like a strap, mount, box, or phone), just the screen part.<\/p>\n<p>n00b mission:<\/p>\n<ul>\n<li>design a clock<\/li>\n<li>that does not include numbers or letters<\/li>\n<li>that updates and shows second by second progress through time<\/li>\n<li>that includes\u00a0your name in the comments at the top of the code file<\/li>\n<li>that has \u00a0a target user &#8211; include a description of this user and the role the clock plays in their life in the comments at the top of your code<\/li>\n<li>where the size of your clock should depend on the format, so a watch would be 200x200ish, a desk clock 700x200ish, an app 640x480ish, a wall clock 1080x1080ish, etc.<\/li>\n<\/ul>\n<p>l33t mission:<\/p>\n<ul>\n<li>meets all the requirements for the n00b mission<\/li>\n<li>that allows for setting an alarm by mouse clicking somewhere in the display, this should be intuitive and clearly represented<\/li>\n<li>that has a signifier showing the alarm is set<\/li>\n<li>that plays \u00a0a sound when the alarm time is reached<\/li>\n<\/ul>\n<p>In terms of grading, I will be looking at the rubric in the context of the following parameters:<\/p>\n<ul>\n<li>Requirements: \u00a0Clock doe snot include numbers or letters. \u00a0Includes your name and target user in code comments.<\/li>\n<li>Technique: Code runs, shows current time including seconds, code is well commented.<\/li>\n<li>Concept: Target users clearly defined. \u00a0Target user is specific (not all people).<\/li>\n<li>Aesthetics: Project has good composition and uses complex colors: fill(0), stroke(255), fill(255, 0, 0) are not complex, \u00a0fill(237, 109, 33) is.<\/li>\n<li>Interaction: \u00a0Idea is unique and original (beyond an everyday analog clock). \u00a0Alarm, if implemented, is intuitive.<\/li>\n<\/ul>\n<p>Name your sketch Clock<em>YourName<\/em>, and upload a zip archive of your sketch folder here.<\/p>\n<p><a href=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock1.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-303\" src=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock1.gif\" alt=\"\" width=\"482\" height=\"319\" \/><\/a><a href=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock10.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-312\" src=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock10.gif\" alt=\"\" width=\"472\" height=\"693\" \/><\/a> <a href=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock9.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-311\" src=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock9.gif\" alt=\"\" width=\"691\" height=\"692\" \/><\/a> <a href=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock8.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-310\" src=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock8.gif\" alt=\"\" width=\"632\" height=\"472\" \/><\/a> <a href=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock7.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-309\" src=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock7.gif\" alt=\"\" width=\"795\" height=\"791\" \/><\/a> <a href=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock6.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-308\" src=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock6.gif\" alt=\"\" width=\"634\" height=\"476\" \/><\/a> <a href=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock5.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-307\" src=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock5.gif\" alt=\"\" width=\"1005\" height=\"474\" \/><\/a> <a href=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock3.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-305\" src=\"http:\/\/www.matthewmosher.org\/studentwork\/wp-content\/uploads\/2017\/10\/clock3.gif\" alt=\"\" width=\"634\" height=\"468\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For our final project you need to design a clock for a particular type of person. \u00a0The target audience for the clock is up to you. \u00a0The unique&#8230;<\/p>\n","protected":false},"author":1,"featured_media":303,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20,6],"tags":[40,65,51,33],"class_list":["post-302","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dig2500","category-university-of-central-florida","tag-4d","tag-lower-level","tag-processing","tag-undergraduate"],"_links":{"self":[{"href":"https:\/\/mosher.art\/studentwork\/wp-json\/wp\/v2\/posts\/302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mosher.art\/studentwork\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mosher.art\/studentwork\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mosher.art\/studentwork\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mosher.art\/studentwork\/wp-json\/wp\/v2\/comments?post=302"}],"version-history":[{"count":4,"href":"https:\/\/mosher.art\/studentwork\/wp-json\/wp\/v2\/posts\/302\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/mosher.art\/studentwork\/wp-json\/wp\/v2\/posts\/302\/revisions\/316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mosher.art\/studentwork\/wp-json\/wp\/v2\/media\/303"}],"wp:attachment":[{"href":"https:\/\/mosher.art\/studentwork\/wp-json\/wp\/v2\/media?parent=302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mosher.art\/studentwork\/wp-json\/wp\/v2\/categories?post=302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mosher.art\/studentwork\/wp-json\/wp\/v2\/tags?post=302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}