Stone Productions

Hi Pebbles! We have took these 4 weeks to polish up our app and decided to release myCampus in 2 different platforms: Both on phone and interactive kiosk!

Here are promotional posters to promote myCampus being available on both platforms!

We have also have integrated multiple features in myCampus!

Here are the list of features included in myCampus:

SmartCampus

Upcoming Events

Virtual Tour through NP 360

Connect with us

myPhotoshoot (only available on mobile)

Showcase

Collaboration with Canvas Yogurt

To provide a clear view of our features, watch our promotional trailer video!

 Hello! @pastelstone​ here to update what I’ve done recently

What I’ve done today

I helped design and create a page that would load so that the interface for myPortfolio would not look plain when nothing is pressed and no images are loaded yet.

I also designed the icons for the recent new features, myPortfolio and myPhotoshoot  ━ which are the two icons at the right, respectively.

Hi @yellowrhinostone here! Outline of what I have done:

I have created with TouchScript to try out a creative bin function for the kiosk feature of myPortfolio which is an interactive display of Senior's works where's students can view of detailed information of the projects done and delete the displayed information to generate more portfolios to look at.

HOWEVER

I met with some limitations. When I build this project on mobile, it did not work as it is showcased in the editor so I have decided on a different method to feature myPortfoilo. Additionally, my team has agreed that drag down the panel to clear away that specific panel is pretty strenuous when it is placed in a kiosk. WHAT ARE THE CHANGES? 

- added to click on image on the panel to show an enlarge picture of the image on the specific panel

- changed dustbin feature where you click to clear all the panel on the page to spawn another portfolio panel

- changed scrolling feature of the side buttons to click up and down Current Progress Video with the changes mentioned

Ngee Ann Virtual Tour Meeting with Chia May from NP Corporate Office

After presenting to Chia May our project, she gave us approval to embed the school website into the kiosk. She asked us a few questions like how much is it to do up one kiosk and we said 4K for the kiosk. We might look out to deploying more kiosks in the school if it is well-received.

However, after the meeting, we further discussed with Mr Melvin and realised that we had more the think about and work on:

Ruling Out Plans, how many more kiosks?

Invite the owner of the wayfinder kiosk for User Testing

Get Feedback

Who do we want to target?

User Personas?

What will it take to make ict students come to the kiosk and use it regularly?

Don't do hardware, focus on features

Redesign UI for buttons 6 buttons

Canvas Yogurt Materials

During the Meet with Ervin, we discussed about the discounts and percentages of attaining them.

20% Off* (70%)

Out of Luck (10%)

50% Off* (10%)

$4 Off (7%)5. $8 Off (3%)

*Discount is only applicable for 1 Cup/Muesli

All discounts cannot be used with any other promotions.

We will be working on the UNITY project, redesigning the Spinning Wheel and programming the probability of winnings.

Taskline:

Design & replace placeholders with icons

Meeting with Canvas Yogurt (Ervin) on Google Meets, 2PM (14 June)

Update UI/UX for better user interface

Meeting with Chia May from NP Corps on MSTeams, 11AM (17June)

7 June (Mon) - 11 June (Fri)

Capstone Milestone #3 Presentation:

https://docs.google.com/presentation/d/1nrvZWWFuaSlVlDfeKoo8Uu1sFLd-M-GdOGDoSlOeC7g/edit?usp=sharing

In our Milestone #3′s presentation, we presented about our new feature: myPortfolio.

myPortfolio is an interactive display of Senior's works wheres students can view of detailed information of the projects done and delete the displayed information to generate more portfolios to look at.

Hi @yellowrhinostone here! Outline of what I have done:

I have created the main page and linked it into the Face AR feature with transitions! The face AR feature is done and will add more background designs! Additionally, I also designed the design above to fit the main page! However, due to hardware limitations, when I was testing this on the kiosk, the Kiosk android version is 5.0 not 7.0 so the face AR cannot be integrated in the kiosk but we can add a Samsung tablet to use it on and integrate it on the side of the machine!

What’s next?

 31 May, Monday

During our team discussion, we discussed what Face AR filter designs we wanted to implement and design. We have concluded on doing 4 filters.

Face AR Filter Designs:

I’M a Designer

ICT Huat!

Stone Productions

myCampus 

31 May, Monday

Canvas Yogurt Spinning Wheel

After much brainstorming and discussion with the team, we have decided on how to implement the Spinning Wheel.

After students log in to their accounts, through scanning of student id card. A notification window will pop up notifying students that they can stand a chance to spin the wheel and win prizes from Canvas Yogurt. This acts as a “reward” and small “token” for students for coming to school and marking attendance.

Spinning Wheel Prizes:

Free Drink

10% off entire purchase

1 for 1 Drink

Buy 2 Free 1 Drink

5% Discount

Out of Luck

31 May (Mon) - 4 June (Fri)

Taskline:

1. Continue Unity development (Van)

Change/follow up on building horizontal navigation

Build notification popup for Canvas Yogurt Wheel

2. Develop Face AR filters (Rene)

Build the filter

3. Design Face AR filters (Yuan Yin)

Conceptualise themes

Design filter on Photoshop

4. Canvas Yogurt Spinning Wheel Collaboration (Ethel)

Discuss with team mates wheel prizes

Design Spinning Wheel on CanvaPro

Export materials as transparent background PNGs

5. Adobe XD Application User Testing (Ethel)

6. Proposal for Ngee Ann Corps (Ethel)

To include screenshots for each of the features we are introducing

7. Proposal for Canvas Yogurt Collaboration (Ethel)

Create proposal for collaboration 

Send in to Ms Dai for vetting 

1. Identify what worked well?

Do up Style Guide

Re edit Competitive Analysis

Develop UNITY Prototype

Reviewed progress on Kiosk

UNITY Mascot Movement

Presenting all progress work during Mini Viva and receiving feedback

Redid UI/UX navigation on Adobe XD prototype

Face AR feature worked out

2. Identify what did not work well?

Not conceptualising the UI and UX well

Constantly build on phone to troubleshoot it

Android SDK not working 

Distorted filter for Face AR when in the making

UNITY issues like unsupported software: Manually configure UNITY

3. Identify what could be improved and changed for the next sprint?

General efficiency, we need to stop getting distracted

Fix sleep schedule so we don’t oversleep and go school late

More detailed planning for day plan

Update blogs more timely

4. Identify what & which team members to commit following up on?

Ethel to continue working on proposal for Ngee Ann Corps, currently vetting it with Ms Dai

Rene and Yuan Yin to work on the Face AR filter design and develop it in UNITY

1. Identify what worked well?

Creating production and team logo

Setting up our team wiki and individual blogs

Setting up studio and finalising idea

JIRA & SCRUM Board Planning

Designing Power Saving Infomercial Posters (Photoshop, Canva, Adobe XD)

App Wireframe Drafting (Pen & Paper)

Developing app Adobe XD Prototype, DEMO, exporting into UNITY

Project Plan Document

Finished up on making a test Prototype using Unity Game engine

Applied test Prototype onto Kiosk 

Fixed Internet issue with Kiosk

2. Identify what did not work well?

Faced issues with free OpenCV software required for facial recognition

Initially, unable to connect to WIFI

Faced lag and slow internet connection issues

3. Identify what could be improved and changed for the next sprint?

General efficiency, we need to stop getting distracted 

Fix sleep schedule so we don’t oversleep and go school late

More detailed planning for day plan

Update blogs more timely

4. Identify what & which team members to commit following up on?

Van to follow up on Unity Prototype Development

Rene to continue to finish up facial recognition project with a library of 8 faces to indicate the names of each person & debugging

Yuan Yin to finish up designing and animating myCampus-chan for loading screen

Our Team has built and run the APK on the ViewSonic Kiosk to see how the entire application looks like.

Rene is our “tasked” user to test the navigations on the Kiosk.

24 May (Mon) - 28 May (Fri)

Taskline:

Export updated XD Prototype navigation to UNITY Application (Van)

Filterswap feature in PhotoAR and create background filter icon UI (Rene)

Design, Rig and Animate myCampus mascot for loading screens (Yuan Yin)

Update JIRA SCRUM Boards & Team Wiki Blogs (Ethel)

17 May (Mon) - 21 May (Fri)

Taskline:

UNITY Development Continuation: SparkAR (photobooth) by Week 6

Continue prototyping myCampus in UNITY: Scrolling Navigation to change to right to left by Week 6

Continue beefing up Risk Analysis Report 

Do up proposal for Ngee Ann Corps’s Virtual Tour, Canvas Yogurt (Collab/Partnership) by Week 6

Currently, Van and Rene are both working on the SparkAR to set up a photobooth for our kiosk.

Yuan Yin is changing up her mascot rigging and animation.

17 May (Mon)

Today, we presented our product during our interim VIVA.

Kiosk Demo Video: https://youtu.be/1KAbgIJ-t20

In the video linked above, we recorded the real-time interaction of the kiosk when you use it, how the interface works and the features we have implemented.

We have received the following feedback after the presentation:

1. Try to test on recognition faster & success rates 2. Think about ideal spacing to stand on: demarcate a space for such installation 3. Visual side of team is fine 4. Technological part needs some heavy work: a few good stuff that can be done 5. Good consistent blog 6. Rework on UI/UX, instead of scrolling up and down, change it to scroll from left to right