prototype 5

PART A: Decide the product you are going to construct 2 Step 1: Decide the product you are going to construct 2 Introduction to the application 2 What worked in Heuristic Evaluation: 3 Step 2: Feasibility 5 Background: 5 Step 3: Product Canvas, Users & Context 7 Context Analysis: 7 Target user group 9 Heuristic evaluation feedback: 11 Product canvas 13 Proto Personas: 13 Prakash Neupane: 14 Md Ashraful Islam: 15 Prajwal Bhandari: 16 A J M Hossain Ryadh: 17 PART B Implementation Plan 18 IMPLEMENTATION PLAN 18 TEAM OVERVIEW 18 PART C Functional Prototype (FP - MVP) 18 Step 1: Home Screen & landing pages 18 Step 2 Server Space 18 Step 3 Product structure 19 Plan and Product Concept 19 Wireframe: 21 Step 4 Code choices 22 References 23

All of our team member’s paper prototype was different. We took ideas from each design which helped us visualise a design which would have most of the features that we thought would be necessary for the design to work. Below is the detailed information of what worked in each of our prototype and what were the issues based on the expert review.

The name of the application is “Virtuale”. Before “Virtuale” we wanted to go with “VRoom” but it was already in use, so we discarded that idea and went with “Virtuale” which is not being used in an application right now.

Vision: The vision of the application is to help students use the online lecture (classroom) as part of a virtual world with features of making the video lecture available in Virtual Reality (VR) and also Augmented reality (AR). The users (students) will have the option of joining the class in form of a VR classroom or in AR mode. The users will also have the option to join the normal video streaming of the lecture which is available right now.

Just from the show of hands in the classroom when the question “would you use it” was asked is evident of the fact that if the application is developed it will be used and can be quite popular. Introducing this kind of technology to enhance the learning experience will excite and encourage users ( Flaig, J , 2017). There are increasing number of universities that are motivating the lectures to plan their course content so that students can learn the course using VR (Anon, 2017).

The risks involved in the application that we consider are coding, functionality issues, time management, privacy of the data, and getting access to some of the university’s portals.

According to Heuristic Evaluation there were some good points in our design such as Navigation, there was possibility of interaction between the student and the teacher. User interaction was fluent and easy to understand, error prevention was working properly.

According to HE there are some Issues in our app there was no control over VR, no volume button, Navigation was not labelled , there was no back button and exit button and also there was issues on visibility and on labeling.

Fig.- Team Synthesise

High level need: Adding VR and AR in online class will enhance the online teaching/learning experience and it will be more interactive. VR has potential to take learning beyond traditional online learning experience. VR and AR provides the quality education in different sectors. It will creates interests on students rather than reading. VR has prospective to increase the collaboration between teachers and students.AR in the class definitely makes everything things visual.

At first we started with Smart University.

Ryadh found problems in blackboard collaborate app. This is the app students use to join classroom. The blackboard app is quite good and easy to use. But there are some areas to improve.

Ashraful found problems in CDU library website where there was some issues in text sizes, and information hierarchy.

Prakash started with Sport tech, he found that some people workout at home and it was not easy to follow youtube videos.

Prajwal looked into how the students were having trouble with the softwares which only ran in a single operating system and also how it would be easier for teachers and students if automated grading was introduced.

Project “Virtuale”: After couple of discussion we decided to go with Ryadh’s concept of making the remote learning process easier and interactive. Our concept is to introduce VR. As of now we are thinking about the possibilities of adding the feature of Augmented Reality. Virtual Reality has the potential to change the world (in our opinion). The things that are happening in VR world is attracting more people. The technology is much cheap and widely available around the world. In some case it can cost only AUD $25.00. To experience sound with VR only AUD$50.00 is enough (Officeworks price rate please see in the reference).

Currently Virtual Teaching system is available in some countries but to use the system students have to physically present in the classroom.

In some cases such as the collaborative session can be improved by adding VR feature to enhance the quality of learning experience. This will promote innovative learning and make complex concepts easy to understand.

In Charles Darwin University many external students live in remote areas and they can only join university online. Our app will enhance their learning experience. According to reflection on the Heuristic Evaluation feedback there are some good points such as Navigation was good, there was interaction between the student and the teacher. User interaction was fluent and easy to understand and error prevention was working properly and also according to our HE there are some errors in our app there was no control over VR, no volume button, Navigation was not labelled and there was also issues on visibility and system status.

Fig. Group discussion on what features to add

First of all we discussed about back button and exit button. According to our design we did not find any need of the back button in every page. Secondly, we discussed about separate VR and AR functionality and also how we could use the law of proximity to put the related content together so that it can be be perceived as a unified group. In our app we do not have more than three items grouped together following the “rule of thirds”. We are planning on using larger texts so that users don’t have any problem with the readability within the application. We will also try to follow a consistent design and colour scheme to make the application aesthetically p We have larger text so that user( students) can see easily we followed legibility for larger text.We have logo of our app we followed Aesthetic consistency.

Group: Coyotes Product Name: Virtualé

Think about your apps in the different contexts your users will likely encounter:

According to our feedback we received from our heuristic evaluation, we have synthesise the data and intend to make some changes in our final prototype.

Our evaluators have gave us some important and interesting points for our prototypes.

Here is a list of changes we have decided as a result of HE:

· Show system status

· Nav icon have labelling

· Labels should not be all Caps

· Improve visibility issues

· Heading for each pages

· Add controls in VR mode

Fig. Ongoing discussions of the group

Fig. 3 - Product Canvas

Fig : Prakash’s Proto Persona

Fig. Ashraf’s Proto Persona

Fig. Prajwal’s Proto Persona

Fig: Hossain’s Proto Persona

In this planning phase, we have documented our project plans in Google Spreadsheet and planned our roles and responsibilities for each deliverables. Our plan was developed based on the tasks we need to complete in the deliverables.

Our prototype will be hosted on GitHub and we will use Google Firebase as our server.

Fig: : Product Structure

The product structure of the app. It is kind of a sitemap which shows all the pages and components of the application. This product structure helps us understant all of the feaures of the application.

Fig: Card Sorting For MVP

For creating the wireframe, we used card sorting so that we could deduce the design to find the minimum requirements which would be necessary for the application to run. With the help of cardsorting, the MVP of the product was created.

Fig: Wireframe

This is the wireframe of the application, for this initial phase we have included the bare minimum of the content that our application will consist according to our MVP design. As we can see in the wireframe above our application is very simple once you login and select the unit of your choice, the navigation of the whole application can be accessed from the bottom of the application to browse between pages.

We have chosen Ionic Framework for our application and we’ll use firebase for hosting the application because it is free and reliable.

Anon, 2017. Across China: VR classrooms give rural students modern skills. Xinhua News Agency, pp.Xinhua News Agency, Oct 18, 2017.

Flaig, J., 2017. Beyond 2D: how 3D printing and VR are transforming engineering education. Professional Engineering Magazine, 30(8), p.40.

(For Price Check)