bridgeconn / vachanonline-v2

Scripture Engagement Platform for Indic Languages

VachanOnline-v2

Scripture Engagement platform in Indic Languages

Personas

• Everday reader, Bible believer, seeker
• Casual Bible Student
• Church Elder
• Pastor
• Formal Bible Student, Scholar, Theologian
• Youth
• Children

User Story

As an Everday reader, Bible believer, Jesus seeker I want to freely access, read,meditate on God's word, and access related resources in my heart language.

As a Casual Bible Student I want to study God's word, highlight passages, take notes, compare versions and lookup topics. I want to see commentaries,notes, exegetical materials, maps to help me understand and apply truths of scripture into my life

As a Church Elder I want study tools like study notes, comentaries, interlinear texts, dictonaries topical lookups and crossreferences to help me prepare for a sermon or a Bible Study class

As a Pastor I want the above tools to augment my personal Bible study, sermon perparation and counselling/leadership.

As a Formal Bible Student, Scholar, Theologian I want to see original languages,interlinears, reverse-interlinear, multi-linear texts, along with mulitple commentaries, study resource.

As Youth/Children I want to see more that just Biblical texts, i.e. audio, video, VR material to help me understand the Bible in a manner that appeals to my visual thinking.

vachanonline-v2's Issues

Add beta.vachanonline.com

• Add the subdomain "beta" to vachanonline.com on GoDaddy.
• Redirect vachanonline.net to beta.vachanonline.com
• Do the necessary changes in nginx sever configuration.
• Test the changes

Multi Color Highlights

Have multi color highlights 5 options
Default yellow if none ie old highlight

New structure decided for firebase
users>uid>highlights>sourceId(10)>jhn(book)>1(chapter)>["1:a","10:c"](verse:color code)
color codes
a:#fffe00 (yellow)
b:#5dff79 (green)
c:#56f3ff (cyan)
d:#ffcaf7 (pink)
e:#ffc66f (orange)

header is not showing properly in homepage in mobile

when we test vachan online in mobile browser (google), Header is not showing properly in homepage ex. language list, sign in is missing

Navigating from an OT book to Nagamese in the main screen displays a blank screen

Issue description :
In the main screen, on navigating from an OT book of any existing language ,say Hindi IRV to the newly uploaded Bible-Nagamese, leads to a blank screen

Steps:
Select the language (Hindi IRV) and the book OT (say Matthew) on the main screen .
Now select the Nagamese Bible from the dropdown
Observation:
The screen goes blank on selecting Nagamese Bible,after selecting an OT book from a different language,prior to that
Expected Result:
The Nagamese Bible should be displayed on the main screen ,even if an OT book is selected prior to it.

Licence -should be spelt uniformly in the title and description

In the website ,the title for the ESV licence says License (American English) and in the description it says Licence(British English).

Multiple Audio Bibles can be played at a time, only one should be allowed

On clicking on the audio Bible icon, it displays all the available Audio Bibles .
All the available Audio Bibles ie the ones available on the side panel as well as the audio icon available on the top panel can be played at a time.
Only one audio should be allowed to play at a time.

The Parallel view also allows both the Bibles to be played at a time.

Display Notes icon

• Display notes icon for verses which have notes.
• On clicking the icon, it should open up the notes pane with the corresponding note.

Bible Stories - Urdu script to be aligned Right to Left

Issue :The Urdu script is currently aligned from left to right.
It is to be alighed right to left as in the door 43 website .
The app also displays the right to left alignment.

Setup dev.vachanonline.com on the Staging Server

Nagamese Bible-The book names are to be clicked twice to view the list of chapters in Nagamese

Issue description; The book name is to be clicked twice to view the list of chapters in Nagamese Bible
Steps:
Select the Nagamese Bible and select any book
Observations;
On the first click, the list of chapters are not visible
Click the Book name again
Observation;
Now the list of chapters are displayed.
Expected Result;
The list of chapters are to be displayed in the first click itself, similar to other Bible versions.

Bible references to be displayed in the language that the user is reading

Parse commentary images and show on UI

Parallel Scroll disabled alert-Nagamese on any side and OT on other side

Issue description : Parallel scroll alert incorrectly displayed when Nagamese is on any side

Steps:
when the left pane is Nagamese, change the right pane from any language OT (English-Genesis ) to Nagamese, the alert saying parallel scroll disabled still displays.
Similarly, when the right pane has Nagamese, change the left pane from any language OT to Nagamese, the alert saying parallel scroll disabled displays.

Observation : The parallel scroll disabled alert is incorrectly displayed when Nagamese is on any side and OT on other side.

Expected : The parallel scroll is to be enabled and no alert is to be thrown.

Incorrect Parallel scroll alert-

Issue description An incorrect parallel scroll alert displays for available books

Steps:
Select Nagamese in left and right panes, Observation: The parallel scroll alert displays.
switch to the main landing page, and select an OT book, say English-ASV- Genesis ,
Observation :The parallel view opens by default, without prior selection with English ASV on either sides with the parallel scroll alert ," Current book not available for Eng ASV, which is an incorrect alert.

Expected : On switching from Nagamese in parallel view to the OT book in the main landing page, the parallel scroll (icon) is to be enabled and no alert is to displayed.

React version upgrade

Note icon for verse without note

Issue description : In some cases ,an extra note icon appears for a verse without a note (Very rare -need to investigate ( Ref:Malylm-Esther:4:2) )

Steps:
Select any language and book/chapter
Now select a few verses and add note

Enter the text and save the note

Observation:
An extra note icon is created for a verse for which no note was created.

Expected : The note icon should only be created only for those verses for which note is created.

Change the parallel scroll icon from link to import export

Change the parallel scroll material UI icon from link to import export
import ImportExportIcon from '@material-ui/icons/ImportExport';

OBS- Story titles as drop down- Website mobile-friendly

Story titles as drop down in the OBS

Insert ESV Study Notes

Lot of issues were found when trying to insert them into DB.

So they have been given back to Anu for re-formatting and further cleanup. Expecting a clean file of the ESV Study notes by 31st July 2020.

Parallel view- Book and chapter does not display -Navigation from parallel panes- Notes, Highlights etc

Issue description : On trying to select long string languages from windows involving parallel panes such as Notes/highlights etc ,the book and chapter does not display alongside the selected language in the parallel view . (Malayalam, Deuteronomy, Nagamese, etc)
Steps:
Select a folder that involves opening a parallel pane -Notes or Highlights
Select a language with long string length say Malayalam or Nagamese

Observation:
Along with the selected language, the book name and chapter does not display
Expected : The code is to be enhanced to include a wider set of screen size resolution such that the book and chapter name are displayed alongside the selected book

Include titles for Commentaries and Dictionary page

Font family selection -Feature does not work -No alignment as per selected family font

lssue description : Clicking a particular Font type would not result in displaying the text according to the selected font.

Steps:
Select a language and book
From the Settings icon, select any of the Font types- Sans or Seriff
Observation : The content of the selected book does not align according to the selected font type

Expected : The content of the selected book should align according to the selected font type

Test usfm parser version 2

• It was noted that the existing usfm parser being used is creating a lot of issues in the English Bible text. So, an issue regarding this had been raised with the usfm-parser team.
• Meanwhile, it has been decided to try out the 2nd version of the usfm-parser which was released recently, and is known to be a more relaxed version compared to the first.
• The goal is to find if it breaks anything in the UI, and if it does, determine how much re-work is needed to use this parser going ahead.

Upgrade react version

Handle case in UI when Full bible is not Uploaded

1. If book not available show first available book available
2. Parallel bible and sync enabled if book not avalable in parallel bible then show " will be uploaded soon"

The title Reading Plan is to be included

UI changes

Landing page

1. Change from "Read" to "Study the bible in your language", on the landing page.
2. Remove the word cloud
3. Standardise font size of multi-lingual verses on the landing page.
4. Use the image from wireframe on the landing page, instead of the current one.

Bottom half of landing page

1. Left - TBP video (how to read your Bible video)
2. Centre - slider with graphics (read, listen, watch)
3. Right - graphics (desktop, ipad, mobile screens)

Reading page

1. Have tooltip for previous next chapter aarro
2. Highlight current chapter number in drop-down​
3. Decrease padding of book/Bible drop down.
4. Shift bible selector to the left so that Bible page is not hidden when the drop down is opened.
5. If not signed in, on click of notes, or highlights, etc, the sign in popup text should come along with the sign in box on the top.

Nagamese-The chapters are not listed for the book of Revelations for the Nagamese bible

Issue description; The chapters for the Book of Revelations are not listed
Steps:
Select the Nagamese Bible and select the Book of Revelations
Observations;
The chapters for the Book of Revelations is not listed.
Expected Result;
The list of chapters are to be displayed for the book of Revelations.

Font type selection was not highlighting the selected text

lIssue description : Selection of various font types wouldn't highlight the selected font

Steps:
Select a language and book
From the Settings icon, select any of the Font types- Sans or Seriff
Observation : The selected font type is not highlighted.

Expected : The selected font type is to be highlighted.

Enhancement: A close icon for the parallel Bible

Requirement Description : A close icon for the parallel Bible to indicate closing of the parallel Bible session
Notes:
Currently, the close functionality is taken care of on clicking the parallel Bible again which disables the function.
or by switching to a different feature.

Expectation: The close button should close the parallel view.

Feature Data that is corrupt on test apk on the app should be handled on the website

Bookmarks could not be accessed on the production website (1.2.0)
The page was stuck at vachanonline.com/read
Noticed that while testing the apk version VachanGo1.2.0-alpha.4, the data was corrupt due to incorrect pointing to production of the Bible list ,
On trying to sign in on the website from the same login, the bookmarks could not be accessed.

Expected :

When data from the test apk is corrupt on the app, it should be handled on the website.

Left arrow and Right arrow for first and last book of any Bible should be removed or coloured differently

The navigation arrows (left and right) arrow for the first book of Genesis and the last chapter of Revelation is currently disabled. It would be better to hide or display the working arrows in a different color (say blue or green) and let the disabled ones remain grey

OBS option is not working for vachanonline in mobile browser

OBS option not working properly in mobile browser(google), when we click OBS, it is taking to classic website

The note icon is displayed for verses for which a note has not been added

Description : The note icon is displayed for passages where a note is not created
Version found:VachanOnline-v2
Steps to hit the issue:
i) Sign into the Vachan online website profile
ii)Select a chapter, and select verses for which notes are to be added
Verify that the note window opens .Save the note.
iii) Now, select a chapter for which no note exists
Observation:
The note icon is displayed for those verses for which no note exists.
Expected Result: The note icon should be displayed for only those verses for which a note is created.

Enhancement-History icon

Issue description: Since Vachan App , the companion app has a History icon that helps navigate to pages visited in the past
it would be ideal if a History tab is introduced for the website as well.

Parallel Scroll disable alert- Load along with disabled parallel scroll

Issue description : Load the alert along with the disabled parallel scroll icon , when an OT book is on the left pane and Nagamese on the right.
Steps:
Select an OT book on the left, say English -Genesis 3
Now select the parallel view icon
Select Nagamese

Observation:
The first available book, the Book of Matthew loads .
However, the parallel scroll is still enabled at this point.
The alert saying current book not available in parallel view would appear only on doing the following steps
- disable the parallel scroll
- then enable the parallel scroll -> At this point only the alert is show
Expected : It would be better if the parallel scroll is auto-disabled and the alert appears ,as soon as the Nagamese Bible is selected when the left pane has an OT book selected .
On trying to enable, it should still point to the alert and can guide with a statement saying parallel scroll works with the same chapters on either panes.

Add Feature to show open bible stories

Add Feature to show open bible stories from obs

• Create Wireframe
  Wireframe Link
• Approve wireframe
• Upload Content for English OBS to github for sample implementation
• Add code for adding OBS to UI

Audio panel to show Book and chapter reference

The Audio panel does not display the Book/chapter reference.
On the side panel, on clicking on audio, a set of available audio Bbiles display. It would be nice to have the book and chapter of the clip that the user is playing

Note created -Icon not displayed beside the verse

Issue description : In some cases ,on trying to create a note for a verse ,the note icon ie the folder is not created though the actual note itself gets created (rare case-minor issue) - (Ref: Josh 19:1)
Steps:
Select any language and book/chapter
Now select the note icon
Enter the text and save the note

Observation:
The note is created.
However ,the note icon does not display alongside the verse

Expected : The note icon should also be created beside the verse .

Add text -Bible references for today

Parallel Bible mismatch-The header in the parallel view displays incorrectly (English KJV content-header-Hindi IRV)

Issue description :
Select the Hindi IRV version
Now choose the Parallel Bible view and select the English KJV version .
Now, choose some other icon ( ie closing the Parallel Bible option)

Again open the parallel Bible option,
Observation
Hindi IRV displays on the left pane, on the right side, it displays the header as Hindi IRV.
However, the content is that of English KJV
Expected Result;
The parallel view should display the correct header as English KJV

Highlights sign in retained in even after logging out

Issues with notes and bookmarks

1. The Note section headings of the regional languages has book names in English
   The Note section headings of the regional languages should  have the book names mentioned in the same regional language
2. The website allows an empty note to be created. Whereas the app throws an alert saying Note cannot be empty. Add a check to throw a similar alert
3. The first letter of a book (Corinthians) displays in small letter. The first letter of the book in Bookmarks should be in capital letter

Parallel scroll disabled incorrect alert -Nagamese on either side

Issue description : Parallel scroll alert incorrectly disabled when Nagamese is on either sides.

Steps:
When both the right and left panes have Nagamese, the parallel scroll alert is displayed.:(Left OT -Genesis , Right Nagamese - Alert is displayed. Then change the book on the left to Nagamese, alert is displayed again.)
Observation : The parallel scroll disabled alert is incorrectly displayed when Nagamese is on either sides.

Expected : The parallel scroll is to be enabled and no alert is to be thrown.

Enhancement- Highlight background of selected icon with a brighter color

The background for any icon selected on the right panel if highlighted with a brighter color would be easier to identify the selected icon

Replace the book names with book abbreviations on smaller screen sizes

Parallel view : Screen size limit -Book and chapter does not display alongside the selected language for languages with long string length

Issue description : On selecting a new language in the parallel view , the book and chapter does not display alongside the selected language for languages with long string length. (Malayalam, Deuteronomy, Nagamese, etc)
Steps:
Select a language and book (say Hindi IRV and यहोशू 20)
Now select parallel view and select a language with long string such as Malayalam
Observation:
Along with the selected language, the book name and chapter does not display
Expected : The code is to be enhanced to include a wider set of screen size resolution such that the book and chapter name are displayed alongside the selected book

UI changes

These are some UI changes requested by Anil/ Binu and others:

• Update commentary logic to see commentary language to show verse in English or Hindi commentary text
• Test websafe colors #333399 on landing page (If this looks good, the cross-browser, colour difference issue will be taken care of)
• Update header in the commentary pane, and show book name based on commentary language not bible language
• Feedback icon to be shifted to the bible study page
• Display the verse(with reference) on the landing page, in the Major Indian languages, with the help of a language selector. Refer to the wireframe. Wireframe Link
• Typo fix website title: "Vachanonline" to "VachanOnline"

Empty note alert - Display at the top or centre

Issue description : The alert for empty note , if displayed on the bottom , may be difficult for the user to view.

Steps:
Select any language and book/chapter
Now select the note icon
Leave the note text box empty
Save the empty note

Observation:
The Empty note alert displays at the bottom, which makes it difficult for a user to spot it.

Expected : It would be better if it is displayed on the top or centre to catch the user's attention

Bible Reading plan: English

Bible Reading Plan for VachanOnline.

• select npm packages to use for event and month picker. (using react-calendar)
• make basic page layout.
• add plan dropdown.
• add calendar to show dates.
• on selecting date show that day's reading.
• on clicking reading plan open reference in biblepanel, if not available show msg.
• handle cases when no reading for selected date (show msg for no data).