Giter Site home page Giter Site logo

Comments (14)

jaimemears avatar jaimemears commented on August 23, 2024

@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.

adamjarling avatar adamjarling commented on August 23, 2024

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.

jaimemears avatar jaimemears commented on August 23, 2024

from loc-speculative-annotations.

adamjarling avatar adamjarling commented on August 23, 2024

@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.

adamjarling avatar adamjarling commented on August 23, 2024

@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.

adamjarling avatar adamjarling commented on August 23, 2024

UX Recommendations for how to handle My Annotations / Curator Annotations:

UX Review of Features

UX Review of Features (1)

UX Review of Features (2)

UX Review of Features (3)

from loc-speculative-annotations.

adamjarling avatar adamjarling commented on August 23, 2024

Pushing up changes now which reflect the UX suggestions:

image

image

from loc-speculative-annotations.

adamjarling avatar adamjarling commented on August 23, 2024

There are some sample "Curator Annotation" images I created in here fyi (The LOC watermark across the images).

from loc-speculative-annotations.

jaimemears avatar jaimemears commented on August 23, 2024

from loc-speculative-annotations.

CourtneyMcClellan avatar CourtneyMcClellan commented on August 23, 2024

from loc-speculative-annotations.

adamjarling avatar adamjarling commented on August 23, 2024

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.

CourtneyMcClellan avatar CourtneyMcClellan commented on August 23, 2024

from loc-speculative-annotations.

adamjarling avatar adamjarling commented on August 23, 2024

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.

adamjarling avatar adamjarling commented on August 23, 2024

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 type Collection.
  • Each LOC work is represented by it's own IIIF manifest of type Manifest under the Collection
  • 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)

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.