
- •Введение
- •1 Анализ и постановка задачи
- •1.1 Область применения и требования создаваемого Web-приложения
- •1.1.1 Описание предприятия
- •1.1.2 Требования к техническому обеспечению
- •1.1.3 Требования к программному обеспечению
- •1.2 Постановка задачи
- •1.3 Цель и назначение
- •2 Разработка структуры Web-приложения и выбор средств программной реализации
- •2.1 Понятие, виды, классификация сайтов
- •2.2 Этапы создания Web-приложения
- •2.3 Базовые структуры сайта
- •2.4 Выбор программных средств для создания web-представительства
- •2.4.1 Обзор html – редакторов
- •2.4.4 Язык программирования php
- •2.4.4 Язык программирования JavaScript
- •2.4.5 Таблица стилей css
- •2.4.6 Система управления базами данных MySql
- •2.5 Выбор технических средств
- •3 Программная реализация Web-приложения
- •3.1 Описание интерфейса и дизайна
- •3.1.1 Главная страница
- •3.1.2 Регистрация
- •3.1.3 Заказ продукции
- •3.2 Структура базы данных
- •4 Экономическая часть
- •5 Охрана труда
- •5.1 Анализ опасных и вредных факторов
- •5.2 Мероприятия по снижению опасных и вредных факторов
- •5.3 Расчетная часть
- •5.3.1 Расчет уровня шума
- •5.4 Меры пожарной безопасности
- •6 Промышленная экология
- •Заключение
- •Список использованной литературы
- •Приложение а
2.5 Выбор технических средств
В качестве технических средств были выбраны средства со следующими характеристиками.
Сервер должен быть построен на основе Intel Celeron Dual Core не менее 2600 гц, оперативная память минимум 2Гб, рекомендуется 8 Гб, сетевая карта со скоростью 10/100/1000 Мбит/с.
Технические характеристики серверов БД:
– Процессор – не менее двух процессоров Intel Xeon 3 ГГц;
– Объем оперативной памяти – не менее 4 Гб;
– Дисковая подсистема – не менее 72 Гб х 2 с RAID 1;
– Устройство чтения компакт-дисков (DVD-ROM);
– Сетевой адаптер – FastEthernet 100;
– Адаптер Fibre Channel;
– Видеосистема – разрешающая способность не ниже 1024x860 точек;
– Координатно-указательное устройство – манипулятор типа «мышь»;
– Клавиатура – не менее 104 клавиш (русифицированная);
– Монитор – диагональ не менее 15”.
Локальные машины пользователей должны быть построены на основе Intel Celeron Dual Core не мене 1000 гц, с объемом оперативной памяти не менее 512 Мбайт, сетевая карта со скоростью 10/100/1000 Мбит/с.
Необходим доступ клиента к серверу по сети по протоколу TCP/IP.
Комплекс технических средств на разработку Web-приложения был подобран с учетом требований программных продуктов входящих в перечень разработчика Web-приложений. Оптимальные требования к техническим средствам разработчика приведены в таблице 2.3.
Таблица 2.3
Состав комплекса технических средств на разработку Web-приложения
Наименование оборудования |
Технические характеристики |
Компьютер |
HP Pro 3500MT (H4L65ES) Intel Celeron Dual Core, 2.6 ГГц, 4096 Мб RAM, 500 Гб HDD |
Модем |
Модем TP-Link TD-W8901N |
Сетевой адаптер |
FastEthernet 100 |
Продолжения таблицы 2.3
Видеосистема |
разрешающая способность не ниже 1024x860 точек |
Монитор |
диагональ не менее 15” |
Выводы
В данной главе был рассмотрен процесс разработки структуры Web-приложения, то, из каких страниц будет состоять будущее Web-приложение и то, каким образом они будут взаимодействовать между собой. Рассмотрены виды и классификации Web-приложений, базовые структуры Web-приложений. Осуществлен выбор программных и технических средств реализации.
3 Программная реализация Web-приложения
3.1 Описание интерфейса и дизайна
3.1.1 Главная страница
Главная страница сайта является лицом сайта и одновременно стартовой площадкой для навигации по всему сайту. Первое с чем встречается пользователь, набрав адрес в браузере - это главная или стартовая страница. От того, какое сложится впечатление от главной страницы у пользователя, зависит последующее его отношение ко всему сайту. Поэтому следует уделить особое внимание дизайну этой страницы. Это конечно не значит, что следует пренебрегать дизайном остальных страниц. Но особое внимание все же следует уделить главной странице.
Во первых она не должна быть большой по размеру, не более 50KB. Во вторых дизайн должен быть удобным. Элементы навигации должны быть всегда на виду. Элементы навигации следует немного выделить. Главная страница будет выглядеть серой и невзрачной, если на ней не будет графики. Можно разместить на ней тематические изображения или анимацию. Злоупотреблять этим конечно не стоит из-за увеличения объема загружаемой через сеть информации в следствии чего понижается скорость загрузки страницы в браузер.
Для создания главной и последующих страниц использовался текстовый редактор Блокнот (Notepad) и частично редактор Web-страниц phpdesigner. Исходный код главной страницы помещен в Приложение А. На главной странице сверху расположен заголовок оформленный в виде гиперссылок. Сразу под ними располагается панель навигации по сайту, выполненная также в виде ссылок (Рисунок 3.1). При наведении на пункт меню курсор изменяет форму[25].
Рисунок 3.1 - Панель навигации
В нижней части страницы располагается блок навигации, в котором продукция располагается по категориям в алфавитном порядке (алфавитный каталог). Алфавитный каталог представлен на Рисунке 3.2.
Общий вид страницы представлен на Рисунке 3.3.
Рисунок 3.2 - Алфавитный каталог
Рисунок 3.3 - Главная страница сайта «artposters.kz»