Подсказка в виде картинки

[Oleg Sychev]

Originally reported on Google Code with ID 174

Если установите все мои последние изменения (включая поведения), то сможете увидеть
подсказки в работе.

Для полного набора нам не хватает одной подсказки - подсказки позиции в виде картинки
(wherepic). Она применяется для ошибки перемещения и возможно отсутствия. 

При перемещении она должна показать ответ студента (response), выделить неправильно
перемещенную лексему и стрелкой показать куда ее поместить, чтобы она попала в LCS.

При удалении - тут вопрос сложнее, ее можно галочкой вставку показать, но возможно
лучше показать описание (обведенное не в квадратик, а как-нибудь по другому - овал
и т.д., чтобы отличать от значений лексем) если оно есть; и только если нет - лексему.
Ваше мнение тоже готов услышать.

Архитектуру я выстроил, достаточно определить код нового класса подсказки (см. cw_hints.php
за примерами) и дописать ее наименование в код функции, возвращающей доступные подсказки
для ошибок; все остальное будет само.

Вы с картинками активнее работали, поэтому прошу сделать вас. Оно не должно быть особо
сложно. Тогда мы получим полный комплект подсказок.

Reported by oasychev on 2013-01-18 20:15:44

[Oleg Sychev]

1) На картинке большие буквы ответа становятся маленькими если вопрос нечуствителен
к регистру. Но вот студентов это может сбивать с толку.
2) При перемещении лексему выделить "корытцем"-надчеркиванием, чтобы точно видеть границы.
3) При вставке - обычно галочку раскрывают на ширину вставляемой лексемы.

Reported by oasychev on 2013-02-05 10:41:38

[Former user]

3) Мне кажется, что в случае длинных лексем тогда картинка будет сильно разъезжаться
в длину, что будет выглядеть некрасиво.

Reported by mamontov.dp on 2013-02-05 11:22:56

[Oleg Sychev]

3) Так она все равно ж разъезжается из-за самого текста лексемы или ее описания...

Reported by oasychev on 2013-02-05 11:25:34

[Former user]

Я прошу  прощения, я немного неверно должно быть понял - вы хотите, чтобы у галочки
были просто еще плоские края, которые бы снизу подчеркивали вставляемую лексему, или
чтобы галочка оставалась треугольной и её разные концы касались соответствующих сторон
лексемы? Просто в первом случае размер картинки не изменится, а во втором - придется
двигать остальные лексемы, чтобы не пересекать чертой.

Reported by mamontov.dp on 2013-02-05 11:30:25

[Oleg Sychev]

Можно и плоские края. Или просто чуть поднять галочку, чтобы на текст наложиться не
могла. Просто чтобы было надежно видно по границе лексемы..

Reported by oasychev on 2013-02-05 11:31:37

[Former user]

Хорошо, я реализую её через плоские края с небольшими отступами.

Reported by mamontov.dp on 2013-02-05 11:35:00

[Oleg Sychev]

3) вставляемая лексема теперь очень хорошо смотрится; я думаю неплохо точно такую же
галочку нарисовать и над перемещаемой лексемой

Также обратите внимание - я поменял шрифт на встроенный в Moodle. Он вроде куда основательнее
по размеру. Посмотрите, если устраивает - удаляйте вставленный в вопрос шрифт...

Reported by oasychev on 2013-02-18 10:48:48

[Former user]

Вы не могли бы нарисовать какой-нибудь простой пример, как вы видите перемещаемую лексему
с такой галочкой? Просто я немного могу недопонять, а так точно верно реализую.  Шрифт
удалил, встроенный в Moodle поддерживает кириллицу.

Reported by mamontov.dp on 2013-02-24 19:11:35

[Oleg Sychev]

Ну галочка такая же, в виде стилизованной фигурной скобки, только отражена наоборот,
т.к. стрелка уходит вверх, а лексема - внизу.

Если непонятно - подойдите во вторник на перемене, я буду на кафедре часам к 13-30...15,
потом пары. Проще на бумажке черкануть.

Reported by oasychev on 2013-02-24 19:17:18

[Former user]

Т.е., что-то вроде такого, что показано в файле, пойдет (стрелочка там в середине, просто
немного некорректно нарисовал)?

Reported by mamontov.dp on 2013-02-24 19:22:19

<hr> * Attachment: testmovedpicture.PNG<br>

[Oleg Sychev]

Да, только стрелка в середине и чуть повыше горизонтальную линию, чтобы верхушки длинных
буквы d l не задевать...

Reported by oasychev on 2013-02-24 19:26:40

[Former user]

Хорошо, сделаем повыше.

Reported by mamontov.dp on 2013-02-24 19:27:52

[Former user]

Исправил, проверил, вроде рисует нормально.

Reported by mamontov.dp on 2013-02-25 09:52:53

[Oleg Sychev]

При первом тестировании нормально. Еще чуть потещу...

Reported by oasychev on 2013-02-25 12:46:24 - Status changed: Fixed

[Oleg Sychev]

Reported by oasychev on 2013-03-03 17:22:06 - Status changed: Done