Comments (4)
Relocate annotation elements to not be so far down the page, should be front and centre for using. Possibly relocate the login and element load toolbox to smaller size at top or bottom of screen since that is not used as much during the annotations.
Make Page Turn and Zoom Bottoms much more visible on smaller screens. Makes sense if they are on massive monitor, elements get jumbled on smaller screens. Possible to add visual cue to show where these tools are on the page
from music-scholars-annotator.
from music-scholars-annotator.
We had a discussion about this in more detail. We think that the following steps would be useful:
Use bootstrap to create a top nav bar with the logo and login/logout button
When a user logs in, show only input boxes to enter a URL, choose an example, or search the CE
When the user selects an item, hide the input boxes. Include a [New] button in the menu bar that allows the user to start again. Use react router for this.
When a score is loaded, give the user 2 options: Annotate, or use F-tempo. When an option is selected show the tools only for the specific operation that the user selected.
Continue with the layout of the score on the right and tools on the left.
Configure the score to stay in place even if the tools scroll
from music-scholars-annotator.
Most of this workflow was done in 7764397 and a9da832
Still remaining is to add the score and main annotation interface to a react grid in order to make it easier to deal scrolling, and the selection of annotate/use f-tempo
from music-scholars-annotator.
Related Issues (20)
- SOLID login not as a popup HOT 2
- Move help button in a better position HOT 1
- Arrow keys to turn pages
- Replies much more like twitter rather than having to type the reply in the box above the annotations HOT 1
- Add multimodal component for selecting works HOT 1
- Use trompa-annotation-components waveform when making cue media annotations
- Improve react components in annotation display
- Use trompa-annotation-components for submitting/loading to/from solid HOT 1
- Add publish button to save annotation to CE using trompa-annotation-components
- Interface to show all public annotations for a target
- Show a list of annotations in addition to showing them on the score
- Use valid linked data items for trompa-specific motivations
- boxes on score measure aren't in the right place HOT 2
- Show loading notifications when things are happening HOT 2
- Create annotation that targets the entire score
- Allow f-tempo search to work without logging in HOT 1
- Undo element selection once an annotation has been saved
- Edit permissions of annotations
- Implement early music integration without search on CE
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from music-scholars-annotator.