1 Техническое задание

1.1 Обоснование требований к комплексу технических средств

Для разработки и проектирования web-приложения «ТС «ЭЛЕКТРО» необходимы следующие программно-технические требования:

Персональный компьютер:

• объем оперативной памяти 2046 Мб;

• объем накопителя на жестких магнитных дисках 160 Гб;

• тактовая частота процессора 3.10 ГГц.

• видеокарта Ge-force 9.600 Gt.

Периферийные устройства:

• сканер Epson Perfection 4490 PHOTO;

• клавиатура;

• мышь.

1.2 Описание функциональной структуры

Результатом выполнения дипломной работы является web-приложение «ТС «ЭЛЕКТРО».

Назначением разработки web-приложения является предоставление пользователям материала о компании «ТС «ЭЛЕКТРО», о видах услуг, которые эта компания предоставляет и их стоимости, о сотрудниках и их руководстве.

Web-приложение будет использоваться компанией «ТС «ЭЛЕКТРО» и пользователями в сети Internet.

Web-сайт должен выполнять следующие функции:

• открытие сайта;

• просмотр информации, содержащейся на выбранной странице;

• отображение даты и времени;

• просмотр фотогалереи;

• организация обратной связи;

• навигация по сайту;

• закрытие сайта.

Описание информационных и управляющих связей между компонентами продукта представлено на рис.1

Пользователь

Web-страница

Web-сервер

Интерпретатор java

Рисунок 1-Интерфейс продукта

Для разработки web-приложения необходимы следующие классы продуктов:

• среда разработки web-приложения;

• язык написания сценариев;

• графические редакторы.

3. Анализ современных программных комплексов для решения поставленной задачи

1.3.1 Анализ сред разработки web-приложения

Adobe Dreamweaver CS3

Adobe Dreamweaver CS3 – это профессиональный HTML-редактор, в котором можно создавать сайты, отдельные страницы и веб-приложения - все, что связано с конструированием WWW. Перечислю преимущества программы.

1. Подсветка кода.

Эта функция поможет быстро просканировать код, а также найти возможные ошибки. Каждый тип кода имеет различную подсветку, что позволит наглядно отличать HTML, CSS, PHP, Javascript и др.

2. Автоподстановка кода.

Еще одна полезная функция, которая позволяет экономить время — это автоматическое дописывание кода. Когда вы начинаете писать какие-нибудь html-теги, перед вами открывается список возможных вариантов на основе введенных первых букв.

3. Режим кода и режим дизайна

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

4. Проверка кода.

В Dreamweaver есть отличный инструмент проверки кода, который не позволит ни одному веб-дизайнеру писать код, не соответствующий стандартам.

5. Панель свойств и панель вставки изображений.

Панель свойств — это лучший инструмент для быстрого создания ссылок, выделения шрифта полужирным или курсивом, создания нумерованных и ненумерованных списков и т.п.

Минусы программы Adobe Dreamweaver:

1. Запутанный интерфейс.

В самом верху программы находится 15 опций: это и пункты меню и иконки быстрого изменения интерфейса программы. Чуть ниже находятся еще от 5 до 50 опций (в зависимости от количества открытых файлов), а далее еще 15 элементов.

2. Погрешности визуального редактора.

Нельзя доверять отображению сайта в визуальном редакторе Dreamweaver, т.к. это все-таки не браузер.

FrontPage

FrontPage позволяет превратить ваши замыслы в конкретную реализацию и быстро создать сайт вашей мечты.

FrontPage позволяет быстро создавать интернет сайты, причем, не вдаваясь в детали, подробности и сложности языка гипертекстовой разметки HTML.

Хитрая интеграция сайта с сервером, заложенная в FrontPage, которая делается в стиле компании Microsoft, привязывает разработчиков ко всем продуктам и решениям от этой фирмы. Работа форм и динамичность – это громко сказано! Но в этом и кроется основная нелепость, шаблоны форм встроенные компанией Microsoft в FrontPage. FPE, на стороне сервера, необходим всего лишь для поддержки работы форм и предназначен для обработки запросов, отправляемых из форм на сервер. Во-первых, надо задаться вопросом, а действительно ли необходима поддержка форм в любом сайте, да ещё с непременным использованием навязываемых решений от Microsoft? Ведь Microsoft даже не побеспокоился снабдить FPE для каких либо операционных систем, кроме как своих собственных Windows. Во-вторых, будь бы открытым код FPE, то и нареканий было меньше, всякий желающий смог бы адаптировать FPE под любую серверную платформу, что было бы большим плюсом тому же Микрософту. Однако, что есть, то и есть, Микрософт не нуждается в подачках подобного рода и свою политику ведёт иным, более наглым и агрессивным способом. В-третьих, а много ли форм, нуждающихся в FPE, содержатся в созданном сайте? Форма запроса сервиса всего одна!

Итак, способы избавления от навязанного Микрософтом проблемного FPE сервиса найдены, можно приступать к основной работе с FrontPage.

Воспользовавшись FrontPage для быстрого создания основы и построения сайтов, мы сможем научиться создавать сайты за пару минут. Начиная работу с FrontPage, потребуется заполнить краткие формы содержимым для заполнения будущего сайта, выбрать дизайн и тип шаблона сайта, а дальше одним нажатием кнопки будет создан сайт по вашим требованиям.

Главное и важное преимущество использования FrontPage в простоте и интуитивно понятной организации программы.

FrontPage предоставляет удобное отображение карты проектируемого сайта и предоставляет возможность визуального редактирования связей страниц.

FrontPage, кроме того, имеет встроенный механизм – мастер публикации (Publication Wizard) для размещения сайта, непосредственно на сервере у интернет провайдера (хостера).

FrontPage не один единственный продукт своего рода, подобных простых и доступных систем и средств для быстрой разработки сайтов существует достаточное множество.