Giter Site home page Giter Site logo

open-data-rescue / climate-data-rescue Goto Github PK

View Code? Open in Web Editor NEW
14.0 14.0 9.0 67.02 MB

Climate Data Rescue is an archival data rescue platform using Ruby on Rails.

Home Page: https://citsci.geog.mcgill.ca

License: MIT License

Ruby 37.44% JavaScript 28.45% HTML 20.89% Shell 0.32% SCSS 3.02% Slim 7.52% Vue 2.36%
archives citizen-science climate community data-rescue digitization hacktoberfest science transcription

climate-data-rescue's Issues

Add "Transcribe" button to Nav-Bar

Issue
Now that the side-bar is gone, it will be less straightforward for new users to start a new transcription.
Thus, it may be desirable to add a "Transcribe" button to the nav-bar, with two sub-menu items: "New transcription" and "My transcriptions".

[DRAW-009] Spelling mistake on ‘Help Guide’ page

Steps to reproduce:

  1. Launch DRAW website.
  2. Navigate to the ‘Help Guide’ section http://test.citsci.geog.mcgill.ca/help-guide.
  3. Observe spelling mistake. The word ‘handwritten’ is misspelled as ‘hadnwritten’.

Actual result:
In the ‘HAVING TROUBLE READING’ section of the ‘Help Guide’ page, the word ‘handwritten’ is misspelled as ‘hadnwritten’.

Expected result:
The text ‘hadnwritten’ is spelled as ‘handwritten’.

Notes:
Issue occurs on:
Google Chrome Version 55.0.2883.87 m, Internet Explorer 11, Firefox version 37.0.1.
Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.

Screenshots attached: DRAW-009.png

Tiffany Hirsch

draw-009

[Minor issue] Transcription bar - Stacked field groups

Issue
When I click on the 'Wet Bulb' field, the transcription bar becomes narrower because there are fewer fields in that group. As a result, the field groups get squished together and the 'Rain' and 'Snow' field groups are moved below the first line.
screen shot 2016-09-13 at 11 58 53 am

[DRAW-006] A few tabs in the transcription entry pop-up are lacking descriptions

Steps to reproduce:

  1. Navigate to a new transcription.
  2. Select ‘transcribe’ button to prompt transcription pop-up.
  3. Select all of the tabs (ex: 'Barometer', 'Clouds', etc.) to view their respective descriptions.

Recommended result:
All tabs should contain descriptions.

Actual result:
The tabs for ‘Barometer’, ‘Clouds’, and ‘Wind’ are all lacking descriptions.
However, descriptions are present under the tabs ‘Temperature and humidity of the Air’ and ‘Rain and Snow’. As such, the appearance of descriptions is inconsistent.

Notes:
Tested on:
Google Chrome Version 55.0.2883.87 m, Internet Explorer 11, Firefox version 37.0.1.
Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.

Screenshots attached: DRAW-006_01.png and DRAW-006_02.png

Tiffany Hirsch
draw-006_01
draw-006_02

'Draw a box' - "Annotation could not be saved | Bad request ! Error"

Issue
After submitting a transcription for the barometer group, I went straight to 'new annotation' without having drawn a box around the transcribed area. Then when I submitted the line of observations I got the following error.

Potential Solution
Could we disable the 'new annotation' button until the user has drawn the box?

screen shot 2016-08-29 at 8 58 41 am

Transcription bar - Reinitialize Select2 fields

Issue
The Select2 fields retain their previous values when the transcription bar is reopened. This is somewhat confusing to the user - makes it seem like it didn't save properly.

Potential Solution
Reinitialize all fields except for date and time.

[DRAW-010] On ‘Help Guide’ page, there is a missing link where text says ‘click here’

Steps to reproduce:

  1. Launch DRAW website.
  2. Navigate to the ‘Help Guide’ section http://test.citsci.geog.mcgill.ca/help-guide.
  3. Observe missing link where text says ‘click here’.

Actual result:
On ‘Help Guide’ page, there is a missing link where text says ‘click here’.

Expected result:
Text which says ‘click here’ is clickable.

Notes:
Issue occurs on:
Google Chrome Version 55.0.2883.87 m, Internet Explorer 11, Firefox version 37.0.1.
Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.

Screenshots attached: DRAW-010.png

Tiffany Hirsch

draw-010

'Draw a box' - Being explicit about the area to transcribe

Issue
I transcribed a line of data. Pressed save. Then did other things for a while before coming back to the page. When I came back to 'Draw a box...' I no longer remembered what data I had last transcribed.

Potential Solution
Add the name of the 'field group' that was last transcribed in the 'Draw a box...' message.
e.g "Draw a box around the [field group] observations you just transcribed."

'Draw a box' - Needs standardization: too much liberty for users

Issue
As it is now, the user has too much liberty with the 'draw a box' tool and could potentially do non-sensical things (as displayed in the attached image).

Potential Solution
Generate boxes that have a pre-determined width and height that the user simply need to drag to the relevant position on the screen.

screen shot 2016-08-31 at 1 13 01 pm

[BROKEN!] 'New Annotation' not working

Issue
The transcription bar does not appear when I click on 'new annotation' on the transcription page.
Also, the page doesn't display the rectangles that I had previously drawn. It looks as though I have never been on that page despite the fact that I have entered 17 annotations (according to the annotation count).

Safari User?

Issue
The 'Safari User' text takes up a lot of space.

Potential Solution
We only put 'Safari User' as a hyperlink to the FAQ question where we explain this.

image

[DRAW-011] Replace background photo of Roddick Gates with McGill Observatory

Steps to reproduce:

  1. Launch DRAW website http://test.citsci.geog.mcgill.ca/.
  2. Observe background photo.

Actual result:
Website background is a photo of Roddick Gates.

Expected result:
Replace background photo of Roddick Gates with McGill Observatory.

Notes:
Issue occurs on:
Google Chrome Version 55.0.2883.87 m, Internet Explorer 11, Firefox version 37.0.1.
Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.

Screenshots attached: DRAW-011.png

Tiffany Hirsch

draw-011

Ensure that you can't delete field groups that have annotations

If admin tries to delete a field group that has annotations, pop up a warning and confirm the action, telling them that it will delete all of those annotations if they continue.

Add dependent: :destroy to the relationship of field groups to annotations

[DRAW-004] Buttons on the ‘Start a New Transcription’ page do not properly align

Steps to reproduce:

  1. Navigate to the ‘Start a New Transcription’ page http://test.citsci.geog.mcgill.ca/transcriptions/new.
  2. Observe buttons not aligning properly.

Recommended result:
Align the two buttons horizontally rather than stacking them vertically.
However, if wishing to keep them stacked vertically, align both buttons to the left side.

Actual result:
Buttons on the ‘Start a New Transcription’ page do not properly align.

Notes:
Tested on:
Google Chrome Version 55.0.2883.87 m, Internet Explorer 11, Firefox version 37.0.1.
Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.

Tiffany Hirsch

Screenshot attached: DRAW-004.png
draw-004

[Layout Issue] Main content is not centered

Issue
The HTML injected in the

is not centered on the page. Moreover, the 'Actions' sidebar gets moved down to the bottom of the page when padding is added inside the "page_content" area.
screen shot 2016-09-12 at 4 30 46 pm

Transcription bar - Displays as 2 rows in certain circumstances

Issue
If the user clicks on one of the field groups that has fewer fields, then moves the transcription bar on the page, and then clicks on one of the field groups that has a greater number of fields, the fields can display on two columns instead of just one. This makes it a bit weird to transcribe.
transcription-bar-stacked
This does not occur when the user clicks on the field group with more columns before moving the transcription bar.

[DRAW-005] Data entered in transcription pop-up does not save after clicking and dragging box

Steps to reproduce:

  1. Navigate to a new transcription.
  2. Select ‘transcribe’ button to begin transcription process.
  3. When data entry pop-up prompts, enter in values and select ‘save’.
  4. Click and drag box around the data just transcribed.
  5. Data entry pop-up prompts a second time. None of the previous data entered is saved. Instead, these sections appear as empty.

Recommended result:
Data should save after submitting the first time and should be appear with its respective box.

Actual result:
Data entered in transcription pop-up does not save after clicking and dragging box. The user is required to submit the data during the second time in order for it to save.

Notes:
Tested on:
Google Chrome Version 55.0.2883.87 m, Internet Explorer 11, Firefox version 37.0.1.
Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.

Screenshot attached: DRAW-005.png

Tiffany Hirsch

draw-005

Can scroll up indefinitely

Issue
I can move the header placeholder up infinitely. At some point I no longer see the image. It can get confusing for a beginner user.

Potential Solution
Prevent scrolling up beyond a certain point.

infinite-scroll-up

'Draw a box' - Popup modal

Issue
The first time(s) that I used the transcription bar, I did not notice that I had to Draw a box before moving on to the next transcription - I did not notice the message at the top of the screen.

Potential solution
Have a popup modal show every time the data is submitted. Also, disable the 'new transcription' button until the box is drawn.
Something like this:

screen shot 2016-08-31 at 12 59 24 pm

[DRAW-012] User can input invalid time prior to submitting feedback

Steps to reproduce:

  1. Launch DRAW website.
  2. Navigate to the ‘User Feedback’ page http://test.citsci.geog.mcgill.ca/feedback.
  3. Input an invalid time in the ‘What time did the issue occur?’ section (ex: 91:91 AM).

Actual result:
User can input invalid time. If the minutes entered is over 59 (ex: 91:91 AM) then this time is declined prior to submitting feedback and an invalid time error notification appears. However, if the minutes section is 59 or less (ex: 91:58 AM) it is able to be submitted, whether the hour section is valid or not.

Expected result:
Invalid time notification should appear immediately after inputting incorrect numbers, blocking the user from entering this data.

Notes:
Issue occurs on:
Google Chrome Version 55.0.2883.87 m, Internet Explorer 11, Firefox version 37.0.1.
Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.
Screenshots attached: DRAW-012.png

Tiffany Hirsch

draw-012

Minor CSS Adjustments

Home Page
Before
screen shot 2016-09-15 at 11 05 05 am
After
screen shot 2016-09-15 at 11 04 57 am
Modifications
.body-bg-img { opacity: 1; } p.homepage-intro { padding: 0 20px; text-align: center; }
Note: change the opacity to 100% on all pages.


Content Pages
Before
screen shot 2016-09-15 at 11 04 39 am
After
screen shot 2016-09-15 at 11 04 29 am
Modifications
h1 { color:#fff; } .main-app .main-content-container.default {
background-color: rgba(253,253,253,0.8);
} .main-wrapper { background-color: rgba(0,0,0,0.3); }


Admin Pages
Before
screen shot 2016-09-15 at 11 07 28 am
After
screen shot 2016-09-15 at 11 07 16 am
Modifications
.main-app .main-content-container.default { background-color: rgba(253,253,253,1); min-height: 300px; }

[very minor issue] Field group colour automatically reverts to purple when editing

Issue
Whenever I edit a field group, it's display colour reverts back to purple by default. Hence, if we make changes to a field group but forget to change it's colour back to what it was, the transcription bar will end up all purple.

Example:
Try editing 'Wet Bulb'. Click save without changing anything. It's colour on the transcription bar will no longer be green; it'll be purple.

[DRAW-001] Empty row appears in ‘delete this annotation’ pop-up

Steps to reproduce:

  1. Start a new transcription.
  2. Enter data for a single row in the transcription box and save.
  3. Once data is saved and this row appears in a box, hover curser over the box to prompt edit options.
  4. Select the ‘delete annotation’ button.
  5. An empty row appears in the ‘delete this annotation’ pop-up.

Recommended result:
No empty rows appear in the ‘delete this annotation’ pop-up.

Actual result:
An empty row appears in ‘delete this annotation’ pop-up. This makes the pop-up look as though it is missing text within this row.

Notes:
Tested on:
Google Chrome Version 55.0.2883.87 m, Internet Explorer 11, Firefox version 37.0.1.
Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.

Screenshot attached: DRAW-001.png

Tiffany Hirsch

draw-001

[DRAW-008] Scrollbar overlaps top right of navigation menu when using Internet Explorer

Steps to reproduce:

  1. Launch DRAW website using Internet Explorer.
  2. Observe the top right of the navigation menu overlapping with the scrollbar.

Actual result:
Scrollbar overlaps the top right of the navigation menu when using Internet Explorer.

Expected results:
The navigation menu is provided with enough room to not overlap the scrollbar.

Notes:
Issue occurs on: Internet Explorer 11.
Issue does not occur on: Google Chrome Version 55.0.2883.87 m, Firefox version 37.0.1.
Tested on: Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.
Screenshots attached: DRAW-008.png

Tiffany Hirsch

draw-008

[DRAW-007] Grammatical issues appear in the transcription pop-up tabs

Steps to reproduce:

  1. Navigate to a new transcription.
  2. Select ‘transcribe’ button to prompt transcription pop-up.
  3. Observe each of the tabs (ex: 'Barometer', 'Clouds', etc.).

Recommended result:
Capitalization and punctuation should appear in the transcription pop-up tabs.

Actual result:
Grammatical issues appear in the transcription pop-up tabs.
For 'Temperature and humidity of the Air', the H in humidity should be capitalized. Also, there is a lack of capitalization on the descriptions presently available (under ‘Temperature and humidity of the Air’ and ‘Rain and Snow’ tabs). As such, these descriptions appear completely in lower case, with no punctuation.

Notes:
Tested on:
Google Chrome Version 55.0.2883.87 m, Internet Explorer 11, Firefox version 37.0.1.
Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.

Screenshots attached: DRAW-007.png

Tiffany Hirsch

draw-007

error parsing time on create annotation in firefox (on staging)

22:22:16 INFO: Started POST "/annotations" for 67.70.24.212 at 2016-09-15 22:22:16 -0400
22:22:16 INFO: Processing by AnnotationsController#create as JS
22:22:16 INFO:   Parameters: {"utf8"=>"✓", "filename"=>"1491_A_1a_1874-10-15_1874-10-17_1.jpg", "annotation"=>{"meta"=>{"tran$
22:22:16 DEBUG:   ^[[1m^[[35m (0.3ms)^[[0m  BEGIN
22:22:16 DEBUG: meta: {"transcription_id"=>"67", "page_id"=>"112", "field_group_id"=>"8", "x_tl"=>"", "y_tl"=>"", "width"=>""$
22:22:16 DEBUG: data: {"wind_direction"=>{"page_id"=>"112", "user_id"=>"22", "field_id"=>"19", "data_type"=>"string", "select$
22:22:16 ERROR: undefined method `+' for nil:NilClass
22:22:16 ERROR: ["/opt/www/climate_test/releases/20160915211331/app/controllers/annotations_controller.rb:67:in `block in cre$
22:22:16 DEBUG:   ^[[1m^[[36m (0.3ms)^[[0m  ^[[1mCOMMIT^[[0m
22:22:16 INFO:   Rendered annotations/_annotation.json.jbuilder (1.6ms)
22:22:16 INFO:   Rendered annotations/create.json.jbuilder (2.5ms)
22:22:16 INFO: Completed 500 Internal Server Error in 11ms (ActiveRecord: 0.6ms)
22:22:16 FATAL:
ActionView::Template::Error (undefined method `split' for nil:NilClass):
    1:
    2:     json.id annotation.id
    3:     json.date annotation.date_time_id.split("_")[0]
    4:     json.time annotation.date_time_id.split("_")[1]
    5:     json.width annotation.width
    6:     json.height annotation.height
  app/views/annotations/_annotation.json.jbuilder:3:in `_app_views_annotations__annotation_json_jbuilder___141037657427533679$
  app/views/annotations/create.json.jbuilder:1:in `_app_views_annotations_create_json_jbuilder___668766090457861190_46414420'
  app/controllers/annotations_controller.rb:90:in `create'

Transcription bar - Can't see 'Observation time' because it gets cropped

Issue
The observation time does not display all at once because it is too big for the field.
screen shot 2016-08-31 at 1 44 32 pm
Hence, part of it gets cropped, making it impossible to see the entire value. This can lead to more errors (e.g. can't see that I put 'pm' instead of 'am').
Moreover, I find that re-writing the date for every transcription is a pain in the neck.

Potential solution
Turn the 'observation time' field in to a Select2. This would also make it more user friendly.

[DRAW-003] Edit options are not functional when transcription box is too thin

Steps to reproduce:

  1. Start a new transcription.
  2. Enter row data, sizing the transcription box thinner than the length of the edit option buttons.
  3. After the box is created, cover over it to prompt edit option buttons.
  4. Click the edit option buttons.

Recommended result:
Edit option buttons should be function even if the length of the box is too thin to display the entire button.
Or
Transcription box sizing is required to be at least the length of the edit option buttons.

Actual result:
Edit options are not functional when transcription box is too thin.

Notes:
Tested on:
Google Chrome Version 55.0.2883.87 m, Internet Explorer 11, Firefox version 37.0.1.
Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.

Screenshot attached: DRAW-003.png

Tiffany Hirsch

draw-003

Transcription bar - Flow

Issue
As a user, I find it slightly annoying to have to re-enter the date and time for every 'field group' as well as being interrupted every time I finish one to draw a box around the transcribed observations.
For a standard Type_A1 page, the user has to enter the 'observation time' & draw a box & re-click on the 'new annotation' button a total of 9 times to finish a single line.

Potential solution 1
When the user clicks submit for one of the 'field groups' she is taken to the field group directly to the right. The data is thus only submitted once the entire line has been transcribed. Then the user is asked to draw a box over the entire line.

Pros

  • Fewer steps.

Cons

  • The user would have to enter the entire line of data before it is saved.
  • Complicated to implement from what I understood from Rob.

Potential solution 2
When the user finishes drawing the box, she is automatically taken back to the transcription bar (saves them from having to re-open it and drag it back into place).

'Draw a box' - Being explicit about the area to transcribe

Issue
I transcribed a line of data. Pressed save. Then did other things for a while before coming back to the page. When I came back to 'Draw a box...' I no longer remembered what data I had last transcribed.

Potential Solution
Add the name of the 'field group' that was last transcribed in the 'Draw a box...' message.
e.g "Draw a box around the [field group] observations you just transcribed."

Transcription Process - Can draw infinite number of boxes

Issue: I can draw an infinite number of boxes
After transcribing the barometer group, I drew the first box. All good.
Then I reopened the transcription bar for the next annotation. When I tried to move the background image of the ledger sideways, it drew another box...again and again.

ezgif com-optimize

[DRAW-002] ‘Transcribe’ button should appear as ‘Continue Transcribing’ on ‘My Transcriptions’ page

Steps to reproduce:

  1. Complete the transcription of a row and save.
  2. Navigate to another section of the website.
  3. Navigate to ‘My Transcriptions’ by selecting the ‘Transcribe’ tab, then ‘My Transcriptions’ on the drop-down.
  4. Observe ‘Transcribe’ button.

Recommended result:
‘Transcribe’ button should appear as ‘Continue Transcribing’ on ‘My Transcriptions’ page.

Actual result:
The button to continue previous transcribes appears as ‘Transcribe’.

Notes:
Tested on:
Google Chrome Version 55.0.2883.87 m, Internet Explorer 11, Firefox version 37.0.1.
Windows 7 Professional x32, Intel Cote i5, ATI Radeon HD 4550.
Repro rate: 5/5.

Screenshot attached: DRAW-002.png

Tiffany Hirsch

draw-002

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.