Prototype Report Version 2.0

Prototype Report

Team No. 3

Istartonmonday.com

Team members / Role
Kandarp Nyati / Project Manager
Fei Li / Operational Concept Engineer
Tanya Gautam / Requirement Engineer
Bharat Shugani / Software Architect
Thammanoon Kawinfruangfukul / Life Cycle Planner
Mark Villanueva / IIV&V
Ying Li / Tester

10/23/2011

PRO_DCP_F11a_T03_V2.0.doc Version Date: 10/23/11

Prototype Report Version 2.0

Version History

Date / Author / Version / Changes made / Rationale /
09/26/11 / TK / 1.0 / Original template for use with WWW.ISTARTONMONDAY.COM Web Enhancement v1.0 / draft for use with WWW.ISTARTONMONDAY.COM Web Enhancement v1.0
10/06/11 / TK / 1.1 / Initial prototype / Updating all information for the initial prototype
10/13/11 / TK / 1.2 / Change new UIs / Changing color and heading of website
10/16/11 / TK / 1.3 / Change section 1.2, 2, and 3 / Correcting and updating information according to the TA's recommendation
10/23/11 / TK / 2.0 / - Change section 1.2
- Add table 4 and figure 5 / Add email notification prototype

Prototype Report i

Version History ii

Table of Contents iii

Table of Tables iv

Table of Figures v

1. Introduction 1

1.1 Purpose of the prototype report 1

1.2 Status of the prototype 1

2. Navigation Flow of IStartOnMonday.com 2

3. Prototype 3

PRO_DCP_F11a_T03_V2.0.doc Version Date: 10/23/11

Prototype Report Version no 2.0

Table of Tables

Table 1: home page 3

Table 2: myinfo page (not login) 5

Table 3: the job seeker's information page...... 6

Table 4: the employer's information page...... 7

Table 5: Soft skills training page...... 8

Table 6: email notification...... 9

Table of Figures

Figure 1: Navigation Flow of IStartOnMonday.com 2

Figure 2: home page 4

Figure 3: myinfo page (not login) 5

Figure 4: the job seeker's information page...... 6

Figure 5: the employer's information page...... 7

Figure 6: Soft skills training page...... 8

Figure 7: email notification...... 9

PRO_DCP_F11a_T03_V2.0.doc Version Date: 10/23/11

Prototype Report Version 2.0

1. Introduction

1.1 Purpose of the prototype report

The prototype report is used as a media to inform all stakeholders about the current development status of the prototype. This document also helps all stakeholders understand about how the system should be and allows the stakeholders to provide feedback on the project to improve the system.

1.2 Status of the prototype

This is prototype report version 2.0. The prototype explains the important user interfaces which include most of the features of the project before the developers start developing the project. User interfaces are designed according to WinWin conditions of all stakeholders such as job search function which allows job seekers to search by job category and location.

Major changes from the previous version are to add email notification prototype and update capability goals for each prototypes since the operational concept document changed the capability goals.

2. Navigation Flow of IStartOnMonday.com

Figure 1: Navigation Flow of IStartOnMonday.com

3. Prototype

According to Dean Jones, the client, he mentioned about the website which should be the simple, intuitive user interface, and easy to use. Moreover, this is a problem from the current system related to the employers which are one of the success-critical stakeholder. Since the employers do not use the system led to reduce the benefits of the system and cannot satisfy all the stakeholders. It is hard to identify the proper user interface and understand all features needed from the stakeholders so this prototype is developed to help all stakeholders know what they want and prevent aforementioned risks.

This section currently details the permissions aspect of the project. The proposed system allows the job seekers to search job, and subscribe or unsubscribe job notifications. Moreover, the proposed system helps the employers post a job easily and are able to search the job candidates.

Table 1: home page

Description / The following screen shows the home page of the website which is consist of search functions, job applications from the employers or organization, and the website's partner list.
Related Capability / OC-1: Log in page
OC-2: Google AdSense
OC-5: Employers’ logos
OC-6: Easily search for jobs
OC-7: Simple and intuitive user interface
OC-9: Resemble the current website
OC-10: Key word search
OC-11: Usability on mobile device
OC-12: Display list of employers
OC-15: Job provider registration
OC-17: Job seekers registration
Pre-condition / The users go to the website since this is the first page.
Post condition / It allows the users to search a job, view job application, and login to the website

Figure 2: home page

According to figure 2, the top picture is the previous version of home page. After reviewing with the client, it helps the client understand what he want and then give feedback to change this page since he has a lot of experiences of job recruitment. The below picture is designed following the client suggestion so it helps increase satisfactions of all stakeholders.

Table 2: myinfo page (not login)

Description / The myinfo page allows the users to login, register, or retrieve the their password from the system
Related Capability / OC-1: Log in page
OC-6: Easily search for jobs
OC-7: Simple and intuitive user interface
OC-10: Key word search
OC-11: Usability on mobile device
Pre-condition / Go to myinfo page without login to the system
Post condition / The users are able to login, register, or retrieve the their password from the system.

Figure 3: myinfo page (not login)

Table 3: the job seeker's information page

Description / The job seeker information page allow the job seekers to manage their information, job preference, resume and subscribe or unsubscribe email job notifications.
Related Capability / OC-4: Job seeker subscribe function
OC-6: Easily search for jobs
OC-7: Simple and intuitive user interface
OC-10: Key word search
OC-11: Usability on mobile device
OC-14: Feedback from job seekers
Pre-condition / Login as the job seeker user.
Post condition / The job seekers are able to edit their information, manage the job preferences and resume, subscribe, and unsubscribe the email job notifications.

Figure 4: the job seeker's information page

Table 4: the employer's information page

Description / The employer information page allows the employers to manage their job postings and search for job candidates.
Related Capability / OC-5: Employers’ logos
OC-7: Simple and intuitive user interface
OC-8: Job provider post
OC-10: Key word search
OC-11: Usability on mobile device
OC-13: Default setting
Pre-condition / Login as the employer user.
Post condition / the employers are able to manage their job postings and search for a job candidates

Figure 5: the employer's information page

Soft skills training is one of the current features. The team consult with the client to group all soft skills into one page, so this prototype is designed to reduce risks and manage requirement changes.

Table 5: Soft skills training page

Description / The soft skill training page allows the users to understand the soft skills by reading the description or viewing the video
Related Capability / OC-7: Simple and intuitive user interface
OC-11: Usability on mobile device
Pre-condition / Go to Soft Skills Training page
Post condition / the users are able to read the description or view the video of soft skills

Figure 6: Soft skills training page

The email notification is one of the important features in the proposed system and the team does not have experience about developing this feature, so the team decide to prototyping this feature as a functional prototype in order to reduce risks and ensure that this feature is able to develop and use in the project.

After setting up development environment by using Wordpress, the team found that WP Mail SMTP plug in allows to send an email via SMTP.

Table 6: email notification

Description / This prototype allows to send email by using Wordpress
Related Capability / OC-4: Job seeker subscribe function
Pre-condition / Input email address and press Send Test
Post condition / The system send email via SMTP to given email address.

Figure 7: email notification

Test result

Test Message Sent

The result was:

bool(true)

The full debugging output is shown below:

object(PHPMailer)#196 (53) {

["Priority"]=>

int(3)

["CharSet"]=>

string(5) "UTF-8"

["ContentType"]=>

string(10) "text/plain"

["Encoding"]=>

string(4) "8bit"

["ErrorInfo"]=>

string(0) ""

["From"]=>

string(16) ""

["FromName"]=>

string(27) "Thammanoon Kawinfruangfukul"

["Sender"]=>

string(0) ""

["Subject"]=>

string(43) "WP Mail SMTP: Test mail to "

["Body"]=>

string(68) "This is a test email generated by the WP Mail SMTP WordPress plugin."

["AltBody"]=>

string(0) ""

["WordWrap"]=>

int(0)

["Mailer"]=>

string(4) "smtp"

["Sendmail"]=>

string(18) "/usr/sbin/sendmail"

["PluginDir"]=>

string(0) ""

["ConfirmReadingTo"]=>

string(0) ""

["Hostname"]=>

string(0) ""

["MessageID"]=>

string(0) ""

["Host"]=>

string(14) "smtp.gmail.com"

["Port"]=>

string(3) "465"

["Helo"]=>

string(0) ""

["SMTPSecure"]=>

string(3) "ssl"

["SMTPAuth"]=>

bool(true)

["Username"]=>

string(19) ""

["Password"]=>

string(8) ""

["Timeout"]=>

int(10)

["SMTPDebug"]=>

int(2)

["SMTPKeepAlive"]=>

bool(false)

["SingleTo"]=>

bool(false)

["SingleToArray"]=>

array(0) {

}

["LE"]=>

string(1) "

["DKIM_selector"]=>

string(9) "phpmailer"

["DKIM_identity"]=>

string(0) ""

["DKIM_domain"]=>

string(0) ""

["DKIM_private"]=>

string(0) ""

["action_function"]=>

string(0) ""

["Version"]=>

string(3) "5.1"

["smtp":"PHPMailer":private]=>

object(SMTP)#197 (7) {

["SMTP_PORT"]=>

int(25)

["CRLF"]=>

string(2) "

["do_debug"]=>

int(2)

["do_verp"]=>

bool(false)

["smtp_conn":"SMTP":private]=>

resource(111) of type (stream)

["error":"SMTP":private]=>

NULL

["helo_rply":"SMTP":private]=>

string(139) "250-mx.google.com at your service, [108.78.13.108]

250-SIZE 35882577

250-8BITMIME

250-AUTH LOGIN PLAIN XOAUTH

250 ENHANCEDSTATUSCODES

}

["to":"PHPMailer":private]=>

array(1) {

[0]=>

array(2) {

[0]=>

string(16) ""

[1]=>

string(0) ""

}

["cc":"PHPMailer":private]=>

array(0) {

}

["bcc":"PHPMailer":private]=>

array(0) {

}

["ReplyTo":"PHPMailer":private]=>

array(0) {

}

["all_recipients":"PHPMailer":private]=>

array(1) {

[""]=>

bool(true)

}

["attachment":"PHPMailer":private]=>

array(0) {

}

["CustomHeader":"PHPMailer":private]=>

array(0) {

}

["message_type":"PHPMailer":private]=>

string(5) "plain"

["boundary":"PHPMailer":private]=>

array(2) {

[1]=>

string(35) "b1_11c2c407071427f575b5d37ac6df527e"

[2]=>

string(35) "b2_11c2c407071427f575b5d37ac6df527e"

}

["language":protected]=>

array(0) {

}

["error_count":"PHPMailer":private]=>

int(0)

["sign_cert_file":"PHPMailer":private]=>

string(0) ""

["sign_key_file":"PHPMailer":private]=>

string(0) ""

["sign_key_pass":"PHPMailer":private]=>

string(0) ""

["exceptions":"PHPMailer":private]=>

bool(false)

}

The SMTP debugging output is shown below:

SMTP -> FROM SERVER:220 mx.google.com ESMTP g16sm57146727ibs.8
SMTP -> FROM SERVER: 250-mx.google.com at your service, [108.78.13.108]

250-SIZE 35882577

250-8BITMIME

250-AUTH LOGIN PLAIN XOAUTH

250 ENHANCEDSTATUSCODES
SMTP -> FROM SERVER:250 2.1.0 OK g16sm57146727ibs.8
SMTP -> FROM SERVER:250 2.1.5 OK g16sm57146727ibs.8
SMTP -> FROM SERVER:354 Go ahead g16sm57146727ibs.8
SMTP -> FROM SERVER:250 2.0.0 OK 1319434876 g16sm57146727ibs.8

PRO_DCP_F11a_T03_V2.0.doc Version Date: 10/23/11