Prototype Report. Team No. 3. Istartonmonday.com. Team members. Operational Concept Engineer. Thammanoon Kawinfruangfukul Life Cycle Planner

Transcription

1 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

2 Version History Date Author Version Changes made Rationale 09/26/11 TK 1.0 Original template for use with Web Enhancement v1.0 draft for use with 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 Change section 1.2 Add notification prototype - Add table 4 and figure 5 PRO_DCP_F11a_T03_V2.0.doc ii

3 Table of Contents Prototype Report... i Version History... ii Table of Contents... iii Table of Tables... iv Table of Figures...v 1. Introduction Purpose of the prototype report Status of the prototype Navigation Flow of IStartOnMonday.com Prototype...3 PRO_DCP_F11a_T03_V2.0.doc iii

4 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: notification...9 PRO_DCP_F11a_T03_V2.0.doc iv

5 Prototype Report Version no 2.0 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: notification...9 PRO_DCP_F11a_T03_V2.0.doc v

6 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 notification prototype and update capability goals for each prototypes since the operational concept document changed the capability goals. PRO_DCP_F11a_T03_V2.0.doc 1

7 2. Navigation Flow of IStartOnMonday.com IStartOnMonday.com (home page) About IStartOnMonday page Soft Skills Training page Take a Tour page FAQ page Donations Honored page Login Job seeker Info page Employer Info page Administrator Management page (Wordpress) Figure 1: Navigation Flow of IStartOnMonday.com PRO_DCP_F11a_T03_V2.0.doc 2

8 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 Related Capability Pre-condition Post condition 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. 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 The users go to the website since this is the first page. It allows the users to search a job, view job application, and login to the website PRO_DCP_F11a_T03_V2.0.doc 3

9 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. PRO_DCP_F11a_T03_V2.0.doc 4

10 Table 2: myinfo page (not login) Description Related Capability Pre-condition Post condition The myinfo page allows the users to login, register, or retrieve the their password from the system 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 Go to myinfo page without login to the system The users are able to login, register, or retrieve the their password from the system. Figure 3: myinfo page (not login) PRO_DCP_F11a_T03_V2.0.doc 5

11 Table 3: the job seeker's information page Description Related Capability Pre-condition Post condition The job seeker information page allow the job seekers to manage their information, job preference, resume and subscribe or unsubscribe job notifications. 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 Login as the job seeker user. The job seekers are able to edit their information, manage the job preferences and resume, subscribe, and unsubscribe the job notifications. Figure 4: the job seeker's information page PRO_DCP_F11a_T03_V2.0.doc 6

12 Table 4: the employer's information page Description Related Capability Pre-condition Post condition The employer information page allows the employers to manage their job postings and search for job candidates. 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 Login as the employer user. the employers are able to manage their job postings and search for a job candidates Figure 5: the employer's information page PRO_DCP_F11a_T03_V2.0.doc 7

13 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 Related Capability Pre-condition Post condition The soft skill training page allows the users to understand the soft skills by reading the description or viewing the video OC-7: Simple and intuitive user interface OC-11: Usability on mobile device Go to Soft Skills Training page the users are able to read the description or view the video of soft skills Figure 6: Soft skills training page PRO_DCP_F11a_T03_V2.0.doc 8

14 The 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 via SMTP. Table 6: notification Description Related Capability Pre-condition Post condition This prototype allows to send by using Wordpress OC-4: Job seeker subscribe function Input address and press Send Test The system send via SMTP to given address. Figure 7: 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"]=> PRO_DCP_F11a_T03_V2.0.doc 9

15 string(4) "8bit" ["ErrorInfo"]=> ["From"]=> string(16) ["FromName"]=> string(27) "Thammanoon Kawinfruangfukul" ["Sender"]=> ["Subject"]=> string(43) "WP Mail SMTP: Test mail to ["Body"]=> string(68) "This is a test generated by the WP Mail SMTP WordPress plugin." ["AltBody"]=> ["WordWrap"]=> int(0) ["Mailer"]=> string(4) "smtp" ["Sendmail"]=> string(18) "/usr/sbin/sendmail" ["PluginDir"]=> ["ConfirmReadingTo"]=> ["Hostname"]=> ["MessageID"]=> ["Host"]=> string(14) "smtp.gmail.com" ["Port"]=> string(3) "465" ["Helo"]=> ["SMTPSecure"]=> string(3) "ssl" ["SMTPAuth"]=> bool(true) ["Username"]=> string(19) "benzc2.rb@gmail.com" ["Password"]=> PRO_DCP_F11a_T03_V2.0.doc 10

16 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"]=> ["DKIM_domain"]=> ["DKIM_private"]=> ["action_function"]=> ["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 PRO_DCP_F11a_T03_V2.0.doc 11

17 ["helo_rply":"smtp":private]=> string(139) "250-mx.google.com at your service, [ ] 250-SIZE BITMIME 250-AUTH LOGIN PLAIN XOAUTH 250 ENHANCEDSTATUSCODES " ["to":"phpmailer":private]=> array(1) { [0]=> array(2) { [0]=> string(16) "kawinfru@usc.edu" [1]=> ["cc":"phpmailer":private]=> array(0) { ["bcc":"phpmailer":private]=> array(0) { ["ReplyTo":"PHPMailer":private]=> array(0) { ["all_recipients":"phpmailer":private]=> array(1) { ["kawinfru@usc.edu"]=> bool(true) ["attachment":"phpmailer":private]=> array(0) { ["CustomHeader":"PHPMailer":private]=> array(0) { ["message_type":"phpmailer":private]=> string(5) "plain" ["boundary":"phpmailer":private]=> array(2) { PRO_DCP_F11a_T03_V2.0.doc 12

18 [1]=> string(35) "b1_11c2c f575b5d37ac6df527e" [2]=> string(35) "b2_11c2c f575b5d37ac6df527e" ["language":protected]=> array(0) { ["error_count":"phpmailer":private]=> int(0) ["sign_cert_file":"phpmailer":private]=> ["sign_key_file":"phpmailer":private]=> ["sign_key_pass":"phpmailer":private]=> ["exceptions":"phpmailer":private]=> bool(false) The SMTP debugging output is shown below: SMTP -> FROM SERVER:220 mx.google.com ESMTP g16sm ibs.8 SMTP -> FROM SERVER: 250-mx.google.com at your service, [ ] 250-SIZE BITMIME 250-AUTH LOGIN PLAIN XOAUTH 250 ENHANCEDSTATUSCODES SMTP -> FROM SERVER: OK g16sm ibs.8 SMTP -> FROM SERVER: OK g16sm ibs.8 SMTP -> FROM SERVER:354 Go ahead g16sm ibs.8 SMTP -> FROM SERVER: OK g16sm ibs.8 PRO_DCP_F11a_T03_V2.0.doc 13