Разработка информационной системы на базе Web-технологий

Размещено на http://www.allbest.ru/

Департамент образования, науки и молодёжной политики

Воронежской области

ГБПОУ ВО

"Павловский техникум"

Дипломный проект

Тема: "Разработка информационной системы на базе Web-технологий"

Дипломник: Дубовой Роман Александрович

Руководитель проекта: Предущенко С.В.

г. Павловск 2015 г.

Отзыв на дипломный проект Дубового Романа Александровича

Специальность 230111 Компьютерные сети

Тема проекта: Разработка информационной системы на базе Web-технологий

Дипломный проект Дубового Р.А. разработан в соответствии с выданным заданием в полном объёме.

Проект выполнен на очень актуальную тему - создание сайтов. При современном развитии телекоммуникационных средств информатизации общества информационные системы на базе Web-технологий являются одним из самых распространенных средств информации.

Дипломный проект состоит из пяти глав, заключения и готовой информационной системы, размещенной в сети Интернет для общего пользования. В конце проекта приведен список использованной литературы.

В первой главе рассмотрены основные вопросы, связанные с созданием сайта, а также приведен сравнительный анализ хостингов. Расположение материала по главам отражает логику дипломного проектирования и последовательно отражает ход создания.

Во второй главе четко сформулированы этапы построения структуры сайта.

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

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

Результатом данного дипломного проекта является информационная система (Web - сайт) размещенный в сети Интернет для общего пользования, что говорит о его практической значимости.

Предлагаемая оценка дипломного проекта: отлично

Руководитель дипломного проектирования Предущенко С.В.

"17" июня 2015 г.

Содержание

Реферат

Введение

Раздел 1. Организационная часть

1.1 Сайт

1.2 Разработка сайта - важнейший этап создания сайта

1.3 Размещение сайта на хостинге

1.4 Регистрация сайта в поисковых системах и тематических каталогах

1.5 Области применения языков программирования для разработки Web-приложений

1.6 Сравнительный анализ хостингов

Раздел 2. Расчетная (технологическая) часть

2.1 Выбор доменного имени

2.2 Варианты работы

2.3 Использование информации

2.4 Проблемы возникающие при работе

2.5 Обоснование аппаратной части

Раздел 3. Конструкторская часть

3.1 Безопасность жизнедеятельности и охрана труда

Раздел 4. Экономическая часть

Раздел 5. Графическая часть

Заключение

Список используемых источников

Реферат

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

Пояснительная записка к дипломному проекту содержит 45 стр., 6 рисунков, 4 таблицы, 9 источников информации.

Целью дипломного проекта является проанализировать способы создания сайтов, анализ хостингов и выявить наиболее актуальные из них.

Задачи дипломного проекта:

- Основы создания сайта;

- Средства разработки сайта и их сравнительный анализ;

- Сравнительный анализ хостингов.

Объектом исследования являются интернет ресурсы. Предметом исследования - хостинги и средства разработки сайтов.

В первом разделе рассмотрены вопросы, связанные с создание сайтов и размещением их в сети Интернет, а также продвижение.

Во втором разделе сформулированы принципы создания информационной системы.

В третьем разделе рассматриваются общие принципы безопасности при работе за компьютером, приведен пример эргонометрических характеристик рабочего места.

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

Экономическая часть дипломного проекта представляет собой расчет экономической составляющей разработки информационной системы.

Введение

Web-сайт - это Ваш электронный офис. Сайты создаются для различных целей. Но так как Интернет стал средой для экономической деятельности, то сайты в основном создаются для ведения бизнеса, т.е. получения прибыли.

Известно, что в настоящее время существует два основных направления использования Интернет в бизнесе: Internet как средство коммуникации, источник справочной информации, средство рекламы и маркетинга для ведения бизнеса (хозяйственной деятельности) вне электронных сетей и Internet как инструмент ведения электронного бизнеса, основанного на принципах сетевой экономики.

В первом случае сайты создаются для формирования имиджа компании, ведения эффективной рекламы и маркетинговых исследований с целью поиска новых покупателей и увеличение объема продаж, а также для информационной и сервисной поддержки клиентов. Кроме того, сайты могут быть использованы в качестве информационных каналов обмена информации с партнерами. Сайты также используются как средство поддержки очного и заочного учебного процесса и повышения квалификации по определенному курсу.

Во втором случае - сайты выполняют все вышеуказанные функции и, кроме того, являются инструментом ведения электронного или сетевого бизнеса. В этом случае сайты выполняют функции торговых площадок, к которым относятся: Интернет-биржи, аукционы и. т.д.

Сайты используются для предоставления финансовых услуг (онлайновые платежные системы, обменные пункты и т.п.) и так далее. Кроме того, сайты необходимы при дистанционном обучении, которое является одной из форм получения высшего образования. Таким образом, ведение электронного бизнеса (электронной коммерции) без сайта не представляется возможным.

Раздел 1. Организационная часть

1.1 Сайт

Web-сайт - это набор Web-страниц связанных между собой гиперссылками. Web-страницы или гипертекстовые документы представляют собой текст, в котором содержатся специальные команды, называемые тегами (tags). Эти теги обеспечивают форматирование элементов страницы и позволяют размещать на ней графические объекты, рисунки, гиперссылки и т.д. Web-страницы создаются с помощью специального языка HTML. HTML или Hyper Text Markup Language является языком разметки гипертекста, разметка осуществляется с помощью тегов. Сегодня кроме HTML применяются и другие языка разметки: WML, XML. В настоящее время для создания интерактивных сайтов применяются различные современные технологии: PHP, ASP, Perl, JSP, CSS, базы данных DB2, MsSQL, Oracle, Access и т.д. Современные сайты, как правило, управляемые сайты, т.е. сайты, которые оснащены CMS (Системой Управления Контентом - Content Management Systems).

Управляемые сайты создаются разработчиками для того, чтобы информационную поддержку и сопровождение сайта (например, обновление содержания или контента сайта) мог осуществлять сам владелец сайта. Как осуществляется передача Web-страниц в Интернет? Возможность работы с Web-страницами обеспечивает один из видов сервиса Internet, который называется World Wide Web или сокращенно WWW. В основу World Wide Web был положен протокол прикладного уровня http, который обеспечивает прием и передачу Web-страниц.

WWW работает по принципу клиент-серверы: серверы Internet, по запросу клиента, который осуществляется с помощью Web-броузера, установленного на компьютере пользователя, направляют ему копии документов. Получив затребованные документы, Web-броузер ПК пользователя, интерпретирует данные и отображает содержание документов на экране.

Для создания Веб-сайта компании необходимо:

- определить цель создания сайта

- разработать ТЗ

- зарегистрировать домен сайта в определенной зоне (com, ru, ua, net)

- разработать сайт

- разместить сайт на хостинге

- зарегистрировать в поисковых системах и тематических каталогах

- выполнить поисковую оптимизацию сайта

- осуществлять постоянную поддержку сайта

Цели создания сайта: сайты создаются для различных целей, например: для ведения электронного бизнеса, для поддержки учебного процесса, для предоставления информации, предоставления финансовых услуг и т.д.

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

Обычно сайт должен включать:

1. Информацию о компании, реквизиты: почтовый адрес. Телефон, адрес электронной почты

2. Каталог предлагаемой продукции или услуг

3. Информационный раздел (новости, статьи, аналитические обзоры по тематике предлагаемой продукции или услуг)

4. Гостевую книгу

5. Способы оплаты

6. Счетчики числа посетителей (счетчики рейтингов).

Рассмотрим регистрацию домена. Регистрация домена осуществляется в выбранной пользователем зоне ua, ru, com, net, info и так далее. В зависимости от назначения сайта выбирается его зона регистрации. Для регистрации сайта желательно выбрать домен второго уровня, например www.lessons-tva.info, хотя можно работать и с доменом третьего уровня, например tva.jino.ru.

Домен второго уровня регистрируется у регистратора - организации занимающейся администрированием доменных имен, например, http://www.imhoster.net/domain.htm. Домен третьего уровня приобретается, как правило, вместе с хостингом у хостинговой компании. Имя сайта выбирают исходя из вида деятельности, названия компании или фамилии владельца сайта.

1.2 Разработка сайта - важнейший этап создания сайта

Разработка сайта это сложный и трудоемкий процесс. При разработке сайта необходимо уделять большое внимание содержимому, структуре и дизайну (графическому оформлению) Web-страниц, а также структуре Web-сайта и методам навигации по Web-узлу.

Главное на сайте - это его содержание или контент, структурированность информации, навигация, а затем графическое оформление или дизайн сайта. Другими словами дизайн сайта определяется содержанием материалов, которые будут на нем публиковаться.

Для разработки сайта используются различные средства: конструкторы сайтов (дизайнеры), WebCoder 1.6.0.0, профессиональные приложения: Macromedia HomeSite Plus v5.1 for Windows XP, Macromedia Dreamweaver, Microsoft FrontPage и т.д. Для создания сайтов целесообразно использовать редакторы на русском языке Macromedia Dreamweaver 8.0.1 или FrontPage 2003.

В редакторе FrontPage существуют мастера, которые позволяют легко создавать Web-сайт, и шаблоны Web-страниц и Web-узлов, содержащие разметку (структуру) и дизайн необходимые для быстрого создания как Web-страниц, так и Web-сайтов. С помощью FrontPage можно также создавать Web-страницы и Web-сайты на базе пустой страницы и пустого Web-узла.

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

Особое внимание необходимо уделять таким мета - тегам как Тitle (заголовок), Keywords (ключевые слова) и Description (описание), а также расположению ключевых слов в тексте Web-страниц

1.3 Размещение сайта на хостинге

Один из важнейших этапов создания сайта является размещение его на хостинге. Веб-хостинг - это место для размещения сайта на сервере в сети Internet, который предоставляет доступ к Web-страницам посетителям сайта. Серверы предлагают как платные, так и бесплатные хостинги. Отличие этих хостингов состоит в качестве предоставляемых услуг. Для обучения выбирайте бесплатные хостинги и только после приобретения навыков ведения электронного бизнеса или коммерции, размещайте свои сайты на платных хостингах. Для размещения сайта на хостинге необходимо зарегистрироваться на одном из серверов, который предоставляет услуги по размещению. Интернет-адрес или доменный адрес сайта зависит от того, какой Вы уровень домена приобрели. При работе в Internet используются не доменные имена, а универсальные указатели ресурсов, называемые URL (Universal Resource Locator).

URL - это адрес любого ресурса (документа, файла) в Internet, он указывает, с помощью какого протокола следует к нему обращаться, какую программу следует запустить на сервере и к какому конкретному файлу следует обратиться на сервере. Общий вид URL: протокол: //хост-компьютер/имя файла (например: http://www.lessons-tva.info/book.html).

Для загрузки файлов сайта на сервер можно использовать файловый менеджер (команду загрузить) из раздела управление сайтом на сервере, на котором Вы размещаете сайт. Сначала с помощью файлового менеджера создайте на сервере директорию (папку), в которую будете помещать файлы или выберите готовую папку на сервере.

Загрузить файлы на сервер можно и с помощью браузера (Internet Explorer) по протоколу ftp, например, ftp://www.lessons-tva.info/. Далее появится диалоговое окно с запросом ввести пароль, после ввода пароля и нажатия кнопки "ОК" в окне просмотра будут отображены все Ваши директории на сервере.

Далее откройте папку, где будут размещены файлы сайта и скопируйте их туда одним из методов. Адрес FTP-сервера указывается в персональных данных, которые вы получите после регистрации на сервере. Чтобы соединение по FTP-протоколу происходило быстрее необходимо предварительно войти в свой аккаунт по протоколу http.

Но лучше всего для загрузки файлов использовать WC или Total Commander для этого в меню "СЕТЬ" выбрать команду "Новое FTP - соединение" и в появившемся диалоговом окне "Соединиться" ввести FTP-адрес (например, ftp://www.lessons-tva.info/). Затем по запросу ввести пароль и на одной из панелей WC появятся папки, расположенные на сервере, в одну из них необходимо поместить (скопировать) файлы.

Далее Вы присвойте имя этому соединению и сохраните его. Это имя будет помещено в опцию "Соединиться с FTP-сервером" в меню "СЕТЬ". При повторном соединении (например, при обновлении страничек) Вы выбираете это имя, далее на запрос вводите пароль и соединяетесь с директорией, в которой находятся странички и файлы Вашего сайта.

1.4 Регистрация сайта в поисковых системах и тематических каталогах

сайт интерфейс web хостинг

После размещения сайта на хостинге необходимо зарегистрироваться в поисковых системах и тематических каталогах Yahoo, Rambler, Апорт и (адреса регистрации находятся на страничке http://www.lessons-tva.info/favorite.html) и осуществить раскрутку сайта. Для раскрутки применяются различные средства.

Контроль посещаемости сайта осуществляется по счетчикам. Поисковые машины, как правило, имеют рейтинговые системы, которые ранжируют ресурсы по их посещаемости. Для участия в рейтинге установите на главной странице своего сайта счетчики рейтингов.

Далее Вы должны осуществлять поддержку и регулярные обновления сайта. Причем чем чаще Вы будете обновлять информацию на сайте, тем больше будет целевых посетителей сайта и естественно потребителей Вашей продукции или услуг.

1.5 Области применения языков программирования для разработки Web-приложений

Язык разметки гипертекста (Hypertext Markup Language), или, как его чаще называют, HTML, - это компьютерный язык, лежащий в основе World Wide Web (Всемирной Паутины). Благодаря языку HTML любой текст можно разметить, преобразовав его в гипертекст с последующей публикацией в Web.

Язык HTML имеет собственный набор символов, с помощью которых Web-браузеры отображают страницу. Эти символы, называемые дескрипторами, включают в себя элементы, необходимые для создания гиперссылок.

Одной из отличительных особенностей HTML-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении HTML-файла в месте размещения документа создается папка, в которую помещаются сопутствующие ему графические элементы оформления.

PHP. В первую очередь PHP используется для создания скриптов, работающих на стороне сервера, для этого его, собственно, и придумали. PHP способен решать те же задачи, что и любые другие CGI-скрипты, в том числе обрабатывать данные html-форм, динамически генерировать html страницы и тому подобное. Но есть и другие области, где может использоваться PHP.

Вторая область - это создание скриптов, выполняющихся в командной строке. То есть с помощью PHP можно создавать такие скрипты, которые будут исполняться, вне зависимости от web-сервера и браузера, на конкретной машине.

И последняя область - это создание GUI-приложений (графических интерфейсов), выполняющихся на стороне клиента.

Ajax. Расшифровывается как Asynchronous Javascript And XML (Асинхронные Javascript и XML) и технологией в строгом смысле слова не является. Если в стандартном web-приложении обработкой всей информации занимается сервер, тогда как браузер отвечает только за взаимодействие с пользователем, передачу запросов и вывод поступившего HTML, то в Ajax-приложении между пользователем и сервером появляется еще один посредник - движок Ajax. Он определяет, какие запросы можно обработать "на месте", а за какими необходимо обращаться на сервер.

Поведение сервера тоже изменилось. Если раньше на каждый запрос сервер выдавал новую страницу, то теперь он отсылает лишь те данные, которые нужны клиенту, а HTML из них прямо в браузере формирует движок Ajax.

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

Где стоит использовать Ajax:

- Формы. Они очень медленны. Если асинхронно передавать данные, страница не перезагружается.

- Навигация в виде "дерева". Вообще, такая навигация - ужас. Простая топология намного удобнее, но если уж до этого дошло, лучше использовать Ajax.

- Голосования. Пользователю будет приятней оставить свой голос за несколько секунд, чем за 30-40.

- Фильтры. Часто на сайтах делают сортировку по дате, по имени. Ajax это будет значительно удобнее.

JavaScript. Язык программирования JavaScript разработан фирмой Netscape для создания интерактивных HTML-документов. Это объектно-ориентированный язык разработки встраиваемых приложений, выполняющихся как на стороне клиента, так и на стороне сервера. Синтаксис языка очень похож на синтаксис Java - поэтому его называют - Java-подобным.

Основные области применения JavaScript делятся на следующие категории:

- динамическое создание документа с помощью сценария;

- оперативная проверка достоверности заполняемых пользователем полей форм HTML до передачи их на сервер;

- создание динамических HTML-страниц совместно с каскадными таблицами стилей и объектной моделью документа;

- взаимодействие с пользователем при решении "локальных" задач, решаемых приложением JavaScript, встроенном в HTML-страницу.

VBScript. Язык создания сценариев VBScript разработан фирмой Microsoft, является подмножеством достаточно распространенного в среде программистов языка Visual Basic разработки прикладных программ Windows-приложений. Как и его родитель, язык VBScript достаточно прост и лёгок в изучении.

Преимуществом его применения для создания сценариев является возможность использования, с небольшими корректировками, ранее написанных процедур на языках Visual Basic и Visual Basic for Application.

Функциональные возможности сценариев, написанных на VBScript, ничем не отличаются от возможностей сценариев JavaScript: динамические создание документа или его частей, перехват и обработка событий и так далее.

VBScript используется для написания сценариев клиента (в этом случае браузер должен иметь встроенный интерпретатор этого языка), а также для написания сценариев на сервере (в этом случае сервер должен поддерживать язык VBScript).

Для создания сценариев клиента используется набор объектов, аналогичный набору JavaScript. Объекты клиента и сервера отличаются друг от друга, но существует общая часть (ядро) объектов, используемых при разработке как сценариев клиент, так и сценариев сервера.

Perl. Наиболее широко Perl используется для разработки инструментов системного администрирования, однако в последнее время он получил огромную популярность в области разработки Интернет-приложений: CGI-сценариев, систем автоматической обработки электронной почты и поддержки узлов Web.

Вот некоторые примеры задач, которые можно решать с помощью Perl:

- проверка пользователей Windows NT на несоответствие их статуса и возможностей;

- управление NT-сервисами из командной строки и дистанционно с локальной машины получение статистических данных на отдельной машине;

- может работать и с протоколом FTP;

- системная поддержка UNIX и Windows.

Перейдем к сравнительному анализу сред создания Web-приложений. В настоящее время во всемирной паутине размещено несколько миллионов Web-сайтов и их число постоянно растет. У каждого есть возможность не только просмотреть любой из них и извлечь полезную для себя информацию, но и принять активное участие в их создании. Большое значение при этом имеет среда, в которой будет происходить разработка.

Macromedia Dreamweaver. Компания Macromedia продолжает делать Dreamweaver интуитивно понятной и простой в использовании программой. Мощные средства с одной стороны и простота в использовании - с другой, делают продукты Macromedia идеальными программным пакетом, как для профессиональных web-дизайнеров, так и для новичков. Продукты, входящие в пакет Macromedia, такие как: Flash, Firework, Dreamweaver - сделают работу более продуктивной, и при этом могут заменять друг друга (так, например, в любой из них можно создать кнопки). Такие продукты как: Sitespring, FreeHand - добавит эффективности при работе с клиентом.

У Dreamweaver множество плюсов:

- Программа Dreamweaver поддерживает "чистый" HTML код, а также последние расширения DHTML и CSS.

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

- Позволяет отменить изменения, сделанные несколько шагов назад (однако после сохранения страницы отменить изменения будет невозможно).

- Применяется "Динамическая проверка для различных браузеров".

- Поддерживает расширения, как сторонних разработчиков, так и самой Macromedia (более 500).

- С Dreamweaver поставляется библиотека элементов, которые можно применять на WEB-страницах, например панель навигации, дескриптор авторского права и др.

- Применяется для добавления мультимедийных средств на web-страницы и различных типов файлов от Flash и Java до RealAudio, интерактивных элементов, таких как поисковые системы, форумы, системы электронной коммерции.

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

Dreamweaver позволяет убрать лишний код из приложений Microsoft, после чего страницы станут быстрее грузиться и лучше отображаться в разных браузерах.

Macromedia Fireworks. Fireworks это редактор графики с возможностью её дальнейшей оптимизации и размещения в сети. Используя большое разнообразие инструментальных средств, мы можем создавать и редактировать как векторную, так и растровую графику в пределах одного файла вместо того, чтобы переходить из одной программы в другую. Fireworks генерирует HTML - код и JavaScript и может легко создавать динамические меню и навигационные панели для наших интернет страниц. Эффективная оптимизация графических файлов позволяет максимально уменьшить их размер без потери качества.

Кроме этого имеется возможность редактировать макеты WEB-страниц. Например, в Fireworks 8 можно открыть графический файл на всю ширину будущего сайта, нарисовать необходимое графическое оформление, а затем разрезать его инструментом Slice Tool так, как должна выглядеть будущая таблица HTML-документа. После этого можно начинать доработку отдельных графических элементов и, в том числе, создавать активную графику, реагирующую на курсор, совсем не зная языка программирования (JavaScript).

Macromedia FreeHand. Один из трех профессиональных графических редакторов, ведущих с переменным успехом борьбу за первенство в работе с векторной графикой. FreeHand гораздо быстрее и проще своих конкурентов - CorelDraw и Adobe Illustrator. FreeHand прекрасно подходит для создания логотипов, рекламы, Web-графики и анимации.

Изготовители программы приложили немало усилий, чтобы максимально облегчить жизнь пользователям: интерфейс программы прост и нагляден, имеется множество "примочек", позволяющих быстро и легко выполнять сложные преобразования объектов или достичь самых разных художественных эффектов. FreeHand умеет экспортировать и импортировать файлы практически во всех широко распространенных форматах. Более того, в его состав входят настройки "горячих клавиш", эмулирующие другие распространенные программы (Adobe Illustrator, CorelDraw). Так что не надо переучиваться, переходя на FreeHand.

Интересной и важной особенностью FreeHand при работе над большими проектами является возможность глобальных изменений документа, как для текста, так и всех графических объектов. Механизм глобальной замены очень гибок. Кроме замены, он позволяет выделить объекты с заданными свойствами для последующего преобразования. Основными свойствами, по которым ведется поиск и замена или выделение объектов, являются цвет, толщина контура, шрифт, угол поворота.

Документы FreeHand легко превращаются в web-страницы. Конечно, FreeHand - не HTML-редактор, но поддерживает базовые элементы HTML. С помощью FreeHand WEB-страницы легко снабдить Flash-анимацией. В анимационный клип вставляются текстовые блоки, группы объектов, а также объекты с контурами. Небольшой клип из объектов FreeHand создается буквально одной командой - остается лишь проследить за некоторыми настройками. Каждый кадр клипа помещается на отдельный слой; анимационный эффект достигается последовательным воспроизведением содержимого отдельных слоев. Но средства FreeHand не заменят редактор Macromedia Flash.

Macromedia FLASH. Создаёт привлекательные интерактивные мультимедийные презентации, для WEB-сайтов. Для Flash характерна векторная графика и анимация, хотя эта программа может быть также использована для манипулирования или отображения растровой графики, монтажа видеоматериала и даже для манипулирования звуковыми файлами.

Flаsh-содержимое публикуется в компактных файлах формата SWF для последующего показа на самых разных платформах с помощью Flаsh-проигрывателя. Во время воспроизведения файла формата SWF в оперативном режиме в него можно динамически загружать такое содержимое, как звуковые файлы формата МР 3, Flash-видео и изображения формата JPEG. Flash-проигрыватель позволяет подключаться к источникам данных, чтобы объединить их с базой данных, XML или web-службами. Благодаря всем этим возможностям привлекательные фрагменты анимации и эффекты могут быть введены в приложения, управляемые данными. Flash имеет поддержку антиалайсинг (сглаживание контуров с помощью смешения соседних цветов). Так как этот формат файла основан на векторной графике, объект сохраняет качество изображения при любом разрешении и идеален для создания кадров анимации.

Мощный событийно-управляемый язык. Применяемый язык ActionScript - это почти полноценный язык программирования, с поддержкой условий, циклов, массивов, функций и классов, которые можно наследовать.

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

Macromedia HomeSite. Эта программа очень дружественно относится к пользователю. В ней множество готовых тегов, шаблонов.

Гибкость интерфейса - это одна из сильнейших сторон продукта. Любой пользователь с легкостью сможет настроить интерфейс HomeSite в соответствии со своими предпочтениями и потребностями.

В процессе работы пользователь может видеть рабочую область с двумя вкладками - Browse и Edit. То есть программирование происходит во вкладке Edit, а результат можно увидеть, если выбрать вкладку Browse. При создании новой страницы на поле редактирования автоматически появляются некоторые теги вроде HTML и BODY. Это шаблон, загружаемый при создании новой страницы. Его содержание можно менять.

В HomeSite очень легко строить архитектуру сайта. Этому способствует панель Quick Bar с системой вкладок с готовыми тегами. Теги в этих вкладках самые разные - от простых вроде параграфа до java-скриптов. Можно вообще оставить одну вкладку, добавив в нее все необходимые теги через меню Customize. Также можно самому создавать теги или их комбинации. При нажатии на кнопку с определенным тегом появляется окно, где можно настроить опции тега и указать его атрибуты. Поддерживает режим WYSIWYG со всеми его плюсами и минусами.

Для скорости работы здесь имеется множество средств редактирования тегов. Это, например, такие функции, как Tag Completion, Tag Editors и Tag Insight. Они существенно облегчают редактирование тегов и их атрибутов. Так же есть заготовки кода (Code Snippets).

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

Microsoft FrontPage. Является наиболее популярным HTML-редактором на рынке, главным образом за счёт популярности пакета Microsoft Office. В программе предлагаются мощные функции и привлекательный пакет программ, включая Image Composer, который предназначен для создания изображений. Во FrontPage также содержатся WEB-компоненты, необходимые для добавления интерактивных свойств web-узлу. Microsoft FrontPage является классическим WYSIWYG-редактором, в котором, однако, присутствует возможность ручной правки кода.

В программе имеется три режима работы с документом: Normal, HTML и Preview.

В режиме Normal, web-страницы представляют собой обычный текстовый файл с возможностью редактирования всех элементов - от текста до картинок.

В режиме HTML осуществляется подсветка синтаксиса, однако довольно посредственную - дескрипторы выделены, синим цветом, все остальное - черного цвета.

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

FrontPage имеет конструктор таблиц, существенно облегчающий их создание. Одним из основных преимуществ программы является большое количество имеющихся шаблонов, позволяющих пользователю не ломать голову над дизайном своего проекта. Выбрав необходимый шаблон, можем приступать непосредственно к наполнению страницы контентом. Вот тут то и ощущается вся прелесть FrontPage: процесс создания HTML-страницы ничем не отличается от создания обычного текстового документа в Microsoft Word. Нам доступны те же средства для редактирования текста, смены его форматирования, создания и редактирования таблиц, вставки различных объектов и изображений и всё это без знания HTML. FrontPage делит рабочую область на несколько блоков, содержащих определенные элементы страницы - рисунки, текст, заголовки и проч. Для каждого блока можно назначить свои параметры форматирования и расположения его относительно страницы.

Минусы: небольшой набор инструментов разработки, невозможность отдельного приобретения программы. Microsoft FrontPage неплохо подойдет в качестве HTML-редактора на первое время, однако с ростом потребностей его возможностей может не хватить. Есть и обратная сторона медали - сложность и громоздкость полученного кода, что естественно, сказывается на конечном размере документа. Также в дальнейшем будет весьма сложно вносить изменения в подобный документ. Но это скорее недостаток не конкретного продукта, а практически всех WYSIWYG-редакторов (What You See Is What You Get - "что видите, то и получите").

Web-компоненты работают только в том случае, если на web-сервере, который используется, присутствуют соответствующие им программы.

Microsoft Word. Не смотря на то, что Microsoft Word является текстовым редактором и по существу не считается HTML-редактором. Он имеет возможность сохранять файлы в формате HTML. В результате мы можем столкнуться со страницами которые тем или иным способом были созданы в Microsoft Word. Проблемы в HTML-коде, полученном из редактора аналогичны проблемам FrontPage: обе эти программы создают избыточный код, который не во всём соответствует HTML-стандарта. Огромное количество людей, использующих Word в своей повседневной работе, становятся потенциальными разработчиками HTML-документов.

Создать web-станицу в Word можно двумя способами: с помощью Мастера либо преобразовав существующий документ Word в формат HTML. При этом Word сам генерирует тэги HTML, хотя и не оптимальным образом. Преобразование естественно приводит к тому, что какие-то элементы оформления документа будут утрачены или изменены. При необходимости вставить на HTML-страницу собственные тэги, в Word предусмотрено непосредственное редактирование HTML-кода.

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

Web-страницы могут содержать много элементов - текст HTML, растровые изображения, векторную графику. В Illustrator можно использовать фрагменты для определения границ различных web-элементов в объекте. Web-страница делится на ячейки которые представляются в трёх типах: изображения, без изображения, HTML-текст.

При этом можно сохранить каждый фрагмент как независимый файл со своим форматом, настройками и цветовой палитрой. Блокировка фрагментов предотвращает случайные изменения позиция. Размер фрагмента привязываются содержащемуся в нем объекту. Поэтому при перемещении или изменении размера объекта границы фрагмента корректируются автоматически, но при необходимости их всегда можно откорректировать вручную.

Карты ссылок позволяют связать одну или несколько областей изображения (так называемых активных областей) с URL-адресом. Когда щелкаем по активной области, web-браузер загружает связанный с ней файл.

Основная разница между использованием карт ссылок и фрагментов для создания связей состоит в том, как объект экспортируется на web-страницу. Использование карт ссылок сохраняет объект в виде единого файла изображения, а в случае использования фрагментов объект делится на несколько отдельных файлов. Еще одна разница между картами ссылок и фрагментами состоит в том, что карты позволяют связывать многоугольные или прямоугольные области в объекте, а фрагменты - только прямоугольные.

Adobe Photoshop. Самая популярная и широко распространенная программа редактирования изображений. С её помощью можно создавать высокохудожественные изображения. Она содержит всё необходимое для создания и редактирования профессиональной графики.

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

При всей простоте основных инструментов Photoshop пользователь может к тому же настраивать их "под себя". А это равносильно наличию бесконечного разнообразия мелков. Поскольку программы рисования полагаются при своей работе на пиксели, они идеально подходят для работы с электронными (цифровыми) фотографиями цветных карандашей, пульверизаторов, акварельных и масляных красок и многого другого. Photoshop предоставляет полный контроль над каждым пикселем изображения. Недостаток программ рисования в ограниченном разрешении. Поскольку битовый рисунок состоит из фиксированного количества пикселей.

CorelDraw. Он позволяет обрабатывать самую разнообразную информацию, представляемую в документе в виде векторных и растровых объектов, блоков обычного и художественного текста, а также объектов Интернета.

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

При построении векторных изображений линии и фигуры накладываются, пока не получится окончательное изображение. Каждый объект можно редактировать независимо от остальных - одно из немногочисленных преимуществ объектного подхода, тем не менее, изображение все же приходится строить поэтапно. В программе редактирования векторных рисунков линии, фигуры и текст задаются математическими выражениями, что дает возможность автоматически настраивать их на максимальное разрешение устройства вывода. Еще одно преимущество векторных рисунков состоит в том, что для них не требуется много места на диске. Объем файла векторного рисунка зависит только от количества и сложности объектов, составляющих этот рисунок, поэтому его размер, в отличие от растрового рисунка, практически не влияет на этот объем.

CorelDraw демонстрирует качества мощного визуального редактора web-страниц: пользователь получает возможность генерировать развитые HTML-документы, которые могут включать сценарии JavaScript и таблицы стилей CSS.

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

При размещении изображений на странице одна из наиболее важных задач - оптимизация размера файлов изображений. Рекомендуемый "потолок" общего размера страницы - от 100 до 150 кбайт. Уменьшение размера файлов изображений выполняется сжатием файлов и уменьшением количества цветов. Эти задачи доступны для любой из графических программ, перечисленных выше.

1.6 Сравнительный анализ хостингов

Сервер - это обычный компьютер, в том плане, что у него есть процессор, оперативная память, жесткий диск. На одном сервере можно разместить, скажем, тысячу сайтов. Когда вы покупаете недорогой хостинг, ваш сайт становится одним из этой тысячи. Упрощая, можно сказать, что сайт - это обычная программа, которая лежит на жестком диске, а для работы требует ресурсов процессора и оперативной памяти.

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

У многих провайдеров десятки серверов. И заранее не известно, куда поместят ваш сайт. Поэтому заочно оценить качество хостинга не получится, придется воспользоваться тестовым периодом (нередко бесплатным).

Загруженность сервера можно проверить, расставив по скриптам сайта таймеры. Несколько дней собирать статистику по времени генерации страниц (исполнение PHP и отдельно обработка запросов MySQL), потом построить графики и посмотреть, есть ли ухудшение производительности в пиковые часы. Конечно, для этого на сайте должна быть посещаемость.

Если хостер дает доступ по SSH, то можно воспользоваться командой top. Результат выглядит примерно так:

load averages: 0.76, 0.61, 0.52 up 20+05:46:29 17:29:45

Mem: 522M Active, 1052M Inact, 251M Wired, 105M Cache, 112M Buf, 72M Free

Swap: 4096M Total, 336K Used, 4096M Free

0.76, 0.61, 0.52 - это загрузка сервера за последние одну, пять и пятнадцать минут, где единица означает 100% загрузку. up 20+05:46:29 17:29:45 - это аптайм, время бесперебойной работы сервера (в примере 20 суток). Остальное - статистика использования оперативной памяти и свопа (своп не должен активно использоваться).

Проверяется пинговыми сервисами: вы называете свой сайт, и компьютеры со всех концов света пытаются до него достучаться. Проходит несколько дней - получаете статистику. Пример такого сервиса: http://host-tracker.com

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

Раздел 2. Расчетная (технологическая) часть

2.1 Выбор доменного имени

Выбор доменного имени начнем с названия (организации, учреждения, торговой марки). Для наилучшей связи вашего сайта с организацией рекомендуем выбрать домен, повторяющий ваше название или аббревиатуру. Такой выбор домена удобен тем, что пользователь уже знакомый с организацией легко запомнит или самостоятельно найдет название вашего сайта. Кроме того, очень разумные поисковые системы, способные понимать транскрипцию, отдадут предпочтение домену вашего сайта, в случае если пользователь будет искать сайт по названию.

Домен Павловское-Благочиние. РФ - это мой выбор, который подходит мне по всем вышеперечисленным критериям.

2.2 Варианты работы

DataLife Engine это многофункциональная система управления сайтом. Благодаря очень мощной системе управления новостями, публикациями, статьями, пользователями, DataLife Engine предназначен в первую очередь для организации собственных средств массовой информации и блогов в сети интернет. Большое разнообразие базовых возможностей скрипта, изначально интегрированных в скрипт, позволяют DataLife Engine на шаг вперед опережать своих ближайших конкурентов в данном направлении создания сайтов. А благодаря точной и продуманной структуре ядра, сводящей к минимуму требования к ресурсам сервера, DataLife Engine способен с легкостью работать с высокопосещаемыми проектами c минимальной нагрузкой на сервер. Гибкость и легкость в настройке и интеграции собственного дизайна, позволит вам в кратчайшие сроки изучить и понять структуру шаблонов и соответственно развернуть собственные сайты, без каких-либо дополнительных материальных затрат. Использование продвинутой технологии AJAX сократит как трафик и ресурсы вашего сервера, так и трафик ваших посетителей, не говоря уже об удобстве использования данной технологии на сайте для посетителей вашего сайта.

2.3 Использование информации

Получение информации осуществляется по облачным технология с помощью "Облако Mail.ru".

Облако Mail.Ru - облачное хранилище данных от компании Mail.Ru Group, позволяющее пользователям хранить свои данные (музыку, видео, изображения и другие файлы) в облаке и синхронизировать данные на компьютере, смартфоне или планшете, а также делиться ими с другими пользователями Интернета. Имеет функцию онлайн-редактора документов (текстовые файлы, таблицы и презентации).

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

При написании новостей допустимо использование следующих тегов, если вы не используете WYSIWYG редактор:

[b] текст [/b] Выделяет текст жирным шрифтом

[i] текст [/i] Выделяет текст наклонным шрифтом

[s] текст [/s] Зачеркивает текст

[u] текст [/u] Подчеркивает текст

[code] текст [/code] отменяет использование форматирования текста заключенного в теги

[left] текст [/left] Выравнивает текст по левому краю

[center] текст [/center] Выравнивает текст по центру

[right] текст [/right] Выравнивает текст по правому краю

[url=ссылка] текст [/url] Вставка ссылки в новость

[leech=ссылка] текст [/leech] Полностью аналогичен тегу URL, за исключением того что производит шифрование ссылки

[email=ссылка] текст [/email] Вставка e-mail адреса в новость

[img] ссылка [/img] Вставка картинки новость

[img=выравнивание] ссылка [/img] Вставка картинки новость и выравнивание ее по указанному параметру

[img=выравнивание|свой текст для alt] ссылка [/img] Вставка картинки новость и выравнивание ее по указанному параметру, а также назначение картинке собственного описания

[color=цвет] текст [/color] Изменение цвета текста на указанный

[quote] текст [/quote] Цитата

[hide] текст [/hide] Скрывает текст от не зарегистрированного посетителя

{pagebreak} Разрыв страницы

[page=номер страницы] текст [/page] Вставка ссылки на указанный номер страницы внутри новости

[thumb] ссылка [/thumb] Вставка уменьшенной копии картинки новость, с ссылкой на увеличенную картинку

[thumb=выравнивание] ссылка [/thumb] Вставка уменьшенной копии картинки новость, с ссылкой на увеличенную картинку и выравнивание ее по указанному параметру

[thumb=выравнивание|свой текст для alt] ссылка [/thumb] Вставка уменьшенной копии картинки новость, с ссылкой на увеличенную картинку и выравнивание ее по указанному параметру, а также назначение картинке собственного описания

[video=http://test.ru/video.avi] Позволяет установить проигрывание видеофайла в новости

[video=http://test.ru/video.avi|http://test.ru/sample.jpg] Позволяет установить проигрывание видеофайла в новости, а также картинку предосмотра для перед началом проигрывания.

[video=http://test.ru/video.flv,http://test.ru/video_hd.mp4] Позволяет установить проигрывание двух видеофайлов в новости, один файл используется для показа видео в обычном разрешении, второй с улучшенным HD разрешением

[videо=300x250,http://site.ru/video.flv] Данный тег позволяет установить размеры видео для данного конкретного тега

[video=rtmp://site.ru/livesteam/,mp4:files/file.f4v] Позволяет установить проигрывание RTMP потока видео. При наличии потокового сервера вы можете организовывать воспроизведение видео файлов с перемоткой в любую точку видео, независимо от загруженного буфера видео.

[audio=http://test.ru/music.mp3] Позволяет установит проигрывание MP3 в новости

[font=имя шрифта] текст [/font] Написание текста определенным шрифтом

[size=размер] текст [/size] Написание текста определенным размером шрифта

[spоiler] текст [/spoiler] Скрывает указанный в теге текст и показывает его при клике на него

[spоiler=Заголовок] текст [/spoiler] Выводит собственный заголовок по щелчку на который будет показан скрытый текст

[media=ссылка на страницу с видео] предназначен для публикации видео на сайте с таких видеохранилищ как youtube.com, rutube.ru, video.mail.ru, vimeo.com, smotri.com, gametrailers.com. В данном теге вы просто указываете URL страницы видеохранилища где размещено видео, скрипт автоматически распознает тип видеохранилища и вставит нужный HTML код для просмотра видео.

[media=300x250,http://....] Данный тег позволяет установить размеры видео для данного конкретного тега

[flash=ширина, высота] Путь к ролику [/flash] предназначенный для вставки флеш роликов в формате swf.

[list]

[*]пункт 1

[*]пункт 2

[/list] Вывод списка на сайте

[ol=1]

[*]пункт 1

[*]пункт 2

[/ol] Вывод пронумерованного списка на сайте

2.4 Проблемы, возникающие при работе

И так я установил скрипт и с удивлением обнаружили что у меня вместо русского текста, то конечно впервую очередь идут гневные вопросы авторам скрипта. Мне интересно почему у хостеров в России локаль по умолчанию в MySQL сервере настроена на latin1. Я еще мог понять когда стоит UTF-8, но когда у российского хостера стоит latin1_swedish_ci. Это говорит только о полной некомпетенции хостера по настройке MySQL сервера.

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

1. Скрипт после установки пытается установить для таблиц нужную локаль, но помимо этого еще существует и сопоставление соединения с MySQL. Поэтому необходимо зайти в MyPHPAdmin и установить сопоставление соединения с MySQL на cp1251_general_ci.

2. Посмотрев в MyPHPAdmin какое сопоставление стоит в ваших таблицах. Должно быть также cp1251_general_ci. Если там стоит другое значение, то выполните следующий запрос:

ALTER DATABASE `база` DEFAULT CHARACTER SET cp1251 COLLATE cp1251_general_ci

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

3. И последний пункт если не помогли первые два, то открываем файл engine/inc/mysql.php и находим

function connect($db_user, $db_pass, $db_name, $db_location = 'localhost', $show_error=1)

{

if(!$this->db_id = @mysql_connect($db_location, $db_user, $db_pass)) {

if($show_error == 1) {

$this->display_error(mysql_error(), mysql_errno());

} else {

return false;

}

}

if(!@mysql_select_db($db_name, $this->db_id)) {

if($show_error == 1) {

$this->display_error(mysql_error(), mysql_errno());

} else {

return false;

}

}

return true;

}

замените его на:

function connect($db_user, $db_pass, $db_name, $db_location = 'localhost', $show_error=1)

{

if(!$this->db_id = @mysql_connect($db_location, $db_user, $db_pass)) {

if($show_error == 1) {

$this->display_error(mysql_error(), mysql_errno());

} else {

return false;