RSS
 

Формулы на сайте

01 Сен

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

Ну и естественно в голову пришли инструменты от гугла. А именно его Google Chart Api Formulas .

Расскажу в кратце:  Вы можете перевести формулу в статичное изображение. Для это необходимо понимание семантики записи формулы на языке Латеха. Тут нам конечно на помощь придёт поиск и много старания но конечно я расскажу основные возможности языка Латех.

Кроме того у Chart формулы есть как обычно обязательные поля и дополнительные.

Обязательным является конечно

  • cht=tx - это является непосредственным определением типа диаграммы.
  • chl=<data> и естественно код на Латехе этой формулы. Формула без формулы не есть формула

Ну и конечно дополнительные параметры:

  • chs -размер
  • chco- цвет текста формулы
  • chf- цвет фона

Ну и как это бывает в лучших традициях Google Chart Api в результате мы должны получить ссылку на изображение, которая собирается как конструктор из частей:

  1. http://chart.apis.google.com/chart?
  2. cht=tx
  3. chl=Формула на латеха
  4. дополнительные параметры

И потом скопировать соответсвующий код изоюражения в нужное место на сайте.

Рассмотрим простой пример:
Формула с^2=b^2+a^2

Код для вставки в соответствующее место на сайте будет записан следующим образом.

<img src=»http://chart.apis.google.com/chart?cht=tx&chl=c%5E2%3Da%5E2%2Bb%5E2″ >

А сама формула так:

Вот более сложный пример(с интегральчиками):

<img src=»http://chart.apis.google.com/chart?cht=tx&chl=%5Cint(F_i%20x_k%20-%20F_k%20x_i)%5C%2CdV%20%3D%20%5Coint(u_%7Bil%7Dx_k-u_%7Bkl%7Dx_i)%5C%2Cdf_l» >

Вот  пример дробей.

<img src=»http://chart.apis.google.com/chart?cht=tx&chl=%5Cfrac%7

B1%7D%7B%5Csqrt%7B2%7D%2B%5Cdisplaystyle%5C

frac%7B1%7D%7B%5Csqrt%7B2%7D%2B%5Cdisplaystyle%5

Cfrac%7B1%7D%7B%5Csqrt%7B2%7D%2B%5Ccdots%7D%7D%7D» >

Естественно, что  последовательность после chl не особо походит на совокупную последовательность символов формулы, что в свою очередь и не удивительно. Так как она закодирована. И если приглядется то можно заметить некотороые соответствия:

  1. %5E    - ^
  2. %3D    -=

Но тут как вы заметили есть некоторая дополнительная сложность. Кроме записи формулы , в соответствии с  семантикой латеха , надо ещё перевести все символы в query последовательность. Делается это посредством javascript encodeURIComponent(). Конечно ломать голову и вспоминать как всё это устроено не имеет смысла.

Для облегчения жизни я тут привожу свой  инструмент. Естественно написать его вы можете сами. Но если вдруг вам понадобиться вставить простенькую формулу на сайт. Этот инструмент должен помочь сэкономить ваше время.  Также вы можете получить код самой ссылки для изображения своей формулы в базовом исполнении . Всё , что надо – это ввести код формулы и нажать последовательно encode и RESULTING LINK FOR FINISHED FORMULA. Единственно что остаётся набрать код Латех формулы и всё.

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

Кстати все формулы , которые вы видите, сделаны с использованием моего онлайн инструмента…

Google Bookmarks Reddit Technorati Yahoo My Web БобрДобр.ru Memori.ru МоёМесто.ru
 
1 комментарий

Опубликовано в рубрике Google Chart Api and Seo

 

Прокомментировать

 
 
  1. lifephysic

    10.11.2010 - 01:00

    Очень полезный онлайн сервис.
    Сам создал сам же пользуюсь.
    Очень быстро формулы на форум, посвящённый физике, можно
    вставлять. ;)

     
 
Система Orphus

Enter your email address:

Delivered by FeedBurner

.