Решил собраться с усилиями и реализовать то что давно хотел, а имеено улучшить клиентскую часть приложения "Производственные задачи".

В основном это коснулось клиентской оптимизации таблиц и общего интерфейса,форм, меню-дерева, а также внедрения виджета Charts

Проектированию пользовательского интерфейса было уделено огромное значение. Все элементы интерфейса должны быть доступны из любой части объектной области, должны иметь чёткую группировку и наследование.

При реализации использовались библиотеки YUI и JQuery, а также был модифицирован простейший вариант библиотеки загрузки страницы Layout для Codeigniter с применением технологии организации, оптимизации и кеширования CSS и JS файлов.

Давно работаю с библиотекой YAHOO UI. В последнее время возникла идея создать для CodeIgniter библиотеку так называемых виджетов (элементов интерфейса) которые будут активно использоваться при создании сайта. Это вкладки, таблицы, поля с автозаполнением,формы и многое другое. Принцип создания виджета на странице будет анологичен создания например эллемента формы из библиотеки form единственое что это будет реализованно через классы.

Создание прототипов пользовательского интерфейса необходим для первоначального наброска интерфейса системы и согласования его с заказчиком.

Прототипы в деталях показывают, какая информация и элементы управления должны выводиться на каждой странице системы. А также расставляют акценты - какие из элементов страницы более, а какие - менее важны. Здесь также описывают поведение динамических и AJAX-элементов страниц - как они должны реагировать на действия пользователя. Стоит помнить, что схемы страниц - это не конечный дизайн системы и все размеры в нем относительные.

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

Я начинаю серию статей посвященной замечательнойjavascript-библиотеке YUI (Yahoo User Interface). Библиотека насыщенна всевозможными виджетами, такими как формы, вкладки, диалоговые окна, графики, таблицы и тд, а также утилитами и инструментами для разработки интерактивных web-приложений.

Планирую рассказать о каждом компоненте библиотеки с примерами и переводом, а также разработать ряд YUI-виджетов работающих совместно с CodeIgniter.