КВАЛИФИКАЦИОННАЯ РАБОТА WEB-РЕСУРС «СПУТНИКОВОЕ ТВ»

КВАЛИФИКАЦИОННАЯ РАБОТА WEB-РЕСУРС «СПУТНИКОВОЕ ТВ»

СОДЕРЖАНИЕ

ВВЕДЕНИЕ...................................................................................................... 3

ГЛАВА 1. WEB-САЙТЫ И WEB ТЕЛЕВИДЕНИЕ...................................... 6

1.1 Понятие Web-сайта, основные виды и классификации.............................. 6

1.2 Обзор СУБД для Web-программирования.............................................. 11

1.3. Обзор языков для web-программирования............................................ 14

1.4 Web телевидение и особенности............................................................... 19

Выводы к первой главе................................................................................... 22

ГЛАВА 2. СРЕДСТВА РАЗРАБОТКИ WEB-РЕСУРСА «СПУТНИКОВОЕ  ТВ» 23

2.1. Программные ресурсы и инструменты.................................................... 23

2.2 Система управления контентом CMS Joomla........................................... 26

2.3 Структура WEB-ресурса «Спутниковое ТВ»........................................... 29

Выводы ко второй главе................................................................................ 32

ГЛАВА 3. РАЗРАБОТКА WEB-РЕСУРСА «СПУТНИКОВОЕ  ТВ»......... 33

3.1 Технические и программные требования................................................. 33

3.2 Руководство администратора................................................................... 34

3.2.1 Разработка интерфейса пользователя.................................................... 37

3.2.2. Установка шаблона сайта...................................................................... 38

3.2.3. Создание материалов сайта................................................................... 41

3.2.4 Создание категорий сайта...................................................................... 44

3.2.5 Создание меню сайта............................................................................. 48

3.2.6. Организация online-трансляции web телевидения............................... 52

3.3 Руководство пользователя........................................................................ 56

Выводы к третьей главе.................................................................................. 60

ЗАКЛЮЧЕНИЕ.............................................................................................. 61

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ...................................... 62

Приложение  1. Экранные формы.................................................................. 64

Листинг 1. Листинг кода «Главной страницы».............................................. 72

ВВЕДЕНИЕ

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

Развитие Интернет - технологий послужило толчком к появлению новой ветки в Интернете – WEB-телевидении.

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

Основным и главным отличием интернет-телевидения от любого другого является, прежде всего, отсутствие дополнительных устройств, кроме компьютера и модема, подключенного к интернету. Для просмотра интернет-телевидения не нужен ни ТВ-тюнер, ни спутниковый тюнер, ни антенна. Качество связи зависит только от скорости соединения с интернетом. Возможность просмотра телевидения с помощью интернета доступна на многих сайтах телеканалов. Потребителю предоставляется возможность смотреть как прямой эфир, так и архивы телепередач в любое удобное время. В этом и заключается суть появившейся, благодаря интернет-телевидению, концепции videoondemand («видео по запросу»). Перечисленные характеристики востребованы пользователями, на которых ориентированы интернет-телевидение и новостные интернет-издания — социально активные, обеспеченные люди, молодежь.

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

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

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

«WEB-ресурс – Спутниковое ТВ» позволит пользователям сети инетрнет не только ознакомится с улугами компании и новостями, но и воспользоваться возможностями WEB-телевидения.

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

Объектом выпускной квалификационной работы бакалавра является сайт, описывающий принципы работы спутникового телевидения.

Предметом выпускной квалификационной работы бакалавра – методы, технологии разработки интернет – сайта, особенности  разработки и функционирования  «WEB ресурса – Спутникового ТВ».

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

Задачами выпускной квалификационной работы будет следующее:

u характеристики основных определение сайтов, а так же их классификации;

u обзор программных средств используемых для разработки;

u разработка web-ресурса «Спутниковое ТВ»;

u наполнение контентом и запуск web-ресурса «Спутниковое ТВ»;

u описание работы web-ресурса «Спутниковое ТВ»

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

В главе номер один будут рассмотрены основные понятия, классификация и виды  Web-сайтов, системы CMS, основные понятия WEB телевидения

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

Третью главу выпускной квалификационной работы бакалавра посвятим созданию WEB-ресурса «Спутниковое ТВ», будет составлено  руководство пользователя и администратора для работы с сайтом.

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

Список использованной литературы включает 18 источников информации, использованных при разработке WEB-ресурса

ГЛАВА 1. WEB-САЙТЫ И WEB ТЕЛЕВИДЕНИЕ

1.1 Понятие Web-сайта, основные виды и классификации.

Веб-сайт - в компьютерной сети объединённая под одним адресом совокупность документов частного лица или организации. По умолчанию подразумевается, что сайт располагается в сети Интернет. Все веб - сайты Интернета в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к веб - сайтам на серверах был специально разработан протокол HTTP.   Веб - сайты иначе называют интернет - представительством человека или организации.[16],[14]. Когда говорят «своя страничка в Интернет», то подразумевается целый веб-сайт или личная страница в составе чужого сайта. Кроме веб - сайтов в сети Интернет так же доступны WAP-сайты для мобильных телефонов.

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

В большинстве случаев в Интернете одному веб-сайту соответствует одно доменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети. Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (веб-порталы) чтобы логически отделить разные виды предоставляемых услуг (mail.google.com, news.google.com, maps.google.com). Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google.fr логически являются сайтом Google на разных языках, но технически это разные сайты. Объединение нескольких сайтов под одним доменом характерно для бесплатных хостингов. Иногда для идентификации сайтов в адресе, после указания хоста стоит тильда и имя сайта: example.com/~my-site-name/, иногда используется доменное имя третьего уровня: my-site-name.example.com.

Аппаратные сервера для хранения веб-сайтов называются веб-серверами. Сама услуга хранения называется веб-хостингом. Раньше каждый сайт хранился на своём собственном сервере, но с ростом Интернета технологическим улучшением серверов на одном компьютере стало возможно размещение множества сайтов (виртуальный хостинг). Сейчас сервера для хранения только одного сайта называются выделенными.

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

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

Виды сайтов по технологиям, влияющим на дизайн и функциональность:

1) Статические сайты и веб-страницы. Статические сайты и веб-страницы — это сайты, сделанные по классической технологии html. Веб-страницы таких сайтов написаны полностью на языке html и имеют расширение .htm или .html. Статическими они называются потому, что, набирая определённый адрес (URL), соответствующий сайту или его определённой странице, вы всегда будете видеть одно и то же содержание. Это потому, что статические html-страницы лежат на сервере в неизменном виде и по вашему запросу сервер просто берёт их и отправляет вам в браузер. С динамическими страницами, которые не существуют в заранее предопределённом виде на сервере, а формируются при помощи серверных скриптов, ситуация иная, и, набирая один и тот же адрес, вы, в зависимости от разных условий, можете получать совершенно разное содержание.

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

2) Динамические сайты и веб-страницы. Как уже было упомянуто, динамические страницы не существуют в неизменном виде на сервере, а формируются при помощи скриптов. Содержание и вид динамической страницы с одним и тем же адресом, может быть совершенно различным в зависимости от разных условий — например, в зависимости от времени, от конкретного пользователя, от введённого пользователем запроса и т. п. Скрипты, которые используются для формирования динамических веб-страниц, могут быть написаны на разных языках. Распространёнными языками веб-программирования являются, например, php, Perl, asp и т. д. Такие сайты могут предоставлять пользователям интерактивность — например, вводить разные запросы и осуществлять поиск по сайту, отправлять на сайт и сохранять свою собственную информацию и осуществлять общение с другими пользователями (как, например, в гостевых книгах, форумах и т. п.) и многие другие функциональные возможности. Кроме того, ведение и обновление этих сайтов гораздо проще. Минусы динамических сайтов в том, что они требуют поддержку дополнительных технологий, создают повышенную нагрузку на сервер, их сложнее оптимизировать, а ещё использование на сайте скриптов означает потенциальную угрозу для безопасности.

3) Флэш-сайты. Технология флэш (flash) позволяет создавать очень красивые, интерактивные, со звуком и анимацией, сайты, которые выглядят на порядок эффектнее, чем обычные html-сайты. Однако сложность и трудоёмкость их изготовления, а также то, что страницы, созданные на флэш, имеют, как правило, большой вес и долго загружаются, что отпугивает часть пользователей, приводит к тому, что флэш-сайты не получили пока слишком широкого распространения.

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

Классификация сайтов по их принадлежности:

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

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

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

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

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

3) Сайты некоммерческих организаций.  Разнообразные некоммерческие организации также стремятся заявить о своём существовании в сети интернет. Многообразие подобных сайтов огромно. Тут и сайты какого-нибудь регионального отделения пенсионного фонда, и сайты политических партий и общественных движений, и сайты научно-исследовательских институтов и т. д. и т. п. Весьма популярны в интернете новостные ресурсы, ресурсы, представляющие онлайновые версии различных СМИ. Для двух особых категорий сайтов некоммерческих организаций, а именно сайтов государственных и образовательных учреждений в интернете даже выделены специальные доменные зоны: .gov и .edu. Причём, в отличие от популярных доменных зон .com, .org, национальных доменных зон и т. п., попасть туда может далеко не каждый желающий. Таким образом, расположение сайта в зоне .edu, например, — это гарантия солидности образовательного учреждения.

Классификация сайтов по их масштабу, по уровню возложенных на них функций:

    1) Простые сайты, содержащие немного информации и состоящие из нескольких страничек («сайты-визитки», домашние странички и т. п.). Основная цель их создателей и владельцев, как правило, — просто обозначить своё присутствие в интернете. Такие сайты обычно содержат лишь немного информации о владельце и совсем мало или вовсе не содержат какой-либо другой интересной пользователям сети информации.

2) Тематические, узконаправленные сайты. Такие сайты могут быть довольно большими и подробно освещать какой-либо вопрос, предоставляя пользователям интернета, интересующимся определённой темой, возможность получить по ней хорошую и детальную информацию. Тематический сайт может рассказывать, например, об истории Древнего Рима, об отдыхе на Южном берегу Крыма, о выращивании и разведении кроликов и т. п. Многие из тематических сайтов занимают достойное место в интернете. Однако тематические, узконаправленные сайты могут привлекать и быть интересны лишь определённой категории пользователей.

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

1.2 Обзор СУБД для Web-программирования

Клиент – серверная СУБД.

Во многих вариантах современных СУБД реализуется архитектура клиент-сервер, в которой один процесс (клиент) посылает запрос для выполнения другому процессу (серверу)[15].

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

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

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

Для современных СУБД архитектура «клиент-сервер» стала фактически стандартом. Если предполагается, что проектируемая информация будет иметь архитектуру «клиент-сервер», то это означает, что прикладные программы, реализованные в ее рамках, будут иметь распределенный характер, т. е. часть функций приложений будет реализована в программе-клиенте, другая - в программе-сервере.

Основной принцип технологии «клиент-сервер» заключается в разделении функций стандартного интерактивного приложения на четыре группы:

u функции ввода и отображения данных;

u прикладные функции, характерные для предметной области;

u фундаментальные функции хранения и управления ресурсами (базами данных);

u служебные функции.

Примеры: Oracle, Firebird, Interbase, IBM DB2, Informix, MS SQL Server, Sybase Adaptive Server Enterprise, PostgreSQL, MySQL, Cache, ЛИНТЕР.

Объектно-ориентированная СУБД.

Направление объектно-ориентированных баз данных (ООБД) возникло сравнительно давно. Публикации появлялись уже в середине 1980-х. Однако наиболее активно это направление развивается в последние годы.

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

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

Примеры ООСУБД: O2, Cashe, ObjectStore, Objectivity/DB, POET, VERSANT, GemStone/S и т.д.

Перспективы развития систем управления базами данных.   Этот этап характеризуется появлением новой технологии доступа к данным - интранет. Основное отличие этого подхода от технологии клиент-сервер состоит в том, что отпадает необходимость использования специализированного клиентского программного обеспечения. Для работы с удаленной базой данных используется стандартный браузер Интернета, например Microsoft Internet Explorer или Netscape Navigator, и для конечного пользователя процесс обращения к данным происходит аналогично скольжению по Всемирной Паутине. При этом встроенный в загружаемые пользователем HTML-страницы код, написанный обычно на языке Java, Java-script, Perl и других, отслеживает все действия пользователя и транслирует их в низкоуровневые SQL-запросы к базе данных, выполняя, таким образом, ту работу, которой в технологии клиент-сервер занимается клиентская программа. Удобство данного подхода привело к тому, что он стал использоваться не только для удаленного доступа к базам данных, но и для пользователей локальной сети предприятия.

1.3. Обзор языков для web-программирования

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

Для создания современных сайтов обычно используются: HTML, CSS, JavaScript , FLASH, PHP.

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

Написание Web страничек на HTML не требует интерпретации исходного кода в двоичный код. Язык разметки гипертекста по определению должен интерпретироваться браузером. Это, безусловно, накладывает некоторые ограничения на возможности языка и на совместимость новых конструкций со старыми версиями браузеров. Современные Web-страницы уже не обходятся одним только HTML. Его гармонично дополняют средства динамического HTML: скрипт языки JavaScript и/или VBScript, каскадные таблицы стилей(CSS), иногда присутствуют Java-апплеты.

CSS (Cascading Style Sheets) - язык таблиц каскадных стилей. Он разработан для того, чтобы расширить возможности по оформлению Web-страниц.

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

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

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

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

Flash одновременно является и программой (Flash, Macromedia Inc.) и файловым форматом (расширение .swf).

Преимущества Flash:

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

u Распространенность и предоставление дизайнерам огромное количество инструментов.

u Правильно созданные Flash-файлы созданы правильно, они занимают мало места и достаточно быстро загружаются.

Недостатки Flash:

u Flash-технология сложна в изучении.

u Не желание многих пользователей Интернет обновлять версии проигрывателей Flash, и следовательно многие новые Flash-модули не работают.

u Проблемы с интерфейсом и его стандартизацией.

u Долгая загрузка из-за большого объема графических файлов.

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

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

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

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

PHP - это язык программирования, предназначенный для создания сайтов. PHP позволяет автоматизировать работу с сайтом. Это скрипт-язык, встраиваемый в HTML, который интерпретируется и выполняется на сервере. Отличие PHP от JavaScript, состоит в том, что PHP-скрипт выполняется на сервере, а клиенту передается результат работы, тогда как в JavaScript-код полностью передается на клиентскую машину и только там выполняется.

В прошлом веке, чтобы создать сайт «на мировом уровне», достаточно было просто уметь работать с HTML и обладать художественным вкусом. Спустя некоторое время требования усложнились: использование JavaScript и Dynamic HTML стало рутинным, а дизайн страниц, не имеющих подобных «украшений», считался устаревшим. Вскоре правилом «хорошего тона» для корпоративного сайта стало применение сложных программ на Perl или C++. Однако Web-дизайнеры не желали мириться с такой ситуацией. И на свет появился PHP - язык программирования, обладающий возможностями сложных скриптовых языков, но в то же время удивительно простой и легкий в изучении и применении.

PHP является внедряемым языком сценариев. Цель языка состоит в том, чтобы позволить веб-разработчикам быстро создавать динамически генерируемые страницы. Кроме того, разработчикам Web-приложений нет необходимости говорить, что web-страницы - это не только текст и картинки. Достойный внимания сайт должен поддерживать некоторый уровень интерактивности с пользователем: поиск информации, продажа продуктов, конференции и т.п. PHP работает как часть Web-сервера. В этом языке нет строгой типизации данных и нет необходимости в действиях по выделению/освобождению памяти. Программы, написанные на PHP, достаточно легко читаемы. Написанный PHP – код легко зрительно прочитать и понять.

Возможности PHP:

На PHP можно сделать все: обрабатывать данные из форм, генерировать динамические страницы, получать и посылать сеансы - куки (cookies). Кроме этого в PHP включена поддержка многих баз данных (databases), что делает написание Web-приложений с использованием БД до невозможности простым. Вдобавок ко всему PHP понимает протоколы IMAP, SNMP, NNTP, POP3 и даже HTTP, а также имеет возможность работать с с иокетами (sockets) и общаться по другим протоколам. PHP может серьезно облегчить работу создателя сайта. С помощью команды include() можно автоматически вставлять один и тот же фрагмент HTML-кода во множество страниц, просто поместив в них эту команду с именем файла, содержащего код общей части. В результате для обновления такой общей части будет достаточно отредактировать один файл - тот, который ее, собственно, и содержит, и соответственно изменятся все остальные страницы. Также, при обновлении новостей редактированию придется подвергать лишь сам их текст, а не HTML-код заглавной страницы, что и самому делать легче, и неопытному помощнику доверить можно.

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

1.4 Web телевидение и особенности

Телевидение, является самым обширным и востребованным средством массовой информации в нынешней мире. Оно обеспечивает общество информацией, а так же влияет на культурную информационную ситуацию в  современном обществе[1].

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

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

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

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

Особенности  web телевидения

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

В настоящее время в структуре традиционных телеканалов сосуществуют три формы организации вещания:

u система «телевидение в сочетании с интернет - вещанием», которая вовлекает в телесмотрение часть аудитории, покидающей традиционный эфирный прайм - тайм;

u система видео по запросу VOD (Video On demand), обеспечивающая возможность получения желаемого контента по желанию потребителя и интернет-телеканал, который реализует все перечисленные формы доставки контента аудитории – развитый архив телепрограмм, потоковое вещание (трансляцию),

u интернет-магазин, позволяющий приобрести желаемое видео и подписку на контент. 

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

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

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

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

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

Выводы к первой главе

Разрабатываемый в рамках данного проекта web-ресурс «Спутниковое ТВ» является статическим  сайтом.

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

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

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

ГЛАВА 2. СРЕДСТВА РАЗРАБОТКИ WEB-РЕСУРСА «СПУТНИКОВОЕ  ТВ»

2.1. Программные ресурсы и инструменты

Для данного проекта были выбраны такие программы как, Notepad, Adobe Photoshop CS3, Denwer

Denwer – программное обеспечение, сочетающее в себе качественный http-сервер и mysql базы данных. Это подходит для разработки сайтов на php с использованием баз mysql, так как препроцессор php встроен в этот http-сервер, и не приходится его устанавливать отдельно. Просто ставится Denwer и получаем http-сервер c CGI обработчиком php и mysql сервер с базами в придачу.

Denwer - это специально разработанная программа для создания на ПК локального сервера, который в свою очередь позволяет создавать Web-сайты без необходимости выхода в Internet. Данная программа требуется при разработке динамических Web-сайтов (использующих в своей работе php или perl), т.е. скрипты. Тестирование обычных html и css сайтов обходится без локального сервера.

Базовый пакет Denver включает в себя:

u Инсталлятор (поддерживается также инсталляция на flash-накопитель).

u Apache, SSL, SSI, mod_rewrite, mod_php.

u PHP5 с поддержкой GD, MySQL, sqLite.

u MySQL5 с поддержкой транзакций.

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

u Система управления запуском и завершением всех компонентов Denver.

phpMyAdmin — система управления MySQL через Web-интерфейс.

u Эмулятор sendmail и SMTP-сервера (отладочная «заглушка» на localhost:25, складывающая приходящие письма в /tmp в формате .eml); поддерживается работа совместно с PHP, Perl, Parser и т.д [12].

Notepad – всем известный блокнот (Рис. 1), также можно использовать его вторую версию, созданную сторонними разработчиками, в которой отдельно выделяются цветами теги языков html, java-script коды, php коды и также записи с других языков. Очень простой в написании страниц для сайтов, он точно переводит написанное без добавления лишних элементов в то, что нужно.

Рисунок 1. Окно Notepad++

Adobe Photoshop – это знаменитый и очень мощный графический редактор от Adobe (Рис.2.). Предоставляет пользователю огромнейшие возможности по работе с растровой и векторной графикой.

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

Рисунок 2. Окно Adobe Photoshop

PHP

PHP — язык программирования, созданный для генерирования HTML-страниц на веб-сервере и работы с базами данных. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров. Входит в LAMP — распространённый набор для создания веб-сайтов (Linux, Apache, MySQL, PHP (Python или Perl))[10].

MySQL

MySQL— свободная система управления базами данных (СУБД). MySQL является собственностью компании Sun Microsystems, осуществляющей разработку и поддержку приложения. Распространяется под GNU General Public License и под собственной коммерческой лицензией, на выбор. Помимо этого компания MySQL AB разрабатывает функциональность по заказу лицензионных пользователей, именно благодаря такому заказу почти в самых ранних версиях появился механизм репликации.

2.2 Система управления контентом CMS Joomla

Современные технологии постоянно развиваются, и показателем этого является CMS - система управления контентом. Эта система позволяет без труда за одну две недели создать мощный и функциональный проект, полностью соответствующий современным требованиям. В свободном доступе распространяются такие CMS, как Joomla, WordPress, Drupal, которые ни чуть не хуже своих платных аналогов [3].

Использование CMS позволяет создавать много разных модулей, например: блог, чат, магазин, форум и многое другое. То есть не нужно искать скрипты, вписывать их в рисованный Web-сайт. Все модули доступны изначально. Вторая важная особенность — влияние моды на дизайн Web-сайта. Использование CMS дает доступ к самым современным схемам построения и шаблонам. К тому же системы управления контентом значительно упрощают и ускоряют работу Web-дизайнера [8].

«Joomla» – это система управления контентом, написанная на языке PHP и использующая в качестве хранилища содержания базу данных MySQL. «Joomla» является свободным программным обеспечением, защищённым лицензией GPL[3]. Одной из главных особенностей «Joomla» является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов. Название «Joomla» фонетически идентично слову «Jumla», которое в переводе означает «все вместе» или «единое целое», что отражает подход разработчиков и сообщества к развитию системы.

Рассмотрим основные возможности данного языка программирования. Это: Функциональность можно увеличивать с помощью дополнительных расширений (компонентов, модулей и плагинов).

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

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

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

К преимуществам системы можно отнести то, что все компоненты, модули, плагины и шаблоны можно написать самому, разместить их в структурированном каталоге расширений или отредактировать существующее расширение по своему усмотрению[11].

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

Начиная с версии 1.6 встроена многоязычность. Начиная с версии 2.5 расширена поддержка баз данных. Реализована поддержка Microsoft SQL Server, а с версии 3.0 — PostgreSQL. В дальнейшем планируется добавить поддержку SQLite.

Возможности администрирования:

Для каждой динамической страницы можно создать своё описание и ключевые слова в целях повышения рейтинга в поисковых системах;

Начало и окончание публикации любых материалов можно запрограммировать по календарю;

Возможность ограничить доступ к определённым разделам сайта только для зарегистрированных пользователей, а с выходом Joomla 1.6 доступ как к разделу, так и к определённому материалу с точностью до конкретной связи материал-пользователь;

Настраиваемые схемы расположения элементов по областям шаблона;

Различные модули (последние новости, счётчик посещений, подробная статистика посещений, гостевая книга, форум и другие);

Большинство мнений авторитетных разработчиков Web-сайтов сходится на том, что для простых и средней сложности проектов наиболее подходящим является использование CMS «Joomla». Используя CMS «Joomla», можно создать и сайт- визитку, и отраслевой портал, и Internet-магазин.

В настоящее время для данной системы разработано огромное количество модулей, плагинов и компонентов, что делает «Joomla» самой функциональной CMS [11].

Преимущества CMS «Joomla», как инструмента для создания и раскрутки Web-сайтов:

Создание Web-сайтов на основе CMS «Joomla» не привязывает заказчика к конкретной студии дизайна. В любой момент можно передать сопровождение проекта другому исполнителю. Широкое распространение CMS «Joomla» положительно сказывается на количестве опытных специалистов в совершенстве владеющих секретами данной CMS;

Популярность CMS «Joomla» заставила многих хостинг-провайдеров предоставлять возможность использования данной системы по умолчанию. Заказчику не нужно искать подходящий релиз CMS «Joomla» и устанавливать его на свой сайт самостоятельно – для этого достаточно отметить соответствующий пункт при заключении договора о предоставлении хостинг-услуг;

CMS «Joomla» имеет простой и понятный интерфейс. Благодаря этому наполнение и сопровождение Web-сайтов может осуществлять далекий от программирования специалист, например, штатный менеджер или секретарь;

получить дополнительные модули для CMS «Joomla» можно абсолютно бесплатно;

раскрутка Web-сайта, сделанного на основе CMS «Joomla», доступна даже новичку, так как данная система управления контентом имеет встроенный функционал, направленный на эффективное продвижение Web-сайтов. Подключение дополнительных специализированных модулей позволяет за считанные минуты оптимизировать Web-сайт и отслеживать позиции в поисковых системах [3][17].

Таким образом, использование CMS «Joomla» более удобно.

Для того чтобы работать над созданием Web-сайта в CMS «Joomla»на своем компьютере необходима программная оболочка Denver.

2.3 Структура WEB-ресурса «Спутниковое ТВ»

В рамках данной выпускной квалификационной работы бакалавра предполагается разработать WEB-ресурс «Спутникового ТВ». Разрабатываемый сайт должен предоставлять всю необходимую информацию клиентам о самой компании и предоставляемых услугах.

Были рассмотрены различные системы управления содержимым (CMS), обеспечивающие доступ к информации в сети Internet и удобное редактирование сайта. Из многообразия существующих в настоящее время CMS была выбрана наиболее оптимальная для работы с Web-приложениями – CMS Joomla, отвечающая всем требованиям разработчика.

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

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

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

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

Основной же целью и задачей создания WEB-ресурса «Спутниковое ТВ» является получение от него как можно большей прибыли.

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

Проектирование и разработка сайтов включает:

Утверждение первоначального технического задания на разработку сайта;

определение структурной схемы сайта - расположение разделов, контента и навигации;

веб-дизайн - создание графических элементов макета сайта, стилей и элементов навигации;

разработка программного кода, модулей, базы данных и других элементов сайта необходимых в проекте;

тестирование и размещение сайта в сети Интернет.

Титульная страница (главная) сайта должна максимально информативно и в сжатом объёме отображать необходимую пользователю информацию о сайте. Административная часть должна включать в себя:

информацию о новых пользователях;

раздел настроек сайта;

управление учётными записями пользователей и другие возможности.

Административная часть сайта представлена в виде системы управления содержимым.

Главное меню сайта должно иметь следующие пункты:

Главная:

  О компании (информация об организации)

Ключи BISS

Услуги:

Настройка

Установка

Обслуживание

Новости Sat-TV

Каналы и частоты

Контакты

Web-ТВ

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

Рассмотрим структуру сайта (Рис. 3). На главной странице есть ссылки на второстепенные страницы. Такая структура называется иерархической.

Рисунок. 3 - Структура сайта

Выводы ко второй главе

Во второй главе были рассмотрены программные инструменты и ресурсы, которые были использованы в процессе создания WEB-ресурса «Спутникового ТВ». Представлена структура WEB-ресурса.

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

ГЛАВА 3. РАЗРАБОТКА WEB-РЕСУРСА «СПУТНИКОВОЕ  ТВ»

3.1 Технические и программные требования

3.1.1 Технические требования

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

Минимальные технические и программные требования[17]:

Для локального сервера:

Процессор1 ГГц и выше

ОЗУ 512 Мбайт

Дисковое пространство Минимум 30 Мбайт (для ПО и данных, зависит от количества задач)

Операционная система Microsoft Windows XP и выше

Локальный Веб-сервер Microsoft IIS или Apache

База данных MySQL

Для клиентов:

Операционная система Microsoft Windows 9x/2000/Me/XP/Vista

Интернет-браузер

3.1.2 Инструкция по работе на сайте

Для того чтобы начать работу на сайте, нужно запустить локальный сервер Denwer, после чего появиться возможность offline работы с нашим WEB-РЕСУРСОМ «СПУТНИКОВОЕ  ТВ». Для работы с web-ресурсом в режиме пользователя нет необходимости регистрироваться в системе, однако в случае проведения технического обслуживания конечно же потребуется авторизация в системе, либо с использованием уже имеющегося логина/пароля, либо с помощью простой формы создавая нового пользователя.

Если сайт недоступен, то следует проверить запушен ли локальный сервер.

3.2 Руководство администратора

В основе управления сайтом лежит принцип разделения уровней прав доступа пользователей к ресурсам сайта. Т.е. каждый посетитель сайта относится к одной или нескольким группам пользователей сайта, каждая из которых обладает определенным набором прав[17].

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

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

Рисунок 4. Форма для авторизации

Если  Вы не являетесь авторизованным пользователем, можно зарегистрироваться двумя способами, либо через форму авторизации, либо перейти на вкладку «Регистрация» (Рис.5.).

Рисунок. 5. Вкладка «Регистрация»

Административная панель «Joomla» представлена ниже (Рис.6 и  Рис.7). Чтобы попасть в данный раздел, в адресной строке браузера необходимо набрать

Рисунок 6. Вход в административную панель

Рисунок 7. Административная панель (панель управления)

Вся работа администратора производится в панели управления (Рис.8).

Рисунок 8. Панель управления

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

I. ВХОД В СИСТЕМУ УПРАВЛЕНИЯ САЙТОМ

II. СОЗДАНИЕ/РЕДАКТИРОВАНИЕ/УДАЛЕНИЕ СТРАНИЦ 
1. Категории 
2. Создание новой страницы сайта 
3. Вставка изображений 
3.1. Внесение изображений с компьютера на сервер 
3.2. Вставка изображения в материал 
4. Вставка ссылки 
4.1. Вставка ссылки на сторонний сайт 
4.2 Вставка ссылки на материал сайта 
4.3. Вставка ссылки на скачивание материалов (прайсы, каталоги, документы и т.п.) 
5. Вставка таблицы 
6. Вставка видео

II. РАБОТА С МЕНЮ 
1. Создание меню 
2. Создание пункта меню

IV. ГАЛЕРЕЯ 
1. Добавление/Удаление фотографий в галерее 
1.1. Добавление новой фотографии 
1.2. Удаление фотографии 
1.3. Добавление новой категории 
1.4. Добавление новой категории в меню

V. ФОРМА ОБРАТНОЙ СВЯЗИ 

VI. Изменение электронной почты

Для удобства администратора, в административной панели сайта, после успешной авторизации в верхнем меню будет доступна справочная информация  (Рис. 9)

Рисунок.  9 Справочная информация для администратора

Рассмотри некоторые аспекты связанные с обслуживание нашего WEB ресурса

3.2.1 Разработка интерфейса пользователя

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

Рисунок. 10 Структура Web-ресурса «Спутниковое ТВ»

3.2.2. Установка шаблона сайта

Шаблон - это одежда вашего сайта. Как говорится: "Встречают по одежке, а провожают по уму".  Шаблон - одна из важнейших составных частей сайта. Он обеспечивает внешний вид и дизайн. Это мотивирует новых посетителей оставаться на сайте. Посетители ценят красивый и практичный дизайн. Подумайте о других продуктах, например машине. Автомобиль нуждается в хорошем двигателе и шинах, но одной из самых важных причин для его покупки зачастую является дизайн[5].

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

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

После установки Joomla для нормального функционирования и наполнения контентом нашего сайта. Разберем подробно процесс установки шаблона.

Установка шаблонов для Joomla 2.5 и 3.0 [17]:

А). Заходим в админку выбираем  пункт «Расширения» > «Менеджер расширений» (Рис.11.):

Рисунок.11. Мастер расширений

Б). Через кнопку обзор ищем архив шаблона, нажимаем кнопку «Загрузить и установить». Появится сообщение об успешной установке шаблона » (Рис.12; Рис. 13).

Рисунок.12 Менеджер шаблонов

Рисунок.13 – Выбор шаболона web-ресурса

В) Заходим в «Расширения» > «Менеджер шаблонов». Ставим галочку в чекбоксе возле только что установленного шаблона и нажимаем на кнопку использовать по умолчанию (Рис. 14).

Рисунок. 14. Установленный шаблона сайта

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

3.2.3. Создание материалов сайта

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

После установки Joomla и задания общих настроек встает вопрос о добавление новых страниц. Страницы сайта на Joomla создаются путем добавления новых материалов. Именно материалы и формируют 98% всего контента сайта. И успех любого сайта будет напрямую зависеть от качества написанных материалов[2]. 

Разберем подробно процесс добавления материала в Joomla:

А). Создание материала

Новый материал можно создать напрямую с пункта меню: «Материалы» > «Менеджер материалов» > «Создать материал» » (Рис.15.).

Рисунок. 15. Создание материала

Б). Добавление заголовка и текста

Первым делом нужно создать заголовок для материала. Заголовок должен быть коротким и быть определяющим: чтобы по нему сразу поняли содержимое материала.

Рисунок. 16. Добавление заголовка и текста

В). Форматирование текста

После вставки текста производим форматирование: добавляем заголовки, жирный шрифт. При необходимости создаём списки, курсив, добавляем линии, но не более (Рис.17.).

Рисунок. 17. Форматирование текста

Г). Сохранение.

Готовый текст и формат сохраняем нажатием одной кнопки: "Сохранить и закрыть" (Рис.18.).

Рисунок. 18. Сохранение материала

После сохранения материала: материал будет отображаться в общем списке, в менеджере материалов (Рис.19.):

Рисунок. 19. Сохраненный материал

3.2.4 Создание категорий сайта

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

Наш сайт предполагает собой определённую структуру. Данная структура создаётся при помощи категорий - в которые затем размещаются все материалы.

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

Для работы с категориями необходимо перейти на страницу «Менеджер категорий». Есть два способа перейти на страницу «Менеджер категорий».

Первый способ: можно нажать на главной странице панели кнопку «Менеджер категорий», или в основном меню выберите "Содержимое", затем пункт «Менеджер разделов». Будет открыта страница «Менеджер категорий».

Второй способ: в основном меню выбрать "Содержимое", затем "Содержимое по разделам" и далее нужный нам раздел. И в выпадающем продолжении меню пункт "Добавить / изменить категории в выбранном вами разделе". Будет открыта страница «Менеджер категорий».

Создание категории:

Для структурирования создаваемых материалов и удобного администрирования следует позаботиться о создании категорий [13].

А). Для создания первой категории нужно перейти в раздел "Менеджер категории"  > "Создать категорию" (Рис.20.).

Рисунок. 20. Создание категории

Б). В открывшейся форме нужно заполнить поле "Заголовок". Остальные поля заполняются только при необходимости  (рис.21.).

Рисунок. 21. Создание заголовка категории

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

Рисунок. 22. Выбор родительской категории

Г). Возьмем наш сайт

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

Хочу уточнить некоторые моменты - желательно создавать категории для всех подтем, даже если в ней предполагается разместить один материал, если это конечно не материалы одной тематики. Например - это может быть категория "Контактная информация". Создание категорий, таким образом, позволит более точно создать пункты меню. Думаю нажав пункт меню "Обувь" и увидев на открывшейся странице обувь вперемешку с галстуками, посетитель будет, мягко говоря, в замешательстве. Чего ему ожидать на странице "Галстуки"?

 При открытии страницы «Менеджер категорий» первым способом будет доступно фильтрация категории по разделам. При создании новой категории можно будет выбрать раздел, в который должна войти новая категория. Опция фильтрации на странице доступна справа под панелью инструментов.

При открытии страницы «Менеджер категорий» вторым способом опция фильтрации будет "жестко" привязана к выбранному нами разделу. При создании новой категории, имя раздела, в который войдет новая категории будет "жестко" привязана к выбранному нами разделу.

Примечание: Чтобы выбрать другой раздел, потребуется снова повторить способ второй или первый, для доступа на страницу «Менеджер категорий» (Рис.23.).

Рисунок 23. Менеджер категорий в панели управления

3.2.5 Создание меню сайта

Меню используется на каждом сайте и является обязательным элементом. Поэтому меню нашего сайта очень важный раздел [2].

Создание меню можно разделять на два раздела: создание меню и создание пунктов меню.

При стандартной установки Joomla нам сразу будет доступно одно меню. На этом меню можно отточить свои навыки создания пунктов меню. 

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

Меню нашего сайта будет выглядеть следующим образом (Рис. 24):

Рисунок.24 – менеджер меню

Главная:

  О компании (информация об организации)

Ключи BISS

Услуги:

Настройка

Установка

Обслуживание

Новости Sat-TV

Каналы и частоты

Контакты

Создание нового меню Web-ТВ:

А). Чтобы создать новое меню необходимо войти в раздел Меню: «Менеджер» > «Создание меню» (Рис.25.).

Рисунок 25. Создание меню

Б). Дальше, нужно заполнить ключевые поля: Заголовок и Тип меню. В заголовке стоит указать характерное название для меню, чтобы затем можно было его без проблем отыскать. Аналогично поступаем с типом меню  (рис.26.).

Рисунок. 26. Сохранение созданного меню

В). После сохранения меню, необходимо сразу создать для него модуль. Модуль позволит автоматически вывести новое меню на сайте (Рис.27.).

Рисунок. 27. Создание модуля меню

Г). Для модуля меню необходимо ввести название, которое будет отображаться на сайте, а также позицию  (Рис.28.).

Рисунок 28. Менеджер модулей

Д). После создания модуля мы не увидим его на сайте. Для этого нужно создать пункты меню (Рис. 29). Результат виден на (Рис. 30).

Рисунок. 29. Создание пунктов меню

Рисунок. 30. Меню web-сайта «Спутниковое ТВ»

3.2.6. Организация online-трансляции web телевидения

WebTV (Интернет телевидение) - возможность просмотра ТВ - каналов на компьютере. 

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

Иногда при создании сайта хочется, чтобы телепередачи можно было просматривать непосредственно на своем сайте. Для интернета нет ничего невозможного, и установить ТВ на сайт вполне реально.

Если набрать в любом поисковике «ТВ онлайн» то можно получить сотни ссылок на сайты, где можно посмотреть телевизионные трансляции онлайн. Но на самом деле это только кажется, что всё так просто. Откройте любой первый попавшийся в топе сайт, что увидите? Окошко плеера, облепленное со всех сторон рекламой, которое очень часто ничего не показывает… или показывает рекламу[7]. 
Дело в том, что организовать на своем сайте трансляцию бесплатного канала не проблема. Для этого нужно просто зайти на официальный сайт телеканала - там часто можно найти трансляцию прямого эфира, и добавить эту трансляцию на свой сайт. С трансляциями платных телевизионных и спутниковых каналов сложнее – они следят за тем, кто и где их показывает, поэтому незаконные (а это все попытки показывать их в интернете) трансляции таких каналов часто закрываются, и ссылки на них перестают работать. Но и здесь есть варианты – интернет не имеет границ, поэтому, что запрещено в одной стране можно организовать в другой и не бояться того, что закроют.

Для организации ТВ трансляции на web-сайте необходимо выполнить следующие шаги:

А). Зайти на сайт

Устанавливается он в режиме HTML редактора. В каком месте страницы вы установите скрипт от сервиса «В Эфире», в том месте и будет видна страница с ТВ каналами (Рис.31.).

Рисунок 31. Вставка HTML скрипта для трансляции ТВ

Кстати, с установкой скрипта, у на сайте  будут отображаться не только телеканалы, но и множество радиостанций. Что касается ТВ-каналов, то только развлекательных каналов будет более сотни.

Результат добавления телетрансляции на web-сайте «Спутниковое ТВ» представлен на (Рис. 32).

Рисунок.32 Пункт меню Online TV

3.3 Руководство пользователя

Для запуска сайта необходимо запустить какой-нибудь Интернет браузер (Internet Explorer, Mozzila Firefox, Opera и т.д.) и ввести в строку адреса адрес сайта – #"0" height="383" src="/wimg/18/file:///C:\Users\it\AppData\Local\Temp\msohtmlclip1\01\clip_image063.jpg">

Рисунок. 33 Главная страница

Страница «Ключи BISS» содержит информацию в виде списка актуальных ключей для просмотра кодированных каналов на различных спутниках. Для удобства посетителей информация представлена в табличном виде (Рис. 34).

Ключи BISS

Рисунок. 34

Страница «Услуги» содержит информацию о актуальных услугах компании «Мир Антенн» (Рис. 35)

Рисунок.35 – Услуги

Страница «Новости Sat TV» содержит информацию о актуальных новостях в мире спутникового ТВ (Рис. 36)

Рисунок.36 Новости Sat-TV

Страница «Частоты и ключ» содержит информацию о актуальных параметрах вещания с разных спутников. Информация представлена  в табличном виде и для быстрого перехода на выбранный спутник используются якорные ссылки.(Рис. 37)

Рисунок.37 Частоты и каналы

Страница «WEB TV» позволяет пользователю просмотреть на выбор любой из транслируемых телеканалов. (Рис. 38)

Рисунок 38 Online TV

Страница «Контакты» содержит контактные данные и позволяет посетителям связаться с администрацией web-ресурса (Рис. 39).

Рисунок. 39 форма контакты

Страница «Manuals» позволяет пользователям получить справочную информацию о работе с CMS Joomla

Меню поиска располагается с правой стороны сайта. Поиск выполняется при выборе заранее предусмотренных критериев. После выбора необходимых вам критериев поиска необходимо нажать кнопку “Поиск”.

Выводы к третьей главе