Comments (14)
@CourtneyMcClellan could you or your design contractor provide an example of what you’d like the curator view to look like ideally? I’m imagining its the exact same as the “my annotation” view but with a color change or something to signify that its different from “my annotation”.
from loc-speculative-annotations.
Just to make sure I'm understanding this correctly, here's how I'm interpreting:
- When curator annotation is toggled, then the current source image is replaced with a new, flat JPG image which contains all the curator's annotations.
- Curator annotation is not a Fabric JS overlay object (similar to how we were "saving" a user canvas before).
- We'll use FabricJS to create some type of image filter, or add a new Fabric image object to the Fabric canvas, which indicates it's a curator annotation canvas.
- User will be able to use all current tools to annotate the new source image.
If I'm missing anything above, let me know?
from loc-speculative-annotations.
from loc-speculative-annotations.
@jaimemears For this feature, we have one of two options to display the Curator Annotation image.
- It's either hosted somewhere at LOC and you give the app the URL, or
- We use local versions of the images
Think you could get local derivative versions of the JPGs for the 4 images we're currently using? We can always add the annotations later, but it will help me get the sizing right swapping images.
from loc-speculative-annotations.
@jaimemears Actually I was able to pull local images from where they're currently hosted. I can use these for testing, and see if the sizing matches up. No rush on getting source images, but something to think about... preparing somewhat realistic versions of the Curator Annotation images, just so we're prepared and no surprises on implementing them.
from loc-speculative-annotations.
UX Recommendations for how to handle My Annotations / Curator Annotations:
from loc-speculative-annotations.
Pushing up changes now which reflect the UX suggestions:
from loc-speculative-annotations.
There are some sample "Curator Annotation" images I created in here fyi (The LOC watermark across the images).
from loc-speculative-annotations.
from loc-speculative-annotations.
from loc-speculative-annotations.
Closing as the initial functionality and UX seems to meet the context of this issue.
Next Steps:
- Get the real Curator annotated versions of the source images.
- Or (if the Curators wanted to make their annotations with SA's tools), we could also capture the Fabric JS object, copy and paste the file, send to me and I can use that to do a "read-only" overlay perhaps? We'll have to see how this goes...
from loc-speculative-annotations.
from loc-speculative-annotations.
Ah, ok. Well if that's the case, and Curators will want to add any annotations outside of the borders of the source image, then it's going to be easiest to go route 2 from above options. They could probably use the existing "Share" feature, copy and paste that and somehow pass my way to plug into the app as a Saved Annotation.
I'll need to play with this and make sure I can make the curator's annotations read-only...so will re-open this issue and work on that this week.
from loc-speculative-annotations.
Curator Annotations are now stored as Fabric JS objects, instead of creating parallel "curator" .jpg files for each source image.
The Curator Annotations are also referenced in each Work's IIIF Manifest. It's just test annotations in there now, but the app will know whether Curator Annotations exists or not and update the UI accordingly.
The general structure of how this works in the IIIF manifests goes something like:
public/iiif/speculative-annotations-manifest.json
is the parent file for all IIIF manifest data and stored as a typeCollection
.- Each LOC work is represented by it's own IIIF manifest of type
Manifest
under theCollection
- A LOC work may have an
annotations
property, which will list annotations in accordance with the IIIF 3.0 spec. - For now, the Curator Annotation objects are stored under a relative path. For example the Zora Neil Hurston LOC work, that path is
iiif/zora-neil-hurston/annotation/curator001/info.json
For more info, reference the directory structure in the app under the public/iiif
directory to see how things are laid out. @jaimemears and myself have a meeting scheduled to walk through this as well.
from loc-speculative-annotations.
Related Issues (20)
- "Placeholder for generic collection" language in metadata panle HOT 3
- update Hurston Curator Annotation HOT 1
- remove red from color palette
- update Brown v Board Curator Annotation HOT 1
- Mink letter UID update: Item 2011660380 to be replaced with mm2003084957 HOT 1
- Update About to include open source description HOT 2
- Metadata updates to Mink and Milhous HOT 4
- update 2 curator annotations HOT 1
- remove red curator color from color palette
- update Brown v Board curator annotation HOT 13
- updated about page with PR
- Update ask a librarian link for sn83045462-19571104 HOT 2
- replace default homepage item HOT 1
- replace Pecan Sheller curator annotation HOT 1
- move 48038600 to the opening page (making it item 1) HOT 1
- update Brown v Board annotation HOT 1
- add Lincoln curator annotation mal.0773800 HOT 1
- Remove item 2018677694 from application HOT 1
- Remove item numbers from teach page HOT 1
- Inconsistent package metadata
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 loc-speculative-annotations.