Skip to content
Roman Tarasiuk edited this page Nov 1, 2018 · 31 revisions

Welcome to the Word Cards wiki!

Браузерна програма для вивчення англійських слів у формі карток.

В роботі використовуються дані OALD (Oxford Advanced Learner's Dictionary, http://www.oxfordlearnersdictionaries.com/) – інформація про слово (частина мови, транскрипція, аудіо-записи вимови) береться з Web-сайта.

Інтерфейс програми Мал. 1 - Інтерфейс програми

1. Принцип роботи

Програма використовує підготовлений словник (в даній версії - у вигляді текстового файла) та завантажені аудіо-файли:

Меню налаштувань програми Мал. 2 - Меню налаштувань програми

2. Підготовка до роботи

Для роботи рекомендую користуватись браузером Mozilla Firefox, оскільки в ньому скрипт OALD.user.js, який отримує інформацію з OALD (див. нижче), працює найбільш стабільно. Можна також користуватись Google Chrome. В інших браузерах робота програми не перевірялась.

2.1. Завантажити каталог дистрибутива English

В каталозі English створити каталог Audio з 2 підкаталогами - Ogg і Mp3

2.2. В браузері Mozilla Firefox встановити Extension (Add-ons) 'Greasemonkey':

Add-ond Greasemonkey Мал. 3 - Встановлення Add-ond Greasemonkey

Після встановлення потрібне перезавантаження браузера.

2.3. Встановити скрипт OALD.user.js (з каталогу js) для сайту http://www.oxfordlearnersdictionaries.com/

Даний скрипт

  • завантажує інформацію для словника з вказаного сайта
  • забезпечує виділення поля вводу одним кліком в Mozilla Firefox (у Google Chrome це чомусь не працює, внесено у список Issues по програмі)
  • може завантажувати аудіо-файли по їхніх url (.ogg і .mp3)

Встановлення здійснюється так:

  1. заходимо на вказаний сайт
  2. в панелі інструментів браузера клікаємо на випадаючий список коло піктограми Greasemonkey і вибираємо пункт 'New User Script...'
  3. в полях 'Name' і 'Namespace' вписуємо 'OALD'
  4. в полі 'Includes (One per line)' прописуємо 'http://www.oxfordlearnersdictionaries.com/*' (без лапок)
  5. клікаємо 'OK' і переходимо в режим редагування скрипта
  6. після існуючих рядків з нового рядка вставляємо текст скрипта і зберігаємо.

Даний скрипт дозволяє конфігурувати автоматичне завантаження аудіо: якщо з певних причин вам не треба завантаження (наприклад, завантаження аудіо заблоковане проксі-сервером), то можна встановити параметру AUTO_DOWNLOAD значення false (на початку, '• • • Configuration • • •')

Як вже згадувалось вище, даний скрипт дозволяє завантажувати аудіо-файли, url яких є в текстовому вигляді (.ogg і .mp3; url розпізнаються у будь-якому тексті, зокрема у файлах словників), окремо від звичайного скачування повної інформації по окремому слову. Для цього потрібно прокрутити сторінку в самий низ, там є додане текстове поле, куди треба вставити текст з url аудіо-файлів, і натиснути кнопку 'Download', - всі аудіо-файли, які є у тексті, будуть завантажені.

2.3.1. Встановити скрипт ABBYY_Lingvo.user.js (з каталогу js) для сайту http://www.lingvo.ua/

Даний скрипт

  • в списку напрямків перекладу залишає тільки англійську, українську і російську мови
  • забезпечує виділення поля вводу одним кліком в Mozilla Firefox і Google Chrome

Встановлювати по аналогії до OALD.user.js, в полях 'Name' і 'Namespace' вписати 'ABBYY'

2.3.2. Встановити скрипт Google_Translator.user.js (з каталогу js) для сайту https://translate.google.com.ua/

Даний скрипт

  • забезпечує виділення поля вводу одним кліком в Mozilla Firefox і Google Chrome

Встановлювати по аналогії до OALD.user.js, в полях 'Name' і 'Namespace' вписати 'Google Translate' і 'google.com'

3. Робота з програмою

3.1. Формування словника

Редагування записів словника Мал. 4 - Редагування записів словника

В браузері я відкриваю 5 вкладок (див. Мал. 4):

  1. https://translate.google.com.ua
  2. http://www.lingvo.ua/uk
  3. http://www.oxfordlearnersdictionaries.com/
  4. oald_voc_maker.html (з поставки)
  5. temp.html (з поставки)

1 і 2 використовуються для отримання перекладу слова. Деколи в 2 англо-український переклад неповний або відсутній, можна скористатись англо-російським перекладом.

В 3 вводимо слово і натискаємо або кнопку пошуку. При наявності аудіо буде запропоновано їх зберегти. Зберігайте у каталог, який потім буде використовуватись в word_cards.html (по замовчуванню Audio/Ogg/). В полі вводу отримаємо дані про слово, вирізаємо і вставляємо їх в 4 для продовження редагування.

В 4 подвійний клік мишкою виділяє текст поки не зустріне пробіл. Потрійний клік виділяє або текст від початку до url аудіо файлів, або url аудіо файлів - залежно від місця, де клікається мишкою.

5 можна використовувати для того, щоб мати під рукою раніше записані словники і перевіряти, чи слово або подібне слово вже не було введено раніше.

  • тегом < exmpl > слід виділяти задане слово
  • тегом < exmpla > виділяється слово, по якому ми окремо хочемо сформувати запис в словник або запис вже існує
  • тегом < phr > можна виділяти усталені словосполучення
  • тегом < i > можна виділити курсив
  • тегом < b > виділяються слова, які будуть відображатись жирним шрифтом
  • тегом < code > виділяється фрагмент коду (якщо у Вашому словнику зустрічається текст з кодом програм)

Кнопка 'Pdf clipboard join' об'єднує рядки, які йдуть розірваними при копіюванні з Adobe Reader.

Декілька різних прикладів розділяти між собою ' ### ' (пробіл###пробіл), буде дороблено відокремлення прикладів між собою.

Посилання на інше слово слід робити як see 'word', в планах доробити перехід до вказаного слова.

3.2. Вивчення слів

При використанні програми у Mozilla Firefox на ОС Android слід включити автоматичне програвання (Settings -> Display -> Allow autoplay)

Після завантаження програми word_cards.html натискаємо кнопку налаштувань (у вигляді шестірні в правому верхньому куті) і або вибираємо файл словника, або у відповідне текстове поле з буфера обміну вставляємо певну кількість, наприклад, 10-15 слів зі словника і клікаємо кнопку 'Apply'.

При зміні значення поля 'Text scale' (коефіцієнт для зміни розмірів елементів картки) кнопку 'Apply' натискати не потрібно.

Клікаючи по рядку прогресу (внизу картки, XXX/YYY) включається функціонал переходу до інших слів.

4. Інше

Можна завантажити 'DemoVocabulary.rar' з проекту https://github.com/TRM79-Temp/OALD-Card-DemoArch для ознайомлення з форматуванням.

Для Google Chrome замість Greasemonkey можна встановити CJS (Custom JavaScript for websites) і включити в ньому jQuery 2 для цих скриптів. Також у зв'язку з можливими певними приколами у роботі діалогових вікон Save As в Google Chrome перед використанням скрипта OALD.user.js рекомендовано зберегти будь-який файл з Інтернету (наприклад, якийсь малюнок) у каталог Audio/Ogg/

Побажання до функціоналу можна залишати у розділі 'Issues', по мірі можливостей буду доробляти.