search

open-learning-exchange / BeLL-Apps

This is the third iteration of the BeLL software. It's a Backbone.js app that caches itself in the browser that is backed by CouchDB when a server is available and PouchDB in the browser when a server is not available. Initial support for PDFs is currently implemented, support for Videos and single HTML5 Apps coming next. Tracking bugs and new features in the Wiki at the moment.
12 stars 39 forks source link

Create MUI supporting Urdu #103

Closed SabaBaig closed 8 years ago

SabaBaig commented 8 years ago

As an initial step, it is suggested to render bell-Apps in Urdu language.

--Collected the data required to create a one-on-one mapping between phrases on DashBoard and their corresponding exact matches in Urdu.

SabaBaig commented 8 years ago

As per the strategy discussed in https://docs.google.com/document/d/13XJ3QEe0iAEKjmfK2XAkRq6bWh0s_u-Jqtb7lFAwIYo/edit?usp=sharing Created a map for Urdu Language languages_doc_urdu Then, finally tokenized all the terms in HTML and also worked on the elements being appended from server-side So, as an initial effort came up with something as follows poc_mui_ole_2

SabaBaig commented 8 years ago

--Gathered dataset and then added them in the map, in the most appropriate format. (with the help of Google Translate) --Worked on rendering date in Urdu, on dashboard. --Worked on enabling current language to be selected from the available languages on the configurations page. (Realted to Issue#104) --Still working on using different CSS for each Language. (Styling for urdu is also in progress) p4 poc_mui_ole_3

SabaBaig commented 8 years ago

--Created separate styling sheet for both Urdu and English Language. --Deciding at run-time which css to load, as per the current Language set in Configurations page. --Made the Language to be selected from the drop-down in Set Configurations page of community. --Formatted all the elements on page, as per the rules of Urdu Language. --Working on a dashboard of Nation, that requires few changes. poc_mui_4

SabaBaig commented 8 years ago

Issue#103 (Creating MUI supporting Urdu) --Adjusted the suggested Allignment on page for Urdu Language, while preserving the formatting for other languages. --Completed and tested the code for multi-lingual interface on Dashboard at nation-level as well. --Separate out the document for each language and adjusted the code accordingly. --Re-structured the map, as per need. --Removed the redundant piece of work.

SabaBaig commented 8 years ago

--Gathered the data set required for Login and Library Page and then updated the map. -- Completed the Login Page. login_page

--Library Page is still in progress. library_page

SabaBaig commented 8 years ago

--Library page is modified now, but still some changes are yet to do. resource_page

SabaBaig commented 8 years ago

git hub commit link https://github.com/open-learning-exchange/BeLL-Apps/commit/b921c102490353467e083d0e9298462d6d3075fc

SabaBaig commented 8 years ago

Courses page is also supporting Urdu Language now, for its live-working you can refer to saba.nbs.ole.org The github commit link for this is, https://github.com/open-learning-exchange/BeLL-Apps/commit/729222ab8f542a8ff55018a1a317de21719a02c3

SabaBaig commented 8 years ago

--Today i had a session with Shahab Rashid (Graphic Designer) , it was found out that the Urdu-Layout has jerks in it, the structure needs to be revised. It is doubted that perhaps media queries of browser are causing it. --Current application is not fully responsive for all device resolutions; the reason its causing issue it that JS list order is not right or CSS conflict with other css files --A proposed solution is to centrally align your page, and then align the text within it according to the language. This will help to avoid any jerks and cuttings in UI. center

Caution: if this application is intended to support all the screen resolutions for web/mobile tablet etc...then this application is not ready for that. --Here are few questions.. What is the minimum and maximum device resolution that you want this web-application to support? Do you want Responsive/Liquid UI? ==>Useful link to grasp Layouts http://blog.teamtreehouse.com/which-page-layout

In today's session, scrolling along x-axis was removed. Tried to remove jerks but they still appear. Works perfect in Landscape mode of tablets but not on portrait. Also, the most prominent thing was, since this page is supporting left-side, so when we change it direction to right, we impose it. That causes jerks. It requires changes to be done with CSS-Structure, for both English and Urdu.

SadiaRasheed commented 8 years ago

We had a meeting with our design experts here at NBS and here is the recap

 - Center-alignment of Bell-Apps
    -- Need to center-align the Bell-Apps and which is User friendly. Please see the links below for other MUI sites as they all have centrally aligned UI
        --- http://www.bbc.co.uk/learningenglish/persian/
        --- http://www.urduvoa.com/
   - Zoom-In Zoom-Out will cause scrolling and UI elements will be distorted
   we can work on this in other iteration
   - Have tested Bell-Apps on mini tablets and its working fine
   -  Direction (right, left) change ( after selecting language ) is not a solution as it should be centrally aligned.
   - Tested it on 1024 (minimum resolution for devices ) resolution and it seems fine
  -  Content of the containers should be right aligned and the page should be centrally aligned
SadiaRasheed commented 8 years ago

Arabic translation is needed. please check this link https://docs.google.com/document/d/1wNKrOPenCeQjnDjl8kbesZc0Nf-vBLuPDREQ5e6Jv-c/edit

SabaBaig commented 8 years ago

Arabic translation for following words is required, https://docs.google.com/document/d/1wNKrOPenCeQjnDjl8kbesZc0Nf-vBLuPDREQ5e6Jv-c/edit

SabaBaig commented 8 years ago

You can check the working of MUI in English, Urdu and Arabic on (Login, Dashboard, e-Readers, Library, Courses) for now on saba.nbs.ole.org. Please run the file install_windows.js to have documents of Languages into your newly created community. Command: (For example) node install_windows http://[IdOfYourLocalDb] : [passwordOfYourLocalDb] @[URLofCommuntity] andto update databases on nation, please run the file push_nation_design_Docs.js located in update_nation folder... Same goes for nation node push_nation_design_docs http://[IdOfYourDb] : [passwordOfYourDb] @[URLofNation] You can find the latest, of these files in the following commit https://github.com/open-learning-exchange/BeLL-Apps/commit/23529f8d4106f15b4ffcfdbb99bca786b32efb88

SabaBaig commented 8 years ago

-There is a suggestion from our side, that the messages displayed in the form of alerts to notify user about the current status of their task should also be in the language selected by the user, it is not yet part of this application. But there is a suggestion to compensate this as well, if desired. Following is a demo alert

SabaBaig commented 8 years ago

Members page is now providing Multi-Lingual support now. Here is, how it looks, members you can find this, with all relevant changes on the following commit link, https://github.com/open-learning-exchange/BeLL-Apps/commit/3ba6c346e497c3d8b5f9c7699ef0026734fba706

SabaBaig commented 8 years ago

Reports and Feedback pages along-with all updated languages documents can be found on following Github commit links, https://github.com/open-learning-exchange/BeLL-Apps/commit/d341f6b6f85e2072974a4ff8c065bfaa73288331 https://github.com/open-learning-exchange/BeLL-Apps/commit/debe4eb618c884bd0f0ce4c2a24377899b675ffb https://github.com/open-learning-exchange/BeLL-Apps/commit/dd375d81b87b05513e0e228b3945fe257d09a609

Reports Page

reports

Feedback Page

feedback

SabaBaig commented 8 years ago

Follwoing pages are provided MUI now, which are available on given commit links --Add New Collection Page, https://github.com/open-learning-exchange/BeLL-Apps/commit/4717ef545aec0248c54cc77b57ef9389346626b1 --Add Resource Page https://github.com/open-learning-exchange/BeLL-Apps/commit/784a91073b9729470516e8c3ab5d41914d151c58 --Request Resourcce/Course/Meetup page https://github.com/open-learning-exchange/BeLL-Apps/commit/15c0ac8f28a64d1646a6cda8bcdc4e1836dc09c2

SabaBaig commented 8 years ago

Search page is now providing MUI and is available on the following commit link, https://github.com/open-learning-exchange/BeLL-Apps/commit/9f65f71338804ba82ba467127565f404ba31f884

SabaBaig commented 8 years ago

Following advancement in this issue can be found on provided github commit links,

SabaBaig commented 8 years ago

Edit Collection page is now in MUI and can be found on following Github Commit Link, https://github.com/open-learning-exchange/BeLL-Apps/commit/653863c10beef85ed86f2a2b83fe9e652e4b1611

SabaBaig commented 8 years ago

Add Course page is provided in MUI along-with updated language Documents, which is available on following Commit link https://github.com/open-learning-exchange/BeLL-Apps/commit/a5044a69802cac73fb283488d7a08e5eee38f695

SabaBaig commented 8 years ago

--Issue#103(Manage Course page in MUI) https://github.com/open-learning-exchange/BeLL-Apps/commit/938342990984dc7070aebd856030f2f591fe9d56 --Issue#103(Add Course Step Form in MUI) https://github.com/open-learning-exchange/BeLL-Apps/commit/5303bb70e116ad7482f57f316d3645a0ba12202b --Issue#103(Update Languages Docs and removed margin issue on Add Step) https://github.com/open-learning-exchange/BeLL-Apps/commit/6e4ca00f5178ddb3e9c3690c10f1b223a4223080

SabaBaig commented 8 years ago

Following advancement is made on MUI in BeLL-Apps, [[under Courses Module]] --Added Custom Validator Message in Add Course Step https://github.com/open-learning-exchange/BeLL-Apps/commit/72af17062ba1b1549569137056dcef4f1eee52be --LevelRow view is now in MUI https://github.com/open-learning-exchange/BeLL-Apps/commit/a493df4379c9e526bf981e5b3c4a084268ca76ce --Add Resource/Search page is now in MUI) https://github.com/open-learning-exchange/BeLL-Apps/commit/b4f6787b02d867a432480b3c6c6e451ad1c05ed9 --Courses/CourseStep/AddResource/SearchResults in MUI) https://github.com/open-learning-exchange/BeLL-Apps/commit/0af4008fd1fe84b8ae5518fb281d9c0fc758487f --Updated Labels on LevelView File) https://github.com/open-learning-exchange/BeLL-Apps/commit/6bba1b1b01bd3da7e709901bb7d313b3545fa7d3 --Corrected styling for Edit/Add Course Step page)Issue#103(Create Quiz page in MUI) https://github.com/open-learning-exchange/BeLL-Apps/commit/1d09e58f9dd0e99a4cff34c738eae6b6cc041e7c --Create Quiz page in MUI) https://github.com/open-learning-exchange/BeLL-Apps/commit/45d0ea90bfef0d91cb331f7a5d43d5f283784377 --Updated Languages docs for Arabic, Urdu and English) https://github.com/open-learning-exchange/BeLL-Apps/commit/1cb388d07107d5494a482a0b39864718a26dafe6

SabaBaig commented 8 years ago

-Manage Course/ Progress in MUI https://github.com/open-learning-exchange/BeLL-Apps/commit/1cc42c55e52c7ce24f5201244e48177136a8e7ec -Invite Members for Course partially in MUI https://github.com/open-learning-exchange/BeLL-Apps/commit/b4a7f33f25d2ac3cbc3d788e304e523b63ea516e -Updated languages docs for Urdu, Arabic and English https://github.com/open-learning-exchange/BeLL-Apps/commit/dad45d8e06b08861f3d2b0aee960b61525140e32

SabaBaig commented 8 years ago

--Invite Members for Course completed https://github.com/open-learning-exchange/BeLL-Apps/commit/14dff9ac89a59a3e5762f09439e30c8af01bec68 --Manage Course/Members page in MUI with updated language docs https://github.com/open-learning-exchange/BeLL-Apps/commit/c13c527efd6802455d91dd6b83af86c3aea0c28e --Corrected the eventHandling on course/Members page https://github.com/open-learning-exchange/BeLL-Apps/commit/1f4d0ba10a03ffe1448189182f61299c5fcbf23a --Send Email to Members of Course in MUI with updated languages docs. https://github.com/open-learning-exchange/BeLL-Apps/commit/eb2c7e02e6feba0fcd0ed412d005b8f525bed3a5

SabaBaig commented 8 years ago

--Resolved the workflow of InviteMembers for all languages https://github.com/open-learning-exchange/BeLL-Apps/commit/560b5a791a292f87140c8d2fdd9d82bb6ae7ecc3 --CourseInfo in MUI https://github.com/open-learning-exchange/BeLL-Apps/commit/0e04028b7496d49653d20399255c6196dc00e00f --Resolved onChange event for Level and Member does not fire up https://github.com/open-learning-exchange/BeLL-Apps/commit/013e4d134b9155b401ecfee2efbd0c92b9c5cb67 --Course/Resign in MUI https://github.com/open-learning-exchange/BeLL-Apps/commit/0f1364b4d8d133f8863989608232acc243697525 --selectAllMembers corrected for Courses https://github.com/open-learning-exchange/BeLL-Apps/commit/da66a9191bf683aacef5f5c4e58cb61f596174b1

SabaBaig commented 8 years ago

--UserCourse Details page in MUI https://github.com/open-learning-exchange/BeLL-Apps/commit/a018a2b2152d762a013513707308efb61554e4b0

--UserCourse Details/Feedback in MUI https://github.com/open-learning-exchange/BeLL-Apps/commit/0ee4a5592abd501585cb1907eeb4f90ad203dfb9

--Take Quiz page in MUI https://github.com/open-learning-exchange/BeLL-Apps/commit/df53a5ccf641680ccd2a3b81ed9c55dcca32615b

--Take Quiz Result page in MUI with update language docs) https://github.com/open-learning-exchange/BeLL-Apps/commit/d1c0cb33dce5926f8cd7e53d348ee4806f034e06

--Resolved : Undefined OutComes in UserCourse details https://github.com/open-learning-exchange/BeLL-Apps/commit/7515fe0750c18c3d5d9b444b809e6cc3138f207d

SabaBaig commented 8 years ago

--Lables on COurse/Report corrected on graphs) https://github.com/open-learning-exchange/BeLL-Apps/commit/cdae622fecddad7f04457981aa874d33bde11c8b

--View Course Details page in MUI https://github.com/open-learning-exchange/BeLL-Apps/commit/6e1afb2051e8f755396202818168ea91b887f326

--Courses/barchart in MUI https://github.com/open-learning-exchange/BeLL-Apps/commit/71919159796e4a9cf07b581db93fccc75b476e17

--Courses/Admission in MUI https://github.com/open-learning-exchange/BeLL-Apps/commit/affafbee5b5a03b89b7671a533082a97fdba33cb

SabaBaig commented 8 years ago

--Corrected label on Course/Details page https://github.com/open-learning-exchange/BeLL-Apps/commit/3df9801fe0c416325a18faffcf666f4ffabe391e

SabaBaig commented 8 years ago

Allignment corrected for Text on mail for RequestAdmin https://github.com/open-learning-exchange/BeLL-Apps/commit/0380b19940bb0c2ef048cbbf2782d1691ef0834d

SabaBaig commented 8 years ago
SabaBaig commented 8 years ago
SabaBaig commented 8 years ago
SabaBaig commented 8 years ago
SabaBaig commented 8 years ago

Delete existing availableLanguages attributes from Configurations on update https://github.com/open-learning-exchange/BeLL-Apps/commit/1c7c626850bdd75deb4fc371e8616b1f9b8151c5 Correction in dropdown of Languages on Configurations page https://github.com/open-learning-exchange/BeLL-Apps/commit/55955a37d094c2fa34a5b2a095fe587286199dbe

SabaBaig commented 8 years ago

@dogi I have a question here, if we are fetching the list of available languages in BeLL-Apps each time from languages database instead of configurations so that they can be displayed on all dropdowns that offer user to select language, then there are two dropdowns that need our attention the most.

Similarly, all those resources which are in other languages (whose corresponding languages documents are not in database) would not be searched by their specific language.

So, in these cases, we are left with 2 solutions as per current observations 1) Hard-Code the all possible languages (in model of Resource only) a user can choose for these two dropdowns. 2) Let the user be displayed only those languages which are available in our database and we assume that from now onwards no user will be able enough to add a resource in a language which is not in our database.

Please share your thoughts with us, so that we may proceed accordingly on this issue.

SabaBaig commented 8 years ago
SabaBaig commented 8 years ago

https://github.com/open-learning-exchange/BeLL-Apps/commit/eea962d6acc5f83716ad2b7ee66642fcd52d8da2 https://github.com/open-learning-exchange/BeLL-Apps/commit/30fd6d1ca9ad3765ecb2a3b37422634a20d9a473 https://github.com/open-learning-exchange/BeLL-Apps/commit/061e340c078624db5f4b83a7978126839bb69b89 https://github.com/open-learning-exchange/BeLL-Apps/commit/83da2e23fd85ee00fb97224b98491b1ab62f59e1

SabaBaig commented 8 years ago
umarWaris commented 8 years ago