WEB-Тема1

Ver más

История развития информационной технологии

por Diana Bob

Електронне листування

por Оксана Каневська

Sample Mind Map

por Дунина Елизавета

Эпоха Адраджэння на беларускіх землях

por Ирина Качан

Тема 1. Введение в веб-разработку

Проектирование Веб-сайта

CMS системы

CMS (Content management system - Система управления содержимым) - Информационная система используемая для обеспечения и организации совместного процесса создания, редактирования и управления содержимым. На данный момент существует множество готовых CMS систем, как платных так бесплатных, с открытым исходным кодом или закрытым, разработанных на различных языках программирования и в различных программных архитектурах. В сети Internet существует так же множество обзоров и ресурсов где можно найти подходящую систему. В типовой конфигурации наборы web-разработчика имеют поддержку только скриптовых языков программирования (php, perl и.т.д.), для того что бы установить/настроить CMS разработанную на другом языке программирования необходимы дополнительные компоненты или другая платформа. Для возможности работы с CMS системами локально, необходимо создать рабочее окружение на вашем персональном компьютере. Необходим веб-сервер, интерпретатор выбранного языка программирования либо виртуальная машина, база данных и возможно другие компоненты в зависимости от выбранной CMS. Рекомендуется инсталлировать готовое программное окружение состоящее из выше перечисленных компонент, таким пакетом программ может быть набор разработчика: DENWER, XAMPP, WAMPP и др.

Основные функции CMS

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

Веб-сервер

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

Принцип работы HTTP-сервера Apache

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

Принцип работы простого HTTP-сервера

Основная задача HTTP сервера - это ожидание запросов от клиентов и отправка им ответов. Взаимодействие с клиентами происходит по протоколу HTTP (HyperText Transfer Protocol). Клиент (обычно веб-браузер) запрашивает ресурс (обычно HTML файл или графический файл). Сервер связывает запрос с файлом или направляет запрос программе, которая генерирует необходимые данные. После этого сервер отсылает ответ обратно клиенту 

Развертывание веб-сайта(deployment)

Аспекты при выборе хостинга

• Предоставление соответствующих услуг. 
• Возможность масштабирования выделяемых ресурсов. 
• Репутация хостинг-провайдера.
• Территориальная удалённость data-центров (центров обработки данных - ЦОД) хостинг-провайдера от целевой аудитории разрабатываемого web-ресурса.
• Пропускная способность каналов.
• Возможность использования (дополнительных или сторонних каналов доставки данных) CDN (content delivery network)

Хостинг

Хостинг может быть следующих типов:

• Shared - виртуальный хостинг. Минусы: полное разделение всех аппаратных ресурсов между сотнями сайтов.
• VDS/VPS (Virtual Dedicated Server/ Virtual Dedicated Server ) – виртуальный выделенный сервер. Минусы: разделение аппаратных ресурсов, дисковая система, канал связи между десятками выделенных серверов; необходимость администрирования.
• Dedicated – физически выделенный сервер. Минусы: необходимость администрирования.
• Collocated – размещение собственного оборудования у провайдера.

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

MVVM фреймворки

(Model View View Model)

AngularJS, KnockoutJS.

MVC фреймворки

(Model View Controller)

Zend framework, CodeIgniter, ASP.net.

Адаптивный веб-дизайн и верстка. CSS фрэймворки

Twitter Bootstrap, Foundation и Skeleton.

jQuery и ajax

HTML5

CMS (content management sytem)

Проектирование стороны сервера (Backend)

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

Компилируемые языки / компиляторы

Java

C++

Скриптовые языки / интерпретаторы

PHP

Perl

Ruby

Python

Архитектурные решения

Проектирование серверной стороны можно разделить на следующие архитектурные решения:

• Web-сайт на основе статических HTML-страниц без использования DHTML (Dynamic HTML).

• Web-сайт c использованием языка программирования разработка с нуля.

• Web-сайт на основе Content Management System (CMS). 

• Web-сайт на основе framework’а. (Zend Framevork, Laravel,CodeIgniter, Rybu on Rails, Microsoft ASP.net и.т.д.) 

Проектирование стороны клиента (frontend)

Совместное использование вышеперечисленных решений.

Плагины для браузеров

Использование встраиваемых компонент в веб-браузер.

(ActiveX или технологий виртуальных машин Abode Flash, Java, Microsoft Silverlight).

Использование javascript-framework’ов

(jQuery, Dojo, KnockaoutJS, AngularJS и.т.д)

HTML+CSS+javascript.