34
ТЕХНИЧЕСКАЯ РАЗРАБОТКА САЙТОВ

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

  • Upload
    -

  • View
    105

  • Download
    3

Embed Size (px)

Citation preview

Page 1: Техническая разработка сайтов

ТЕХНИЧЕСКАЯРАЗРАБОТКА САЙТОВ

Page 2: Техническая разработка сайтов

КАК УСТРОЕН ИНТЕРНЕТ?

Строение Интернета сравнимо с нервной системой человека. Если проследить путь от наших компьютеров до США, то он получится примерно такой:Компьютер > Коммутатор на чердаке > Узел провайдера > Шлюз провайдера > Узел соединения с другими провайдерами (АТС M9, M10) > толстый оптический кабель > шлюз в Голландии > шлюз где-то еще > и скорее всего еще один > трансатлантический кабель (идет прям под водой, по дну океана) > США.

И от каждой точки отходят тысячи, десятки тысяч других абонентов…

Практически каждому узлу - компьютеру, коммутатору, шлюзу, присвоен свой уникальный адрес. Эти адреса называются "IPv4". Таким образом, может быть около трех миллиардов комбинаций. Да, это мало. И сейчас, потихоньку вводится новый протокол - "IPv6".

То есть, вы набираете в браузере не 195.80.20.13, а www.uplab.ru. Определение хоста идет именно через эти циферки, а операцией по переводу их в красивый адрес (резолвинг) занимается DNS или nameserver или Сервер Доменных Имен.То есть, на Шлюзе вашего провайдера стоит специальная программа, которая отслеживает то, что вы отправляете через адресную строку браузера и переводит эти данные в циферки. А чтобы не произошло путаницы (ведь одни сайты закрываются, а другие открываются по их адресу), программа обновляется на шлюзе более крупного провайдера, а он, в свою очередь - на главном сервере имен - RIPN или РосНИИРОС (Russian Institute foe Public Names или Российский научно-исследовательский институт развития общественных сетей). И так далее.

Page 3: Техническая разработка сайтов

КАК УСТРОЕН ИНТЕРНЕТ?

Page 4: Техническая разработка сайтов

КАК УСТРОЕН ИНТЕРНЕТ?

Page 5: Техническая разработка сайтов

СОВРЕМЕННЫЕ ТЕХНОЛОГИИ

PHP

На сегодняшний день PHP - одна из

наиболее популярных серверных

технологий. Получил известность в среде

разработчиков как очень мощный

инструмент для создания динамических

сайтов.

AJAX

Методика применения технологий

JavaScript и XML, что позволяет загружать

нужные данные в соответствии с

действиями пользователя, не

перезагружая веб-страницу целиком.

Благодаря использованию этого подхода

можно значительно ускорить работу

пользователя с сайтом.

Page 6: Техническая разработка сайтов

СОВРЕМЕННЫЕ ТЕХНОЛОГИИ

HTML5 и CSS3

Помимо обычной разметки HTML5

позволяет размещать на странице аудио и

видео, оффлайн средства, анимацию,

новые типы полей в веб-формах и прочие

возможности.

В CSS3 стало возможным создание

множества интересных визуальных

эффектов, таких как закругленные углы у

блоков, тени, градиент в качестве фона,

полупрозрачные элементы, CSS-

трансформации, использование веб-

шрифтов и многое другое. Причем для

реализации перечисленного, больше не

нужно использовать графические

изображения и JavaScript.

Page 7: Техническая разработка сайтов

СОВРЕМЕННЫЕ ТЕХНОЛОГИИ

JavaScript

Некоторые люди считают, что JavaScript - это то

же самое, что и Java, лишь потому, что эти языки

имеют схожие названия. На самом деле это не

так.

Это клиентский язык программирования, который

используется для создания интерактивности без

обращения к серверу.

jQuery

Библиотека JavaScript, фокусирующаяся на

взаимодействии JavaScript и HTML.

Библиотека jQuery помогает легко получать

доступ к любому элементу DOM, обращаться к

атрибутам и содержимому элементов DOM,

манипулировать ими. Также библиотека jQuery

предоставляет удобный API для работы с AJAX.

Page 8: Техническая разработка сайтов

КАК УСТРОЕН WEB-СЕРВЕР?

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

и выдающий им HTTP-ответы, как правило, вместе с HTML-страницей, изображением,

файлом, медиа-потоком или другими данными.

Веб-сервером называют как программное обеспечение, выполняющее функции веб-

сервера, так и непосредственно компьютер, на котором это программное обеспечение

работает.

Клиент, которым обычно является веб-браузер, передаёт веб-серверу запросы на

получение ресурсов, обозначенных URL-адресами. Ресурсы — это HTML-страницы,

изображения, файлы, медиа-потоки или другие данные, которые необходимы клиенту.

В ответ веб-сервер передаёт клиенту запрошенные данные. Этот обмен происходит по

протоколу HTTP.

Page 9: Техническая разработка сайтов

КАК УСТРОЕН WEB-СЕРВЕР?

Apache

Это полнофункциональный, расширяемый

веб-сервер, полностью поддерживающий

протокол HTTP/1.1, с открытым кодом.

Сервер может работать практически на всех

распространенных платформах. При этом он

очень прост в установке и конфигурации.

Собственно, именно гибкость конфигурации,

а также его надежность, считаются

основными достоинствами Apache-сервера.

Page 10: Техническая разработка сайтов

КАК УСТРОЕН WEB-СЕРВЕР?

Nginx

Это очень быстрый HTTP сервер, который часто используют

вместо или совместно с Apache, чтобы снизить нагрузку на

сервер и увеличить скорость обработки запросов

посетителей.

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

которые, однако, большинство из нас никогда не будет

использовать. Ценой за эту функциональность является

большой расход системных ресурсов.

Обычный сайт, как правило, содержит больше статичных

файлов (изображения, файлы стилей и JavaScript), чем

скриптов. Для того, чтобы передать эти файлы посетителю,

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

предельно проста. Следовательно и обрабатывать такие

запросы нужно простым, легковесным веб-сервером.

Таким, как nginx.

Page 11: Техническая разработка сайтов

КАК УСТРОЕН WEB-СЕРВЕР?

MySQL

Один из самых популярных в мире серверов баз данных с

открытым исходным кодом. Сочетает в себе скорость,

компактность, стабильность и портируемость.

Зачем отказываться от простых и удобных файлов к сложной

БД? Потому что файлы, генерируемые каким либо скриптом

на основе файловой БД, постепенно начинают увеличиваться

в размере, а так же их количество неуклонно растет. Поиск

сильно затруднен. После преодоления некоторого порога

(1 000, 10 000 файлов..) скрипт начинает тормозить, и

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

БД лишены этих недостатков - даже если в таблице будет

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

Так уж они устроены, чтобы манипулировать огромным

количеством данных.

Page 12: Техническая разработка сайтов

ЧТО НУЖНО ДЛЯ ПЕРЕНОСА САЙТА?

Что нужно если у клиента уже есть

хостинг:

1. Доступы к FTP;

2. Доступы к БД;

3. Проверить на совместимость с 1С-

Битрикс.

Что нужно если у клиента нет хостинга:

1. Доступ к домену;

2. Зарегистрировать хостинг

совместимый с 1С-Битрикс.

Page 13: Техническая разработка сайтов

СИСТЕМЫ УПРАВЛЕНИЯ САЙТАМИ

WordPress

WordPress – одна из наиболее популярных бесплатных CMS не только на просторах

СНГ, но и во всем мире. Главным ее предназначением является создание и реализация

сайта-блога. Очень просто и легко устанавливается, практически за пару кликов по

мышке.

Page 14: Техническая разработка сайтов

СИСТЕМЫ УПРАВЛЕНИЯ САЙТАМИ

Joomla

Joomla представляет собой очень популярную гибкую бесплатную CMS. На базе

данной системы построено огромное количество как небольших, так и очень крупных

проектов, которые имеют огромные функциональные возможности.

Page 15: Техническая разработка сайтов

СИСТЕМЫ УПРАВЛЕНИЯ САЙТАМИ

Drupal

Drupal является также популярной CMS, которая предназначена для создания сайтов-

порталов. Установка данной системы очень проста и не вызывает проблем. Но стоит

отметить, что новичкам потребуется некоторое время, чтобы разобраться и привыкнуть

к данной CMS.

Page 16: Техническая разработка сайтов

СИСТЕМЫ УПРАВЛЕНИЯ САЙТАМИ

DLE (Datalife Engine)

Система управления контентом DLE (Datalife Engine) чаще всего используется для

разработки различных новостных ресурсов. Однако сейчас выпущено большое

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

использовать DLE для решения любых задач.

Page 17: Техническая разработка сайтов

СИСТЕМЫ УПРАВЛЕНИЯ САЙТАМИ

MODX

Систему Modx во многом можно сравнить с Joomla: она также бесплатная, предлагает

больше число разнообразных модулей и требует тонкой настройки. Среди технических

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

работы дизайна и самой CMS, возможность легкого и быстрого расширения создания

программного кода в сниппетах и плагинах.

Page 18: Техническая разработка сайтов

СИСТЕМЫ УПРАВЛЕНИЯ САЙТАМИ

UMI.CMS

Более 2700 разработчиков по всей России (это каждый третий веб-разработчик Рунета)

используют UMI.CMS для создания сайтов и интернет-магазинов своим клиентам.

Более 70 000 веб-проектов уже работают на этой платформе.

Page 19: Техническая разработка сайтов

СИСТЕМЫ УПРАВЛЕНИЯ САЙТАМИ

NetCat

Более 2 000 студий и частных веб-разработчиков уже выбрали для своих проектов

NetCat, и в 2013 году создано более 18 000 сайтов.

Page 20: Техническая разработка сайтов

СИСТЕМЫ УПРАВЛЕНИЯ САЙТАМИ

Рейтинг популярности бесплатных CMS:

Page 21: Техническая разработка сайтов

СИСТЕМЫ УПРАВЛЕНИЯ САЙТАМИ

Рейтинг популярности коммерческих CMS:

Page 22: Техническая разработка сайтов

СИСТЕМЫ УПРАВЛЕНИЯ САЙТАМИ

Рейтинг заражённых сайтов на популярных CMS:

Page 23: Техническая разработка сайтов

БЕСПЛАТНЫЕ CMS ПРОТИВ ПЛАТНЫХ

Сравним наиболее важные критерии, по которым обычно совершается выбор между платной и бесплатной CMS.

Безопасность

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

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

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

Page 24: Техническая разработка сайтов

БЕСПЛАТНЫЕ CMS ПРОТИВ ПЛАТНЫХ

Удобство

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

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

Например, Битрикс можно использовать как для интернет-магазина, так и для корпоративного сайта или сайта банка.

Page 25: Техническая разработка сайтов

БЕСПЛАТНЫЕ CMS ПРОТИВ ПЛАТНЫХ

Поддержка

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

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

Page 26: Техническая разработка сайтов

БЕСПЛАТНЫЕ CMS ПРОТИВ ПЛАТНЫХ

Специалисты

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

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

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

Page 27: Техническая разработка сайтов

БИТРИКС НАШЕ ВСЕ

Page 28: Техническая разработка сайтов

БИТРИКС НАШЕ ВСЕ

Page 29: Техническая разработка сайтов

ИНТЕГРАЦИЯ БИТРИКС С 1С:УТ

Page 30: Техническая разработка сайтов

ИНТЕГРАЦИЯ БИТРИКС С 1С:УТ

Интеграция с «1С» может быть штатной и нештатной. Штатная работает в случае, если конфигурация системы стандартна, «одинэсник» ничего не менял.

В рамках штатного протокола можно:

Обмениваться товарами — выгружать их на сайт. Выгружать заказы с сайта в систему. Синхронизировать статусы заказов.

Нештатная

Три четверти попыток провести нештатную интеграцию заканчиваются неудачей. Да, функция интеграции есть в «Битриксе», но это только каркас, который требует доработки.

Page 31: Техническая разработка сайтов

ИНТЕГРАЦИЯ БИТРИКС С 1С:УТ

Какие бывают ситуации при интеграции с 1С?

Page 32: Техническая разработка сайтов

ИНТЕГРАЦИЯ БИТРИКС С 1С:УТ

Какие бывают ситуации при интеграции с 1С?

Page 33: Техническая разработка сайтов

НАПОСЛЕДОК

http://devanswers.ru/a/5f

Page 34: Техническая разработка сайтов

СПАСИБО ЗА ВНИМАНИЕ!

АЛЕКСАНДР КИРИЛЛОВ

+7 927 863 32 [email protected]

WWW.UPLAB.RU