medialab / tesselle Goto Github PK
View Code? Open in Web Editor NEWan image annotation and publication tool
Home Page: https://medialab.github.io/tesselle/
License: GNU Affero General Public License v3.0
an image annotation and publication tool
Home Page: https://medialab.github.io/tesselle/
License: GNU Affero General Public License v3.0
remove all unecessary assets brought from boilerplate.
I did a first draft but soem part should be filled.
The user should be able to import an archive corresponding to an exported slideshow project and have it loaded into her version of the app.
This should be handled by the drop zone of the home view.
Depends on #27
UX : toaster.
Cases :
Separate views :
We want to enable users to download a zip archive containing :
window.location
to do so)Sketchy idea of what the html page content would be :
Your slideshow data is now uploaded at my-dataset.netlify.com.
You can share a viewable version of it at https://medialab.github.io/glisseMontre/viewer?dataURL=my-dataset.netlify.com
This archive will also be used for the import feature.
How to reproduce :
... this peculiar sequence results in the app crashing
For the app :
For the outputs (if we confirm that we show an iframe in the exported html file) :
After our case studies meeting, we have decided to add a new feature allowing to provide ways to create annotations non related to target shapes in the editor. Targeted use cases are :
This means making the following changes :
Candidates so far :
The app theoretically allows multiple selections (for future possible feature of selecting several annotations to delete them).
Right now selecting an annotation should deselect previously selected ones.
An example of UX context explaining this need:
How to reproduce:
What is happening : the input still features the text of annotation A
What we want : deselect annotation A and selection annotation B only, so that its text is the one edited in the input.
An embedded documentation (probably in the form of a modal next to the download button) should explain how to publish and share a given slideshow.
For consistency and ease, it would be good to be able to select an annotation by clicking on its corresponding shape in player mode
Questions:
The player viewer should have a route allowing to provide a data URL for fetching JSON data and image tiles of a project.
This would be the "publication" route of the app.
Possible URL pattern (to discuss) : root/viewer?dataUrl=dataset_base_url
Which would give in production something like : https://medialab.github.io/glisseMontre/viewer?dataURL=my-dataset.netlify.com
... with a JSON file at my-dataset.netlify.com/slideshow.json
and a tiles folder at my-dataset.netlify.com/tiles
Relates to #27
By default when drawing a circle or rectangle the tooltip shows a size quantity in hectares (e.g. 2000 ha). It should be removed.
instead of having "Empty annotation" as their default state
This can happen for instance if the indexeddb has been cleaned.
Homepage :
Editor :
Viewer :
The tool should handle most used file formats : jpe?g, png.
Question : is it possible and wishable to handle following file formats :
How to reproduce : click on the input of an existing annotation in the left pannel
What happens : the input focuses and then instantly blurs, requiring to click again once the annotation has been selected.
It would be more fluid to refocus directly.
Hello @robindemourat,
In the viewer, a "share" button allows to share a work.
Copiable URL
Copiable iframe code
...for usecases that try to only use the tiling feature.
question : what to do with the left column which is then blank ?
As it is an advanced feature it should not necessarily revealed in editor view
1.0.0-alpha
?)c -> circle
r -> rectangle
echap -> selection
p -> polygon
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.