Beacon Web App Job History and Merge Job Design Challenge

Challenge Objectives
Update Beacon Web App on Desktop screen size to support Job History and Merge Job features

Round 1

Initial Beacon Web App Job History Design for these following features
1). Job History
Notes:
- Feel free to submit more screens for early feedback
- Submit only the required flow for this challenge.
- Numbering your submission screens with 01-title etc to let us understand the flow

Round 2

Final Beacon Web App Job History and Merge Job Design for these following features on combined with Checkpoint Feedback
1). Job History
2). Job Merge
Notes:
- Feel free to submit more screens for early feedback
- Submit only the required flow for this challenge.
- Numbering your submission screens with 01-title etc to let us understand the flow
About Beacon DAM App (Disaster Assessment Manager)
After a storm, technicians are assigned to an area within the client’s network to assess the damages. We are building an app so that these agents can document the problem, the location, the tools & materials needed to fix it, and submits a ticket or request for a partner contractor to do the repairs.

Tablet or Mobile application will be used by technicians in outdoor environments, sometimes in harsh conditions.  So be mindful of that when thinking about the overall user experience.

There will be an accompanying web app portal which shows number of issues on the system, and view field notes. This is only accessible for System Administrator

Design Assets
https://drive.google.com/open?id=1kWRhMCY3Fq6IfYaezwlfyacUt2mjaoyJ
Click around on each screens to get familiar with the app, let us know if need some clarification.

General Requirements
For this challenge we need you update Web App storyboard design to show required screen mentioned below

Individual Requirements

1). Job History
Users can view job history/revisions to job history. Revisions to the job are saved in back-end and made available as a report to the user.

Note from the existing functionality in the web app now:

• Check the previous implementation screenshots and click flow: https://drive.google.com/open?id=1i3YSw-pbWJMGXGGFD4xk6gQGUgN0JIv6
• Match columns fields like screenshot references
• Initial sort is by revision number descending
• Revision, Creation Date, and Author are sortable
• Rows dropdown has values 25, 50, 100, 200
• Keep the arrow buttons on the right for skip forward and back.

2). Job Merge
User Story:
As a Construction Coordinator using the Beacon web portal, I want the ability to organize jobs as they come in to the portal so that work can be implemented in an efficient way.

Acceptance criteria:

• Job merge need to be shown from both jobs on the Map view and list view. And we want to make sure the user can merge from both view.
• Ability to select multiple jobs and combine them
• What make the merged job different than normal job? How you suggest different tag or marker?
• Job IDs should be listed for tracking purposes
• Job Reports should be associated to the Job IDs
• Shopping cart items should be combined as one list, if there multiple items of the same thing they should be added together.
• All photos and videos should be added to the single merged job.

Ability to delete a single or multiple job.

• Deleted jobs should still show up in the reports page with a deleted status.
• An undo button should be available for restoration of the job. And need work for merge or delete
• Deleted jobs should not appear on the map.

Web App Related Screens as Starting point:

• Marker on Map View: 001 Main window@2x.png
• List View: 013 list view@2x.png
• Job Detail: 005 Job Selected@2x.png

Design Submission Formats:
a) Screen Sizes:
- Desktop Screen Size: 2732px(w) × 1536px(h)

b) Design theme, colors, typography.
- Design Branding: Follow existing storyboard look and feel

c) Submission Design Presentation
- As part of your submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- You MUST create Hotspot click flow on your MarvelApp
- If you need an MarvelApp Project, send email OR via challenge forum to this following email address: lunarkid@copilots.topcoder.com
- Important! Make sure to include a URL/Link to your MarvelApp within your submission notes

Target User
- Client’s field agents
- System Administrator


Judging Criteria
- Think creative of any possible screens to build for the app to meet challenge requirements.
- How well you update Web Application
- Cleanliness of your graphics and design.
- User Experience.

Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission File
- Submit JPG/PNG image files based on Challenge submission requirements stated above.
- MarvelApp link for review and to provide feedback

Source Files
- Current Web app source files of all graphics created in either Adobe XD
- You may use another design software like Adobe Photoshop, Illustrator, Sketch or XD. But make sure you recreate the graphic as vector graphics

Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.