Stream B – Stroke App

What is it?

  • iPad app (iOS) for stroke patients
  • For those suffering with Ischaemic stroke which led to aphasia
  • For users who’s levels of language and sentence construction is impaired
  • text-to-speech / Speech-to-text (Microphone)
  • Built-in siri system
  • Custom keyboard with a contrasting design
  • Built-in Preset words and sentences
  • Save your own words/sentences in different tabs

Use Case Diagram / Sequence Diagram / Class Diagram

Wireframes

This slideshow requires JavaScript.

as seen on the diagrams and wireframes, the app is very simple and easy to use, it has no complicating options so that stroke patients had no troubles or difficulties using the app, it is a straight forward app, easy to use and easy to navigate.

Object Oriented Programming Terms

  • Classes – Used to represent data or object types
  • Inheritance – Used to create relationships
  • Polymorphism – Having many forms; giving classes the ability to respond to identical messages in different ways

Swift/XCode

This app would be made in Xcode using swift.

Xcode gives you a lot of help with swift which is located in the Help section, where it has codes written for you. Xcode is an official software made by apple, it is made for professional developers but also friendly with beginners, this can be seen in the xcode lessons I took earlier: https://demroger10.wordpress.com/2015/11/18/using-xcode-word-collage/

Xcode uses a coding language called Swift which is quite new, and most developers have good things to say about it, it is an improved version of Objective-C.

References

Msdn.microsoft.com, (2015). UML Class Diagrams: Guidelines. [online] Available at: https://msdn.microsoft.com/en-us/library/dd409416.aspx [Accessed 14 Dec. 2015].

Usabilityfirst.com, (2015). Usability First – Introduction to User-Centered Design | Usability First. [online] Available at: http://www.usabilityfirst.com/about-usability/introduction-to-user-centered-design/ [Accessed 14 Dec. 2015].

McKay, V. (2016). What is Object Oriented Design? (OOD) | Process Maturity | FAQ. [online] Selectbs.com. Available at: http://www.selectbs.com/process-maturity/what-is-object-oriented-design [Accessed 6 Jan. 2016].

Advertisements
Stream B – Stroke App

Stream A – History of Lies

History of Lies Brief

For the History of Lies brief I had an idea to make something gamified. My first thoughts about the app were:

  • Needs to be fun, engaging and competitive
  • Very simple and easy design for faster navigation under pressure
  • Interactive with reality
  • Appropriate for all
  • Must be an app for a museum.
  • The app will be educational with gamification elements, it will have a scoring system based on what the user has collected in a specific time, with sound effects to make the user more engaged in the app.
  • The app must be about WW1 and WW2.
  • Prize at the end which you collect from the gift shop.

The app will use filtered view for tablets with a side bar for quick navigation

1

 

 

 

 

The app will use nested doll layout for smartphones without a side bar.

2

Because I want the app to be very easy to use and user friendly, I will make navigation as easy as possible to make the use of the app very quick. This will be done by implementing a sidebar.

4

It will have 5 pages in total as shown above.

3

Logo Ideas

5

Above is a sketch of my interface that i decided to work with, after receiving feedback, this was the most suitable design idea for my app. Below that are some logo ideas, because the app is for iOS, the logos are rounded squares, the 2 on the right had very good feedback, so I would have to collect more feedback based on quantity.

  • The app colours will be maximum 3 sets of colours with different sets of shades
  • Fonts used will be western-like for title/headings and simple font for descriptions
  • Logo will have some graphics related to war such as planes or searchlights

Requirements

  • The app will need to work smoothly on both Android and iOS devices (Smartphones and Tablets).
  • Devices will need a back/front camera and/or NFC with GPS
  • App will only work in landscape mode for tablets and both for smartphone
  • Supports all screen sizes and most update versions of devices.
  • App will be small in size so there are no lags or crashes due to ram.
  • App is built for touch devices only.
  • Compressed music/war sounds (MP3).
  • A world war museum

User Testing

The user testing for data gathering I would use is Focus Groups, as it is one of the best ways to gather information while the app is being tested. This is done by watching and interviewing the user while using the app.

Why App?

  • Able to use offline as it is stored in your device
  • Less battery consumption
  • No loading times

Wireframes

6

This wireframe is of the home screen done in Balsamiq.

This slideshow requires JavaScript.

This wireframe was done in Lucidchart with all pages.

Framework

I plan on using a web-based framework – Appfurnace because:

  • The easiest and most complex way to build propaganda Museum is with a web-based framework.
  • Appfurnace is one of the most user friendly framework which is perfect for small projects.
  • It makes it easier to begin with as it supports JavaScript and HTML5.
  • You can see immediate changes by testing the app on your device or the emulator.
  • Supports iOS and Android.

Appfurnace VS MIT App Inventor

  • Compared to MIT App Inventor it gives you more freedom with coding as with MIT all the coding is done by drag and drop (for amateurs)
  • Appfurnace supports both Android and iOS compared to MIT app inventor only supports Android
  • Appfurnace gives you more freedom with the design and how you want to arrange things, it is more user friendly.

Future Proofing

  • Because it is an app, it will support updates
  • NFC has not been out for long, this is why the app is updated with the new feature of NFC
  • The app can use facial recognition in the future for different activities

Conclusion

Overall the app idea is stable, but design wise there can be improvements and minor changes, the app is not something you get everyday, it not only makes you engage with the environment but also people. With testing and feedback the app could be finalized.

Stream A – History of Lies

Talkie App Design Brief

For the client we are designing an Ipad app which uses audio to improve language development for stroke patients with aphasia. The app is being designed for those who have had Ischaemic stroke, It is for users who’s levels of language and sentence construction is impaired.

This app will be suitable to use both indoors and outdoors, it does not need to be limited with stroke patients but can also be used with patients of other speech impairments and disabilities.

The app will feature preset sentences and words which are most commonly used in a day, a custom keyboard which will be visually easy to see, with suggestions and a “Talk” button to speak whatever you have typed or selected. It will also have a “Listen” which when pressed, will recognise what the user is saying and construct it to make sense of it.

The app will let you save words and sentences that you have made, it will also have a history and a “most used” section. The app will give you the ability to change colours and voice tones, pitch, ect. All words will be coloured differently depending if it is a noun, verb, ect.

 

System Requirements

  1. The system should be an iPad app  (iOS) for stroke patients
  2. The system is for those who have had Ischaemic stroke, it is for users who’s levels of language and sentence construction is impaired so it a combination of multimedia, particularly audio
  3. The system uses speech-to-text and text-to-speech (Microphone)
  4. The system user interfaces will employ zooming in and out, contrast and colours and outlines of words.
  5. Built-in siri system
  6. Custom keyboard with a contrasting design with  “Talk” and “Speak” buttons
  7. Give the user the ability to save and delete certain words or sentences
  8. Load or create your own categorised tabs, preset are available.
Talkie App Design Brief

Verbally App Review

Verbally is an easy-to-use communication app for the iPad, it helps those who are not able to communicate properly, to communicate in real life, with it’s simple design. You tap a word or sentence and it will speak for you, it is a perfect app for stroke patients suffering from expressive Aphasia.

Screen Shot 2015-11-18 at 12.50.42.png Screen Shot 2015-11-18 at 12.51.50.png

The words are all coloured based on the first letter, it gives you the option to add words or sentences and the text-to-speech app will say the words. It comes with 50 essential words used on a daily basis, it has a word-prediction feature and it is also customisable with different voices, tone, and pitch.

 

It is a must-have for the verbally impaired.

Verbally App Review

Using Xcode – Word Collage

Today I learned the basics of Xcode interface; how to use it and how it is laid out. The lesson is based on a word collage project from the Xcode Github.

 

Lesson 1: Lesson 1 consisted of working out what are the functions of Xcode.

Screen Shot 2015-11-18 at 11.14.45.png

The Right Navigator shows you the the project files and lets you interact with each item. The left navigator shows you all the utilities, it is where you can customise your buttons, labels, ect. The bottom navigator shows you the debug controller.

As shown on the screenshot above, the editor is in the middle, that is where you can edit and interact with the project. It is very simple and easy to use.

Lesson 2: Modifying the word collage to add your own label.

The process of adding your own label is very simple. Once you open the Main.storyboard file from the root folder (WordCollage) you can Play the project and this opens up an iPhone emulator, you can change the type of iPhone in Hardware>Device.

Screen Shot 2015-11-18 at 11.14.30.png

To add a label, you need to go to the Object Library located in the bottom right of Xcode:

Screen Shot 2015-11-18 at 11.29.35.png

Search for Label or just scroll down to find it, then drag and drop it to your editor. From there you can start typing and automatically you will get the label editor in your utilities section, where you can change the font, colour, etc.

Screen Shot 2015-11-18 at 11.29.54.png

Overall Xcode is a very simple to use program and has an understandable and user-friendly interface.

Using Xcode – Word Collage