Технологии разработки интерактивных веб-сервисов

Технологии дизайна

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

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

Платформа включает в себя ряд средств разработки, прежде всего en: Adobe Flash Professional и Adobe Flash Builder, а также программу для воспроизведения flash-контента — Adobe Flash Player, хотя flash-контент умеют воспроизводить и многие плееры сторонних производителей. Например, SWF-файлы можно просматривать с помощью свободных плееров Gnash или swfdec, а FLV-файлы воспроизводятся через мультимедийный проигрыватель Quicktime, и различные проигрыватели в UNIX-подобных системах при наличии соответствующих плагинов.

Adobe Flash позволяет работать с векторной, растровой и с трёхмерной графикой используя при этом GPU, а также поддерживает двунаправленную потоковую трансляцию аудио и видео. Для КПК и других мобильных устройств выпущена специальная «облегчённая» версия платформы Flash Lite, функциональность которой ограничена в расчёте на возможности мобильных устройств и их операционных систем.

Стандартным расширением для скомпилированных flash-файлов (анимации, игр и интерактивных приложений) является .SWF (Shockwave Flash). Видеоролики в формате Flash представляют собой файлы с расширением FLV или F4V (при этом Flash в данном случае используется только как контейнер для видеозаписи). Расширение FLA соответствует формату рабочих файлов в среде разработки.

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

По сути, Flash Player представляет собой виртуальную машину, на которой выполняется загруженный из Интернета код flash-программы.

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

Flash использует язык программирования ActionScript, основанный на ECMAScript.

1 мая 2008 г. компания Adobe объявила о начале проекта Open Screen Project. Цель проекта — создание общего программного интерфейса для персонального компьютера, мобильных устройств и бытовой электроники, что означает одинаковое функционирование одного приложения под всеми перечисленными видами устройств.

Flash Player портирован на мобильную платформу Android, выпущены мобильные устройства с аппаратным ускорением flash-приложений (включая AIR-приложения).

Некоторые производители ПО для мобильных устройств пытаются заменить или ограничить распространение Flash на свои новые мобильные платформы:

• — Apple на HTML5 для iPhone, iPod touch и iPad
• — Microsoft на Silverlight для Windows Phone 7
• — Oracle на JavaFX

Интерфейс Adobe Flash удобен и гибок в обращении. Рабочая среда состоит из элементов, которые можно перемещать, группировать, добавлять и прятать. Основными элементами являются «Временная шкала», «Свойства», «Библиотека», «Панель правок», «Вывод» и «Инструменты». К ним также можно добавлять и другие элементы, которые можно найти во вкладке «Окно».

Настроенную рабочую среду можно сохранять и переключать между другими, сохраненными ранее. Также в Adobe Flash имеются уже заранее подготовленные рабочие среды, которые можно выбрать во вкладке «Окно» -«Рабочие среды».

Существуют 3D движки, использующие в качестве основы Flash:

• — Papervision3D (— самый известный Open Source движок. Векторная прорисовка по треугольникам.
• — Away3D — создан Александром Задорожным из Киева на основе проекта Papervision3D. В данный момент — ведущий Open Source движок. Также векторная прорисовка.
• — Sandy — в использовании ещё проще, чем Papervision3D. Open Source. Также векторная прорисовка.
• — FFilmation AS3 Flash Isometric Engine — изометрический движок. Open Source.
• — Infinity 3D Engine — движок с динамическим BSP.
• — Alternativa Platform — платформа для трёхмерных игр, разрабатываемая группой из Перми. — ZenBullets Flash Isometric 3D Game Engine — изометрическая игровая платформа.

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

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

Основной недостаток flash-приложений — чрезмерная нагрузка на центральный процессор, связанная с неэффективностью виртуальной машины Flash Player. Хотя следует отметить, что в некоторых случаях имеет место и недостаточная оптимизация flash-приложений их разработчиками, использование так называемых «генераторов» flash-приложений.

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

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

Четвёртый важный недостаток заключается в том, что использование Flash для размещения текстовой информации затрудняет её индексирование поисковыми системами. И хотя в принципе определённая система индексирования текста внутри swf-файлов была создана и внедрена Google и Yahooещё в 2008 году, но доля сайтов, целиком созданных на Flash, остаётся небольшой.

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

Adobe Flash CS5 не может конвертировать созданные в нём векторные изображения в форматы другого типа: .ai или .cdr, что было бы крайне полезным.

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

Около двадцати лет назад канадская компания Corel выпустила в мир новый продукт, который назывался CorelDRAW. На то время это был эксклюзивный графический редактор, который позволял производить разные работы с векторной графикой. Со временем программа развивалась, совершенствовалась, выпускалась версии под операционные системы Apple и Linux.

На сегодняшний день CorelDraw является полноценным многофункциональным редактором векторной и растровой графики. Новые версии программы выпускаются исключительно под ОС Windows. Например, недавно выпущенная последняя версия имеет множество разных возможностей, по функциональности не уступает такому монстру фотовозможностей, как Photoshop. Более того, CorelDRAW более понятен для новичка, что позволяет быстро разобраться в возможностях даже на английском языке, хотя есть выбор русского.

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

• — Рисование векторной графики. В этой области можно создавать различные предметы, мебель, проектировать дома, придумывать интерьерные обстановки, прорисовывать автомобили и прочий транспорт. Этой функцией программы часто пользуются конструктора и декораторы для создания дизайна интерьеров квартир, оборудования для заводов и многое другое. Также, она отлично подходит для создания чертежей и работы с ними. Буквально все, что входит в понятие векторная графика, под силу программе CorelDRAW;
• — Текст и работа с ним. Программа позволяет работать с разными видами текста, придумывать новые эксклюзивные шрифты. Например, без проблем создается векторный и объемный текст. При этом не нужно особых познаний программы, все просто и понятно;
• — Работа с фотографиями. Новые возможности работы с фото стали доступны в последней версии CorelDRAW. Также присущи инструменты для обработки изображений в формате raw, чем может похвастаться далеко не каждый графический редактор. Есть возможность создавать анимационные gif-изображения и корректировать их. Есть функция поиска графики и изображений, как на компьютере пользователя, так и в интернете;
• — Другие возможности, в которые входит прорисовка контуров, трассировка, рисование узоров, орнаментов и многое другое. Каждый без проблем сможет сам разобраться в возможностях программы и научиться рисовать объекты векторной графики, а также обрабатывать рисунки и фотографии.

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

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

Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в веб-дизайне. В более ранней версии была включена специальная программа для этих целей — Adobe ImageReady, которая была исключена из версии CS3 за счёт интеграции её функций в сам Photoshop, а также включения в линейку программных продуктов Adobe Fireworks, перешедшего в собственность Adobe после приобретения компании Macromedia.

Photoshop поддерживает следующие цветовые модели или способы описания цветов изображения (в нотации самой программы — режим изображения):

• — RGB
• — LAB
• — CMYK
• — В градациях серого
• — Черно-белые
• — Duotone
• — С 256-цветовой палитрой (Indexed)
• — Многоканальные (Multichannel)

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

В программе Adobe Photoshop Extended современных версий (начиная с CS4) можно открывать и работать с 3D-файлами, создаваемыми такими программами, как Adobe Acrobat 3D, 3ds Max, Maya и Google Earth. Photoshop поддерживает следующие форматы файлов 3D: U3D, 3DS, OBJ, KMZ и DAE.

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

Для имитации движения в Photoshop можно создавать кадры мультипликации, используя слои изображения. Можно создавать видеоизображения, основанные на одной из многих заданных пиксельных пропорций. После редактирования можно сохранить свою работу в виде файла GIF-анимации или PSD, который впоследствии можно проиграть во многих видеопрограммах, таких как Adobe Premiere Pro или Adobe After Effects.

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

Начиная с версии CS в Photoshop доступна работа со скриптами.

Photoshop поддерживает файлы DICOM (Digital Imaging and Communications in Medicine) — цифровые изображения и коммуникации в медицине. Для открытого в Photoshop DICOM-файла, можно использовать любой инструмент Photoshop для коррекции и ретуширования изображений.

Технологии верстки

Верстка страниц может быть реализована одним из перчисленных ниже способов:

• 1) Верстка с использованием текстовых или визуальных редакторов;
• 2) Верстка в cms-системах;
• 3) «Ручная» верстка.

Редакторы для верстки веб-страниц бывают двух типов: визуальные и текстовые.

Визуальные редакторы не требуют знаний HTML, CSS и прочих технологий для разметки страниц. В визуальном редакторе пользователь располагает различные элементы вашего сайта, как будто на листе бумаги, а редактор пишет код самостоятельно. Именно поэтому визуальные редакторы еще называют WYSIWYG-редакторами. Аббревиатура WYSIWYG расшифровывается как What You See Is What You Get — что видишь, то и получаешь.

Так же сайты можно разрабатывать и при помощи программ редакторов таких как «Dreamweaver», «FrontPage» и других.

Dreamweaver — WYSIWYG HTML-редактор компании Adobe. Изначально разработан и поддерживался компанией Macromedia, вплоть до 8-й версии (2005 год). Следующие версии, начиная с Dreamweaver CS3 (2007), выпускает Adobe.

Заметную популярность программа получила начиная с версии MX, выпущенной компанией Macromedia в 2002 году. До этого момента были выпущены версии 1—4, версию 5 компания пропустила. 7-я версия программы получила название Dreamweaver MX 2004, а затем в 2005 году была выпущена Dreamweaver 8. 20 апреля 2007 года уже компания Adobe выпустила более свежую версию под названием Dreamweaver CS3.

На сегодняшний момент последней версией является Dreamweaver CC.

Начиная с версии 5, Dreamweaver поддерживает подсветку синтаксиса для следующих языков: ActionScript, ASP, ASP.NET, C#, CSS, ColdFusion, EDML, HTML, XML, XSLT, HTML, Java, JavaScript, JSP, PHP, Visual Basic, VBScript, WML.

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

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

Dreamweaver также обеспечивает полно-функциональную среду написания кода, которая включает инструментальные средства редактирования кода (например, раскраска кода или проверка закрытия тегов) и справочная информация по HTML, CSS, JavaScript, язык разметки ColdFusion (CFML), Microsoft Active Server Pages (ASP) и страницы JavaServer (JSP).

Технология Roundtrip HTML импортирует документы HTML без переформатирования кода.

Dreamweaver также дает возможность строить динамические станицы использующие сервер-технологии CFML, ASP.NET, ASP, JSP и PHP.

Dreamweaver полностью настраиваемый.

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

Для использования MS FrontPage не требуется знание языка HTML. В ходе создания и редактирования страниц (при вводе и форматировании текста, добавлении рисунков, таблиц, ссылок и других элементов страниц) программа автоматически формирует и добавляет символы (теги) языка HTML в кодовое описание страницы.

Следует отметить, что MS FrontPage 2003 предоставляет профессиональные средства разработки и проектирования, подготовки и публикации данных, которые требуются для создания динамических Web-узлов различного назначения.

Web-узел FrontPage — это узел, созданный в программе FrontPage. Он содержит Web-страницы, рисунки, документы, файлы мультимедиа — практически все возможные виды файлов. Что еще более важно, Web-узел FrontPage содержит скрытые папки и файлы, поддерживающие особые функциональные возможности FrontPage.

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

Так же можно воспользоваться другими текстовыми редакторами:

— Homesite.

Этот редактор, самый популярный и мощный среди текстовых. Кроме того, что в нем достаточно легко работать не только с Html-кодом (есть все, от списка всевозможных атрибутов ко всем тегам вплоть до проверки кода (правильность проверяется с точки зрения W3C.org)), но также есть поддержка XHTML, CSS-редактор, и так далее.

— HTML Pad.

Эта программа тоже пользуется большой популярностью пользователей. Помимо всего стандартного HTMLPad поддерживает JavaScript, VBScript, SSI, ASP и Perl, умеет создавать макросы (нападобие Word`a и Excel’я), включает в себя кучу различных справочных материалов по CSS и Html, и многое другое.

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

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

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

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

Использование CMS предоставляет следующие преимущества: Оперативное обновление информации — информацию публикует сотрудник, владеющий информацией, без дополнительных посредников в виде технических специалистов. CMS предназначены для автоматизации процесс публикации информации на web-сайте, предоставляя пользователям возможность самим публиковать материалы в WWW и определять их визуальное представление, используя для этого стандартные средства, не требующие знания языка HTML и достаточно сложных для неспециалиста процедур. С помощью CMS можно, не будучи профессиональным разработчиком, создавать и модифицировать информационное наполнение сайтов. Снижение стоимости поддержки — обновление информация производится самостоятельно, нет необходимости оплачивать труд собственного или внешнего web-мастера. Снижение стоимости происходит за счет снижения потерь времени на поиски документов, пресечения дублирования и ошибок, увеличения скорости связи с партнерами и клиентами. Предоставление дополнительных сервисов пользователю часть сервисов — поиск, форумы, голосования и т. д., требуют интерактивного взаимодействия с пользователем. Они уже реализованы в рамках CMS. Уменьшение сроков и стоимости разработки — наиболее востребованная функциональность уже реализована в CMS и может быть сразу использована. Повышение качества разработки — при разработке полностью или частично используются готовые модули, которые уже прошли неоднократное тестирование. Снижение стоимости дальнейших модификаций — CMS позволяют разделить данные и их представление. Это позволяет гораздо проще изменить внешний вид сайта, чем в случае со статическим сайтом. Среди CMS-систем часто выделяют так называемые каркасы (content management framework, CMF) — инструментарии для создания системы.

Рисунок 1 — Схема функционирования CMS.

Общий рейтинг CMS на домене ru представлен на рисунке 2. По статистике было опрошено 1 161 651 доменов с CMS (23,7% от общего количества).

Рисунок 2 — Рейтинг CMS.

CMS WordPress — это бесплатная система управления содержимым сайта с открытым исходным кодом, написанная на языке PHP. Встроенная система тем и плагинов позволяет конструировать практически любые проекты. Одним из отличий WP-платформы от прочих является развитая структура визуального оформления и представления. На сегодняшний день CMS WordPress — одна из наиболее популярных систем для создания и ведения блогов. Возможность публикации с помощью сторонних программ и сервисов; моментальная публикация; простота установки и настройки; поддержка веб-стандартов (XHTML, CSS).

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

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

Минусы WordPress типичны для популярных CMS — не слишком быстрая работа сайта, возможность сбоев при высокой посещаемости.

CMS Joomla! — система управления содержимым, написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных СУБД MySQL или другие индустриально-стандартные реляционные СУБД. Является свободным программным обеспечением, распространяемым под лицензией GNU GPL. Данная CMS очень популярна и гибкая CMS. На ее базе строятся как небольшие, так и огромные проекты, имеющие большой функционал.

Установка системы автоматизирована и несложная. Имеется множество тем оформления которые устанавливаются из админ панели. Все необходимые настройки выполняются из панели администратора, которая имеет интуитивно понятный интерфейс. У данной CMS имеется множество расширений, которые устанавливаются при помощи инсталятора из панели администратора. Однако для создания качественного сайта на базе данной системы от вас потребуются некоторые знания в HTML и CSS.

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

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

Недостатки данной системы в том что несмотря на все удобства при создании проекта вам понадобятся знания CSS и HTML. Очень тщательно необходимо подходить к выбору расширений и отдавать преимущество наиболее популярным, качественным и дающим наименьшую нагрузку на сервер.

CMS Drupal — система управления сайтом, написанная на языке PHP и использующая в качестве хранилища содержания реляционную базу данных (поддерживаются MySQL, PostgreSQL, а также любые СУБД поддерживаемые библиотекой PEAR). Drupal является свободным программным обеспечением защищённым лицензией GPL и создаётся усилиями энтузиастов со всего мира. Начал разработку голландец Dries Buytaert, который и поныне является руководителем проекта.

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

В Drupal предлагается гибкая схема организации структуры сайта на основе таксономии. Таксономия — механизм, позволяющий создавать произвольное количество тематических категорий для содержимого сайта и ассоциировать их с модулями, обеспечивающими ввод и вывод информации. Категории могут представлять плоские или иерархические списки, либо сложные структуры, где элемент может иметь несколько «родителей» и несколько дочерних элементов. С помощью подобной схемы одними и теми же модулями возможна организация различных вариантов структуризации содержимого. Например, легко создаётся сквозной список «ключевых слов» для всех документов сайта и т. п.

Дизайн сайта на Drupal строится на основе сменных тем оформления. Как таковой нет единственной схемы построения дизайна, взамен Drupal даёт возможность использовать различные «движки» тем, использующие шаблоны удобные для редактирования (шаблоны XML в движках xtemplate и Smarty или шаблоны на HTML+встроенный PHP в движке phptemplate и т. п.), либо создавать темы оформления напрямую обращающиеся к API Drupal.

Начиная с версии 4.7 Drupal поддерживает технологию Ajax, для динамической подгрузки содержимого без полного обновления страниц.

Наиболее важные функции, предоставляемые Drupal «из коробки»:

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

вывод документов в RDF/RSS.

агрегация материалов с других сайтов.

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

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

уведомления о выходящих обновлениях модулей.

CMS «1C-Битрикс: Управление сайтом» — профессиональная платная система для создания и управления интернет-проектами: — корпоративными сайтами; интернет-магазинами; информационными порталами; интернет-сообществами; социальными сетями и другими сайтами.

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

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

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

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

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

Еще одной особенностью и одновременно достоинством CMS 1С-Битрикс выступают периферийные модули — программные компоненты, позволяющие продуктивно управлять веб-контентом, структурой страниц, разделом «Форум», рекламой и прочими элементами сайта. Набор модулей, а значит, и функциональность системы зависит от версии.

Заключительный плюс CMS 1С-Битрикс — превосходная степень надежности, обусловленная наличием системы проактивной защиты, гарантирующей отсутствие взломов и вирусов. Высокий уровень безопасности обеспечивается также с помощью личных прав доступа, которые позволяют удачно работать с системой сразу нескольким людям.

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

DataLife Engine — лучший новостной движок cms.

DLE, на сегодняшний день, является самым распространенным новостным движком в рунете. И кроме того, входит в топ5 готовых cms (система управления контентом) движков высочайшего качества.

Официальный сайт cms DLE (DataLife Engine) dle-news.ru.

На сегодняшний день DLE является платной cms системой, что в свою очередь обеспечивает периодические обновления. Поэтому купив эту cms систему Вы гарантируйте себе всегда актуальную версию. С каждым месяцем она становится всё более популярной. Но, а теперь давайте немного опишем эту систему управления контентом Сам по себе DataLife Engine (DLE) — это читательский новостной движок, владеющий большими возможностями. Он необходим первым делом для создания новостных блогов и сайтов с большим информационным контентом.

Основные достоинства DLE:

• — ДЛЕ работает на мускуле (MySQL и PHP)
• — Небольшая нагрузка на сервер (в отличии например от cms WordPress)
• — Применение новейшей разработки AJAX
• — Удобный вывод любой информации — статей, новостей, видео, аудио
• — Поддержка ЧПУ (человеко подобный урл) в результате сайт получается более качественный в глазах поисковых систем
• — Продвинутая статистика по умолчанию
• — Дополнительные поля
• — Рейтинги новостей
• — Опросы
• — Самые различные фильтры пользователей и комментариев на сайте
• — Антиспам (антифлуд)
• — Удобный календарь
• — Удобная система оповещения пользователей прямо с сайта. Так пользователи будут всегда в курсе самых последних новинок.
• — Мониторинг непрочитанных новостей для зарегестрированныз пользователей
• — Регистрация на сайте с последующей активацией через email
• — Возможность добавления сайта в избранное
• — Удобная иерархия файлов шаблона — позволяет наиболее качественно подогнать шаблон под свои нужды. Кроме того, можно назначать уникальный шаблон для каждой категории.
• — Вывод самых популярных новостей в одном блоке
• — Поддержка нескольких языков
• — Доступ к новостям после регистрации
• — Большое разнообразие пользователей по наделенным правам.

DataLife Engine — является наиболее оптимальной cms системой для разработки информационно-новостных корпоративных сайтов.

Языки веб-программирования

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

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

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

• — HTML
• — CSS
• — JavaScript
• — VBScript
• — ActionScript
• — Java
• — CoffeeScript

Серверные языки Когда пользователь дает запрос на какую-либо страницу (переходит на неё по ссылке или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла. Этот файл может иметь расширения: HTML, PHP, ASP, ASPX, Perl, SSI, XML, DHTML, XHTML.

Работа программ уже полностью зависима от сервера, на котором расположен сайт, и от того, какая версия того или иного языка поддерживается. К серверным языкам программирования можно отнести: PHP, Perl, Python, Ruby, любой .NET язык программирования (технология ASP.NET), Java, Groovy.

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

• — Firebird
• — IBM DB2
• — IBM DB2 Express-C
• — Microsoft SQL Server
• — Microsoft SQL Server Express
• — mSQL
• — MySQL
• — Oracle
• — PostgreSQL
• — SQLite
• — Sybase Adaptive Server Enterprise
• — ЛИНТЕР
• — MongoDB

Для реализации задачи по созданию корпоративного сайта был выбран язык сценариев PHP.

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

Говоря проще, PHP это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере.

Аббревиатура PHP означает «Hypertext Preprocessor (Препроцессор Гипертекста)» .

Синтаксис языка берет начало из C, Java и Perl. PHP достаточно прост для изучения. Преимуществом PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц. Подробнее о преимуществах PHP можно узнать здесь.

Важным преимуществом языка PHP перед такими языками, как языков Perl и C заключается в возможности создания HTML документов с внедренными командами PHP.

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

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

PHP прост для освоения, и вместе с тем способен удовлетворить запросы профессиональных программистов.

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

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

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

• — традиционностью;
• — простотой;
• — эффективностью;
• — безопасностью;
• — гибкостью.

Существует еще одна «характеристика», которая делает РНР особенно привлекательным: он распространяется бесплатно! Причем, с открытыми исходными кодами (Open Source).

Язык РНР будет казаться знакомым программистам, работающим в разных областях. Многие конструкции языка позаимствованы из Си, Perl.

Код РНР очень похож на тот, который встречается в типичных программах на С или Pascal. Это заметно снижает начальные усилия при изучении РНР. PHP — язык, сочетающий достоинства Perl и Си и специально нацеленный на работу в Интернете, язык с универсальным (правда, за некоторыми оговорками) и ясным синтаксисом.

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

Сценарий РНР может состоять из 10 000 строк или из одной строки — все зависит от специфики вашей задачи. Вам не придется подгружать библиотеки, указывать специальные параметры компиляции или что-нибудь в этом роде. Механизм РНР просто начинает выполнять код после первой экранирующей последовательности (). Если код имеет правильный синтаксис, он исполняется в точности так, как указал программист.

PHP — язык, который может быть встроен непосредственно в htmlкод страниц, которые, в свою очередь будут корректно обрабатываться PHPинтерпретатором. Мы можем использовать PHP для написания CGI-сценариев и избавиться от множества неудобных операторов вывода текста. Мы можем привлекать PHP для формирования HTML-документов, избавившись от множества вызовов внешних сценариев.

Большое разнообразие функций PHP избавят вас от написания многострочных пользовательских функций на C или Pascal .

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

Очень важное преимущество PHP заключается в его «движке». «Движок» PHP не является ни компилятором, ни интерпретатором. Он является транслирующим интерпретатором. Такое устройство «движка» PHP позволяет обрабатывать сценарии с достаточно высокой скоростью.

По некоторым оценкам, большинство PHP-сценариев (особенно не очень больших размеров) обрабатываются быстрее аналогичных им программ, написанных на Perl. Однако, чтобы не делали разработчики PHP, откомпилированные исполняемые файлы будут работать значительно быстрее — в десятки, а иногда и в сотни раз. Но производительность PHP вполне достаточна для создания вполне серьезных web-приложений. Подробно об устройстве и характеристиках «движка» PHP можно ознакомиться здесь. сайт веб программирование РНР предоставляет в распоряжение разработчиков и администраторов гибкие и эффективные средства безопасности, которые условно делятся на две категории: средства системного уровня и средства уровня приложения.

Язык программирования PHP5.

В области веб-программирования, в частности серверная часть, PHP — один из популярных сценарных языков (наряду с JSP и Perl) благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и распространению исходных кодов на основе лицензии PHP.

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

• · автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;
• · взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle, Microsoft SQL Server, ODBC, mSQL, IBM DB2, Интерфейс PDO);
• · автоматизированная отправка HTTP-заголовков;
• · работа с HTTP-авторизацией;
• · работа с cookies и сессиями;
• · работа с локальными и удалёнными файлами, сокетами;
• · обработка файлов, загружаемых на сервер;

В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в июне 2013 года PHP находился на 5 месте среди языков программирования. К крупнейшим сайтам, использующим PHP, относятся Facebook, Wikipedia и др.

Входит в LAMP — распространённый набор программного обеспечения для создания и хостинга веб-сайтов (Linux, Apache, MySQL, PHP).

PHP-скрипты обычно обрабатываются интерпретатором в порядке, обеспечивающем кроссплатформенность разработанного приложения:

• 1. лексический анализ исходного кода и генерация лексем,
• 2. синтаксический анализ полученных лексем,
• 3. генерация байт-кода,
• 4. выполнение байт-кода интерпретатором (без создания исполняемого файла).

Пятая версия PHP была выпущена разработчиками 13 июля 2004 года. Изменения включают обновление ядра Zend (Zend Engine 2), что существенно увеличило эффективность интерпретатора. Введена поддержка языка разметки XML. Полностью переработаны функции ООП, которые стали во многом схожи с моделью, используемой в Java. В частности, введён деструктор, открытые, закрытые и защищённые члены и методы, окончательные члены и методы, интерфейсы и клонирование объектов. Нововведения, однако, были сделаны с расчётом сохранить наибольшую совместимость с кодом на предыдущих версиях языка. На данный момент последней стабильной веткой является PHP 5.6, которая содержит ряд изменений и дополнений:

• · Увеличена скорость работы, примерно на 20−40%
• · Введено пространство имён
• · Позднее статическое связывание и специальный метод __callStatic ()
• · Лямбда-функции и замыкания
• · Добавление расширений: intl, phar, fileinfo и sqlite3
• · Опциональный сборщик мусора
• · Был написан драйвер MySQLnd для самой популярной у PHP разработчиков базы данных MySQL. С появлением нативного драйвера скорость работы с Mysql значительно увеличилась, также новый драйвер доступен уже в стандартной сборке (ранее это было невозможно из-за лицензии, связанной с libmysql)
• · Отмена поддержки версий операционной системы до Windows 2000 (Windows 98, NT4, и.т.д.)
• · Новые синтаксические конструкции, такие как NOWDOC, ограниченный GOTO, короткий вид тернарного оператора «?:»

Интегрированные среды разработки для PHP:

Среды разработки

Eclipse — свободная интегрированная среда разработки модульных кроссплатформенных приложений. Развивается и поддерживается Eclipse Foundation.

PHP Development Tools — интегрированная среда разработки приложений на языке программирования PHP, разработанная на основе Eclipse, распространяемая на условиях лицензии Eclipse Public License. Первый релиз состоялся 18 сентября 2007 года.

GUI в Eclipse написан с использованием инструментария SWT. Последний, в отличие от Swing (который самостоятельно эмулирует графические элементы управления), использует графические компоненты данной операционной системы. Пользовательский интерфейс Eclipse также зависит от промежуточного слоя GUI, называемого JFace, который упрощает построение пользовательского интерфейса, базирующегося на SWT. Множество расширений дополняет среду Eclipse диспетчерами для работы с базами данных, серверами приложений и др.

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

• · Сворачивание кода
• · Рефакторинг
• · Генерация кода (методы доступа к членам класса, мастер классов и интерфейсов)
• · Анализ и исправление кода
• · Поддержка PHP 4 и PHP 5 (включая замыкания и пространства имен)
• · Иерархическое представление классов и методов
• · Отладка PHP-скриптов (как локально, так и с помощью интеграции с Zend Server и XDebug)
• · Поддержка HTML, CSS, JavaScript

Для разработки приложения использовалась последняя версия программы Eclipse Luna 4.4.2 от 6 июня 2014.

Текстовой редактор Sublime Text 3.

Sublime Text — кроссплатформенный проприетарный текстовой редактор. Поддерживает плагины на языке программирования Python. Инструментарий программы удобен для редактирования исходных текстов веб-страниц.

Официальный сайт позволяет бесплатно и без ограничений ознакомиться с продуктом, однако уведомляет о обязанности приобретения лицензии. Бета-версия Sublime Text 3 вышла 29 января 2013 года. Использовалась версия Sublime Text 3.0.3065.

Возможности программы заявлены на официальном сайте:

подсветка синтаксиса;

сворачивание кода;

автодополнение и автоматическое закрытие скобок и тэгов (если активировано);

закладки;

регулярные выражения для поиска и замены;

запись и воспроизведение макросов;

сравнение файлов;

менеджер проектов;

карта документа;

переопределение любых горячих клавиш;

резервное копирование сохраняемых файлов (включается в настройках);

трансформация текста при помощи подключённого плагина TextFX;

поддержка и конвертирование кодировок ANSI, UTF-8 и UCS-2;

блоковое выделение текста, одновременное выделение нескольких разных мест;

мультистрочное редактирование.

Возможности программы при установке дополнительных плагинов:

шаблоны текста (сниппеты), вводимые с помощью сокращений (плагин SnippetPlus);

Hex-редактор;

автосохранение (при потере фокуса; через настраиваемый промежуток времени);