Closed SabaBaig closed 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
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
--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)
--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.
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.
--Gathered the data set required for Login and Library Page and then updated the map.
-- Completed the Login Page.
--Library Page is still in progress.
--Library page is modified now, but still some changes are yet to do.
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
--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.
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.
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
Arabic translation is needed. please check this link https://docs.google.com/document/d/1wNKrOPenCeQjnDjl8kbesZc0Nf-vBLuPDREQ5e6Jv-c/edit
Arabic translation for following words is required, https://docs.google.com/document/d/1wNKrOPenCeQjnDjl8kbesZc0Nf-vBLuPDREQ5e6Jv-c/edit
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
-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
Members page is now providing Multi-Lingual support now. Here is, how it looks,
you can find this, with all relevant changes on the following commit link,
https://github.com/open-learning-exchange/BeLL-Apps/commit/3ba6c346e497c3d8b5f9c7699ef0026734fba706
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
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
Search page is now providing MUI and is available on the following commit link, https://github.com/open-learning-exchange/BeLL-Apps/commit/9f65f71338804ba82ba467127565f404ba31f884
Following advancement in this issue can be found on provided github commit links,
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
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
--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
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
-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
--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
--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
--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
--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
--Corrected label on Course/Details page https://github.com/open-learning-exchange/BeLL-Apps/commit/3df9801fe0c416325a18faffcf666f4ffabe391e
Allignment corrected for Text on mail for RequestAdmin https://github.com/open-learning-exchange/BeLL-Apps/commit/0380b19940bb0c2ef048cbbf2782d1691ef0834d
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
@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.
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
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.