Блог Романа ГолубовськогоМісцева жовта преса

Днями займався створенням презентації. В силу декількох причин, робив її у вигляді послідовно з’єднаних між собою html-сторінок. У навігації між сторінками було використано кнопки “вперед” і “назад“, розташовані знизу, щоб не забирати важливе місце зверху сторінки. Але, як то часто буває, деякі сторінки вийшли більші за розміром і повністю не вміщались на екрані. Тобто вийшло так, що для того, шоб перейти на іншу сторінку, потрібно перемотати її вниз і там клікнути мишкою по кнопочці “вперед”. Трохи незручно, правда? Потрібно було знайти рішення, яке б покращило зручнісь у переміщенні по сторінках презентації (usability). Згадалась популярна фіча з навігацією по сторінках з допомогою клавіш Ctrl + Вправо для переходу на наступну сторінку або Ctrl + Вліво для переходу на попередню відповідно.

Отож, результат більш-менш візуалізувався, залишилось лише реалізувати його. Почав шукати в Гуглі. Але на мої запити типу “js ctrl клавиша вправо”, “js следующая страница” нічого корисного не знайшлось. Довелось йти на сайт, на якому я бачив це рішення – сайт студії Артемія Лєбєдєва.

[Доречі, коли я по-пам'яті набрав адресу сайту Лєбєдєва, - помилився і набрав через дефіс (art-lebedev.ru замість artlebedev.ru), - мене перекинуло на сайт компанії що займається виготовленням підлог. Як міг перший веб-дизайнер рунету Тьома Лєбєдєв припуститись такої помилки - не зареєструвати подібне доменне ім'я. (Хоча хто зна, може це така накрутка відвідувань сайту від його студії!?) Ок, щось я відхилився від теми.]

читати далі про JS-навігацію: Ctrl + Вправо…

Виявляється, далеко не всі знають, що таке c.a.p.t.c.h.a. Мій знайомий недавно мене запитав, для чого на веб-сайтах, – особливо коли щось треба скачати чи опублікувати коментар, – потрібно ввести цифри з картинки, які до того ж так погано видно. Отож ліквідація безграмотності – зараз спробую пояснити, що значить картинка з цифрами, і далі розкажу, як зробити captcha з допомогою PHP. Хто теоритично готовий – може переходити зразу до технічної частини.

Отож, згідно вікіпедії, CAPTCHA (англ. “completely automated public Turing test to tell computers and humans apart” — повністю автоматизований публічний тест Тюринга для розрізнення комп’ютерів і людей) — торгова марка Університету Карнегі-Меллона, комп’ютерний тест, який використовується для того, щоб визначити, хто використовує систему — людина чи комп’ютер. Термін з’явився у 2000 році.

У більшості випадків captcha – це така невеличка картинка з набором букв і цифр, які потрібно ввести в полі вводу, розташованого поряд. При правильному вводі відбувається певна дія (наприклад скачування файлу або публікація коментаря), при неправильному – пропонується ввести циферки ще раз. Це робиться для того, щоб впевнитись, що циферки вводить саме людина а не зла компютерна програма, спам-бот. Цифри важко прочитати – це робиться спеціально для того, щоб і компютерній програмі було важче просканувати цифри на малюнку. Загалом капчі не обмежуються лише картинками. Зустрічаються captcha у вигляді загадок, прохань доповнити фразу або легкі арифметичні задачі (1 + 2 = *) – завдання, які зазвичай без найменших проблем вирішуються звичайними людьми, зате не вирішуються не підготовленими спеціально для цього програмами. Наприклад, хіба важко доповнити таке (ввести те, що має бути на місці трьох крапок):
“Столиця Сомалі – …”
Жартую. Це повинне бути щось дійсно легке, таке, як, наприклад, “Д’Артаньян і … мушкетери”. (Кому все ж цікаво, столиця Сомалі – Могадішу:)

Але ми зараз розглядаємо капчу в її класичному вигляді, тобто як малюнок. Тому приступимо до створення captcha з допомогою PHP.

читати далі про CAPTCHA на PHP