Project 2 Lauren Goff Richard Alverson

Wire Frame Design # 1

Links Welcome Page/ Login (Admin) Page Title Admin Welcome Text Login Information

Links View Current Tickets / Status (Admin) Page Title Instructions Filter Criteria UrgencyStatusEdit >Subject Edit > Date UrgencyStatusSubjectDate UrgencyStatusSubjectDate

Urgency Popup for Ticket Editing (Admin) Ticket Subject / ID Status Username / full name of target user Details Admin comments Submit

Links Statistical Reports / Archives (Admin) Page Title Statistics Filter Criteria Instructions UserSubjectDate Sent Date Resolved UserSubjectDate Sent Date Resolved UserSubjectDate Sent Date Resolved

Links Welcome Page / Login (User) Page Title Welcome Text Login Information

Links View My Tickets (User) Page Title Instructions Filter Criteria StatusEdit >Issue Date StatusIssueDate StatusIssueDate Edit > New Ticket>

Popup for Ticket Editing (User) Ticket Subject / ID Subject: Details Admin comments Submit StatusFor:

Wire Frame Design # 2 (alternative)

Links Welcome Page/ Login (Admin) Page Title Admin Welcome Text Login Information Links HeaderLogo

Links View Current Tickets / Status (Admin) Page Title Instructions Filter Criteria UrgencyStatusEdit >Subject Edit > Date UrgencyStatusSubjectDate UrgencyStatusSubjectDate Sort Links HeaderLogo

Ticket Editing (Admin) Ticket Subject / ID Subject: Details Submit StatusUrgency Links HeaderLogo

Links Statistical Reports / Archives (Admin) Page Title Statistics Instructions UserSubjectDate Sent Date Resolved UserSubjectDate Sent Date Resolved Sort Links HeaderLogo

Welcome Page / Login (User) Page Title Welcome Text Login Information Contact Information Links HeaderLogo

View Current Tickets / Status (Admin) Page Title Instructions Filter Criteria UrgencyStatusEdit >Subject Edit > Date UrgencyStatusSubjectDate UrgencyStatusSubjectDate Sort Links HeaderLogo

Ticket Editing (User) Ticket Subject / ID Subject: Details Submit StatusUrgency Links HeaderLogo

Wire Frame Design # 3 (alternative)

Links Welcome Page/ Login (Admin) Page Title Admin Welcome Text Login Information

Links View Current Tickets / Status (Admin) Page Title Instructions Filter Criteria UrgencyStatusEdit >Subject Edit > Date UrgencyStatusSubjectDate UrgencyStatusSubjectDate Sort

Urgency Popup for Ticket Editing (Admin) Ticket Subject / ID Status Username / full name of target user Details Submit

Links Statistical Reports / Archives (Admin) Page Title Statistics Instructions UserSubjectDate Sent Date Resolved UserSubjectDate Sent Date Resolved UserSubjectDate Sent Date Resolved Sort

Links Welcome Page / Login (User) Page Title Welcome Text Login Information

Links View Current Tickets / Status (Admin) Page Title Instructions Filter Criteria UrgencyStatusEdit >Subject Edit > Date UrgencyStatusSubjectDate UrgencyStatusSubjectDate Sort

Popup for Ticket Editing (User) Ticket Subject / ID Subject: Details Submit StatusUrgency

Process Description We are going to use Extreme Programming (XP) during the development of our system. We chose XP because we have multiple users with design requirements that are subject to change as the project progresses, and XP is responsive to changes in requirements. We will also have complex code, and the pair programming and reviews required by XP will help to ensure that we catch errors and bugs early in the process. Finally, the frequent releases developed in the XP process will help us to build our complex system in small pieces and incorporate new ideas into the system after development has begun.

Article Citation (1) Helen M. Grady, Web site design: a case study in usability testing using paper prototypes, Proceedings of IEEE professional communication society international professional communication conference and Proceedings of the 18th annual ACM international conference on Computer documentation: technology & teamwork, September 24-27, 2000, Cambridge, Massachusetts

Article Description (1) This paper offers a case study on the process of using paper prototypes. The study demonstrates that the use of paper prototypes is a cost-effective means to identify website design flaws or to improve website layout early in the overall development process. Faculty and student participants were tasked with finding specific information within the site by physically pointing to paper representations or vocalizing where they believed the information would be located, and a research assistant would record the results. By using the paper prototypes, the developers were able to identify several key areas of improvement, and therefore, they were able to address these items early and save resources that would have otherwise been expended on the flawed design.

Article Citation (2) Montero, S., Díaz, P. and Aedo I. (2007). From requirements to implementations: a model-driven approach for web development. European Journal of Information Systems. 16 (4),

Article Description (2) This paper discusses Model-Driven Architecture, which is a process that helps to reduce effort during web development through reuse and automatic code generation. The paper talks about advanced methods in web page development and how developers can build web systems that reduce error and help to maintain the system in the long run. The process described includes developing models that move from platform- independent designs to more specific designs until an optimal web system is developed. Our group will be able to utilize many of the concepts from this paper in order to build a complex system in a short period of design in such a way that will reduce maintenance effort and help our design to the customer’s needs.