Project 2 Lauren Goff Richard Alverson

1. Project 2Lauren Goff Richard Alverson

2. Wire Frame Design # 1

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

4. View Current Tickets / Status (Admin) Page Title Instructions Filter Criteria Links Date Urgency Status Subject Edit > <Drop down with Ticket Details> Date Urgency Status Subject Edit > Date Urgency Status Subject Edit >

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

6. Statistical Reports / Archives (Admin) Page Title Instructions Filter Criteria Links Statistics Date Sent Date Resolved User Subject <Drop down with Ticket Details> Date Sent Date Resolved User Subject Date Sent Date Resolved User Subject

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

8. View My Tickets (User) New Ticket> Page Title Instructions Filter Criteria Links Date Status Issue Edit > <Drop down with Ticket Details> Date Status Issue Edit > Date Status Issue Edit >

9. Popup for Ticket Editing (User) Ticket Subject / ID For: Status Subject: Details Admin comments Submit

10. Wire Frame Design # 2(alternative)

11. Welcome Page/ Login (Admin) Logo Header Page Title Admin Welcome Text Links Login Information Links

12. View Current Tickets / Status (Admin) Logo Header Page Title Instructions Links Filter Criteria Links Sort Sort Sort Sort Date Urgency Status Subject Edit > Date Urgency Status Subject Edit > Date Urgency Status Subject Edit >

13. Ticket Editing (Admin) Logo Header Ticket Subject / ID Urgency Status Links Subject: Details Submit

14. Statistical Reports / Archives (Admin) Logo Header Page Title Instructions Links Statistics Links Sort Sort Sort Sort Date Sent Date Resolved User Subject <Drop down with Ticket Details> Date Sent Date Resolved User Subject

15. Welcome Page / Login (User) Logo Header Page Title Welcome Text Links Login Information Contact Information

16. View Current Tickets / Status (Admin) Logo Header Page Title Instructions Links Filter Criteria Sort Sort Sort Sort Date Urgency Status Subject Edit > Date Urgency Status Subject Edit > Date Urgency Status Subject Edit >

17. Ticket Editing (User) Logo Header Ticket Subject / ID Urgency Status Links Subject: Details Submit

18. Wire Frame Design # 3(alternative)

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

20. View Current Tickets / Status (Admin) Page Title Instructions Filter Criteria Links Sort Sort Sort Sort Date Urgency Status Subject Edit > Date Urgency Status Subject Edit > Date Urgency Status Subject Edit >

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

22. Statistical Reports / Archives (Admin) Page Title Instructions Statistics Links Sort Sort Sort Sort Date Sent Date Resolved User Subject <Drop down with Ticket Details> Date Sent Date Resolved User Subject Date Sent Date Resolved User Subject

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

24. View Current Tickets / Status (Admin) Page Title Instructions Filter Criteria Links Sort Sort Sort Sort Date Urgency Status Subject Edit > Date Urgency Status Subject Edit > Date Urgency Status Subject Edit >

25. Popup for Ticket Editing (User) Ticket Subject / ID Urgency Status Subject: Details Submit

26. 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.

27. 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

28. 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.

29. 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), 407--419.

30. 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.