Page MenuHomePhabricator
Create Task
Maniphest T281920

Pulsating OCR onboarding UI
Closed, ResolvedPublic3 Estimated Story Points
Actions

Assigned To
Samwilson
Authored By
• NRodriguez
May 4 2021, 8:34 PM
Tags
Referenced Files
F34524646: Screen Shot 2021-06-23 at 6.26.39 PM.png
Jun 24 2021, 4:30 AM
F34524648: Screen Shot 2021-06-23 at 9.24.04 PM.png
Jun 24 2021, 4:30 AM
F34524643: Screen Shot 2021-06-23 at 6.19.06 PM.png
Jun 24 2021, 4:27 AM
F34524167: Screen Shot 2021-06-23 at 5.26.43 PM.png
Jun 23 2021, 10:05 PM
F34524163: Screen Shot 2021-06-23 at 5.26.43 PM.png
Jun 23 2021, 10:04 PM
F34524165: Screen Shot 2021-06-23 at 5.27.10 PM.png
Jun 23 2021, 10:04 PM
F34443753: image.png
May 6 2021, 2:56 PM
F34442544: Screen Shot 2021-05-05 at 5.54.01 PM.png
May 5 2021, 9:54 PM
Subscribers
Aklapper
Daimona
• imaigwilo
nayoub
• NRodriguez
Samwilson

Description

Context:
As a newcomer to Wikisource,
when I log onto the editor view of a book,
and I see the OCR language options appear,
I see a pulsating UI blue dot,
so that I can click on it and understand what OCR means and why it's useful.

Visual Reference

Screen Shot 2021-05-05 at 5.54.01 PM.png (402×596 px, 68 KB)

UI and copy still being finalized, for reference so we can estimate~:

image.png (439×520 px, 80 KB)

Open questions:

  • Are we using the guided tour extension?
  • Re-leverage the pulsating component from the growth team.
  • The pulsating dot does not include the pop up
  • The ticket will have to combine the pop-up ui + pulsating ui
  • Guided tour with hidden preferences -- re-leverage what the growth team did.

Related work:
https://phabricator.wikimedia.org/T226719

Details

SubjectRepoBranchLines +/-
Add on-boarding popup and pulsating dotmediawiki/extensions/Wikisourcemaster+194 -7
Customize query in gerrit

Related Objects

Event Timeline

• NRodriguez created this task.May 4 2021, 8:34 PM
Restricted Application added a project: Community-Tech. · View Herald TranscriptMay 4 2021, 8:34 PM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript
• NRodriguez added a project: Design.May 5 2021, 8:14 PM
• NRodriguez moved this task from 💪Stretch Goals to 🌟Top Priority on the Wikimedia OCR board.
• NRodriguez updated the task description. (Show Details)May 5 2021, 8:35 PM
• NRodriguez updated the task description. (Show Details)
nayoub updated the task description. (Show Details)May 5 2021, 9:54 PM
nayoub subscribed.
• NRodriguez updated the task description. (Show Details)May 6 2021, 2:56 PM
ifried moved this task from New & TBD Tickets to Needs Discussion on the Community-Tech board.May 6 2021, 2:57 PM
• NRodriguez updated the task description. (Show Details)May 6 2021, 5:10 PM
ldelench_wmf set the point value for this task to 3.May 6 2021, 5:13 PM
• NRodriguez updated the task description. (Show Details)May 6 2021, 5:13 PM
• NRodriguez removed the point value for this task.
ldelench_wmf moved this task from Needs Discussion to Up Next (June 3-21) on the Community-Tech board.May 6 2021, 5:13 PM
ldelench_wmf set the point value for this task to 3.
• NRodriguez edited projects, added Community-Tech (CommTech-Sprint-2); removed Community-Tech.Jun 3 2021, 5:31 PM
Samwilson subscribed.Jun 9 2021, 7:12 AM

@nayoub could you attach the OCR image here (the purple boxes around text)? Also, does it need to be translatable?

nayoub added a comment.Jun 9 2021, 1:15 PM

@Samwilson Unfortunately we won't be able to use that image as we don't have the rights for it and we can't use images with text. I'll try to find another one we can use and post it here.

• NRodriguez moved this task from Ready 🎬 to Done 🏁 on the Community-Tech (CommTech-Sprint-2) board.Jun 9 2021, 4:23 PM
• NRodriguez moved this task from Done 🏁 to Ready 🎬 on the Community-Tech (CommTech-Sprint-2) board.
Samwilson claimed this task.Jun 10 2021, 8:24 AM
Samwilson moved this task from Ready 🎬 to In Development 💻 on the Community-Tech (CommTech-Sprint-2) board.

Okay, no worries. I'll start work on the other bits of this and use a placeholder for the image.

gerritbot added a comment.Jun 21 2021, 5:45 AM

Change 700464 had a related patch set uploaded (by Samwilson; author: Samwilson):

[mediawiki/extensions/Wikisource@master] Add on-boarding popup and pulsating dot

https://gerrit.wikimedia.org/r/700464

gerritbot added a project: Patch-For-Review.Jun 21 2021, 5:45 AM
Samwilson moved this task from In Development 💻 to Review/Feedback 💬 on the Community-Tech (CommTech-Sprint-2) board.Jun 21 2021, 7:02 AM
ldelench_wmf edited projects, added Community-Tech (CommTech-Sprint-3); removed Community-Tech (CommTech-Sprint-2).Jun 21 2021, 1:49 PM
ldelench_wmf moved this task from Ready 🎬 to Review/Feedback 💬 on the Community-Tech (CommTech-Sprint-3) board.
Daimona moved this task from Review/Feedback 💬 to QA 🐛 on the Community-Tech (CommTech-Sprint-3) board.Jun 22 2021, 12:29 PM
Daimona subscribed.

Merged.

gerritbot added a comment.Jun 22 2021, 12:49 PM

Change 700464 merged by jenkins-bot:

[mediawiki/extensions/Wikisource@master] Add on-boarding popup and pulsating dot

https://gerrit.wikimedia.org/r/700464

ReleaseTaggerBot added a project: MW-1.37-notes (1.37.0-wmf.11; 2021-06-21).Jun 22 2021, 1:00 PM
Maintenance_bot removed a project: Patch-For-Review.Jun 22 2021, 1:10 PM
• imaigwilo subscribed.EditedJun 23 2021, 10:04 PM

Screen Shot 2021-06-23 at 6.19.06 PM.png (1×2 px, 916 KB)

Screen Shot 2021-06-23 at 5.26.43 PM.png (1×2 px, 1001 KB)

Screen Shot 2021-06-23 at 5.27.10 PM.png (1×2 px, 794 KB)

Testing Performed:

  1. Verify pulsating icon feature shows for new users only as per visual reference
  2. Pulsating feature does not show existing users(cleared browser cache to verify that)
  3. Feature is browser compatible - Firefox, Chrome, Safari, IE
  4. Verify pulsating feature loads when user interface language reads right to left.

Test link:
https://en.wikisource.beta.wmflabs.org/wiki/Index:Wind_in_the_Willows_(1913).djvu

OCR Version tested:
Wikisource Version: – (2ddac62) 12:54, 23 June 2021 GPL-2.0-or-later{F34524163}

• imaigwilo added a comment.Jun 24 2021, 4:30 AM

@Samwilson, I saw the following two issues, while testing. I would like team advice. We can meet to review it if need. Thank you.

Screen Shot 2021-06-23 at 6.26.39 PM.png (1×2 px, 1 MB)

Screen Shot 2021-06-23 at 9.24.04 PM.png (1×2 px, 1 MB)

Samwilson added a comment.Jun 24 2021, 6:51 AM

This looks like a MediaWiki-extensions-CodeMirror compatibility issue: that extension is setting the z-index of the toolbar. We'll have to go higher! :) Can you create a new task for this please?

Samwilson mentioned this in T285451: WikiEditor toolbar overlaps Wikisource onboarding popup.Jun 24 2021, 7:10 AM

Sorry, not sure why I asked you to! :) I've created T285451 (and will work on it now).

• imaigwilo added a comment.Jun 25 2021, 8:21 PM

Test case:
● Verify pulsating icon feature shows for new users only as per visual reference
● Pulsating feature does not show existing users(cleared browser cache to verify that)
● Feature is browser compatible - Firefox, Chrome, Safari, IE
● Verify pulsating feature loads when user interface language reads right to left and browser compatible also.

**Test link:
https://en.wikisource.beta.wmflabs.org/wiki/Index:Wind_in_the_Willows_(1913).djvu

OCR Version tested:
Wikisource Version: – – (6e0e39d) 05:35, 25 June 2021 GPL-2.0-or-later

Feature has been tested, outstanding issue is tracked in T285451

• imaigwilo moved this task from QA 🐛 to Product sign-off 🤘 on the Community-Tech (CommTech-Sprint-3) board.Jun 25 2021, 8:22 PM
• NRodriguez closed this task as Resolved.Jul 8 2021, 8:06 PM
ldelench_wmf moved this task from Product sign-off 🤘 to Done 🏁 on the Community-Tech (CommTech-Sprint-3) board.Jul 12 2021, 1:13 PM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits