Четверг 09.01.2025, 09:52
Приветствую Вас Гость
Главная » 2013 » Май » 19 » Обновление страницы проверки карт сайта stormarena.ru
11:36
Обновление страницы проверки карт сайта stormarena.ru

Всем привет. Я наконец таки закончил свое многострадальное обновление сайта naruto.stormarena.ru. А все началось с того, что мне надоело, что комментарии-ошибки которые переводчики оставляют к готовым переводам никак не форматируется. То есть если в эффекте карты найдено больше чем одна ошибка, то все эти ошибки приходиться писать в одну строчку - форматирования, то, нету. И потом когда переодчик смотрит на эту одну строчку и пытаться понять где закончилась одна ошибка и началась следующая, возникают проблемы. Конечно, если напрячь мозги и призвать на помощь воображение можно во всем этом разобраться, но делать этого как то совершенно не хочется.

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

Обновление разметки

Разметка это то к чему я отношусь с очень большим трепетом. И сейчас страничка сверстана именно так как мне хочется. Если вы возьмете любое расстояние между элементами на странице - знайте оно не случайно такое, оно специально погонялось под этот размер с точность до пискля. Я перелопатил практически весь HTML-код, пока собирал финальный вариант. В результате моей страстной любви с версткой родился внешний вид этой страницы. Правда пострадали почти все другие страницы где есть текст, но это исправиться в будущем, как впрочем и мелкие детали, которые обычный пользователь, даже и не заметит. Остановлюсь на некоторых новых деталях более подробно.

Информация под вторичной навигацией

Это где информация о текущем переводчике карт, форма для загрузки новых карт и  управление статусом карты. Ну еще тут информация об ошибках при отправлении формы выскакивает, красьненькая такая.

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

Блок проверки

Тут как и раньше визуально изменений немного, но под капотом все пересобрано. Ну и чуть чуть дизайн сменился, для многих практически незаметно. Тут самое главное нововведение как раз то ради чего и затевалась вся эта работа. Комментарии с возможностью форматирования. Вообще, возможности форматирования не самые богатые, это сделано специально. Ну например зачем в описании ошибки использовать таблицы? 

В настоящий момент я как раз таки экспериментирую, как лучше оставлять комментарии об ошибках. Придумал для себя несколько правил:

  1. Жирным выделять блоки текста эффектов. Например если слово «Цель» будет написано жирным - значит речь идет о все блоке цель в эффекте техники. Напомню, что в картах техник также встречаются блоки «Условие», «Эффект», «Комбинация», у карт ниндзя это могут быть блоки «Жертва», «Действительный» и прочее. Четкого определения нет, но я думаю ход мысли понятен.
  2. Курсивом выделять цитаты из карты. Если при переводе пропущено какое-то слово, например, «раньте ниндзя», а должно быть «раньте всех ниндзя» то ошибку можно указать так «раньте всех ниндзя». Курсив указывает на то, что это цитата с карты, а выделенное слово показывает на что следует обратить внимание. В данном случае слово было пропущено, но так же оно могло бы быть неправильно написано или не согласовано.
  3. Ссылки понятное дало зачем, что бы не уродовать комментарий длиннющей строкой-ссылкой которая еще и не переноситься.
  4. Подчеркивание. Для чего оно нужно я пока не придумал, но пусть будет как свободная опция. Может кто-то найдет ей достойное применение.
  5. Еще есть мысль выделять одну конкретную ошибочку. Когда я писал обновление я думал, что бы отбивать каждую ошибочку с новой строки - для улучшения читабельности. Сейчас я думаю что и этого, возможно, (я подчеркну - возможно), мало, и надо попробовать отбивать каждую ошибочку не просто с новой строки, а еще и оставлять одну строку пустой между ошибочками.

Такой подход может очень сильно растянуть форму для проверки по вертикали.

Что бы это не мешало, я добавил пару фишек.

Фишка первая

Теперь устаревшие комментарии об ошибках сворачиваются в спойлер и не занимаю много места.


Когда проверяешь карты просто необходимо прочитать, что уже написали другие, что бы не повторяться в описании ошибок. Но уже исправленные ошибки просто занимаю место и никакой полезной нагрузки не несут, однако бывает полезно прочитать и о тех ошибках которые были исправлены. Такое бывает не часто, но случается, и в этом случае спойлеры - наше все.

Фишка номер два

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

Фишка номер три

Когда я создавал предыдущую фишку, я столкнулся с дилемой. Плавающая карта - это очень круто и удобно, но что делать владельцам маленьких мониторов у которых большая русская карта просто не влезет в весь экран? Тут я провел яд экспериментов. И выяснил что рабочего пространство высотой в 720 пикселей вполне достаточно для комфортной работы. Однако, это самое рабочее пространство не учитывает различных табов в браузере, нижней панели с запущенными программами (забыл ка называется, та в которой еще кнопка пуск обычно бывает) и прочих съедающих экранное место штук. В общем для владельцев совсем-совсем маленьких мониторов была прикручена следующая фича-опция в настройках профиля, которая собственно и отключает плавыющие карты.

Фишка номер четыре

Плавающая русская карта это отлично, но что делать с английским вариантом? Если его так же пустить в плавание то что бы отобразить оба варианта никакого экрана не хватить. Ну разве что его повернуть на 90 градусов. И я решил, сделать так, что бы русская-английская картинка менялась по щелчку. Получилось очень классно. Больше не надо скроллить вверх-вниз, туда и обратно что-бы сравнить два варианта. Теперь просто щелк, щелк, щелк... 

Комментарии

С них начались изменения, имя заканчивается эта заметка. Тут как и везде, внешне почти ничего не изменилось. внутренне все сильно стало лучше. Во первых я переписал механизм добавления комментариев. Теперь все должно работать как часы. Разве что, надо убрать ограничение на 512 символов в комментарии, или хотя бы увеличить. Удалось перенести старые комментарии, они, правда, потеряли свою древовидную структуру, зато, повсплывало очень много старых комментариев которые как казалось навсегда утеряны.

Максимальный уровень вложености новых комментариев - 6. Потом новые комментарии добавляются просто в столбик.

Как странно, над комментариями возился больше половины всего потраченного времени, а сказать про них особо и нечего. Тут главное что они работают, не глючат, красивые и функциональные.


Окончание

Вооооот. Вот такое вот мое Больше двух недельное обновление. В голове еще куча всего что нужно сделать, еще бОльшая куча чего хочеться сделать и еще бОльшая куча что можно сделать на штормарене. Но конкретно эта сраница, помоему доведена до совершеснтва, я не смог придумать больше ни одной фишки которая бы смогла улучшить или упростить процесс проверки карт. Сколько я не думал ничего стоящего не смог придумать. Если вы у васесть что предложить отавляйте комментарии. Только не надо прдлгать «встраивание видео с ютюба» и «комментарии из Вконтакте» это совсем никак не моможет ни проверяющим ни переводящим. =)

Планы

Следующее планируется в хронолигческом порядке.

Проведение бесплатного турнира через программу LackeyCCG с призовым фондом в виде бустеров с ОРИГИНАЛДЬНЫМИ английскими картами.

Привязка автоматической системы баллов к переводам карт (наконецто)

Доведение до ума вкладки «Активность», а там столько всего можно прикрутить... Так что по этим трем направлениям предложения привествуються

Хвалите  и предлагайте свои фишки в комментариях.

Ругайте и докладывайте о багах в личку.


Категория: Новости сайта | Просмотров: 1041 | Добавил: MrMoon | Рейтинг: 0.0/0
Всего комментариев: 20
1 UchihaMadara  
Я бы предложил еще сделать вкладку, в которой будут показываться пользователи, которые сейчас на сайте. И добавил бы мини-чат для переводчиков. Это поможет решать какие-то бытовые проблемы и вопросы прямо на сайте не отходя от кассы. Хочется сделать Naruto.StormArena.ru максимально удобным для переводчиков, и в тоже время, чтобы работу переводчиков можно было легко отслеживать, сортировать и организовывать. Идей тут на самом деле куча, нужно только подумать хорошо. Я думаю, я в ближайшее время тебе напишу.

Да, и кстати, я тут подумывал, не пора бы сделать эмблему Штормарены? Может у кого есть свежие мысли?

6 MrMoon  
Дорогой друг. У меня к тебе два вопроса.
Во-первых - ты вообще собираешься карты проверять?
Во-вторых - а не хочешь ли ты подружиться с почтой? Что бы "работу переводчиков можно было легко отслеживать, сортировать и организовывать".

Если по делу.

Я не вижу для чего нужен список тех кто есть на сайте. Вот увидел ты что я на сайте и чего? Хочешь проверить мои карты или связаться со мной? Пиши комментарий или проверив карту, оповещение об этом мне тут же упадет в почту. И звуковой сигнал моего почтовика мне сообщит об этом. Уверен современные почтоприемники (и даже мейл) можно настроить подобным образом (меил агент кстати может сообщать о новых письмах).

С чатом таже ерунда. Он прверащаеться такое место куда стекаются все возможное вопросы от того где взять картинку для генджутсу и когда следующая серия наруто. У ас уже есть одни такой на наругейме зачем нам второй?

С ближайшее два дня будет обновление рассылки с тонкой настройкой того что ты хочешь получать. (Блин, я вылюблю @mail во все дыры но заставлю его показывать пиьма нормально.)

Хочешь быть в курсе всех событий на штормарене  - дружи с мейлом, не хочешь дружить жди обновления вкладки «Активность», как я писал в статье. Там все будет красиво.

Кто со мной не согласен. Аргументируем в комментариях.
Собствно вопросов два "Зачем нужен список тех кто онлайн?" "И зачем нужен второй чат?"

Пойду любить меил.

8 UchihaMadara  
Дорогой друг. отвечаю.
1) - Собираюсь. Сердечно извиняюсь, но я сейчас нахожусь в очень неудобном положении. Дело в том, что компьютер, через который я сейчас делаю все свои дела не мой, а моей сестры. Поэтому тут нет моих данных, вообще никаких, большая их часть осталась на старом сгоревшем компьютере. Из-за этого мне сложно организовать свою работу правильно (больше даже психологически). Многие могут сказать, что это полнейший бред, но так уж я устроен. Через 5 дней ко мне придет мой ноутбук, который я заказал совсем недавно. Тогда я скину на него все данные со старого компа и начну working hard. Перед всеми сердечно извиняюсь, я знаю, какой я говнюк, и сам уже себя наказал за глупость. Жестоко.
2) - С почтой я уже давно не дружу. Очень давно, лет 10. Соответственно, когда я туда зашел вчера, увидел там около дохрена непрочитанных сообщений. Чесно мне все это разгребать совершенно лень, а создавать новый акк - еще больше. Надеюсь только на ленту активности.
3) - Эмблема narugame вполне себе запоминающаяся - narugame оранжевыми буквами с белой окантовкой. По крайней мере я всегда думал, что это наша эмблема. И мне нравится - просто и запоминается легко. Может я что-то упустил, но я правда думал, что эта наша эмблема...

2 Солус  
Хорошие обновления. И прикольно, что тестили на взятых мною картах. Я сначала растерялся от таких резких изменений, но теперь уже привык.
Кстати, увидел тут последний скрин, где спрашивается про мейл. Я не обращаю внимание, но теперь снова приходит с иероглифами.=)

Я тоже думал над эмблемой, и постоянно приходит в голову Инь и Янь в виде Молнии и Огня. Можно взять за фон, а спереди изобразить SA в какой-либо комбинации.

4 MrMoon  

5 MrMoon  
Ох уж этот мне мейл.
Делаешь неправильно - у них отображается правильно. ДЕлаешь правильно - отбражеться не верно. Пойду что ли заведу аккаунт для тестов.

3 MrMoon  
По поводу логотипа, мне нравиться логотипы этой серии
http://logos.wikia.com/wiki....series)

Мне нравиться общий стиль и настроение, но передирать я не хочу. А еще туда надо как то втиснуть поддомен. Но к логотипу я буду относиться очен-очень придирчиво. Лучше совсем никакого логотипа, чем плохой логотип. =)

Маленький тест для тех кто смотрит аниме онлайн на каком нибудь сайте.  Такие как uzumaki.kz, нарутобейз и нарутопланет - у них у всех логотипы мне не нравятся. Потому что я их не помню, у них маленькая узнаваемость (как мне кажется). А вот теперь не листая скроля страницу вверх, кто вспомнит какой логотип у сайта narugame.ru?

7 Солус  
Я привык к мейлу. Все равно захожу смотрю все. Не критично.
Ну а брать лого с ультемейта было бы слишком просто ( и нагло=)
Хотя мне нравится направление мысли=) Я предложить такой вариант в качестве компактной версии. А так можно отталкиваться от этих лого STORM.
Увы, художник я только карандашом по бумаге, но могу предложить такой пример:
Берем, например Инь Янь. Придаем одной половинке цвет и стиль молнии, другой цвет и стиль огня. А SA делаем поверх них, но с окантовкой как в ультимейте. (Под японские чернила) Ну и далее спецэффекты на любителя и профессионала.
Хотя, надо было бы изложить на бумаге.=) Буду думать.

9 Dok  
Обновления хороши.
Единственный вопрос по поводу "как лучше оставлять комментарии об ошибках. Придумал для себя несколько правил":
Я так понимаю это ты для СЕБЯ придумал правила или всё таки выходим на стандарт по оформлению ошибок для проверяющих?
Просто тоже выделение жирным несёт небольшие затраты по времени, а когда карт проверить надо очень много - это уже выльется в существенное время. Хотя для быстроты конечно можно воспользоваться [BBcode]

10 UchihaMadara  
В этом ты прав. Но мы стараемся не для себя, а для того, чтобы переводчик нас правильно понял, и не пришлось исправлять одну карту по несколько раз. Вот этого мы пытаемся избежать. Что касается времени, то я думаю, нужно просто грамотно раскидывать проверку так, чтобы она не занимала много времени и, в тоже время можно было проверить много карт, и я думаю, выделение жирным, или курсивом здесь не важны.
В общем, по любому эти нововведения помогут, и здесь уже подстраиваться надо нам. Это мое мненеие.

11 MrMoon  
Для проверяющего главное что бе его комментарий был понятен переводчику. Этого добиться можно разными способами. Мне кажеться то что предлагаю интуитивно понятно. Это всего лишь инструмент как его использовать каждый сам решает.
Из жирного, курсива и подчеркивания тоже можно нечитаемую кашу намутить.
До обновления я использовал кавычки, много кавычек. Мне кажется теперь я филигранно владею искусством кавычек =)
Мне нпример нравиться больше

Цитата
выберите одного вашего ниндзя

чем

Цитата
"выберите одного ВАШЕГО ниндзя"

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

Мудрить с "Правилами оформления комментариев к проверке перевода карт ККИ Наруто" не будем.

П.С. Кстати работаю горячие клавиши ctrl+b, ctrl+i (на маке работает через cmd).

12 Dok  
При большом количестве проверяющих "Правила по оформлению комментариев ошибок" в принципе нужны будут, но если мы будет делать однообразно, то все привыкнут и сами так делать начнут. 
Горячие клавиши - это всегда хорошо =)

13 Dok  
Вот, опробовав новый возможности переводчика, хочу поделиться мнением:
- Писал в комментариях, но для общей картины повторюсь: переброс как экрана, так и курсора при любом нажатии на странице в комментарии для проверяющего не удобно, постоянно приходиться возвращать курсор обратно.
- Скриншот с неверным отображем аватара я тебе выслал по почте.
- В месте обозначении кто переводил эту карту ошибка:

Эту карту переВодит:
• MrMoon
В данный момент карта выложена на проверку

- Прокрутку карты отключил, для проверяющего на Air при небольшом экране я с включенной прокруткой не могу увидеть надпись в атрибуте, да для проверяющего соответствие карты и полей для ввода идеальное. Но вот для комментариев это удобно. Ну, а на большом экране проблем нет.
- Как факт, при использовании горячий клавиш (курсив, выделение жирным, подчеркивание) включается и выключаются не только в поле, где стоит курсор, а везде.
- Кавычки в комментариях проверяющего отображаются символами.
- При нажатии на пользователя (кто оставил комментарий или переводчика) всё равно попадаешь на свой профиль.
- В списке карт на проверке есть значки над картами, так же есть легенда. Но мне как ленивому было бы удобнее если на наведении на значок был бы tooltip с текстом, что он означает.

Я не считаю это ошибками и не воспринимай это так, это просто моё мнение по использованию. Но вот за перенос в комментариях это отдельное и огромное спасибо!
Будет ещё что, напишу. =)

14 MrMoon  
-То что экран прыгает это из за большого количества форм, видимо разработчики не предполагали, что их можно будет так использовать. Вырезал одну функцию, прыгать перестало. Надеюсь, больше эта функция ни за что не отвечала. =)
- Аватары у тебя каждый раз появляются? Видимо в дефолтные записались.
- Да про пропущенную букву точно стоило тут еще раз написать. Поправил.
- Я ничего не понял про прокрутку "для проверяющего - идеальное", "для комментариев - это удобно". Значит все хорошо? 
- Как ты вообще это нашел? Это я исправить не могу. Будем считать что это фича такая.
- Проблему с кавычками решил. Но заработают они при следующем обновлении.
- Теперь попадаешь куда надо
- Где-то на горизонте планов маячит переосмысление и пересборка странички выбора карт.

Всегда пожалуйста. Пиши исчо.

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

16 Dok  
Подтверждаю, что пока не зайдёшь в настройки и не "посмотришь" на галочку отключения прокрутки карты, само отключение не происходит. Т.е. Вышел/зашёл и пока в настройки не полез, карта прокручивается.

17 Солус  
Извиняюсь, что влезаю в критику Dok'а, но просто хотел скинуть свой набросок эмблемы. Делал на очень скорую руку, + нет времени из-за сессии. http://shot.qip.ru/00cTqb-3xvshwI3f/

18 UchihaMadara  
На самом деле мысли мне твои нравятся, но сейчас ничего по этому поводу сказать не могу, так как это не тот уровень, который можно оценивать. Продолжай в том же духе.

19 Солус  
Ну спасибо, что и посмотрел.=) Понимаю, что убого. В оправдание скажу, что это ну очень быстрый набросок. У меня есть и по лучше творения. А так, цифровой графикой не занимаюсь. А на бумаге нужно время и вдохновение. Пока нету ни того и ни другого. Накинул как идею. И кстати, я поддерживаю твою идею лого с "Названием". Зачем мудрить dry

20 UchihaMadara  
Нэ, ну у меня были мысли по поводу идеи с названием, но я пошел не в ту сторону. Попозже скину пару идей.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]