{"id":86,"date":"2013-10-13T21:43:40","date_gmt":"2013-10-13T21:43:40","guid":{"rendered":"http:\/\/blog.scad.edu\/ascarb21\/?p=86"},"modified":"2013-10-13T21:43:40","modified_gmt":"2013-10-13T21:43:40","slug":"action-plan","status":"publish","type":"post","link":"https:\/\/itgm-thesis.aliciascarborough.com\/blog\/2013\/10\/13\/action-plan\/","title":{"rendered":"Action Plan"},"content":{"rendered":"

The visual portion of my thesis will be an application that allows the user to build a web page with a simple design with voice commands on their mobile devices.The targeted platform for now will be the Android platform. However the option of using phonegap <\/a>is also on the table. A desktop version would be nice to have but will require additional research into Google’s Web Speech API http:\/\/www.google.com\/intl\/en\/chrome\/demos\/speech.html<\/a>. So with that in mind I will be focusing on developing for an android device to keep the scope of this project manageable.<\/p>\n

How does this relate to complexity of web design? This is my way of proving that the first steps of using something new must start out simple. If trying to achieve a more rich and vibrant design then it can rather frustrating for the user because of the necessary steps needed to accomplish that design.<\/p>\n

The targeted audience will be male and female who are in their twenties to mid forties. Their knowledge of web design is basic but they would like to learn more or at least have something that is easy to use so that they can build a simple web page fast. They would have some experience working with smartphones and\/or microphones.<\/p>\n

Using voice commands to build a web page is rather new. There are already programs out there but one must know the code language syntax to build those pages which pretty much leaves the rest of the interested viewers out of the mix because they do not know that syntax of the code language.<\/p>\n

By building this application it will allow people who are interested in creating web pages slowly learn the lingo as the application takes care of the code language behind the scene based on specific keywords that the user says to the application.<\/p>\n

As the voice command web page builder application evolves then so does its abilities to handle more complex web designs and commands. Just like CSS (and other technologies) it started out with limited abilities and gained additional abilities over time; CSS used to just be able to affect the background color, font color, type of font used and a few other properties. It did not have the ability to position elements on a web page until CSS 2.1; websites relied on heavy images, image maps and tables to get a certain look until CSS could provide more capabilities.<\/em><\/span><\/p>\n

Onward to the plan!<\/p>\n

Research | Studio 1-2<\/h5>\n

The research portion is technically two fold. One will be showing the correlation between the web technologies, such as flash, and the evolution of the web design. This part should be completed by the end of Studio I however it will be kept open just in case anything new is discovered.<\/p>\n

The other part of research will be into PhoneGap and the Android platform. It will mostly be learning how to code the voice part and have it recognized by the application. The other functions that build certain part of the web page will be stubbed out. It is merely figuring out the necessary syntax for PhoneGap\/the Android platform. This portion will be ongoing through Studio 1 and Studio 2. Near the end of Studio 2 it is my hopes that the need for further research will be unnecessary however it will be kept open just in case.<\/p>\n

Prototype | Studio 1-2<\/h5>\n
Phase 1 – paper prototype<\/h6>\n

The first iteration of the prototype will be a paper prototype. This will allow me to identify which verbal commands that people are expecting to use when they tell a device to do something. No use of voice technology here but mainly my note taking during the prototype testing phase to find out which keywords are used most and are the most natural.<\/p>\n

Goals of the prototype:<\/strong><\/p>\n

    \n
  1. Find out what keywords that people are expecting to use<\/li>\n
  2. Determine if certain web lingo for building webpages would be too confusing or if it would be adapted easily by the user.<\/li>\n
  3. See if the suggested interface needs improvement; the user will usually give some sort of indication that the interface is good or not.<\/li>\n<\/ol>\n
    Phase 2 – updated paper prototype<\/h6>\n

    Make corrections to the paper prototype based on the feedback from the users and the observations. Set up another test session with the users to see how they re-act to the second prototype with the set commands and tweaked interface. Notes will be taken to keep track of the suggested changes and the areas that should stay the same.<\/p>\n

    Phase 3 – digital prototype (start of building the actual project)<\/h6>\n

    Here is where the introduction of the voice commands will happen. Instead of moving paper elements around for the user from their voice commands they will be able to speak into a microphone to build a very simple page with a header, paragraph and an image. Observation notes will be taken in regards to the user’s reaction to the voice commands and how successful the program was able to understand those commands. After the test tweaks will be made to make it easier for the user to get their commands across to the application. The location of the digital portion will either be on a test mobile device or online. To keep the test data results in tune with one another it probably will be on a test device.<\/p>\n

    Continue testing this application until the application has a minimal amount of bugs and allows the user to build a page with little to no problems at all with the voice commands.<\/p>\n

    Keep screenshots to demonstrate the evolution of the application as the voice commands become more precise and the available design elements grow.<\/p>\n

    Other Assets<\/h5>\n

    Wireframes are needed for the visual portion\/layout of the application.<\/p>\n

    Test plan will be needed so that the users will have similar commands with one another while using the paper and digital prototypes.<\/p>\n

    Final Design | Studio 2<\/h5>\n

    By the end of Studio 2 the final design will be completed for the application. The inner workings of the application will still be refined to address any issues that came up during testing.<\/p>\n

    Polish | Thesis Course<\/h5>\n

    In this class the application is at the point where it can allow a user to build a simple web page by using voice commands on an android mobile device. It is here that I will take the evolutionary screenshots and notes to combine with the other part of my thesis in regards to the complexity of web design is based on the rise and fall of technology like CSS, HTML, JS and others.<\/p>\n

    Any outstanding bugs that were left over from the previous studio classes will be addressed here as well.<\/p>\n","protected":false},"excerpt":{"rendered":"

    The visual portion of my thesis will be an application that allows the user to build a web page with a simple design with voice commands on their mobile devices.The targeted platform for now will be the Android platform. However…<\/p>\n

    Read more →<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29,13,14],"tags":[33],"class_list":["post-86","post","type-post","status-publish","format-standard","hentry","category-action-plan","category-project-b","category-project-c","tag-action-plan"],"_links":{"self":[{"href":"https:\/\/itgm-thesis.aliciascarborough.com\/blog\/wp-json\/wp\/v2\/posts\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itgm-thesis.aliciascarborough.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itgm-thesis.aliciascarborough.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itgm-thesis.aliciascarborough.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itgm-thesis.aliciascarborough.com\/blog\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":0,"href":"https:\/\/itgm-thesis.aliciascarborough.com\/blog\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"wp:attachment":[{"href":"https:\/\/itgm-thesis.aliciascarborough.com\/blog\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itgm-thesis.aliciascarborough.com\/blog\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itgm-thesis.aliciascarborough.com\/blog\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}