<!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Archiving and Interchange DTD v1.0 20120330//EN" "JATS-archivearticle1.dtd">
<article xmlns:xlink="http://www.w3.org/1999/xlink">
  <front>
    <journal-meta />
    <article-meta>
      <title-group>
        <article-title>Програмна розробка алгоритму адаптації дизайну сайту для людей з порушенням кольоросприйняття</article-title>
      </title-group>
      <contrib-group>
        <aff id="aff0">
          <label>0</label>
          <institution>Kryvyi Rih State Pedagogical University</institution>
          ,
          <addr-line>54, Gagarin Ave., Kryvyi Rih, 50086</addr-line>
          ,
          <country country="UA">Ukraine</country>
        </aff>
      </contrib-group>
      <fpage>103</fpage>
      <lpage>108</lpage>
      <abstract>
        <p>Анотація. Метою даного дослідження є програмна реалізація основних алгоритмів адаптації дизайну сайту для людей з порушенням кольоросприйняття. У роботі розглянуто реалізацію наступних алгоритмів: конвертації із колірної моделі rgb до lms моделі (для моделювання різних видів порушень кольоросприйняття існує спеціальний алгоритм саме в колірній моделі lms), моделювання різних видів дальтонізму в lms моделі (перетворення нормальних значень в колірній моделі lms до значень з різними видами порушень кольоросприйняття), конвертації даних із колірної моделі lms до rgb моделі, конвертації з колірної моделі rgb до hsl моделі, фільтрації кольорів у hsl моделі і конвертації з hsl моделі до колірної моделі rgb. Ключові слова: порушення кольоросприйняття, колірна модель, вебдизайн.</p>
      </abstract>
    </article-meta>
  </front>
  <body>
    <sec id="sec-1">
      <title>-</title>
      <p>color model to rgb model, conversion from color rgb to hsl model, color filtering
in hsl-model and conversion from hsl model to rgb color model.
Переважну частину відомостей про навколишнє середовище людина отримує
завдяки зоровій системі. Через зір людина сприймає та усвідомлює різноманітні
відомості про предмети (розмір, колір, форму, розташування у просторі та ін.).
Зір відіграє одну з ключових ролей у більшості видів діяльності, а тому й має
величезне значення у житті кожної людини.</p>
      <p>Упровадження інформаційних технологій у всі сфери життя людини логічно
призвело і до збільшення кількості користувачів мережі Інтернет. Наразі є
правилом веб-представництво не лише для комерційних структур, але й для
закладів освіти. Враховуючи, що у світі близько 5-8 % чоловіків і 0,5 % жінок
мають порушення кольоросприйняття, дуже важливо при проектуванні дизайну
сайту враховувати проблеми людей з аномаліями кольоросприйняття.</p>
      <p>
        У попередніх роботах проведено аналіз програмних засобів для людей із
порушеннями зору – частковою чи повною сліпотою або ж колірною сліпотою.
Зокрема, розглянуто і засоби, що моделюють різні порушення
кольоросприйняття [
        <xref ref-type="bibr" rid="ref5">3</xref>
        ].
      </p>
      <p>
        Математичну модель адаптації дизайну сайту для людей з порушеннями
кольоросприйняття наведено у [
        <xref ref-type="bibr" rid="ref1 ref3">1</xref>
        ]. Метою даного дослідження є програмна
реалізація основних алгоритмів адаптації дизайну сайту.
      </p>
      <p>Для розробки версії дизайну сайту для людей із порушеннями
кольоросприйняття, необхідно спочатку змоделювати різні можливі види
порушень. Для цього існує спеціальний алгоритм, розроблений для колірної
моделі lms.</p>
      <p>Але для подальших розрахунків і відображення результатів необхідно
використовувати такі колірні схеми, які наявні у веб-просторі. Для цієї цілі може
підійти rgb модель. Тобто, спочатку необхідно виконати конвертацію з колірної
моделі rgb до lms моделі.</p>
      <p>Функція rgb2lms() конвертує колір із колірної моделі rgb у lms модель.</p>
      <p>return $lms;
Наступним кроком необхідно виконати перетворення нормальних значень lms
моделі до значень з різними видами дальтонізму.</p>
      <p>
        Функція protano() приймає колір, записаний у колірній моделі rgb і імітує
колір, який бачитиме людина із протанопією.
function protano($rgb){
$lms_protano_coeficient=[[0, 2.0234, -2.5258],
[
        <xref ref-type="bibr" rid="ref1 ref3">0, 1, 0</xref>
        ],
[
        <xref ref-type="bibr" rid="ref1 ref3">0, 0, 1</xref>
        ]];
$lms=rgb2lms($rgb);
$lms_protano=array();
foreach($lms_protano_coeficient as $key){
$value=$key[0]*$lms[0]+$key[
        <xref ref-type="bibr" rid="ref1 ref3">1</xref>
        ]*$lms[
        <xref ref-type="bibr" rid="ref1 ref3">1</xref>
        ]+
      </p>
      <p>
        $key[
        <xref ref-type="bibr" rid="ref2 ref4">2</xref>
        ]*$lms[
        <xref ref-type="bibr" rid="ref2 ref4">2</xref>
        ];
array_push($lms_protano, $value);
}
$rgb_protano=lms2rgb($lms_protano);
return $rgb_protano;
Далі необхідно здійснити конвертацію даних з колірної моделі lms до rgb моделі.
      </p>
      <p>
        Функція lms2rgb() конвертує колір із колірної моделі lms у rgb модель.
}
}
function lms2rgb($lms){
$rgb_coefficient=[[0.0809, -0.1305, 0.1167],
[-0.0102, 0.0540, -0.1136],
[-0.0004, -0.0041, 0.6935]];
$rgb=array();
foreach($rgb_coefficient as $key){
$value=$key[0]*$lms[0]+$key[
        <xref ref-type="bibr" rid="ref1 ref3">1</xref>
        ]*$lms[
        <xref ref-type="bibr" rid="ref1 ref3">1</xref>
        ]+
      </p>
      <p>
        $key[
        <xref ref-type="bibr" rid="ref2 ref4">2</xref>
        ]*$lms[
        <xref ref-type="bibr" rid="ref2 ref4">2</xref>
        ];
$value=abs($value);
array_push($rgb,round($value));
}
return $rgb;
Після моделювання необхідних кольорів можна зрозуміти, чи важким для
сприйняття буде дизайн майбутнього сайту для людей із порушенням
кольоросприйняття.
      </p>
      <p>Принцип фільтрації помилок наступний: якщо html-об’єкти знаходяться
близько один біля одного і мають фонові кольори або колір тексту такі, що будуть
конфліктувати у людини з порушенням кольоросприйняття, необхідно такі
кольори замінити на інші з допустимого спектру.
Для того, аби замінити колір, необхідно звернутися до hsl моделі.
hsl модель має більш логічне представлення кольору, ніж rgb. Дана колірна
модель представлена трьома характеристиками: насиченістю, кольоровим тоном
та світлотою (яскравістю). Таку колірну модель дуже зручно використовувати
для фільтрації спектру, оскільки знаходити знаходити протилежний колір
спектру не викликає зусиль.</p>
      <p>
        Функція rgb2hsl() приймає змінну кольору у вигляді запису колірної моделі
rgb та конвертує у hsl модель.
function rgb2hsl($rgb){
$red=$rgb[0];
$green=$rgb[
        <xref ref-type="bibr" rid="ref1 ref3">1</xref>
        ];
$blue=$rgb[
        <xref ref-type="bibr" rid="ref2 ref4">2</xref>
        ];
$r=$red/255;//R'
$g=$green/255;//G'
$b=$blue/255;//B'
$c_max=max($r, $g, $b);
$c_min=min($r, $g, $b);
$delta=$c_max-$c_min;
if($delta==0){
      </p>
      <p>$h=0;
}
else{
switch ($c_max) {
case $r:
$h=60*((($g-$b)/$delta));
break;
case $g:
$h=60*((($b-$r)/$delta)+2);
break;
case $b:
$h=60*((($r-$g)/$delta)+4);
break;
}
}
$l=($c_max+$c_min)/2;
if ($delta==0) {</p>
      <p>$s=0;
}
else {
if($l&lt;=0.5){</p>
      <p>
        $s=$delta/($c_max+$c_min);
}
else{
$s=$delta/(2-$delta);
}
$l=round(($l*100)).'%';
$s=round(($s*100)).'%';
$hsl=array($h,$s,$l);
return $hsl;
Функція hsl2rgb() приймає змінну у вигляді кольору колірної моделі hsl та
конвертує у rgb модель.
function hsl2rgb($hsl){
$hue=$hsl[0];
$saturation=$hsl[
        <xref ref-type="bibr" rid="ref1 ref3">1</xref>
        ];
$lightness=$hsl[
        <xref ref-type="bibr" rid="ref2 ref4">2</xref>
        ];
if(!(($hue&gt;=0) &amp;&amp; ($hue&lt;360))){
      </p>
      <p>throw new Exception("The hue value is out of range".$hue);
}
if(!(($saturation&gt;=0) &amp;&amp; ($saturation&lt;=1))){</p>
      <p>throw new Exception("The saturation value is out of range");
}
if(!(($lightness&gt;=0) &amp;&amp; ($lightness&lt;=1))){</p>
      <p>throw new Exception("The lightness value is out of range");
case (($h&gt;=300) &amp;&amp; ($h&lt;360)):
$rgb=array($c,0,$x);
break;
}
$rgb=array((round(($rgb[0]+$m)*255)),</p>
      <p>
        (round(($rgb[
        <xref ref-type="bibr" rid="ref1 ref3">1</xref>
        ]+$m)*255)),(round(($rgb[
        <xref ref-type="bibr" rid="ref2 ref4">2</xref>
        ]+$m)*255)));
return $rgb;
}
На даному етапі не опрацьованими залишаються рисунки та текстури сайтів,
тобто, у якості напряму подальших досліджень розглядається конвертація
рисунків та текстур.
Список використаних джерел
References (translated and transliterated)
      </p>
    </sec>
  </body>
  <back>
    <ref-list>
      <ref id="ref1">
        <mixed-citation>
          1.
          <string-name>
            <surname>Горло</surname>
            <given-names>А</given-names>
          </string-name>
          . М.
          <article-title>Адаптація дизайну сайту для людей із порушенням кольоросприйняття / Анна Михайлівна Горло</article-title>
          , Ірина Сергіївна Мінтій // Новітні комп'ютерні технології.
          <source>- Кривий Ріг : Видавничий центр ДВНЗ «Криворізький національний університет»</source>
          ,
          <year>2018</year>
          . - Том
          <string-name>
            <surname>XVI</surname>
          </string-name>
          .
          <source>- С</source>
          .
          <fpage>182</fpage>
          -
          <lpage>187</lpage>
          .
        </mixed-citation>
      </ref>
      <ref id="ref2">
        <mixed-citation>
          2.
          <string-name>
            <surname>Горло</surname>
            <given-names>А</given-names>
          </string-name>
          . М.
          <article-title>Розробка системи адаптації дизайну сайту для людей з порушенням кольоросприйняття [Електронний ресурс] : кваліфікаційна робота з напряму підготовки 6</article-title>
          .040302 Інформатика / Горло Анна Михайлівна ;
          <article-title>Криворізький державний педагогічний університет</article-title>
          . - Кривий
          <string-name>
            <surname>Ріг</surname>
          </string-name>
          ,
          <year>2018</year>
          . -
          <fpage>46</fpage>
          с. - Режим доступу : http://elibrary.kdpu.edu.ua/handle/0564/2311.
        </mixed-citation>
      </ref>
      <ref id="ref3">
        <mixed-citation>
          1.
          <string-name>
            <surname>Horlo</surname>
            ,
            <given-names>A.M.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Mintii</surname>
            ,
            <given-names>I.S.:</given-names>
          </string-name>
          <article-title>Adaptatsiia dyzainu saitu dlia liudei iz porushenniam kolorospryiniattia (Adapting of website design for people with color blindness)</article-title>
          .
          <article-title>New computer technology</article-title>
          .
          <volume>15</volume>
          ,
          <fpage>182</fpage>
          -
          <lpage>187</lpage>
          (
          <year>2018</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref4">
        <mixed-citation>
          2.
          <string-name>
            <surname>Horlo</surname>
            ,
            <given-names>A.M.:</given-names>
          </string-name>
          <article-title>Rozrobka systemy adaptatsii dyzainu saitu dlia liudei z porushenniam kolorospryiniattia (Development of website design adaptation system for people with color blindness)</article-title>
          .
          <source>Kvalifikatsiina robota z napriamu pidhotovky 6</source>
          .040302 Informatyka,
          <article-title>Kryvorizkyi derzhavnyi pedahohichnyi universytet (</article-title>
          <year>2018</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref5">
        <mixed-citation>
          3.
          <string-name>
            <surname>Pirohov</surname>
            ,
            <given-names>V.M.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Mintii</surname>
            ,
            <given-names>I.S.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Mintii</surname>
            ,
            <given-names>M.M.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Vakaliuk</surname>
            ,
            <given-names>T.A.</given-names>
          </string-name>
          :
          <article-title>Prohramni zasoby dlia liudei iz porushenniamy zoru (Software for people with visual impairment)</article-title>
          . In: Vakaliuk,
          <string-name>
            <surname>T.A</surname>
          </string-name>
          . (ed.)
          <article-title>Aktualni pytannia suchasnoi informatyky, Tezy dopovidei III Vseukrainskoi naukovopraktychnoi konferentsii z mizhnarodnoiu uchastiu «Suchasni informatsiini tekhnolohii v osviti ta nautsi» (08-</article-title>
          09 lystopada
          <year>2018</year>
          r.),
          <source>vyp. 6</source>
          , pp.
          <fpage>166</fpage>
          -
          <lpage>170</lpage>
          . Vyd-vo
          <string-name>
            <given-names>O. O.</given-names>
            <surname>Yevenok</surname>
          </string-name>
          ,
          <string-name>
            <surname>Zhytomyr</surname>
          </string-name>
          (
          <year>2018</year>
          )
        </mixed-citation>
      </ref>
    </ref-list>
  </back>
</article>