NPD REPORT ENT600 CS246

NEW PRODUCT DEVELOPMENT QR CODE OF COUPON COLLEGE SYSTEM S YSTEM BY USING MOBILE APPLICATION FOR KOLEJ ANGGERIK, UiTM SHAH ALAM

-

NEW PRODUCT DEVELOPMENT REPORT QR CODE OF COUPON COLLEGE SYSTEM BY USING MOBILE APPLICATION FOR KOLEJ ANGGERIK, UiTM SHAH ALAM

FACULTY:

FACULTY OF COMPUTER SCIENCE AND MATHEMATICAL (FSKM)

PROGRAM:

BACHELOR

OF

INFORMATION

TECHNOLOGY

(HONS.)

INFORMATION SYSTEM ENGINEERING

PROGRAM CODE: CS246

COURSE:

TECHNOLOGY ENTREPREURSHIP ENTREPREURSH IP

COURSE CODE: CODE:

ENT600

SEMESTER:

September 2017 – January 2018

GROUP MEMBERS: MUHAMMAD MEMBERS: MUHAMMAD DANIAL BIN KAMARUZZAMBRI, 2015145659 NUR AFIQAH BINTI JOHARI, 2015136739 2015136739 NUR AMIRAH BINTI JASRI, 2015154677 2015154677

SUBMITTED TO: MADAM MASLINA BINTI ABDUL AZIZ SUBMISSION DATE: i


NOVEMBER 23, 2017 (THURSDAY)

ii


Table of Contents ACKNOWLEDGEMENT ACKNOWLEDGEME NT .......................................... ................................................................ ............................................ ................................. ...........iv LIST OF FIGURES ........................... ................................................. ............................................ ............................................ ...................................... ................ v 1.0

EXECUTIVE SUMMARY............................................. .................................................................... ....................................... ................vii

2.0

INTORDUCTION............................................ .................................................................. ............................................ .................................. ............ 1

2.1

Background of the Study ............................................. .................................................................... ......................................... .................. 1

2.2

Problem Statement............................................ .................................................................. ............................................ .............................. ........ 2

2.3

Methodology......................................... ............................................................... ............................................. .......................................... ................... 3

2.4

Limitations ............................................ ................................................................... ............................................. ......................................... ................... 4

3.0

CONSUMER TREND CANVAS .......................................... ................................................................. .................................. ........... 5

4.0

NEW PRODUCT DEVELOPMENT DEVELOPMENT ........................................... .................................................................. ......................... .. 10

4.1 Definition....................................................... ............................................................................. ............................................. .................................... .............10 4.2 Classification of New Product .......................................... ................................................................. ....................................... ................ 11 4.3 New Product Development Process .............................................................. ........................................................................ .......... 13 4.3.1 Research & Development ................................................. ........................................................................ ................................ ......... 13 4.3.2 Product Design/Features .......................................................... ................................................................................. ......................... .. 20 4.3.3 Concept Testing .......................................... ................................................................ ............................................ ................................ .......... 22 4.3.4 Built Prototype (2D ( 2D or 3D) ........................................ .............................................................. ....................................... ................. 28 4.3.5 Test Marketing ................................................ ...................................................................... ............................................ ............................ ...... 30 5.0

CONCLUSION ............................................ .................................................................. ............................................ .................................... .............. 31

6.0

REFERENCES......................................... ............................................................... ............................................. ........................................ ................. 32

7.0

APPENDICES.......................................... ................................................................. ............................................. ....................................... ................. 34

Appendix A: Confirmation Letter for gathering data for ENT600 ................ .............................. .............. 34 Appendix B: Interview questions and answers ............................................ ............................................................. ................. 35 Appendix C: Google Form Survey Questionnaires Questi onnaires .......................................... ....................................................... ............. 41 Appendix D: Kad Aktiviti Pelajar ................................. ....................................................... ............................................. ......................... .. 45 Appendix E: Social Medias of Anggerik College ................................................... ......................................................... ...... 46 Appendix F: Programs/activities of Anggerik College ............................................... ................................................. .. 47 Appendix G: Facilities of Anggerik College ............................................ ................................................................. ..................... 48

iii


ACKNOWLEDGEMENT The completion of this undertaking could not have been possible without the participation and assistance of so many people whose names may not all be enumerated. Their contributions are sincerely appreciated and gratefully acknowledged. However, this group would like to express their deep appreciation and indebtedness particularly to the following:

Mrs. Maslina Abdul Aziz for her endless encouragement, guidelines, supports, kinds and understanding during the case study practise.

Mrs. Rozaida Abdul Rashid for her points of view, knowledge and guidelines for this case study.

To all relatives, friends and others who in one way or another shared their support, either morally, financially and physically, thank you.

Above all, to the Great Almighty, the author of knowledge and wisdom, for His countless love.

We thank you.

iv


LIST OF FIGURES

Figure 1 CTC of Qr Code Of Coupon College System By Using Mobile Application For Kolej Anggerik, UiTM Shah Alam ............................. ................................................... ............................................. .................................. ........... 5 Figure 2 Example of QR Code ........................................... ................................................................. ............................................ ......................... ... 11 Figure 3 Example on how students scanning the QR code .......................... ............................................... ..................... 12 Figure 4 The logo of WeChat .......................................... ................................................................ ............................................ ............................ ...... 14 Figure 5 Example of the user own QR Code ............................................... .................................................................... ..................... 15 Figure 6 the logo of Golden Screen Cinema (GSC) ......................................................... ......................................................... 15 Figure 7 Example of receiving QR Code after the customer make payment for the movie ticket ........................................... ................................................................. ............................................ ............................................ ........................................... ..................... 16 Figure 8 The logo of AirAsia .......................................... ................................................................ ............................................ ............................ ...... 17 Figure 9 Example of Air Asia mobile application QR Code ................................... ............................................ ......... 17 Figure 10 What is i s your opinion regarding the current coupon system in your college? .. 18 Figure 11 Which ONE of these responses does you want Anggerik College to do? ........ 19 Figure 12 Do you familiar familia r with QR Code? ........................................... .................................................................. ............................ ..... 20 Figure 13 Scanner Page ............................ .................................................. ............................................. ............................................. ............................ ...... 28 Figure 14 Main Page .......................................................... ................................................................................ ............................................. ......................... .. 28 Figure 15 Successful scanned Page............................................ ................................................................... ....................................... ................ 28 Figure 16 Event History Page ....................................................... ............................................................................. .................................... .............. 28 Figure 17 Profile Details Page .......................................................... ................................................................................ ................................ .......... 29 Figure 18 Event Details Page ........................... ................................................. ............................................ ........................................... ..................... 29 Figure 19 Settings Page ............................ .................................................. ............................................. ............................................. ............................ ...... 29 Figure 20 Login Page ..................................................... ............................................................................ .............................................. ............................ ..... 29 Figure 21 Interview Session .................................... .......................................................... ............................................ .................................... .............. 39 Figure 22 Online survey using Google Form - basic information of students ..................41 Figure 23 Survey on the current system ............................................ ................................................................... ................................ ......... 42 Figure 24 the respondent will linked to this section if she responded the current coupon system is Easy/Good ........................................... .................................................................. ............................................. ....................................... ................. 42 Figure 25 the respondent will linked to this section if she responded the current coupon system is Difficult/Bad ..................................... ........................................................... ............................................ ........................................... ..................... 43 Figure 26 Market survey to discover dis cover the users' needs and wants ..................................... ..................................... 43

v

NEW PRODUCT DEVELOPMENT QR CODE OF COUPON COLLEGE SYSTEM BY USING MOBILE APPLICATION FOR KOLEJ ANGGERIK, UiTM SHAH ALAM

Figure 27 The knowledge of respondents about purpose product - QR Code and mobile application ......................................................................................................................... 44 Figure 28 Example of Kad Aktiviti Pelajar ....................................................................... 45 Figure 29 Anggerik College Instagram account ............................................................... 46 Figure 30 Activity of Anggerik College ........................................................................... 47 Figure 31 Activity of Anggerik College ........................................................................... 47 Figure 32 Facilities of Anggerik College .......................................................................... 48 Figure 33 Facilities of Anggerik College .......................................................................... 48 Figure 34 Facilities of Anggerik College .......................................................................... 49

vi


1.0

EXECUTIVE SUMMARY Anggerik College is one of colleges in UiTM Shah Alam. It can fits around 800

residents which most of these students are from Faculty of Architecture, Planning and Surveyor. As same as other colleges, there are many activities and programs that held by this college. There are compulsory activities that will be held every semester and also there are new activities introduced in order to attract the students. Anggerik College offers opportunity to the residents by introducing the coupon scanning system. This system is widely used and is now taking over the old manual paper coupon system. Yet, due to several limitations and constraints, this current system – coupon scanning system is not the best solution in order for tracking the students’ attendance to the college programs or activities. The method easier the process of students’ attendance validation but still the major problem is inefficient ways of validating the students’ attendance. Thus, in New Product Development (NPD) report, we came out with a solution to this problem which is by developing blue print by using mobile application. The product is considered as new to the firm – new product line to this organization. This mobile application will be used as the platform for the students to ‘sign’ that they already joined any activities by scanning the QR Code. It will drives to more easier and effective ways of receiving and collecting the students’ ids, the time spent in order for compiling the data can be reduced and also the integrity problem among the staff or the JPK (Jawatan Perwakilan Kolej) can be condensed. Our marketing target is the Anggerik College management itself and the residents. We want these targets feel they are going through an easier way from previous system. By proposing and developing the product, we hope we can easier the college management’s schedules. The blue print prepared by us will pass to the Anggerik College management and we hope we can help them to improve their services and give the best service to the residents.

vii


2.0

INTORDUCTION 2.1

Background of the Study

In today day and age, technology not only serve as entertainment this day but also as mean to ensure a more productive and efficient way to perform certain task. Technology have become one of the most significant part of everybody’s life. Technologies have existed in all fields which include medical, transportation and also education. Students are one of the people that affected by the existence of technology whether those who are enrolling in university, in high school and even in kindergarten. In UiTM, students benefits with the existence of technology. Some of the technology that can be viewed in UiTM includes the I-Learn system, ICRESS system and I-Student system. All of these information systems serve as a purpose to improve the management in UiTM as a thorough means of managing the data regarding students enrolled, courses available and even budget needed. In this study, we will be focusing on the event validation system in Anggerik College. Currently, Anggerik College and also other colleges in UiTM Shah Alam, use the bar code scanning system to register and validate students attendance to any events conducted inside UiTM exclusively events conducted by the faculties. During an event, the bar code located on the back of the students’ matric card will be scanned before and after the event started. The details of the students attended will be stored in a database. If there is many students attending the event, student’s matric card no will be entered manually to a new excel file before compile again afterwards. This current system replaced the old coupon system where a coupon is usually handed out to the student after events already went smoothly.

1


2.2

Problem Statement

The current bar code scanning system has several problems arise even though they are an improvement over the event coupon system. The first problem arise is the inefficient way of collecting and processing the data received. Due to the limited number of scanner, this is only one per college, it causing the need to key in the student’s matric number manually when there are too many students attending the events. The recurring way of registering and storing data contributed to the inefficient process. The inefficiency also may cause corrupted or damaged data during both collecting and processing. The second problem arise is the system is time consuming. Using the bar code scanning system, the students would still need to line up in order to register themselves before and after the event. Referring to the problem of limited scanner, the line up would be long as there is only one scanner to scan the matric card which causes the process to be done slowly. The students also have no mean of referring the events that they have attended. That have been problems occur due the students claimed they have scanned their matric card but is not successfully registered into the system. In order to refer back the event they have been attended, they will need to physically go to the college information counter and ask the staff to check for them.

2


2.3

Methodology

In order to analyse the problems and come out with the business solution, the first step that has being done was setting up the appointment to meet the Anggerik College management authority. The process of connecting to the Anggerik College authority is via the Hal Ehwal Pelajar UiTM Shah Alam website (Source:

https://hep1.uitm.edu.my/main/index.php/direktori-staf/kolej-

kolej-kediaman/kolej-anggerik ). From there, we met Mrs. Rozaida Abdul Rashid, the Assistant Manager of Anggerik College on 10 th October 2017 and asked her a few questions. The aim of this interview session was to find out the problems facing by the Anggerik College management in the scope of the current coupon system and indirectly identify the solutions to the problems occurred. This interview session can be classified as open-ended interview. The information from the session is obtained through inquiry and recorded by the interviewers. The interview session held at Anggerik College Office. We prepared the interview questions based on the three themes which are; 1. What are the business operations and processes? 2. How should those operations be performed? 3. What Information is needed to perform those operations? The interview questions can be referred in Appendix B. Apart from that, we also did survey to analyse and validate our previous data collection method; the interview session. The survey questionnaires were distributed to the 36 respondents who are residents of Anggerik College. The respondents were required to answer the questionnaires. These questionnaires were distributed on 19th November 2017 and collected on 21 th November 2017. The data was then collected and analysed using basic frequency analysis that was derived from Microsoft Excel software. The platform used for these survey questionnaires is Google Form (refer Appendix C). Further explanation of these methods will be explained in Market Survey section (refer 4.3.1). 3


2.4

Limitations

As for the data collection process, due to the several constraints such as limited time, the difficulty of findings the respondents for the survey sessions and the people who were willing to be interviewed; although this data collection process was carefully prepared, there were still limitations and shortcomings. The process of survey was done on a small scale involving only 36 respondents and the people that willing to be interviewed was only a person. Since the population was small, the findings presented may not be applicable as general representations. To do so, a larger sample would be required. On the other hand, we assume that there still lacking of updated information and some of the information had not been found in order to develop this product. The limited the QR knowledge about codes and mobile application should also be one of the limitations occur in order to build up the project as we only refer to the reading materials and our knowledge in this area. There is also needed the experts who are knowledgeable in this area to develop this system. Next, time constraints also one of the limitations in order to build up this system as the developing process is taking a longer period. Besides, lack of budget can be considered as the limitations too since the development process requires much money to do so; the budget for hiring the developers that experts in designing QR codes and mobile applications and the budget on buying the tools needed during this development process. However, we found a free website that can generate the QR

codes

freely

such

as

https://www.qrcode-monkey.com/,

https://www.unitag.io/qrcode and http://en.qrcode-pro.com/ but still need people who has knowledge in this technology to discover the ways of using these Qr codes generators.

4


3.0

CONSUMER TREND CANVAS

Figure 1 CTC of Qr Code Of Coupon College System By Using Mobile Application For Kolej Anggerik, UiTM Shah Alam

5


Consumer Trend Canvas (CTC) is an easy-to-follow framework that will help the developers/business planners not only unpack and understand any consumer trend, but also help them apply it to launch successful consumer-facing innovations. From our understanding and initial reading, there are two steps involved in order to use CTC; the first step is analysing the customer needs and the second step is to apply the customer needs to the new products that will be constructed. (source: http://trendwatching.com/trends/consumertrendcanvas/) We created the CTC for this product by using online tools which is mural.com. As for developing this system, we discover a few things that need to be pondered, which are: 1. Analyse 

Basic Needs

Due to the problem statement that mentioned in Section 2.2, the basic needs that they customers want are an efficient way to validate and store the information of students’ attendance. The current product (matric card barcode scanning system) is not suitable since it takes long time to line up for scanning process. The JPK also required key-in the students’ id manually and it will takes long time to do so. The students (residents) also need to do several steps before their attendance can be validated. They need to scan their matric card at the scanner provided and towards the end of the semester; they need to walk-in to the office counter to check whether their attendances in the programs they attended were recorded. Besides, the previous survey with the target market is the residents of Anggerik College; majority of the residents wanted something/platform that can minimized the time consumed of validation and storing information of their attendances. 

Drivers of Change

The drivers of change from the current system can be divided into two categories; the shift (long-term) and the triggers (short-term). The first category; shift, it is important to have a useful platform that can be used for long-term and give extensive changes to 6


the current system. Here, we were driven to provide something that can be used to occupy the huge capacity of data, great functions and provide accuracy in order to store the information (students’ attendance). Furthermore, world nowadays are going and depends on the cloud storage to store the information. The huge size of storage, easy to access, easy to recover from disaster and cost savings are the common

advantages

of

cloud

storage

(source:

http://bigdata-

madesimple.com/5-advantages-and-disadvantages-of-cloud-storage/). The second category, it is more focusing on the recent and the short-term changes or technologies. From our observation, the smartphone can be considered as the basic needs nowadays. Everyone is using smartphone to connect others, to note important things to do and even to socialize. Based on the observation, we found out that the smartphone is a must and from that, we come out with an idea to develop a product that really into peoples’ life; in this case – the smartphone. However, according wallstreetpit.com (2017), the era of the smartphone will be ended and will be replaced by the AI technologies. Based on a survey done by Ericsson in December 2015, smartphones will become a ‘thing of the past’ in about five years, and that AI will be taking over many tasks that we’ re performing on our smartphones today. 

Emerging Consumer Expectations

Based on the previous survey that has been conducted, we want to fulfil the consumer expectations which are they expect for a medium that can easier the process of validation and storing the data and a tool that can helping to manage their activities. According to O. Thomas (n.d.), the smartphone is becoming our ubiquitous computing interface. We already use it for a large number of daily tasks, so using it to interact with our smart devices will, to most people, feel like a natural progression. IoT isn’t just going to be something we interact with in the home. We’re more likely to interact

with IoT using

a smartphone simply

because

that’s

the

7


computing platform we’re most likely to have with us at any point in time.



Inspirations

The uses of smartphone nowadays are a common and a part of daily life. The QR codes was first created and introduced on 1994 by the Toyota subsidiary, Denso Wave. At first, the QR codes were used in tracking vehicles and parts in Toyota’s company. Since the use of these codes became very popular due to the speed at which they could be

scanned,

the

accuracy

they

provided

and

their

multiple

functionalities; we inspires how well the recognition of the convenience associated that these QR codes have provided. In addition, the use of QR codes on mobile applications such as WhatsApp, WeChat and Telegram seems easy to use and these current applications are one of the drivens to come out with the new product line to the Anggerik College. For instance, the QR codes in WeChat are used to add new friends in that application. The users only need to scan the QR codes of other users that generated automatically by the applications. As for the WhatsApp, they enlarge their usability of the platform (not limited to mobile application only) by develop the WhatsApp web (https://web.whatsapp.com/). The users will use their smartphone (by opening the WhatsApp application) to scan the QR code displayed on the PC screen and they are now directly can use WhatsApp on the PC. Beside the current mobile applications, we are also inspired to develop the system based on the preliminary interview that we conducted with the assistant manager of Anggerik College, Mrs. Rozaida. We found that there is needed to improve the current system. Apart from that, we also conducted a survey and the target market was the residents of Anggerik College itself. Based on our survey (further explanation on section 4.3.1 Research & Development), we found that most of the residents wanted the current system to be changed.

8


2. Apply 

Innovation Potential

After doing the analysis to ‘study’ the consumers’ needs, we come out with the applications to their needs. As the current trend is all about smartphone since it is deliberated as the basic needs nowadays, we want to innovate something that related to the technology based and we find out that by developing the mobile application, the consumers’ needs can be pleased as they want something that can easier their life and mobile application in smartphone is the solution. 

Who

The target users of this product is the Anggerik College management itself as they do not need to transfer all the information to the main database of Anggerik College anymore, the Jawatan Perwakilan Kolej (JPK) as it easier the way of storing the students information (attendance) since they no need to key in the student numbers manually and of course the residents of the Anggerik College – no need to spend time on make a line to scan their matric cards to enter any activity and make a confirmation status of their attendance at the end of the semester (to validate the attendance of attending activites).

Our Innovations

After using the SWOT analysis to analyse the problems faced by Anggerik College management by using the current system; scanner to scan the student cards – we come out with two solutions that mentioned in previous Business Plan which were 1) increase the number of scanners and 2) develop a mobile application. But, here, by applying the Consumer Trends Canvas; we analyse the consumers’ needs and we decided to choose to develop a mobile application that rel ated on QR code as the main element. The quick time needed by using the QR codes and its accuracy in term of storing the information is the best solution to the current problem – scanner system.

9


4.0

NEW PRODUCT DEVELOPMENT

As the current system – using scanner to scan the matric cards for the validations and storing information causes problems, there is a need to develop new product. New product development is defined as the process by which entrepreneur designs and creates new product or service that will be sold to customers (source: Lecture 5 ENT600: New Product Development).

4.1 Definition

The terms below are the terms that used in technology areas and may easier the readers to read the overall report. 1. QR Code: The short form of Quick Response Code. This kind of code is one of the types of barcode and usually the code is generated in square shape and each code is uniquely designed. 2. Prototype: an early sample, model, or release of a product built to test a concept or process or to act as a thing to be replicated or learned from. 3. Paper coupon: The tiny paper that provided by the college management and used by the students of Anggerik College to patch on the Kad Aktiviti Pelajar (yellow card). 4. Mobile application:

a

computer

program

designed

to

run

on

a mobile device such as a phone/tablet or watch. 5. AI: Artificial Intelligence - It is the science and engineering of making intelligent machines, especially intelligent computer programs. It is related to the similar task of using computers to understand human intelligence, but AI does not have to confine itself to methods that are biologically observable.

10


4.2 Classification of New Product

New product development can be classified into two types. The first is completely new product and the second one is the improvements on existing products. The writers classify the QR Code of Coupon College System by using Mobile Application for Kolej Anggerik, Uitm Shah Alam as the completely new product. There are several types of completely new product such as new-to-the-world products, new to the firm (new product lines), addition to existing lines, improvements and revisions products, cost reductions and repositioning. As for this product, we classify it as new product line to the firm. Anggerik College management never use any mobile application to manage the attendance of its residents before. QR code (Quick Response Code) is one of the types of barcode. According to Law & So (2010), by using the QR code, it can capture the information quickly, simple and easily via mobile devices. These QR codes are widely used in education, businesses as well in the industry.

Figure 2 Example of QR Code

This solution is relevant for the problem that faced by the Anggerik College. It is efficient ways for Anggerik College apply and use the QR code on their programs or events occur to students by scanning the barcode on their mobile devices. Moreover, the process of the retrieve and store the data such as the student id is also faster and quicker than key-in manually using the Microsoft Excel. The QR code will be place or stamp at the several places to be scanned by students. Once the students scan the barcode, it will automatically store the data into the database. Plus, students can check, view and validate the programs or events that they already participated in Anggerik College. Therefore, it helps the Anggerik College to solve the major problems that they faced.

11


Figure 3 Example on how students scanning the QR code

12


4.3 New Product Development Process 4.3.1 Research & Development The definition of research and development is the systematic activity combining both basic and applied research to discover and find a solution the problems or creating new good and knowledge (BusinessDictionary.com, 2017). For this project, the idea of QR Code of Coupon College System by Using Mobile Application for Kolej Anggerik, UiTM Shah Alam based on the interview session on 10 th October 2017 with Mrs. Rozaida Abdul Rashid, The Assistant Manager of Anggerik College, UiTM Shah Alam. The research and development (R&D) process are done for the ideation stage through idea generation, idea screening and market survey.

1. Idea Generation

Idea can be tangible where something can touch or see or intangible that is something symbolic. According to Study.com (2017), idea generation is the creative process or procedure that a company uses in order to figure out solutions to any number of difficult challenges. The idea is generate based on the idea screening and trends nowadays. Next, the idea then should be discuss, select and implement the best idea to give the solution for the problem that occurs in the organization. In this project, the idea generation is developed to know what the users or students prefer or their trends/opinions about the QR Code on the mobile application. Nowadays, people often using technology such as smartphones, tablets and other devices is ubiquitous, growing faster and popular. This is because there were 2.8 million available apps at Google Play Store and 2.2 million apps available in the Apple’s App Store (Statistic Portal, 2017). Usually the mobile devices run a software application that is called mobile application. Besides that, QR Code also quite trendy on mobile application. A study found out that there was an 11% increase of QR Code generated from 2015 to 2016 (Printrobot.com, n.d). Therefore, it can be conclude that the mobile application is the current trends nowadays.

13


2. Idea Screening

Idea screening is a process used to evaluate innovation product idea, strategies and marketing trends (BusinessDictionary.com, 2017). In another term idea screening is a technique to evaluate ideas to drop as many as possible. For this project, the process of idea screening is to do internet survey or browsing on the software application that use QR Code. There are several software applications that use QR Code can be compared such as WeChat, Golden Screen Cinemas (GSC) and AirAsia.

WeChat

Figure 4 The logo of WeChat

WeChat is a mobile text or voice messaging communication service developed in China on January 2011. WeChat already have 300 million active users and the popular social application. The features of WeChat application are video chat, voice calling, SMS, games and QR Code scanning (WeChat, 2017). There are several of advantages and disadvantages of WeChat QR Code. The advantages of WeChat QR Code are can make new friends. As for users, once they sign up as a WeChat member, WeChat have provided our own QR Code and people can scan the QR Code to add new contact or join a group chat.

14


Figure 5 Example of the user own QR Code

Next, it is easy because to use the QR Code, we just scan it and automatically them in our contact list. Plus, if we love music and want to hear in the website, we can scant QR Code and it’s connected to the JOOX application. For the disadvantages of WeChat QR Code are if the users want use, scan and access the QR Code, the users must have the internet connection. If there is no internet connection, the users cannot use it. Next, the personal details might confidential. This is because if the users QR Code is spread by others person, the users might have unknown contact list.

Golden Screen Cinemas (G SC )

Figure 6 the logo of Golden Screen Cinema (GSC)

Golden Screen Cinemas (GSC) is the largest cinemas in Malaysia. GSC operates with a total 328 screen in 35 locations in Malaysia. The first GSC cinema was opened in Kota Kinabalu. The types of seats available in GSC cinema are gold class hall, premium hall, standard hall, maxx hall and twin seat hall (Golden Screen Cinema, 2017). 15


GSC cinemas have their own mobile application for mobile devices, where the customers can purchase their own ticket with their favourite movie to watch. The GSC application is also featuring QR Code on the mobile devices such as smartphones. The advantages of GSC application on QR Code are it is ticketless. Once the customers purchase the movie ticket and they have movie admission. Thus, it is convenient, time saving and eases for customers who are busy because they can do it anytime and anywhere.

Figure 7 Example of receiving QR Code after the customer make payment for the movie ticket

Next, after customers make the payment of the movie ticket, they can enter the cinema hall by just scanning the QR Code at the cinema checkpoint with the help of staff. The disadvantages of GSC cinema QR Code is this application required internet connection in order to purchase the movie ticket and to generate the QR Code. If not the customer cannot purchase the movie ticket and they have to queue at the GSC cinema counter.

16


Ai rA sia

Figure 8 The logo of AirAsia

AirAsia was established in 1993 and began the operations on 18 th November 1996. The AirAsia then was purchased by Tony Fernandes of Tune Air Sdn. Bhd.. AirAsia is a Malaysian low-cost carrier that connecting people and places across 132 routes with more than 8000 staff (AirAsia, 2017). AirAsia has mobile application where the customer can purchase the flight ticket through the application. Plus, this application has mobile check-in and the customers will receive the QR Code to get the boarding pass.

Figure 9 Example of Air Asia mobile application QR Code

17


The advantages of AirAsia QR Code are simple, convenient and ease for the customer to go through and get the boarding pass. The customers can skip the long queue at the airport by checking in directly from the AirAsia application. Once the customers completely checked in, they can go to the boarding gate and scan the QR Code to print the boarding pass. The disadvantages of AirAsia QR Code are it needs the internet connection access the mobile check-in. If not the customer will not get the boarding pass or the customers need to proceed to the check-in counters t o get the boarding pass. Therefore, it can be concluded that there are variety of advantages in each of the application. All this advantages is adapted to ease the user when they use the application. However, in this comparison there are one similarity about this application which are this application must be connection to the internet connection in order to use it.

3. Market Survey

For this project, the market survey is to know what are the difficulties that the students occur based on the current coupon college. Thus, we did a survey for them by using Google Form. The respondents of the survey are from the Anggerik College students from age 18 to 25 years old that include several semesters. From the survey, it was found out that majority (63.9%) of the student have difficulty with the current system and other 36.1% find it easy about the current system.

Figure 10 What is your opinion regarding the current coupon system in your college?

18


From the survey, it was found out that there are several reasons why the current coupon is difficult to use. Firstly, there are so many procedures needed to be done to validate their attendance for any activities that have joined. Next, they need to line up (sometimes the line is so long) to scan their matric card and it is time consuming to scan their matric card and validate student’s attendance. Therefore, in order to solve these problems, about 66.7% of the respondents prefers to develop something new that easier the process of the coupon system which is QR Code of Coupon College System by using mobile application.

Figure 11 Which ONE of these responses does you want Anggerik College to do?

This is because majority of the respondents already familiar about the QR Code and they know about the QR Code on social media such as Facebook, Twitter and etc. The respondents also have used it and find it easy to use the QR Code. Therefore, it can be concluded that, students are wish to implement QR Code in the coupon college system.

19


Figure 12 Do you familiar with QR Code?

4.3.2 Product Design/Features In this section, will be explains in details about the product design and features of the QR Code of Coupon College System by using mobile application. This design is to satisfy the market needs. Table below shows the explanation about the design of the mobile application. The Design

Explanation 1. The interface

The user interfaces of the QR Code of Coupon College System by using mobile application are made to full fill user experience, how they use the application. The colour was chosen based on the colour wheel, where the blue green represented the 2

happiness (Barker, 2016). 2. The Icon

There are 4 icons in the interface which are QR Code Scanner, Event History, Profile Details and Settings. The icons are representing the content of the pictures.

20


3. The QR Code Scanner

This one of the features of coupon college system, where once the students click on the icon QR Code Scanner, it will display the interface to scan or capture the QR Code. The QR Code are generate by

3

the staff of the college, thus once the students scan it, it automatically stored into the database of the college system. 4

4. Icon Scan/Capture

This icon is to capture the QR Code that being generate by the staff college. Students will click it to scan the QR Code.

5. The Arrow Icon

The function of this arrow is to go back to the main

5

page if the student does not want to see the previous page. 6. The Event History 6

This is the list of event attended for students who are aware of their participation on the events, they can view the history of the event that they already attended. 7. The Profile Details

Students can upload their profile picture in this application. They also can view their own details in this application. The application will display the information of the students such as the student 7

name, the student id number, course and faculty as well the college room number.

8. Settings

There are 3 contents in the Settings that include 21


notifications, sounds, and locations. The first content is notification, this features is to notify the students about the event happen in the college. It wills popup at the interface of the mobile devices. Next, the sounds feature is to alert the student about the events college. Students will be more aware and alert when

8 9

they know there are events occurs in the college. Plus, the location features are to inform students where the event is happen. So, students will not be late to attend the events. 9. On and Off Features

This feature is the option for student to being informed about the events college. They can on or off the features if they want to.

4.3.3 Concept Testing

Purpose

The purpose of this concept test is to identify whether this mobile application will be able to cater the need of college students to verify themselves when attending events conducted in UiTM. This would help to gather the information whether the application is feasible and usable towards the college students during any of the UiTM events Sample Population

The target for this concept testing would be the UiTM students that live in college. This target is the most suitable one for this concept testing as they would know the process and procedures of the current matric card system. This would allow them to make a direct comparison with this QR code scanner and allowing them to either give more suggestion or comments for improvements. 22


Survey Format

First, we would observe the students using the prototype of while giving them a brief explanation of what the system are and can do. After that, we would interview the students on their experience with the prototype. Asking them further questions such as if the features included is sufficient, is it simple or complicated to operate and how is the overall experience.

Storyboard for E-Scanner

This is the login page of EScanner. The user needs to enter the student’s matric card number and their identification card number to login into the system.

23


This is the main page of EScanner

that

displays

four

main

functionalities on this application. The functionalities mentioned are the QR Code

scanner,event

history,profile

details and settings.

This is the scanner page of QR Code

scanner

that

will

use

the

smartphone’s camera to snap the QR code for event verification purpose. The page will display the view of camera as when it is active.

24


This is the successful scanned qr code page after the QR code of an event has been scanned which display all the details of the events attended by the students based on the QR code that has just scanned.

This is the event history page that shows list of all event attended by the students. This page will display the image of poster of event attended by the students. Each image will act as a link that can be interact with that will then shows the details of event.

25


This is the event details page that shows details of events after the image on the list event have been selected. Details

included

are

date,

time,venue,organizer, and also date,time of matric card scanned.

This is the profile details page that shows details of student that used the application. This page would provide the details of the students such as the name,matric

card

number,

course,

faculty, college and room number.

26


This is the setting page that shows a few settings that can be changed for the mobile application. Settings included are the notifications, sounds and locations settings.

27


4.3.4 Built Prototype (2D or 3D) The following are the screenshot of the prototype in 2D form for the event verification mobile application.

Figure 14 Main Page

Figure 15 Successful scanned Page

Figure 13 Scanner Page

Figure 16 Event History Page

28


Figure 18 Event Details Page

Figure 19 Settings Page

Figure 17 Profile Details Page

Figure 20 Login Page

29


4.3.5 Test Marketing

As mentioned on the survey format for the concept testing, we conducted observation and interview with some of the FSKM students who stayed in college. There are two female students and one male student. Both of them are given a brief introduction on what is the application and what functionality it can do. Then, the students are given the prototype for them to interact with it. After the students were given the opportunity to use the prototype, the students were questioned on how is their experience with the prototype. All of them give a positive response towards the prototype,cby saying it has nice interface.

30


5.0

CONCLUSION

Based on the findings and discussion, the problems that occur in Anggerik College, UiTM Shah Alam were inefficient ways of the validation of students’ attendance process, time consuming for attendance of students and limited budget. However, inefficient ways of the validation of students’ attendance process was the critical problem in the Anggerik College. This is because if programs or events have a huge participation of students, the persons who handle the program or events which is JPK must manually key-in the student id into the database using several laptops. These problems also can lead to multiple works because JPK then must compile all the student is into one dataset. In other words, this problem is related to the process of data. Overall, the big chunk of the all problems mentioned is actually it leads to the iniquity of residents/students selections that placed in the Anggerik College for the following semesters onwards. Because of the inaccuracy of the current system in storing of students’ information, there might be misleading information in selecting the decent students that should be placed in the coll ege. Therefore, to overcome this problem; we suggest a new product development which use an mobile application for students by scanning the QR Code that provided by the Anggerik College for their programs or events that happen. This is because it will easier process for students to validate their attendance and students can view and check what are the programs or events that they already participated. This proposed product is also supported by the survey that has been conducted. Majority of the students were asking for something new to improve the current system and based on the technology nowadays, we believe, proposing a new system to this organization (new product line) – the mobile application to scan the QR code will be successful product to the organization since the uses of smartphone that considered as the basic needs. Thus, it is effective and efficient solution for them to solve this problem.

31


6.0

REFERENCES

(n.d.).

Kolej

Anggerik.

Retrieved

November

19,

2017,

from

https://hep1.uitm.edu.my/main/index.php/direktori-staf/kolej-kolejkediaman/kolej-anggerik (n.d.).

Retrieved

November

18,

2017,

from

https://visual.ly/community/infographic/technology/qr-code-usage-statistics (n.d.).

Retrieved

November

19,

2017,

from

http://www-

formal.stanford.edu/jmc/whatisai/node1.html 5 advantages and disadvantages of Cloud Storage. (2016, April 20). Retrieved November 19, 2017, from http://bigdata-madesimple.com/5-advantages-anddisadvantages-of-cloud-storage/ 6 Stage of Classification of New Product Development by a Company. (2014, February

22).

Retrieved

November

19,

2017,

from

http://www.yourarticlelibrary.com/products/6-stage-of-classification-of-new product-development-by-a-company/22201 Advantages

of

WeChat.

(n.d.).

Retrieved

November

17,

2017,

from

https://s222248.weebly.com/advantage--disadvantage.html AirAsia

Berhad.,

(2017).

Mobile

Check-in.

Retrieved

from

https://www.airasia.com/my/en/check-ins/web-and-mobile-mobile.page Competitive Advantage: The Importance of Strategic Marketing. (n.d.). Retrieved November 16, 2017, from

http://study.com/academy/lesson/competitive-

advantage-the-importance-of-strategic-marketing.html CONSUMER TREND CANVAS. (n.d.). Retrieved November 17, 2017, from http://trendwatching.com/trends/consumertrendcanvas/ Golden Screen Cinemas Sdn Bhd., (2017).

GSC Mobile Apps. Retrieved from

http://www.gsc.com.my/html/default.aspx?ID=60&PID=69

32


Kyle G., (2017). Mobile App Usage – Statistics & Facts Retrieved form https://www.statista.com/topics/1002/mobile-app-usage/ Law, C. Y., & So, S. (2010). QR codes in education. Journal of Educational Technology Development and Exchange (JETDE), 3(1), 7 Mobile App Usage - Statistics & Facts. (n.d.). Retrieved November 18, 2017, from https://www.statista.com/topics/1002/mobile-app-usage/ Mrs. Rozaida Abdul Rashid (2017), Assistant Manager of Anggerik College, UiTM Shah Alam QR

Code

Usage

Statistics.

April

11,

2013.

Retrieved

from

https://visual.ly/community/infographic/technology/qr-code-usage-statistics Research and development (R&D). (n.d.). Retrieved November 17, 2017, from http://www.businessdictionary.com/definition/research-and-development-RD.html Snell S. July 6, 2016. Tips for UI Design Colors and Color Matching Techniques. Retrieved from http://www.vandelaydesign.com/ui-design-colors/ Software, P. A. (n.d.). Information Technology Business Plan. Retrieved November 18,

2017,

from

https://www.bplans.com/information_technology_business_plan/management _summary_fc.php The Era Of Smartphones Is Ending. (2017, April 21). Retrieved November 20, 2017, from http://wallstreetpit.com/113226-era-smartphones-ending/ The role of the smartphone in IoT. (n.d.). Retrieved November 22, 2017, from http://www.thinkfwd.com.au/mobility/article/the-role-of-the-smartphone-iniot#.WhVjXkqWbIU WeChat. (2017). Welcome to WeChat. Retrieved from http://www.wechat.com/en/ WhatsApp

Web.

(n.d.).

Retrieved

November

16,

2017,

from

https://web.whatsapp.com/

33


7.0

APPENDICES

Appendix A: Confirmation Letter for gathering data for ENT600

34


Appendix B: Interview questions and answers

INTERVIEW SESSION WITH MRS ROZAIDA ABDUL RASHID, ASSISTANT MANAGER OF ANGGERIK COLLEGE, UiTM SHAH ALAM Interview Details Interviewers: Danial, Afiqah Interviewee: Mrs. Rozaida Abdul Rashid Date: 10/10/2017 (Tuesday) Time: 2.30 PM Location: Office of Anggerik College, UiTM Shah Alam INTERVIEW QUESTIONS & ANSWERS

THEME 1: What are the business operations and processes?

Q1 We know that Kolej Anggerik is

one of the hostels in UiTM Shah

The students can apply this college through the eHEP portal in UiTM Student Portal.

Alam. Can you explain further about the students that can apply

Besides, the students that already have been the

this hostel? What courses are they residents of Anggerik College; they are required taking?

to join the college activities in order to apply in Anggerik College for next semester.

Most of the residents are the students from FSPU (Fakulti Senibina Perancangan & Ukur) Q2 Basically, how the Kolej Anggerik Among the 8 hostels in UiTM Shah Alam, the

management organize the intake of residents in Kolej Anggerik among the lowest. students to Kolej Anggerik?

As compared to Kolej Melati that has about 3000 residents, Kolej Anggerik only can accommodate about 500-600 residents only. So, in order to select the students that can stay here for the coming semester, we will give the

35


opportunity to the students who have highest attendance to the Kolej’s activities. We also consider the students’ coupon and attendance from HEP activities (not hostel activities). As for the faculty’s activities, we will not count the coupons. Q3 Can you tell how many activities

Actually, there is no specific numbers of activities

will be held in a month or in the that will be held in every semester or month. period during a semester? Is there What i tell you is..the activities will be held are

any

specific

number

of according to the paperwork that prepared and

activities need to be held in every proposed month?

by

the

students

(Jawantankuasa

Perwakilan Kolej - JPK) But, of course there is evaluation and discussion within the Kolej Anggerik staff; whether we think it is suitable or not to do the activities. The paperworks will be discussed in the meeting and not all the proposed activities will be approved. Let take an example, if every semester the JPK propose about 20 paperworks, there might be certains activities that we think not suitable for the students. So, as the staff, we will guide the JPK which activities are suit to the students, which are not.

Q4 What type of activities did Kolej As for here, “Sembang Bersama Pengetua” with

Anggerik did and never misses the head of Kolej Anggerik will be done every every semester?

semester. We also will organize “Ceramah Perdana” program to the students for every semester.

36


Q5 Is there any specific program need As for now, there are zumba classes and Pasar

to be held in every week? What it is

Malam that held every week. These two activities

for?

are the activities that we, the staff think are really loved by the students.

THEME 2: How should those operations be performed? Q1 Let’s

focusing

on

coupon

system There are two systems that used in order for

among students to apply this hostel. the students to get the activities’ coupons. How it operated? I believe there are Firstly, the manual coupons which are the some processes need to be done by the paper-used coupon. students to get the coupon for the But, as for now, we are improving our system activities that they attend to.

from the manual coupon to the use of scanner-coupon system. Yet, the manual-coupon still there but we are trying to fully apply the scanner-based system.

What the students do is, they scan their student

cards

to

the

scanner,

and

the

information of the students will be generated to the Kolej Anggerik Coupon System.

But, if the students did not bring along their students card, there’s still a system that prepared for key-in the student id manually. As this way of recording the attendance of the students is slower than the scanning process, we prefer and encourage the students to bring along their student cards.

37


Q2 What platform do you use currently to We use both the manual coupon and scanning

keep the record of the attendance of the system but as for now, we want to migrate the students to these activities/programs?

the manual coupon to the scanning system as it makes the process easier.

Q3 Is there any specific team that handle The JPK will fully organize and manage the

the

processes

of

keeping

the system. The staff will train the JPK to use and

information of students that went to handle the scanner. every activity? Q4 I

believe

there

is

Jawatankuasa For every activity that conducted, the JPK

Perwakilan Kolej (JPK) that helps you will be the ones that manage and organize the in order to verify the attendance of attendance of the students. They were given students to an activity. How do they

the training on how to handle the scanner and

help?

the attendance system of the Kolej Anggerik. They are assigned to handle on the way the students scan their student cards, help and guide the students if the scanner does not work during the scanning process. They are also assigned to key in the students id manually since the scanner we have now is only one.

Q5 Based on the disability that the hostel Yes, sure! The college management also still

authority faces to manage this students’ looking for the best solution in order to attendance to the activities, would you improve our services. All the information like if we want to propose the blueprint based on suggestion or any other platforms to improve the current service?

are welcoming.

Q6 Is there any main problem encountered The main problem that we faced is we only

by

the

Hostel

Unit

during

the have one scanner. Apart from that, if we are

verification and validation of coupon?

organizing programs or events out of the hostel area, there is no scanner can be used to scan the students’ cards. 38


THEME 3: What Information is needed to perform those operations?

Q1 What is the information needed to The important information that we need is

verify that the student has attend to that actually the students’ id. Based on these ids, activity?

we can generate and analyse; whoever collect many coupon, we will give them places in Anggerik College for next semester.

Q2 How the information collected normally The records of students’ id will be store in

would be stored for archiving and Excel at first. Then, the JPK will compile all reference purpose?

the records into one dataset and giving it to the staff of Anggerik College. The staff will transfer this dataset into our main database.

Q3 Can the information stored able to be Yes, the information can be viewed but only

viewed again for auditing purpose?

by the staff. We do not allow the students even the JPK in order to make sure the integrity issue is not arising.

Figure 21 Interview Session

39


Appendix C: Google Form Survey Questionnaires

Figure 22 Online survey using Google Form - basic information of students

41


Figure 23 Survey on the current system

Figure 24 the respondent will linked to this section if she responded the current coupon system is Easy/Good

42


Figure 25 the respondent will linked to this section if she r esponded the current coupon system is Difficult/Bad

Figure 26 Market survey to discover the users' needs and wants

43


Figure 27 The knowledge of respondents about purpose product - QR Code and mobile application

44


Appendix D: Kad Aktiviti Pelajar

Figure 28 Example of Kad Aktiviti Pelajar

45


Appendix E: Social Medias of Anggerik College

Figure 29 Anggerik College Instagr am account

46


Appendix F: Programs/activities of Anggerik College

Figure 30 Activity of Anggerik College

Figure 31 Activity of Anggerik College

47


Appendix G: Facilities of Anggerik College

Figure 32 Facilities of Anggerik College

Figure 33 Facilities of Anggerik College

48

NPD REPORT ENT600 CS246

Recommend Documents