Web-дизайн информационного сайта на основе современных средств разработки
Web-сайт в компьютерной сети как объединенная под одним адресом совокупность документов частного лица или организации. Знакомство с этапами и особенностями создания Web-сайта "Детский Хоккейный Клуб". Общая характеристика структуры CMS Joomla v.1.5.8.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | дипломная работа |
Язык | русский |
Дата добавления | 20.08.2017 |
Размер файла | 3,3 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Когда запрос установлен, нужно использовать метод query(), чтобы выполнить его. Этот метод аналогичен PHP функции mysql_query().Если запрос правильный и содержит команды SELECT, SHOW, DESCRIBE, или EXPLAIN, то он вернет результат.
if (!$result = $db->query($query))
{
// отлавливаем ошибки
// используйте $db->getError() для большей информации
}
Написание запросов
Вот несколько правил при написании запросов к базе данных.
· Используйте префикс #__ вначале всех имен таблиц.
· Используйте метод nameQuote() для формирования названных элементов в запросе.
· Используйте метод Quote() для формирования значений.
nameQuote() - устанавливает правильность разделителей в имени поля, а Quote() - устанавливает правильность разделителей в передаваемом значении. Например:
$db = JFactory::getDBO();
$query = 'SELECT * FROM '
.$db->nameQuote('#__test')
.' WHERE '
.$db->nameQuote('name')
.' = '
.$db->Quote('Some Name');
Если мы использовали MySQL или MySQLi драйвер, то запрос в итоге будет выглядеть следующим образом:
SELECT * FROM 'jos_test' WHERE 'name' = "Some Name";
Получение результата
Мы можем использовать метод query() для получения результата. Но чаще нам приходится пользоваться другими методами класса JDatabase, для получения результата в различных форматах.Для показа работы методов мы будем использовать таблицу #__test. Эта таблица содержит два поля: id и name.В таблице имеются две записи:
Далее в примерах мы не будем применять методы nameQuote() и Quote().loadResult( ) : stringМетод загружает значение первой ячейки результата.
$query = 'SELECT 'name' FROM '#__test' WHERE 'id'=2';
$db->setQuery($query);
echo $db->loadResult();
Результат: Bar loadResultArray( numinarray : int=0 ) : array Метод загружает столбец с номером numarray, обозначающим его логическую позицию, в виде массива.
$query = 'SELECT 'name' FROM '#__test'';
$db =& JFactory::getDBO();
$db->setQuery($query);
print_r($db->loadResultArray());
Результат: Array ( [0] => Foo [1] => Bar ) loadAssoc( ) : arrayМетод загружает первую запись результата в виде ассоциативного массива.
$query = 'SELECT * FROM '#__test'';
$db =& JFactory::getDBO();
$db->setQuery($query);
print_r($db->loadAssoc());
Результат: Array ( [id] => 1 [name] => Foo ) loadAssocList( key : string='' ) : arrayМетод загружает результат в виде массива ассоциативных массивов. Если мы укажем необязательный параметр key, то будет получен массив ассоциативных массивов с единственным полем key.
$query = 'SELECT * FROM '#__test'';
$db =& JFactory::getDBO();
$db->setQuery($query);
print_r($db->loadAssocList());
Результат:
Array
(
[0] => Array
(
[id] => 1
[name] => Foo
)
[1] => Array
(
[id] => 2
[name] => Bar
)
)
loadObject( ) : stdClassЭтот метод загружает первую запись в виде объекта.
$query = 'SELECT * FROM '#__test'';
$db =& JFactory::getDBO();
$db->setQuery($query);
print_r($db->loadObject());
stdClass Object
(
[id] => 1
)
loadObjectList( key : string='' ) : array Этот метод загружает результат в виде массива обьектов класса stdClass. Если есть параметр key, то будет загружен массив объектов с единственным свойством key.
$query = 'SELECT * FROM '#__test'';
$db =& JFactory::getDBO();
$db->setQuery($query);
print_r($db->loadObjectList());
Array
(
[0] => stdClass Object
(
[id] => 1
[name] => Foo
)
[1] => stdClass Object
(
[id] => 2
[name] => Bar
)
)
loadRow( ) : arrayМетод загружает первую запись результата в виде массива.
$query = 'SELECT * FROM '#__test'';
$db =& JFactory::getDBO();
$db->setQuery($query);
print_r($db->loadRow());
Array
(
[0] => 1
[1] => Foo
)
loadRowList( key : int ) : arrayМетод загружает массив массивов.
$query = 'SELECT * FROM '#__test';
$db =& JFactory::getDBO();
$db->setQuery($query);
print_r($db->loadRowList(0));
Array
(
[0] => Array
(
[0] => 1
[1] => Foo
)
[1] => Array
(
[0] => 2
[1] => Bar
)
)
Использование ADOdb
ADOdb - это абстрактный слой на php по управлению базами данных, работающих под BSD. ADOdb поддерживает ряд ведущих баз данных. Сама Joomla не поддерживает ADOdb, а лишь эмулирует некоторую функциюнальность в своих базах данных. Мы должны использовать ADOdb методы, если мы портируем существующее приложение, использующее ADOdb, или создаем расширение, работающее standalone с использованием ADOdb.Joomla! использует JRecordSet класс для эмуляции класса ADORecordSet. JRecordSet класс еще не закончен, и обладает далеко не всеми методами класса ADORecordSet. В этом примере мы покажем простейшее использование класса JRecordSet ($row - это массив).
$db =& JFactory::getDBO();
$rs = $db->Execute('SELECT * FROM #__test');
while ($row = $rs->FetchRow())
{
// обрабатываем $row
}
Для большей информации о ADOdb читайте http://adodb.sourceforge.net/
JTable
Joomla! предоставляет нам мощный абстрактный класс JTable; при этом мы можем выполненять все основные функции по работе с таблицей. Для каждой таблицы, которую мы хотим использовать в классе JTable, мы должны создать новый подкласс.При создании подкласса JTable, мы должны придерживаться некоторых правил. Эти правила позволят нам интегрировать наше расширение в фрэймворк Joomla.Итак, каждый подкласс JTable должен быть распложен в отдельном файле в каталоге tables (в административной части компонента). Имя создаваемого класса должно иметь префикс table. Имя файла обязательно должно быть в единственном числе.Используем описанную выше схему таблицы, чтобы показать на примере как работать с классом JTable.Класс должен называться TableFoobar и расположен в каталоге JPATH_COMPONENT_ADMINISTRATOR.DS.'tables'.DS.'foobar.php'. При первом использовании нашего класса мы должны определить глобальные свойства. Глобальные свойства соответствуют полям таблицы и должны иметь такие же названия. Мы используем эти свойства как буфер для хранения отдельных записей.Во-вторых. В целях использования метода JTable::getInstance() мы должны определить конструктор. В-третьих нам нужно переопределить метод check(). Этот метод проверяет содержимое буфера и возвращает булев результат. Если метод вернул значение false, то используем метод setError() для пояснения ошибки.
/**
* обработчик таблицы #__myextenstion_foobars
*
*/
class TableFoobar extends JTable
{
/** @var int Primary key */
var $id = null;
/** @var string Content */
var $content = null;
/** @var int Checked-out owner */
var $checked_out = null;
/** @var string Checked-out time */
var $checked_out_time = null;
/** @var string Parameters */
var $params = null;
/** @var int Order position */
var $ordering = null;
/** @var int Number of views */
var $hits = null;
/**
* Constructor
*
* @param database Database object
*/
function __construct( &$db )
{
parent::__construct('#__myextension_foobars', 'id', $db);
}
/**
* Проверка
*
* @return boolean True if buffer is valid
*/
function check()
{
if(!$this->content)
{
$this->setError(JText::_('Ваш Foobar должен содержать контент'));
return false;
}
return true;
}
}
Теперь, когда мы создали TableFoobar класс нужно инстанцировать объект с помощью статического метода JTable:: getInstance().
JTable::addIncludePath(JPATH_COMPONENT_ADMINISTRATOR.DS.'tables');
$table = JTable::getInstance('foobar', 'Table');
Заметьте, что мы подключаем не foobar.php а только каталог с таблицами. Когда JTable начинает инстанцировать TableFoobar на объект, автоматически подключается foobar.php.
CRUD
CRUD (Create Read Update Delete) - это общее название основных задач по управлению таблицей. Все CRUD примеры $table ссылаются на класс TableFoobar и $id ссылается на идентификатор записи которую мы в данный момент обрабатываем. В этом примере мы создаем новую запись; $table - экземпляр класса TableFoobar.
$table->reset();
$table->set('content', "Наш контент");
$table->set('ordering', $table->getNextOrder());
if ($table->check())
{
if (!$table->store())
{
// обработчик ошибок записи
// используем $table->getError()
}
}
else
{
// обработчик ошибки проверки буфера
// тоже используем $table->getError()
}
Метод reset() очищает наш буфер и приводит значения всех свойств к значениям по-умолчанию. Метод getNextOrder() определяет следующий по порядку вложенности элемент. Если запись не существующая, то он ставит значение 1. Давайте рассмотрим наш пример подробнее. Некоторые из полей имели значение по-умолчанию, и после записи, значение даты будет пустым. После выполнения предыдущего примера буфер $table выглядит так:
[id] => 1
[content] => Наш контент
[checked_out] =>
[checked_out_time] =>
[params] =>
[ordering] => 1
[hits] => 0
После выполнения метода store() (сохранения записи), мы можем загрузить его:
$table->load($table->id);
Теперь наш буфер выглядит так:
[id] => 1
[content] => Наш контент
[checked_out] => 0
[checked_out_time] => 0000-00-00 00:00:00
[params] =>
[ordering] => 1
[hits] => 0
Вместо загрузки нашей сохраненной записи, мы могли бы изначально верно установить значения по-умолчанию, и нам бы не пришлось перезагружать запись.
Однако некоторые значения по-умолчанию зависят от типа данных. Поэтому нам нужно переопределить метод reset().
Для примера значение checked_out_time будет равно $db->getNullDate(). Итак для загрузки конкретной записи используем метод:
if (!$table->load($id))
{
// обработчик загрузки
// используем $table->getError() для ловли ошибок
}
Для обновления записи в буфере мы можем использовать два метода: первый - это загрузить запись из БД, второй - это установить конкретные значения для свойств буфера. В этом примере покажем как обновить запись:
// установка значений
$table->reset();
$table->setVar('id', $id);
$table->setVar('content', JRequest::getString('content'));
if ($table->check())
{
if (!$table->store())
{
// обрабатываем ошибки записи с помощью $table->getError()
}
}
else
{
// обрабатываем ошибки ввода в буфер $table->getError()
}
Последнее что мы расмотрим - это удаление записи:
if (!$table->delete($id))
{
// обрабатываем ошибки
}
Если мы не указываем в методе delete() номер id, то id будет браться из буфера. Если наша запись в таблице имеет родственные записи с другими таблицами, то мы должны сначала выполнить проверку методом canDelete(). Этот метод имеет всего один параметр в виде двумерного массива. Внутри массива должно быть несколько ключей - idfield, name, joinfield, и label. idfield - это имя первичного ключа в соответствующей таблице. name - это название самой таблицы. joinfield - это имя внешнего ключа соответствующей таблицы. label - это описание отношения между таблицами, для вывода сообщения об ошибке, если родственных связей не найдено.Представьте что есть еще одна таблица #__myextension_children. Эта таблица имеет первичный ключ childid и внешний ключ primary, который ссылается на запись в таблице #__myextension_foobars. В этом примере мы проверим нет ли зависимости между записями таблицамы #__myextension_children и #__myextension_foobars, перед удалением записи из таблицы #__myextension_foobars.
$join1 = array('idfield' => 'childid',
'name' => '#__myextension_children',
'joinfield' => 'parent',
'label' => 'Children');
$joins = array($join1);
if ($table->canDelete($id, $joins))
{
if (!$table->delete($id))
{
// обрабатываем ошибки удаления
}
}
else
{
// обрабатываем в случае нахождения зависимостей
}
Мы можем определить более одной межтабличной связи. Допустим еще существует таблица #__myextension_illegitimate_children:
$join1 = array('idfield' => 'childid',
'name' => '#__myextension_children',
'joinfield' => 'parent',
'label' => 'Children');
$join2 = array('idfield' => 'ichildid',
'name' => '#__myextension_illegitimate_children',
'joinfield' => 'parent',
'label' => 'illegitimate Children');
$joins = array($join1, $join2);
Управление зарезервированными полями
Наша таблица содержит все зарезервированные поля, которыми мы можем управлять с помощью методов класса JTable. Рассмотрим управление этими полями подробнее.
Publishing
Для публикации и снятия с публикации мы можем использовать метод publish(). Если таблица содержит поле checked_ out, то мы можем быть уверены что запись таблицы не редактируется другим пользователем. Приведем пример публикации:
$publishIds = array($id);
$user =& JFactory::getUser();
if (!$table->publish($publishIds, 1, $user->get('id')))
{
// обрабатываем ошибки
}
Первый параметр - это массив из id записей, которые нужно опубликовать или снять с публикации. Второй параметр необязательный, и указывает публикуем мы запись (значение 1), или снимаем с публикации (значение 0). По-умолчанию имеет значение 1. Последний параметр используется только в случае, если существует поле checked_out, и указывает id пользователя редактирующего запись. Метод возвращает значение true если все прошло успешно.
Hits
Произвести инкремент над записью можно с помощью метода hit(). Для примера мы установим id записи и выполним инкремент.
$table->set('id', $id);
$table->hit();
Также мы можем указать в параметре метода hit() нужный нам id. Но мы должны помнить что при этом обновиться буфер.
$table->hit($id);
Checking Out
Перед тем как мы начнем блокировать наши записи, мы должны убедиться что запись уже не заблокирована. Это нужно, чтобы не получилось, что несколько пользователей одновременно редактируют одну запись. Для этого мы можем использовать метод isCheckOut(). В этом примере мы выполняем проверку:
$table->load($id);
$user =& JFactory::getUser();
if ($table->isCheckedOut($user->get('id')))
{
// выполняем действия если запись заблокирована
}
Далее мы блокируем запись под пользователя:
$table->load($id);
$user =& JFactory::getUser();
if (!$table->checkout($user->get('id')))
{
// обрабатываем ошибки
}
Для того чтобы обрабатывать запись используем следующий метод:
$table->load($id);
$user =& JFactory::getUser();
if (!$table->checkin($user->get('id')))
{
// обрабатываем ошибки
}
Запомните, что эти методы можно использовать только для залогенных пользователей.
Ordering
Когда мы хотим расположить элементы в определенном порядке, JTable предоставляет нам для этого набор методов. Первый из рассмотренных нами методов будет reorder(). Этот метод исправляет ошибки в порядке расположения записей в таблице.
$table->reorder();
В более сложных таблицах записи обычно разбиты по группам, и для этого в метод reorder() нужно дописать дополнительный параметр. Представим, что в нашей таблице есть поле group. В этом примере мы упорядочим записи в группе 1.
$db =& $table::getDBO();
$where = $db->nameQuote('group').' = 1';
$table->reorder($where)
Заметьте, что мы получаем объект базы данных не из JFactory, а из таблицы! Ранее мы уже использовали метод getNextOrder(). Метод выдает нам следующую позицию в порядке упорядочивания. Как и в случае с reorder(), мы имеем возможность определения груп. Например, получим следующий номер порядка для группы 1.
$db =& $table::getDBO();
$where = $db->nameQuote('group').' = 1';
$nextPosition = $table->getNextOrder($where);
И последний метод - это move(). Он нужен для перемещения записи на одну позицию вверх или вниз. Переместим на примере запись вверх.
$table->load($id); $table->move(-1); Опять у нас есть возможность для указания групп. Покажем это на примере:
$db =& $table::getDBO();
$where = $db->nameQuote('group').' = 1';
$table->load($id);
$table->move(1, $where)
Поле параметров
Класс JTable не имеет каких-то специальных методов по управлению параметрами INI. Буфер JTable предназначен для хранения RAW данных параметров, которые необходимо сохранить.Для обработки поля параметров используется класс JParameter. Для начала нам нужно создать новый объект JParameter, и если мы получили доступ к существующей записи отпарсить его. Класс JParameter расширяет класс JRegistry. В этом примере мы расмотрим как можно парсить параметры используя класс JParameter.
$params = new JParameter($table->params);
Как только мы получили доступ к параметрам, мы можем изменять их используя методы get() и set().
$value = $params->get('someValue');
$params->set('someValue', ++$value);
Также мы можем получить данные в виде INI строки используя метод toString().
$table->params = $params->toString();
Мы также можем сами создать строку параметров. Для этого нужно указать сами параметры и путь к XML файлу манифеста.
$params = new JParameter('foo=bar', $pathToXML_File);
Для вывода параметров на экран в виде формы используется метод render().
echo $params->render('params');
Поля даты
При сохранении даты, очень важно чтобы она была в правильном формате. Для MySql мы должны сохранять дату в виде YYYY-MM-DD HH:MM:SS. Самый простой способ сделать это - использовать класс JDate. В этом классе нам потребуется метод toMySQL(), для приведения даты к правильному виду.
// import JDate class
jimport('joomla.utilities.date');
// получаем текущую дату и время
$myDate = gmdate();
// создаем новый объект JDate
// для joomla 1.5.0 надо было писать $jdate = new JDate($myDate);
$jdate = & JFactory::getDate($myDate);
// создаем запрос используя toMySQL()
$query = 'SELECT * FROM #__example WHERE date < '.$jdate->toMySQL();
$myDate - это дата в формате UNIX (timestamp).
Таблица 6: Таблица отношений Joomla
2.3 Дизайн Web-сайта
Web-дизайн-- отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских Web-интерфейсов для сайтов или Web-приложений. Web-дизайнеры проектируют логическую структуру Web-страниц, продумывают наиболее удобные решения подачи информации, а также занимаются художественным оформлением Web-проекта.
Посещая какой-либо Web-сайт, гость сначала обращает свое внимание на его дизайн, даже ежели пришел в поисках определенной информации. Есть Web-сайты, дизайн которых не изменялся по пару лет и устарел по сопоставлению с соперниками, Web-сайты которых выглядят более современно и качественно. Эти Web-сайты теряют неизменных гостей, даже ежели занимают высочайшие позиции в поисковых системах, по обычный причине - гостям кажется, что информация на Web-сайте - неактуальна.
Для разработки дизайна необходимо получить от заказчика всю нужную информацию. Логотипы, девизы и прочие атрибуты компании - все это должно быть размещено на Web-страницах. Весь стиль сайта должен быть в соответствии с тем стилем, который уже сложился в компании заказчика.
Однако разработка дизайна web сайтов для привлечения аудитории сложна, с одной стороны аудиторию нужно привлекать соответствующим дизайном. Например, если это молодежь, которая должна покупать спорттовары компании - то дизайн должен быть ярким и зазывающим. С другой стороны яркий дизайн может отвлечь от основной концепции сайта и порой просто может помешать и дезориентировать потенциального покупателя. Главное, чтобы все в дизайне было гармонично и продумано. Как расположить информацию, названия, какой подобрать шрифты и цвета, все должно быть выбрано и продумано в дизайне проекта.
Выбор цветов также очень важен для дизайна сайта. Обилие цветов может рябить в глазах и также помешать аудитории сосредоточиться на главном. Оптимально использовать 4 основных цвета на странице. Ограничение должно быть и в шрифтах. Желательно использовать написание названий одним шрифтом, а статьи другим шрифтом, и не использовать в одной статье более одного шрифта. Не нужно также использовать много цветов в названиях. В соответствии с разработанной структурой была спроектирована главная страничка сайта Она содержит все основные структурные элементы, разделы и подразделы, статистика и новости.
Рисунок 2: Главная страница «Детский хоккейный клуб»
Листинг главной страницы находится в Приложении А
2.3.1 Подробное описание разделов и подразделов
Главная страница является самой важной страницей любого Web-сайта, к тому же наиболее посещаемой. Конечно же, пользователи далеко не всегда начинают просматривать Web-сайт именно с главной страницы. Практика показывает, что, едва попав на новый сайт, большинство посетителей спешат взглянуть на его начальную страницу. Это дает ощущение некоторой "точки отсчета" в навигационном процессе. Главная страница дает представление обо всем сайте - о его содержимом, дизайне, навигационной системе, структуре. Именно поэтому ее дизайн должен быть эргономичным.
Главная страница Web-сайта «Детский Хоккейный Клуб» представляет собой совокупность новостей, видеоматериала, поиска нужной информации, а также статистики посещаемости.
О нас!
Данный раздел имеет информацию о Детском Хоккейном Клубе. История создания клуба, организаторы, и многое другое.
Наша команда
Данный раздел имеет информацию об основном и тренерском составе Детского Хоккейного Клуба. Фото и описание функций каждого игрока.
Мультимедиа
Данный раздел имеет два подраздела: фото и видео о Детском Хоккейном Клубе.
Все о хоккее
Данный раздел имеет три подраздела: история хоккея, детский хоккей и правила. Большой объем информации о хоккее.
Магазин
Данный раздел имеет информацию о экипировки, которую можно заказать online.
Контакты. Данный раздел имеет контактную информацию Детского Хоккейного Клуба. Ответственные лица администрации.
2.4 Администрирование
Для входа в администрирование Web-сайта «Детский Хоккейный Клуб» необходимо в адресной строке к названию добавить:
/administrator
При данной операции появляется окно запроса логина и пароля администратора:
Рисунок 3: Окно запроса логина и пароля администратора
После ввода логина и пароля разработчик получает доступ к панели администратора.
2.4.1 Панель администратора
Рисунок 4: Панель администратора
Рассмотрим панель управления Joomla. Основные функции и возможности.
Посередине экрана находятся основные кнопки с наиболее часто используемыми функциями. Справа от них вспомогательная информация в виде раскрывающихся блоков. Сверху находиться строка с пиктограммами всех возможных функций. Вот её и рассмотрим. Начнём слева на право. И ещё если Вы в течении 15 минут не производите никаких действий, АдминПанель потребует вновь ввести логин и пароль.
Пиктограмма с надписью Сайт.
Наведите мышкой на неё. Появится ниспадающее меню.
Рисунок 5. Меню вкладки Сайт
Пункт Панель управления - открывает главную страницу Админ Панели, на которой мы сейчас собственно и находимся.
Пункт Пользователи - показывает всех зарегистрированных пользователей вашего сайта, их данные и статус, а также дату и время последнего посещения.
Пункт Медиа-файлы - показывает все файлы картинок в папке image, находящуюся в корне сайта. Отсюда можно создавать новые папки и удалять ненужные файлы и папки. Также есть возможность загрузить файл с жёсткого диска вашего компьютера.
Пункт Настройки - открывает страницу с главными настройками сайта, системы и сервера. О настройках чуть позже.
Пункт Выйти - выход из Админ Панели.
Пиктограмма Меню
Рисунок 6: Меню вкладки Меню
Пункт Меню - показывает названия созданных вами меню. В чистой Джумле только одно меню - это Главное. Вы можете легко создать любое меню, например верхнее меню, нижнее меню, и т.д.
Корзина - пункты меню - пункты меню находящиеся в корзине (удалённые).
Главное меню - тут редактируются пункты в Главном меню. Можно удалить или добавить пункт, привязать его к разделу или категории.
Если вы создадите ещё какое-то меню, например верхнее, оно будет отображаться под Главным. И сможете также добавлять туда новые пункты.
Пиктограмма Статьи
Рисунок 7. Меню вкладки Статьи
Пункт Статьи (Материалы) - открывает страницу со всеми статьями, которые есть на сайте. Для удобства статьи можно сортировать по разделам и категориям, по состоянию и автору. Для редактирования статьи достаточно кликнуть по её названию. Для удаления, копирования или другого действия, нужно поставить галочку напротив нужной статьи и нажать кнопку вверху с требуемым действием.
Корзина - Статьи - содержит удалённые статьи, есть возможность восстановить статью.
Пункт Разделы - информация о всех существующих разделах на сайте. Здесь добавляют новые и редактируют существующие разделы.
Пункт Категории - То же что и Разделы, только для категорий.
Пункт Главная страница - отображает все статьи опубликованные на Главной странице вашего сайта. Отсюда можно их редактировать, добавлять/удалять, менять порядок расположения.
Пиктограмма Компоненты
Отображает установленные компоненты.
Рисунок 8. Меню вкладки Компоненты
Компонент Баннеры - содержит в себе ещё три пункта. Баннеры - отображает все загруженные баннеры. Для более удобного поиска и редактирования баннеров, их распределяют по Категориям и Клиентам. Например баннеры друзей, проплаченные баннеры и т.д.
Компонент Ссылки - содержит ссылки, для удобства разделяются по категориям.
Компонент Каналы новостей - отображает новостные каналы, тоже разделяются по категориям.
Контакты - позволяет записывать и редактировать контактную информацию каких либо людей. Разделяются по категориям. В основном используются в корпоративных сайтах. Это могут быть контакты как работников офиса, так и каких-нибудь поставщиков и т.д. Например для быстрой связи или отправки сообщений.
Компонент Опросы - позволяет создавать и следить за опросами на сайте. Например если сделать опрос на автомобильном сайте, допустим Какое у вас авто : и несколько вариантов ответа, пользователи будут отвечать, не все конечно, но будут. Впоследствии можно отслеживать варианты ответов и делать выводы. Очень полезная штука. Например если 40% пользователей отвечают, что ездят на русских авто, а остальные 60% на иномарках, то акцент целесообразней сделать на статьи о машинах иностранного производства.
Компонент Поиск - если на сайте включен поиск по сайту, тогда здесь можно отследить какие запросы больше всего интересуют пользователей. Изначально журнал поиска отключен. Включить его можно нажав кнопочку Настройки здесь же, она находиться в правом верхнем углу.
Пиктограмма Расширения
Рисунок 9. Меню вкладки Расширения
Пункт Установка и удаление. Нажав на него откроется окно установки/удаления различных расширений, таких как компоненты, модули, плагины, языковые пакеты и шаблоны.
Модули - страница со всеми созданными модулями на сайте.
Плагины - то же самое, что и с модулями, только для плагинов.
Шаблоны - показывает загруженные шаблоны для сайта. Звёздочкой обозначен текущий шаблон.
Локализации - установленные языковые пакеты, бывают локализации для Админ Панели и для сайта.
Пиктограмма Инструменты
Рисунок 10. Меню вкладки Инструменты
Пункт Личные сообщения - список сообщений электронной почты приходящих на ящик вашего сайта.
Новое сообщения - позволяет создать и отправить сообщение с вашего сайта.
Пункт Рассылка писем - позволяет сделать рассылку сообщений с вашего сайта определённым группам пользователей.
Общая разблокировка - когда одновременно работают несколько пользователей с правами доступа к редактированию сайта, некоторые элементы блокируются, это действие разблокирует элементы.
Полная очистка кэша и кэша с истёкшим сроком, тут я думаю понятно.
Правее на строке с пиктограммами находится ссылка Предпросмотр, она позволяет перейти к просмотру сайта с пользовательской стороны (Front-End). Открывается в новом окне.
Рядом количество входящих сообщений и количество пользователей допущенных к администрированию сайта находящихся в Админ Панели.
Кнопка Выйти - Выход из Админ Панели.
2.4.2 Создание пунктов меню
Наводим мышь на пиктограмму Меню - Главное меню и нажимаем.
Рисунок 11: Пункт меню - Главное меню
Появится страница с пунктами главного меню.Пункт всего один - Главная. Нажимаем на зелёную кнопку с плюсиком в правом верхнем углу. Создать.Появится страница с выбором типа пункта для меню.Нам нужен Материалы, нажимаем.Этот пункт раскроется на подпункты:
Рисунок 12: Типы пунктов меню
Выбираем подпункт Стандартный шаблон материала
Открывается окно, которое изображено на рисунке 13. Пишем название пункта, псевдоним (английскими буквами), определяем, опубликован или нет. Указываем родительский элемент Все о хоккее!
Рисунок 13. Стандартный шаблон материала
Далее выбираем заранее приготовленный материал, указываем его во вкладке Выберите материал и нажимаем Выбрать и Сохранить
Рисунок 14. Параметры нового материала
Получаем новое меню с материалом Команды, игроки и снаряжение.
Рисунок 15. Созданное меню: Команды, игроки и снаряжение
Все пункты меню Web-сайта можно корректировать во вкладке Все меню-Главное меню.
Рисунок 16. Вкладка Главное меню
Пункты меню расположены в виде иерархии
Рисунок 17. Пункты меню
Возможно изменение расположения пунктов меню Web-сайта.
2.4.3 Редактирование материала
Все материалы Web-сайта можно редактировать во вкладке Менеджер материала.
Рисунок 18. Менеджер материала
Возможно изменение расположения материалов Web-сайта.
Для редактирования материала необходимо кликнуть на нем из Менеджера материалов левой клавишей мыши. Открывается окно редактирования материала.
Рисунок 19. Окно редактирования материала
После редактирования нажимаем Сохранить.
2.4.4 Установка Шаблона Web-сайта
Если вы сами непосредственно устанавливаете и настраиваете Joomla, то одним из первых действий по настройке является установка шаблона сайта для вашего проекта. Есть много свободно распространяемых шаблонов для Joomla 1.5.8, и установка нового шаблона не является сложной процедурой.
Шаблоны сайта для Joomla обычно распространяются (так же как и расширения) в виде .zip файлов(или также .tar.gz файла).Для установки нового шаблона необходимо зайти в Расширения - Менеджер шаблонов
Рисунок 20. Выбор менеджера шаблонов
Рисунок 20: Менеджер шаблонов
На странице "Менеджер шаблонов" выберите нужный вам шаблон сайта и нажмите кнопку "По умолчанию". Шаблон сайта, выбранный по умолчанию, будет использоваться для отображения всего сайта.
Примечание: Если необходимо назначить определенный шаблон сайта для отображения определенного пункта меню, то необходимо выбрать шаблон и нажать кнопку "Назначить". Будет открыта страница "Назначение шаблона ХХХ для пунктов меню". На данной странице можно выбрать несколько пунктов меню, которые будут отображаться с использование выбранного шаблона.
После установки и корректировки шаблона сайта, он уже отвечает всем необходимым требованиям разработки.
2.4.5 Вставка видео на Web-сайт
Как вставить видео в страницу Joomla?
Для этого нам понадобиться плагин AllVideos от JoomlaWorks.
Установите его, после чего зайдите в Расширения - Менеджер плагинов
Рисунок 21. Выбор менеджера плагинов
Рисунок 22. Менеджер плагинов
Далее выбираем AllVideos и кликаем на нем. Открывается сам плагин AllVideos.
Рисунок 23. Окно изменения плагина AllVideos
Включаем плагин во вкладке включен.В настройках можно изменить размер окна плеера.
Default width - ширина, Default height - высота окна.В папке images/stories нужно создать папку videos, в неё будете загружать свои видеоролики.
После чего для вставки видео в статью, выбираете HTML редактор, и вставляете код для плагина в зависимости от типа видеофайла.
Параметры вставки видео/аудио на сайт с помощью плагина AllVideos находятся в Приложении B
Вставка видео с YouTube.com
Например адрес вашего видео такой http://www.youtube.com/watch?v=DS81bM90.Код для AllVideos будет такой :{youtube}DS81bM90{/youtube}
На Web-сайте «Детский Хоккейный Клуб» было выложено видео с YouTube.com
Рисунок 24. Видео с YouTube.com
Примеры вставки видео/аудио с популярных сайтов находится в Приложении С.
2.4.6 Опрос пользователей Web-сайта
Опрос это хорошая штука, если его использовать в нужных целях. Например для определения интересов пользователей.
Создадим опрос для нашего сайта. И узнаем: в каком возрасте дети начали заниматься хоккеем. Заходим Компоненты - Голосования.
Рисунок 25. Выбор компонента Голосование
В строку Заголовок заполняем сам вопрос голосования, в строки Опций заполняем варианты ответов пользователей. Нажимаем Сохранить.
Рисунок 26. Изменение параметров опроса
Задержка - это минимальное время между голосами одного пользователя в секундах. Значения по умолчанию вполне достаточно.Опубликовано: Да или Нет.
Рисунок 27. Созданный опрос
При создании правильных опросов на сайте вы будете знать интересы своих пользователей.
3. Технико-экономическое обоснование
Задачи исследования:
- Оценка общего состояния рынка веб-разработки;
- Оценка потребительских свойств готового продукта;
- Оценка ценовых диапазонов веб-разработки;
- Исследование структуры ценообразования при веб-разработке;
- Исследование сроков производственного процесса;
- Исследование взаимосвязей между предыдущими пунктами;
- Подсчет затрат на разработку Web-сайта.
3.1 Оценка общего состояния рынка веб-разработки
Прежде чем переходить к вопросам стоимости и характеристик получаемых продуктов, рассмотрим вопрос инструментария веб-студий, поскольку итоговый результат зачастую тесно связан с использованным инструментом.
Современные сайты предъявляют большие требования к управляемости, надёжности, удобству управления и функциональности, поэтому в их основе находятся специальные системы управления сайтами (CMS). Эти системы уже содержат часть функций, требующихся на сайте (напр. - интерфейс для добавления и редактирования информации и т.п.), а кроме того, - инструменты, ускоряющие процесс разработки новых функций.
Типы CMS
Все использующиеся CMS можно разделить на три основные категории:
Системы, созданные и развиваемые внутри студии (внутренние CMS). Это внутренний инструмент, доступный лишь сотрудникам конкретной студии.
Бесплатные свободно распространяемые CMS. Разрабатываются и развиваются сообществами пользователей на добровольной основе. Использование бесплатной системы не требует никаких выплат, кроме гонорара программисту, осуществляющему разработку проекта с использованием данной CMS.
Коммерческие CMS. Каждая система имеет конкретного разработчика, который берёт на себя вопросы развития системы и технической поддержки пользователей. Пользователи коммерческих систем оплачивают приобретение лицензии на использование системы и, часто, техническую поддержку свыше определённого срока. Веб-студии, являющиеся партнёром того или иного производителя CMS, имеют скидку на приобретение, за счёт чего могут предоставлять систему своему клиенту по цене производителя.
Поскольку функционал сайта не содержал никаких экзотических требований, и его реализация была возможна практически на любой существующей системе, мы получили картину личных предпочтений студий - были названы те системы, которые студии используют по собственному желанию.
Рисунок 28. Платные, внутренние и бесплатные CMS
Видно, что предпочтение разработчики чаще всего отдают не общедоступным CMS. Это наблюдается из-за того, что качество и функциональность свободных CMS значительно ниже платных либо разработанных собственными силами.
Технологические характеристики итогового продукта
Одной из важных задач исследования было установление потребительских свойств итогового продукта.
- Возможности управления содержимым сайта (публикация информации, управление каталогом товаров)
- Требования к квалификации сотрудника, ответственного за наполнение сайта
- Возможность дальнейшего развития сайта (добавление новых разделов, функционала)
Вопрос зависимости от разработчика после создания сайта является достаточно болезненным. Если в случае готовых CMS в дальнейшем заказчик может обратиться для усовершенствования сайта к другим разработчикам, работающих с использованной на сайте CMS, то для внутренних систем это неочевидно.
Очевидно, что в процессе функционирования сайта могут потребоваться изменения как функционала сайта, так и редизайн.
В процессе исследования для программных правок были выделены следующие варианты:
«Да» - разработчик предусматривает возможность работы с сайтом других программистов: предоставляет открытый код, описание архитектуры, какую-то документацию.
«Условно возможно» - система управления поставляется в открытых кодах, грамотный программист при необходимости разберётся, что к чему. Однако, большинство респондентов в этом случае оговаривает, что обращение к разработчику существенно сэкономит срок внесения правок. Кроме того, внесение исправлений сторонним исполнителем лишает заказчика гарантий разработчика.
«Нет» - система управления поставляется в закодированном виде, внести изменения в код могут только разработчики.
Ответы показаны на рисунке 29.
Рисунок 29. Статистика изменения Web-сайта
Итак, видно, что в четверти случаев разрабатывается закрытая система, в остальных же, хоть и является открытой, в большинстве случаев понятна только опытному мастеру.
3.2 Стоимость разработки
Как уже было обозначено выше, стоимость разработки оценивалась относительно конкретного описания проекта. Разумеется, в ряде случаев разработчиками давались лишь приблизительные параметры цены, но, тем не менее, эти данные гораздо ближе к реальности.
Известно, что цена всего проекта зависит от CMS, использованной при разработке. Если она является бесплатной, то в цену включается только программирование, дизайн и т.п. Если же за неё приходится платить третьей стороне, то это неизбежно ведет к увеличению стоимости всего проекта. Аналогичная ситуация и с внутренними CMS: разработчик берет плату не только за сам сайт, но и за CMS.
Таким образом, разработка сайта на базе внутренней CMS является самой дорогой, но чаще всего может лучше удовлетворить требования заказчика в связи с тем, что, имея полный доступ к изменению системы управления сайтами, может более гибко подойти к выполнению заказа.
Любая программа не может работать без операционной системы. В настоящее время наиболее распространенной операционной системой является Windows XP Professional. Данная операционная система наиболее оптимизирована для работы с прикладными программами, имеет удобный интерфейс. На данный момент единственной достойной ОС, способной конкурировать с ХР, является Windows Seven.
Таблица 7. Стоимость операционной системы
Операционная система |
Стоимость, доллар США |
|
Windows XP Home Edition Russian SP2 |
85 |
|
Windows XP Professional Russian SP3 |
155 |
|
Windows Seven Ultimate Russian SP1 |
199 |
|
Windows Seven Ultimate English SP1 |
199 |
Таблица 8. Системные требования HTML-редакторов
Оборудование |
Оптимально |
Минимально |
|
Процессор |
Не менее 800 МГц Intel Pentium III процессор (или эквивалентный) |
Pentium 133 MГц или выше, рекомендуемый Pentium III |
|
RAM |
128 MB RAM (256 MB желательно, 1 Гб рекомендовано для работы больше, чем с одним продуктом Studio 8 одновременно) |
16 Мб оперативной памяти (рекомендуется 32 Мб) |
|
HD |
доступное дисковое пространство 650 Мб. |
165 Mбайт свободного места на диске, 115 Mбайт на диске, на котором установлена ОС |
|
CD-ROM |
Да |
Да |
|
Дисплей |
1024x768, 16-бит видеорежим (32-бита рекомендовано), 256 цветов |
Super VGA (800Ѕ600) и выше, 256 цветов |
|
ОС |
Windows XP / Windows Server TM 2003 / Windows Seven |
Windows XP или Windows ServerTM |
|
Периферия |
Мышь Microsoft Mouse |
Мышь Microsoft |
Определим конфигурацию компьютера для работы с HTML-редакторами из расчета на минимальные системные требования.
Таблица 9. Минимальные требования и расходы
Оборудование |
Описание |
Цена |
|
Процессор |
Intel Celeron 2000/128 Socket 478 BOX |
20 |
|
Материнская плата |
SOLTEK SL-85DRV-5: Socket 478, VIA P4X266E+VT8235, ATX, 3 DDR 266. |
30 |
|
RAM |
DDR 128Mb, 333 MHz |
15 |
|
Видеоадаптер |
PCI-E: ATI X550 SAPPHIRE 128MB/128bit/TV/DVI |
80 |
|
Жесткий диск |
IDE 80.0g 7200 ATA100 Samsung 2Mb |
50 |
|
CD-ROM |
CD-ROM LG 52х (Black) |
30 |
|
Корпус |
ATX Midi Tower Storm 2202-LX, P4 PSU 300W |
30 |
|
Клавиатура |
PS/2 SVEN Slim 300 |
7 |
|
Мышь |
SVEN L-30 PS/2, Scroll |
5 |
|
Монитор |
17" SAMTRON 76E |
150 |
|
Итого: |
417дол.США |
Таблица 10. Необходимые требования и расходы
Товар |
Описание |
Цена |
|
Процессор |
Pentium Dual-Core E2180 2.0ГГц (800МГц,1MB,Conroe,S775) BOX |
130 |
|
Материнская плата |
ASUS P5B SE (LGA775, P965, PCI-E, 4xDDR-II(800),1xIDE,5xSATA-II, 3xPCI, ATX) |
110 |
|
RAM |
DDR II 1024Mb, 800MHz Hynix |
20 |
Таблица 11. Оптимальный вариант для создания Web-сайта «Детский хоккейный клуб»
Товар |
Описание |
Цена |
|
Процессор |
Pentium Dual-Core E2200 2.2ГГц (800МГц,1MB,Conroe,S775) BOX |
150 |
|
Материнская плата |
ASUS P5K SE (Socket775/P35/PCI-E+GbLAN/SATA/U133/ATX/4DDR-II/PC-6400) |
120 |
|
RAM |
DDR II 2x2048Mb, 800 MHz TEAM алюминиевый радиатор,Retail |
60 |
|
Видео-адаптер |
PCI-E: GEFORCE-PCX 8800GTS DirectX 10/ 512MB DDR3(256bit) +TV LEADTEK |
150 |
|
Жесткий диск |
SATA II 250.0g 7200 WD 16 Mb (2500AAKS) |
80 |
|
CD-ROM |
DVD-RW/+RW LG LightScribe |
30 |
|
Корпус |
ATX Midle Tower Microlab M4810 Silver 420W |
40 |
|
Клавиатура |
PS/2 SVEN 733 Multimedia |
7 |
|
Мышь |
A-4 Tech SWOP-48UP OPTICAL 800 dpi PS/2 |
5 |
|
Монитор |
CRT 19" LG SW900B |
170 |
|
Итого: |
812дол.США |
Оптимальный вариант для работы с HTML-редакторами и прочим программным обеспечением для создания Web-сайта приведен в таблице выше.
Затраты составили: 812 доллар США = 120 000тенге (курс: 1доллар США = 148тенге).
4. Нормы и требования охраны труда на рабочем месте разработчика Web-сайта
Данный раздел рассматривает основы норм и требований охраны труда на рабочем месте оператора компьютерного набора.
Типовая инструкция по охране труда при работе с персональными компьютерами устанавливает общие требования безопасности для работников, использующих в работе персональные компьютеры (далее - ПК).
4.1 Общие положения
К работе с ПК допускаются работники, не имеющие медицинских противопоказаний, прошедшие инструктаж по вопросам охраны труда, с группой по электробезопасности не ниже I.
Женщины со времени установления беременности и в период кормления грудью к выполнению всех видов работ, связанных с использованием ПК, не допускаются. Лица, не моложе 18 лет, прошедшие обязательный при приеме на работу и ежегодные медицинские освидетельствования на предмет пригодности для работы на ЭВМ и ПЭВМ.
Прошедшие вводный инструктаж по охране труда; прошедшие инструктаж по охране труда на конкретном рабочем месте и знающие правила работы на персональном компьютере, о чем должна быть сделана соответствующая запись в журнале; - прошедшие обучение работе на персональном компьютере с использованием конкретного программного обеспечения
При работе с ПК на работников могут оказывать неблагоприятное воздействие следующие опасные и вредные производственные факторы:
- повышенный уровень электромагнитных излучений;
- повышенный уровень ионизирующих излучений;
- повышенный уровень статического электричества;
- повышенная напряженность электростатического поля;
- повышенная или пониженная ионизация воздуха;
- повышенная яркость света;
- прямая и отраженная блесткость;
- повышенное значение напряжения в электрической цепи, замыкание которой может произойти через тело человека;
- статические перегрузки костно-мышечного аппарата и динамические локальные перегрузки мышц кистей рук;
- перенапряжение зрительного анализатора;
- умственное перенапряжение;
- эмоциональные перегрузки;
- монотонность труда.
В зависимости от условий труда, в которых применяются ПК, и характера работы на работников могут воздействовать также другие опасные и вредные производственные факторы.
Организация рабочего места с ПК должна учитывать требования безопасности, удобство положения, движений и действий работника.
Рабочий стол с учетом характера выполняемой работы должен иметь достаточный размер для рационального размещения монитора (дисплея), клавиатуры, другого используемого оборудования и документов, поверхность, обладающую низкой отражающей способностью.
Клавиатура располагается на поверхности стола таким образом, чтобы пространство перед клавиатурой было достаточным для опоры рук работника (на расстоянии не менее чем 300 мм от края, обращенного к работнику).
Чтобы обеспечивалось удобство зрительного наблюдения, быстрое и точное считывание информации, плоскость экрана монитора располагается ниже уровня глаз работника предпочтительно перпендикулярно к нормальной линии взгляда работника (нормальная линия взгляда - 15 град. вниз от горизонтали).
Для исключения воздействия повышенных уровней электромагнитных
излучений расстояние между экраном монитора и работником должно составлять не менее 500 мм (оптимальное 600 - 700 мм).
Применяемые подвижные подставки для документов (пюпитры) размещаются в одной плоскости и на одной высоте с экраном.
Рабочий стул (кресло) должен быть устойчивым, место сидения должно регулироваться по высоте, а спинка сиденья - по высоте, углам наклона, а также расстоянию спинки от переднего края сиденья. Регулировка каждого параметра должна быть независимой, легко осуществляемой и иметь надежную фиксацию.
Для тех, кому это удобно, предусматривается подставка для ног.
Рабочее место размещается таким образом, чтобы естественный свет падал сбоку (желательно слева).
Для снижения яркости в поле зрения при естественном освещении применяются регулируемые жалюзи, плотные шторы.
Светильники общего и местного освещения должны создавать нормальные условия освещенности и соответствующий контраст между экраном и окружающей обстановкой с учетом вида работы и требований видимости со стороны работника. Освещенность на поверхности стола в зоне размещения рабочего документа должна составлять 300 - 500 люкс.
Возможные мешающие отражения и отблески на экране монитора и другом оборудовании устраняются путем соответствующего размещения экрана, оборудования, расположения светильников местного освещения.
При рядном размещении рабочих столов расположение экранов видеомониторов навстречу друг другу из-за их взаимного отражения не допускается.
Для обеспечения безопасности работников на соседних рабочих местах расстояние между рабочими столами с мониторами (в направлении тыла поверхности одного монитора и экрана другого монитора) должно быть не менее 2,0 м, а расстояние между боковыми поверхностями мониторов - не менее 1,2 м.
Для снижения уровня напряженности электростатического поля при необходимости применяются экранные защитные фильтры. При эксплуатации защитный фильтр должен быть плотно установлен на экране монитора и заземлен.
Для обеспечения оптимальных параметров микроклимата проводятся регулярное в течение рабочего дня проветривание и ежедневная влажная уборка помещений, используются увлажнители воздуха.
При работе с ПК обеспечивается доступ работников к первичным средствам пожаротушения, аптечкам первой медицинской помощи.
Работники при работе с ПК с учетом воздействующих на них опасных и вредных производственных факторов обеспечиваются средствами индивидуальной защиты в соответствии с типовыми отраслевыми нормами для соответствующих профессий и должностей.
При работе с ПК работники обязаны:
- соблюдать режим труда и отдыха, установленный законодательством, правилами внутреннего трудового распорядка организации, трудовую дисциплину, выполнять требования охраны труда, правил личной гигиены;
- выполнять требования пожарной безопасности, знать порядок действий при пожаре, уметь применять первичные средства пожаротушения;
- курить только в специально предназначенных для курения местах;
- знать приемы оказания первой помощи при несчастных случаях на производстве;
- о неисправностях оборудования и других замечаниях по работе с ПК сообщать непосредственному руководителю или лицам, осуществляющим техническое обслуживание оборудования.
Не допускается: выполнять работу, находясь в состоянии алкогольного опьянения либо в состоянии, вызванном употреблением наркотических средств, психотропных или токсических веществ, а также распивать спиртные напитки, употреблять наркотические средства, психотропные или токсические вещества на рабочем месте или в рабочее время; устанавливать системный блок в закрытых объемах мебели, непосредственно на полу; использовать для подключения ПК розетки, удлинители, не оснащенные заземляющим контактом (шиной).
Работники, не выполняющие эти требования, привлекаются к ответственности согласно законодательству.
4.2 Требования безопасности во время эксплуатации ЭВМ
Перед началом работы с ПК работник обязан:
- проветрить рабочее помещение;
проверить:
- устойчивость положения оборудования на рабочем столе;
- отсутствие видимых повреждений оборудования, дискет в дисководе системного блока;
- исправность и целостность питающих и соединительных кабелей, разъемов и штепсельных соединений, защитного заземления (зануления);
- исправность мебели;
отрегулировать:
- положение стола, стула (кресла), подставки для ног, клавиатуры, экрана монитора;
- освещенность на рабочем месте. При необходимости включить местное освещение;
- протереть поверхность экрана монитора, защитного фильтра (при его наличии) сухой мягкой тканевой салфеткой;
- убедиться в отсутствии отражений на экране монитора, встречного светового потока;
- включить оборудование ПК в электрическую сеть, соблюдая следующую последовательность: стабилизатор напряжения (если он используется), блок бесперебойного питания, периферийные устройства (принтер, монитор, сканер и другие устройства), системный блок.
Запрещается приступать к работе при:
- выраженном дрожании изображения на мониторе;
- обнаружении неисправности оборудования;
- наличии поврежденных кабелей или проводов, разъемов, штепсельных соединений;
- отсутствии или неисправности защитного заземления (зануления) оборудования.
4.3 Требования безопасности во время работы
Во время работы с ПК работник обязан:
- соблюдать требования охраны труда;
- содержать в порядке и чистоте свое рабочее место;
- держать открытыми вентиляционные отверстия оборудования;
- соблюдать оптимальное расстояние от экрана монитора до глаз.
Работу за экраном монитора следует периодически прерывать на регламентированные перерывы, которые устанавливаются для обеспечения работоспособности и сохранения здоровья, или заменять другой работой с целью сокращения рабочей нагрузки у экрана.
Оператору и пользователю ПК во время работы запрещается:
- касаться одновременно экрана монитора и корпуса компьютера или клавиатуры;
- прикасаться к задней панели системного блока компьютера при включенном питании;
- переключать разъемы интерфейсных кабелей периферийных устройств
при включенном питании;
- выполнять перезагрузку компьютера;
- самостоятельно вскрывать и производить ремонт компьютеров;
- класть посторонние предметы на клавиатуру, монитор, системный блок, мышь и другое компьютерное оборудование, а также на электрощиты, электропроводку и другое электрическое оборудование.
Время регламентированных перерывов в течение рабочего дня (смены) устанавливается в зависимости от его (ее) продолжительности, вида и категории трудовой деятельности.
Подобные документы
Сайт в компьютерной сети как совокупность документов частного лица или организации, объединенная под одним адресом. Знакомство с особенностями и основными этапами разработки сайта компании "Юнион-Трейд". Анализ теоретических аспектов разработки сайта.
дипломная работа [5,0 M], добавлен 25.06.2017Анализ структуры и технологий создания сайтов машиностроительных предприятий, автоматизирующих систему продвижения товара через интернет. Установка и конфигурация системы управления контентом Joomla. Дизайн сайта, подбор необходимых модулей и плагинов.
дипломная работа [2,6 M], добавлен 21.06.2015Значение и обзор современных средств веб-программирования на основе языков четвертого поколения. Технологические особенности разработки структуры сайта Интернет-магазина средств связи. Способы форматирования контента, систем навигации и дизайна сайта.
контрольная работа [3,2 M], добавлен 15.02.2011Разработка структуры web-сайта новостей, наполнение его содержательной информацией. Выбор платформы для создания сайта, его обоснование. Установка и редактирование шаблона, создание разделов и категорий. Добавление материала на сайт, его тестирование.
дипломная работа [1,5 M], добавлен 24.01.2016История развития и характеристика всемирной компьютерной сети Интернет. Особенности систем управления контентом и специализированного ПО. Основные этапы создания коммерческого сайта в среде разработки Joomla. Финансово-экономическое обоснование проекта.
дипломная работа [4,2 M], добавлен 27.06.2012Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Установка программной оболочки Denver и системы управления контентом "Joomla". Составление технического задания и схемы главной страницы. Разработка дизайна и системы навигации Web-сайта, запуск в Internet. Проектирование услуги регистрации пользователей.
курсовая работа [2,3 M], добавлен 03.10.2012Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.
курсовая работа [686,4 K], добавлен 13.06.2022Изучение теоретических основ разработки программы и правил выбора языка программирования. Рассмотрение основных задач по созданию сайта автоклуба. Основы разработки базы данных, создания web-дизайна, текстового наполнения сайта и его публикации.
курсовая работа [687,9 K], добавлен 07.04.2014Ознакомление с современными Интернет-технологиями и использование их в своей разработке. Изучение основных программ, применяемых для разработки и создания Web-сайта. Инструментальные средства. Информационная структура, дизайн и шаблон web-сайта.
контрольная работа [1,0 M], добавлен 15.02.2017