{"id":15,"date":"2016-03-18T18:14:52","date_gmt":"2016-03-18T22:14:52","guid":{"rendered":"https:\/\/ece454designprojects.scranton.edu\/foginator\/?page_id=15"},"modified":"2021-05-24T15:07:16","modified_gmt":"2021-05-24T19:07:16","slug":"android-studio-design-for-project","status":"publish","type":"page","link":"https:\/\/ece454designprojects.scranton.edu\/foginator\/android-studio-design-for-project\/","title":{"rendered":"HTML design for project"},"content":{"rendered":"<p>The Foginator project sounds good in theory, but how do we know if it is working? \u00a0To track the various inputs and outputs of the Foginator system as well as various data from the sensors and camera used within our data algorithms.<\/p>\n<p><strong>Step 1: Data Collection<\/strong><\/p>\n<p>The first step in the process of building a user interface is the retrieval of the data. \u00a0This is done through programming on the arduino which will read and right to the various I\/O located within the Foginator. \u00a0To read more about how this is done visit our<strong> *********page*********** and*******link it************<\/strong><\/p>\n<p><strong>Step 2: Communicating the Data to the Server<\/strong><\/p>\n<p>Once the data has been acquired the arduino will send the information over an I2C protocol to the raspberry pi server. \u00a0The communication will be controlled through the following python file.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-116\" src=\"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/read_data-1.png\" alt=\"read_data\" width=\"513\" height=\"876\" srcset=\"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/read_data-1.png 513w, https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/read_data-1-176x300.png 176w\" sizes=\"auto, (max-width: 513px) 100vw, 513px\" \/><\/p>\n<p><strong>Step 3: Taking a Picture with the Raspberry Pi<\/strong><\/p>\n<p>The algorithms we wish to use will not only use the newly acquired data, but will also utilize photos taken from the raspberry pi. \u00a0To take a continuous images with the raspberry pi one uses the following script.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-117\" src=\"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/cam_capture.png\" alt=\"cam_capture\" width=\"256\" height=\"358\" srcset=\"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/cam_capture.png 256w, https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/cam_capture-215x300.png 215w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/p>\n<p>There are many additional variables that can change to help capture perfect images.<\/p>\n<p><strong>Step 4: Combining the Images into an html\u00a0File<\/strong><\/p>\n<p>Raspberry pi&#8217;s can host simple servers with a single command. \u00a0To utilize this to our advantage one can simply build a python script that will return the necessary html\u00a0file updates the website every thirty seconds. \u00a0The python script can be seen below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-120\" src=\"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/test_1.png\" alt=\"test_1\" width=\"602\" height=\"506\" srcset=\"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/test_1.png 863w, https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/test_1-300x252.png 300w, https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/test_1-768x646.png 768w, https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/test_1-676x569.png 676w\" sizes=\"auto, (max-width: 602px) 100vw, 602px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-121\" src=\"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/test_2.png\" alt=\"test_2\" width=\"597\" height=\"668\" srcset=\"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/test_2.png 597w, https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/test_2-268x300.png 268w\" sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/><\/p>\n<p><strong>Step 5: Viewing the Webpage:<\/strong><\/p>\n<p>The files above come together to form a website that displays the image being received from the raspberry pi as well as the I\/O from the arduino. \u00a0an example image can be seen below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-152\" src=\"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/WebsiteScreenshot.jpg\" alt=\"WebsiteScreenshot\" width=\"1280\" height=\"960\" srcset=\"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/WebsiteScreenshot.jpg 1280w, https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/WebsiteScreenshot-300x225.jpg 300w, https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/WebsiteScreenshot-768x576.jpg 768w, https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/WebsiteScreenshot-1024x768.jpg 1024w, https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-content\/uploads\/sites\/17\/2016\/03\/WebsiteScreenshot-676x507.jpg 676w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Foginator project sounds good in theory, but how do we know if it is working? \u00a0To track the various inputs and outputs of the Foginator system as well as various data from the sensors and camera used within our data algorithms. Step 1: Data Collection The first step in the process of building a [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry","post-preview"],"_links":{"self":[{"href":"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":10,"href":"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-json\/wp\/v2\/pages\/15\/revisions\/208"}],"wp:attachment":[{"href":"https:\/\/ece454designprojects.scranton.edu\/foginator\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}