Giter VIP home page Giter VIP logo

northumbrian-data / support Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 1.0 14.52 MB

gliff.ai SUPPORT – a user documentation for the gliff.ai platform: user-friendly interface for curating, annotation and collaborating with imaging dataset for the purposes for machine learning development.

Home Page: https://docs.gliff.app/

License: GNU Affero General Public License v3.0

Dockerfile 7.27% Shell 3.54% JavaScript 43.44% CSS 14.52% TypeScript 27.15% MDX 4.09%
contributions-welcome user-documentation gliff-ai machine-learning artifical-intelligence mlops dataops

support's People

Contributors

chasnelson1990 avatar cooper667 avatar joshuajames-smith avatar philhallbio avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

philhallbio

support's Issues

Add a gliff.ai `Term Glossary` section

Problem

Across the gliff.ai platform and customer experience we use a variety of custom terms to describe features, actions etc. The user is likely to feel confused by this when they are new - this will cause an influx of help requests or a poor user experience.

Solution

Create a gliff.ai Term Glossary section within the user documentation.
Take inspiration from Slack's Term Glossary.

Considered Alternatives

Potential terms could originate from:

  • Platform Names
  • User Roles
  • Features
  • Technical Jargon

Additional Context

Look for a DOCUSAURUS plugin to assist the process and future updates?

Keyboard shortcuts

We should document the keyboard shortcuts for each app as a table somewhere on each apps page?

Spline submenu and new features

Is your feature request related to a problem? Please describe.

gliff-ai/annotate#269 introduces a new Spline Submenu and a new lasso spline.

Describe the solution you'd like

We need to document this for users.

Describe alternatives you've considered

None

Additional context

None

Create `Shortcuts` Documentation Article

Problem

Relates to northumbrian-data/roadmap#79.

Users should have a comprehensive guide to keyboard shortcuts across the platform and all 4 interfaces [including both visual tooltip presentation and plain text for helping user understanding].

Solution

Relates to https://github.com/gliff-ai/dominate/issues/553.

  • Create keyboard shortcuts' assignments Documentation Article

ANNOTATE

Category Tool/Action Assigned Shortcut
Topbar Help F1
Support Centre F2
Shortcuts F3
Mark Annotation as Done Enter [icon]
Previous Image CTRL / CMD + Right Arrow
Next Image CTRL / CMD + Left Arrow
General Select Annotation A
Select Previous Annotation Down Arrow [icon]
Select Next Annotation Up Arrow [icon]
Add New Annotation =
Delete Annotation -
Annotation Labels CTRL / CMD + L
Undo Last Action CTRL / CMD + Z
Redo Last Action CTRL / CMD + Y
Save Annotations CTRL / CMD + S
Plugins CTRL / CMD + P
Close Dialogue ESC
Upload Image U
Download Annotations D
Minimap Open Minimap ALT / OPT + 1
Close Minimap ALT / OPT + 2
Zoom In ALT / OPT + =
Zoom Out ALT / OPT + -
Fit to Page ALT / OPT + 0
Tools Paintbrush Toolbox [opens submenu of tools] 1
Paintbrush B
3D Paintbrush CTRL / CMD + B
Eraser E
Fill Active Paintbrush F
Annotation Transparency T
Convert Stroke to Pixels C [annotation layer dependent to prevent conflict]
Spline Toolbox [open submenu of tools] 2
Spline S
Lasso L
Close Active Spline O
Convert Spline to Paintbrush C [annotation layer dependent to prevent conflict]
Delete Spline Point Backspace [icon]
Deselect Spline Point ESC
Rectangle Boundary Box R
Background Settings Toolbox [open submenu of tools] 3
Brightness \
Contrast /
Channels ;

CURATE

Category Tool/Action Assigned Shortcut
Topbar Help F1
Support Centre F2
Shortcuts F3
Project Settings CTRL / CMD + S
General Upload Image U
Download Dataset D
Plugins CTRL / CMD + P
Small Image View 1
Medium Image View 2
Large Image View 3
Image View I
Grid View G
Sort Data S
Label [image(s) selected] L
Assign Users [image(s) selected] A
Delete [image(s) selected] Backspace [icon]
Create Collection [image(s) selected] C
Select Multiple in Range Shift [icon] + Click [icon]
Select Multiple by Individual CTRL / CMD + Click [icon]
Open Image in ANNOTATE Enter [icon]
Deselect Image ESC
Close Dialogue ESC

AUDIT

Category Tool/Action Assigned Shortcut
Topbar Help F1
Support Centre F2
Shortcuts F3
General Close Dialogue ESC

MANAGE

Category Tool/Action Assigned Shortcut
Topbar Help F1
Support Centre F2
Shortcuts F3
Pages Projects 1
Team 2
Collaborators 3
Plugins 4
General Close Dialogue ESC

Shortcuts –  keyboard shortcut icons


Considered Alternatives

N/A

Change name from DOCUMENT to SUPPORT

Problem

The common industry practice is to name user documentation something along the lines of support or help centre. The current name of document does not communicate the user documentation in a manner all users would easily understand and then navigate to to help their own platform use.

Solution

Change the user documentation from DOCUMENT to SUPPORT. This needs to be applied within the user documentation code itself as well as the url links, i.e. support.gliff.app to CNAME etc.

The updated links will then need to be applied within the platform itself.

Considered Alternatives

N/A

Update `All Contributors`

The repo's README.md Contribution section needs updated to reflect contributions. Complete via All Contribution Bot.

New Bounding Box Feature

Is your feature request related to a problem? Please describe.

gliff-ai/annotate#271 introduces a new Bounding Box tool.

Describe the solution you'd like

We need to document this for users.

Describe alternatives you've considered

None

Additional context

None

Change Primary Colour used for links

Our default light green looks good on a dark background, but when used for text on a light background, it doesn't have enough contrast and is hard to read/not great for accessibility

image

Bug: screenshot consistency update

So I think with screenshots we want consistency in treatment.

The size of the screenshots should be limited with: width: 100%/960px always + height: 480px or less.

I think the browser wrap is a visual distraction(?) for the purpose of the user documentation but the screenshots do need separated from the background. Edit each screenshot via Screely with: window: no window + background: #DADADA + padding: 10px 10px.

Quality of the screenshots are also important. For areas where it is cropped in try zooming in via your browser so the screenshot has a larger size and therefore quality.
With the above size limits, annotating screenshots could be very valuable. I would use preview: markup via Mac with: shape: rounded square + fill: none + outline: #02FFAD + outline width: 2nd largest.

Happy to alter anything above if in practice it isn’t working! Possibly worth trialing with one and then grab another review before committing to changing all screenshots.

I've also just become aware of Scribe which may be a useful to to help build the documentation content?


Examples:

Screenshot 2022-05-03 at 16 25 07

Screenshot 2022-05-03 at 16 26 24

Originally posted by @joshuajames-smith in #38 (review)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.