View Code? Open in Web Editor
NEW
A desktop application in which you can validate TIFF image files with information about cultural heritage collections.
Home Page: https://osoc20.github.io/ArTIFFact-Control/
License: MIT License
JavaScript 2.81%
TypeScript 90.55%
CSS 6.64%
artiffact-control's People
Watchers
artiffact-control's Issues
Share the current state of the design with others to get feedback. Be proud!!
Create a barebones page for all reports that have been made.
Design slides in Figma and prepare a walkthrough of the first new GUI design.
Create a mockup of the application where the application design is shown on a computer screen.
figma file
A complete styleguide should be created based on the already created mockup
figma file
Create a barebones dashboard.
Some CI/CD would be nice but doesn't have high priority
The progress bar for checking the files should be designed
figma file
Is blocked by #61 . This issue needs to be finished first
The page that shows the statistics should be designed.
figma file
A page where files can be conformance checked should be designed.
figma file
Design the page that allows users to periodically check files.
figma file
Project description
What you've built
What you've learnt
Recording the pitch for the first week 3day
Create a barebones about page
making a document with questions and tasks for the user testing.
Think of what that should be in the readme and what not
Create a barebones help page
We need to make some changes after the usertest:
Ask design feedback in the design channel in discord
Proposal to do it next week (20 - 23 )
Design an about page with some general information about the application.
figma file
A help page should be designed that displays some basic information about the application.
figma file
Design the page that shows all reports that were generated.
figma file
The sidebar should have buttons that redirect to
Create a barebones page for conformance checks
gather information about all the elements and structure of the UI of dpf manager
Create the flow that enables users to create a new configuration. This configuration needs to be stored on disk as well. (see #60 )
Styling the flow is not inside scope of this issue.
Create a barebones page for the statistics.
Create (max 6) slides for the hackaton pitch
Create a barebones page for the periodical checks.
Create a barebones stage 3 page for the file checks (check result)
Create a barebones file check page. This only involves the first stage of checking files (the uploading part)
As soon as the flow of selecting files exists (issues #15 #16 and #17 ), connect the frontend with the JHOVE backend using the REST endpoints.
Creating a report based on the information is not in scope of this issue. For now printing it to the dev console might be enough.
Right now, a lot of style elements are copied over to different files.
For example StyledTableRow
is declared both in LastConfigurations.tsx
and LastPeriodicalChecks.tsx
.
It would be better if components like this are put in a global style folder or something.
Design the result of the file check page.
figma file
Create a barebones stage 2 page for the file checks. (configuration picker)
This function is called in the render procedure. This causes it to update multiple times
const renderResults = ( ) => {
let reports : ReportParent = { reports : [ ] , formats : null } ;
responseObjects . forEach ( ( response : JhoveValidationResponse ) => {
let report : Report = {
date : new Date ( ) ,
fileName : response . fileName ,
errors : getMessageCount ( response , ERROR ) ,
passed : response . valid ,
result : response . wellFormed === 1 ,
score : 100 ,
warnings : getMessageCount ( response , WARNING ) ,
infos : getMessageCount ( response , INFO ) ,
filePath : files [ responseObjects . indexOf ( response ) ] . path ,
}
reports . reports . push ( report ) ;
} ) ;
return < >
< ReportDetails reportParent = { reports } / >
< / >
}
A possible solution to this is using a React useEffect hook that handles the creation of the reports. This hook only needs to run when file processing has been completed.