User Tools

Site Tools


web:accesswebstories:access_webapp_stories

Story 4B

  • Export for Track Days
  • Export for Journal Days
  • Export Days (Tracks +Journal)
  • Journal Preview Pane (pictures & extended notes) (later tracks on map)
  • Dealing with unspecified - Moving tracks to other projects
  • Editing Journal entries
    • Adding Cost codes
    • Deleting
    • Adding a Journal Entry (different look to distinguish)
  • Machine Assignment, page layout

Updated Project Day Page

This corresponds just to the 4B story. Added functionality will use a modified version of this same screen.

Elements shown

  • The Journal and Tracks are grouped together by day so in this case the on 9/8/17 the tracks and journal entries show.
  • Both the tracks pane and the Journal pane have an overall KMZ export icon. While I thought of having an entire day option I couldn't figure out where to put it for now
  • Each track has added a KMZ export to go with the LLA export
  • The Journal has an “Add” icon up in the right corner. Notice that the bottommost entry uses the same icon to signify it was an added item.
  • For now just photos and the full notes display in the new preview pane to the right of the journal. We may want to expand the size and will want to do some mapping in there in the future. It can be viewed in a popup/full screen by pressing the [ ] icon above it.
  • The selected journal entry displays with a light blue background and exposes the Delete icon. I can see edit being added by just adding a pencil icon
  • A cost code creeps in on the track above the picture. Screens showing the add journal entry to follow
  • Move is added to the icons on the tracks

Changed 7-25-18, Reconciled track editing icons (download, move, delete) to match Access icons for unification changed kmz download icon to placemark like icon. Moved Preview window to right and enlarged. While working on story 5 realized that displaying stats, etc was going to require a preview window and we'd might as well make it the same depending on what was picked. Added extended notes and captioning to supplement journal summary

Image change 9-27-18 to reflect cost code pull down in property sheet for picture. Matching existing interface from mobile apps currently commented out.

Created version that shows the basic info preview when something other than a picture shows up. In general the info except for the cost code floats up to the top of the preview and the cost code stuff stays anchored to the bottom. Also moved cost codes on the journal entry to be next to the time/date of the journal entry, removed the date from the top of the journal in cases we already have it on the tracks.

Not necessary to implement now unless straightforward but I shrunk the company name at the top and show it as a breadcrumb. As I try to work on the machine list and cost code list it seems like that may be a more intuitive way to display the structure for the user. Frankly I always had a hard time remembering hitting the X in the corner to close it so I don't think I'm alone there as it sort of blended in.

Part of looking at this too is how to minimize redundancy on the screen like the date displayed so many places. Time is appropriate but I'm looking for opportunities to reduce visual clutter. The export/Download is another example.

Unspecified Track View and Moving Tracks

Window that displays is derived from Access dialogs and should be looked for function rather than pure aesthetics. I am defining it as a three click process. Click on move button to display popup. Click on destination project. Click on Move. We could remove one click by not having a move button but I think this both uncommon enough and more a of pain to fix if wrong that it's worth the extra click.

Export of Tracks & Journals by Days

Story 5 Support for Advanced SmartTrack - Pictures

  • Creation of Breadcrumb Header
  • Track Notes in Journal and visible on timeline bar
  • Export of GE KMZ supporting notes and segmenting
  • Segments
  • Reporting stats Preview (machine and day)
  • Enhanced KMZ export of tracks with stats
  • Thumbnail style view for pictures (could be linked to Access view?)
  • Update Machine, Tracker pages and CodeList pages

Track Notes for Journal

We currently have notes available on tracks but have limited capability to use them past the SmartTrack app. This exposes notes taken on tracks to the Web app and makes them available. Notes are particularly useful for assigning cost codes and documenting work types by the foremen in the field.

Presentation graphic method goes here

  • Marks on timeline
  • Added to Journal view, when clicked linkage between list and timeline view, eventual mapping

Google Earth

Story 5B Reimagined Machine Page

The original engineering version of the projects app had support for Machine viewing/editing that's not currently ported or linked. We can still get to them but customers don't have a way. They were also a separate menu item and pages on the same level as projects and the redesign proposes to move them down in the hierarchy along with cost code lists.

I'm also looking at the current SmartPlan implementation for presentation clues on the web. The bigger screen allows us to show deeper on a single screen but we can organize the same with dedicated sorts. Edits will be popups rather than switching pages for a more seamless look. Experimenting with preview style windows that allow edits right there as well (undecided until I determine the presentation priorities)

Do we allow renaming of machines? I think not. If we did what would the behaviour be? Renaming old ones

Note: This new version does not have a page to show/edit the Tracker alias. I can't remember the reason for the function although I can imagine what it does. Let me know if I need to figure out a way to expose it.

Contacted the ConX team for Icons/artwork so where possible we can have a similar style. They are going to send over in a couple of weeks

New Concepts

Filters on the sidebar -

  • Show inactive - not a new concept for machine view - the default is off to not show old jobs
  • Active today - Just show machines active that day
  • Active Last # Days - Integer specifying number of days to filter back
  • Low Battery - Limit List to showing trackers with low batteries (~below 33%)_
  • Assigned - Limit list to just machines with assigned trackers (maybe radio with UnAssigned?)
  • Unassigned - Show only unassigned machines

Graying/Distinguishing Machines with tracker assignment Machines that aren't currently assigned a tracker should be distinguished visibly from machines with trackers visible. Previously they were obvious because of a noticeable blank spot where the tracker serial was on the list. Not only is this a waste of space but it places too much visual importance on the serial number that is even longer when we have to use the IMEI.

Screen Description

The screen can be divided into several parts. Left to right:

  • The breadcrumb of the back arrow, customer name, app-page, and subpage of machines. Ideally I could click on parts of the breadcrumb and go there although it may not be deep enough to justify it.
  • Filter pane - Additive selections that control which machines are visible to a greater degree than we currently have which is limited to active/inactive. The idea is to be able to limit list size easily to just the focal points your ie: low battery, or active within so many days.
  • The Machine list -

Story 6 Mapping integration

Access Web App - 2.0

Prerequisite: Read Access Web 2 Overview as background information for these stories.

(Stories are number continuing from the WebApp 1.5 update task).

Things to consider for development:

  • Preserve current implementation.
  • Deliver functionality incrementally.
  • Detect mobile vs. desktop for UI flexibility.

Story 2.5 - Complete the prototype

Finish the prototype implementation, and blend the Click system with the Angular system. This would allow the two application systems to coexist, but will take some more development effort upfront with an incremental effort as releases are made.

The motivation for this story is that the user can go to “access.agtek.com” and still get to the same application, except now they have access file whereas before they had projects/machines/users/licenses. The user of this release is the app developer. The “access” portion is just a page that shows the Angular/Rest page is working correctly with the Legacy Click.

Story 3 - Access

Current user gets access files added to the existing application.

Story 4 - New Projects View

This supersedes the reworked project page (1.5) that's currently up.

I'm warming up to single application page for Projects as well although you can certainly tell me reasons we should not. As I worked on this I realized quite a bit is the same data just viewed differently.

  • Default Page is Map View out of the box with the option to switch to the panel design. Retaining user preferences of which view

Picture below is very rough but I like the theme for a single page web app that we can dive down with.

Story 5 - Uploader for Access

This leverages the new Access Web client to allow anybody chosen (via email) the ability to upload files to the designated Folder. Features include:

  • Selecting the folder to upload, interface to send an upload link to multiple email.
  • Upload page based upon link sent
  • Notification of link sender that upload has been initiated (page opened, actual upload start?)
  • Time limits and removing link availability (resending?.

Interfaces

Project/File Access Interface

The interface for sending a link should be fairly straightforward. Files being uploaded go in whatever folder is picked. Selecting the “Send Upload Link” (fontawesome cloud-upload-alt - not perfect but . .) brings up a window asking for the email addresses and how long the link is active (default 7 days).

Upon pressing Send a link to the temporary upload page is generated and the email sent (can it be from the email of the user instead of access?)

Suggested Email Format

“ From: Sender@mycompany.com

To: fredsmith@abc.com johnsmith@abc.com

Subject: File Upload Link

(no optional comment) John Reichley has added an upload link for you. Click the link below and follow the instructions.

Fred, you can use this to upload the drone files we talked about. Thanks,

JR

Upload Link: https://apps.agtek.com/uploads/A06vp4sjOq3f

– This message created for johnreichley@agtek.com – Software by AGTEK Development Inc, http://www.agtek.com

Temporary Upload Page Interface

The temporary Upload page needs the following:

  • Upload button for selecting files via user interface
  • Large Drag/Drop area for files
  • Feedback on file upload success/failure

This borrows heavily from the existing Access Upload functionality with the Operations controls and the toolbar limited to just Upload with the Home button going to www.agtek.com

Upon opening of the page (or upload of a file. I don't know what we can discern) send an email to the link sender notifying them that something like an upload is being done. Bonus points if we can link to the folder it happens to in Access.

From: access.agtek.com

To: johnreichley@agtek.com

Subject: Fred Smith is uploading files (or Files uploaded from fredsmith@abccompany.com, depend what we know)

Files have been uploaded to your Access account here: https://apps.agtek.com///location//

Element Scratchpad

Form to generate emailed and randomized link to recipient. Specifying where it goes in Access? Notification of end consumer that new data is there. Where do we trigger it from in Access. Just allow Write not view

* Summaries
* Day detals
* Sub-cards (3/4)

Story 5 - Machines and Trackers

Machines and trackers

Story 6 - Users and Licenses

Users and Licenses - Replace current capability

Story 7 - Reports

Reports = Replace current capability.

web/accesswebstories/access_webapp_stories.txt · Last modified: 2018/10/17 22:10 by mikeclapp