Глава 2

Разработка программного обеспечения.

Наш стандартный процесс разработки ПО на заказ выглядит так:

1.  На стадии пресейла на основе полученного от Заказчика описания задачи и обсуждения ее деталей мы создаем Технико-Коммерческое Предложение (ТКП), содержащее как минимум следующие сведения:

• краткое описание функциональности системы,

• архитектурный подход к ее разработке

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

• коммерческое предложение (стоимость разработки)

• ключевые известные нам ограничения, неопределенности, риски оказывающие влияние на проектные решения

2.  После согласования ТКП и подписания договора начинается проект разработки программного обеспечения. Проект состоит обычно из следующих фаз:

• Сбор и анализ требований. На этой фазе мы детализируем требования зафиксированные в ТКП, создаем архитектуру Системы, планируем процессы ее тестирования и приемки.

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

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

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

Мы используем следующие технологии разработки программного обеспечения:

• .NET: ASP.NET, WPF, WCF, WinForms, SilverLight, EntityFramework, NHibernate, NUnit и т.п.

• Java: JEE, JME, Swing, JPA, Hibernate, Tapestry, GWT, JUnit, Log4j и т.п.

• Web-технологии: PHP (Zend Framework, Yii, Cohana), HTML5, XML/XSLT, JSon, ExtJS , Flash.

• СУБД: MS SQL, Oracle, MySQL, PostgreSQL и др.

• И многие-многие другие

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

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

Курс на совместимость.

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

Справочник проверен временем, он долгое время гарантировал простоту и совместимость HTML-кода для разных браузеров. С появлением XHTML старый добрый HTML несколько растерял позиции, но всё ещё крепко стоит на ногах и незаменим для тех проектов, где не нужны фокусы в стиле "Веб 2.0", но нужна максимальная совместимость с любыми, даже самыми древними или редкими браузерами. А таких проектов много, очень много. Обратите внимание - справочник базируется на HTML версии 3.2 с некоторыми наиболее распространенными элементами HTML 4.0.

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

Структура HTML-документа

HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

• <strong>Текст между двумя тегами — открывающим и закрывающим.</strong>

• <a href="http://www.example.com">Здесь элемент содержит атрибут href, то есть гиперссылку.</a>

• А вот пример пустого элемента: <br>

Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными. Например, следующий код:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

<p>

<b>

Этот текст будет полужирным,

<i>а этот - ещё и курсивным</i>

</b>

</p>

</body>

</html>

Структура моего сайта.

<div id="refphone">
	Телефон справочной службы:
	<span>+7-495-612-11-11</span>
	<span>+7-800-200-63-03</span>
	</div>
	</div>
	</div>
	<ul class="menu" id="topmenu">
	<li><a href="/category/news/">Новости</a> <i>/</i></li>
	<!--<li><a href="/press-release-page">Пресс-центр</a> <i>/</i></li>-->
	<li><a href="/list_of_pharmacies/">Аптеки</a> <i>/</i></li>
	<li><a href="/category/special_offers">Акции</a> <i>/</i></li>
	<li><a href="/category/novinki">Новинки</a> <i>/</i></li>
	<li><a href="http://www.piluli.ru/">Интернет-аптека</a> <i>/</i></li>
	<li><a href="/buy">Приобрести</a><i>/</i></li>
	<!--<li><a href="http://shop.apteka5.ru/index2.php">Купить</a> <i>/</i></li>-->
	<li><a href="/career/">Карьера</a> <i>/</i></li>
	<li><a href="/about">О компании</a> <i>/</i></li>
	<li><a href="/category/for_renters/">Аренда/Продажа помещений</a> <i>/</i></li>
	<li><a href="/contacts">Контакты</a></li>
	</ul>
	</div>
	</div>
	<div class="cont">
	<div class="contpadding">
	<div style="height: 50px;">
	<p class="block-pharmacys-on-map"><a href="/list_of_pharmacies/"><i></i>Все аптеки на карте</a>
	<span style='color: #ff2c07;'>
	(1050)
	</span>
	<br />
	<p class="block-tenders" style="font-size:1.2em;font-style:normal;margin: 1em 0px 1em 0;"><a href="/category/all_tenders/">Тендеры</a></p>
	</div>
	<div class="center_banner" style="position:relative;display:none">
	<div class="subzag" id="subzag" style="position:relative;">Лучшие аптеки 2012</div>
	<div id="slides">
	<a href="/2014/08/05/скидка-15-на-librederm-4-d-motion-в-аптеках-сети-а5/"><img src="/wp-content/uploads/2014/08/1.jpg"/></a>
	</div><div class="slide" id="index15" title="Самые низкие цены сентябрь 2014">
	<a href="/2014/09/01/nizkie-ceny/"><img src="/wp-content/uploads/2014/09/day_products1.jpg"/></a>
	</div><div class="slide" id="index15" title="Карта здоровья">
	<a href="/2014/05/07/map_health/"><img src="/wp-content/uploads/2014/05/980x290-01-.jpg"/></a>
	</div>
	</div>
	<div class="slideshow-btns" id="featured-nav-new">
	<a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a>
	<!---->
	</div>
	<div id="left_bunner_button"> </div>
	<div id="right_bunner_button"> </div>
	</div>
	<div class="block-left">
	<p class="block-desc">Последние новости:</p>
	<ul id="news">
Теги. <html></html> Указывает программе просмотра страниц что это HTML документ.	<head></head> Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
<body></body> Определяет видимую часть документа	<base href="www.?"> Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью)
<base target="?">	Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра)
<meta name="allow-search" content="?">	Указание для поисковых роботов как следует сканировать данную страницу
<meta http-equiv="distribution" content="?">	Указание для поисковых роботов относится ли данная страница к мировым
<meta name="robots" content="?">	Указание для поисковых роботов как следует сканировать данную страницу
<meta name="author" content="?">	Указание автора странички
<meta name="keywords" content="?">	Описание содержащийся информации (для поисковых машин)
<meta http-eguiv="content-type" content="text/plain;churset="?">	Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.) Некоторые хостинги (восновном иностранные) автоматически перекодируют страници получаемые сервером в определенную кодировку. Поэтому уточняйте передпостановкой этого тега у поставщиков хостинга этот вопрос.

<meta name="description" content="?">	Ключевые слова странички (для поисковых машин)
<title></title>	Помещает название документа в оглавление программы просмотра страниц
<pre></pre>	Обрамляет предварительно отформатированный текст.
<h1></h1>	Создает самый большой заголовок
<h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5>	Создает заголовоки промежуточных размеров
<h6></h6>	Создает самый маленький заголовок
<b></b>	Создает жирый текст (нерекомендованный)
<i></i>	Создает наклонный текст (нерекомендованный)
<tt></tt>	Создает текст - имитирующий стиль печатной машинки. (нерекомендованный)
<kbd></kbd>	Создает текст - имитирующий стиль печатной машинки. (рекомендованный)
<var></var>	Название переменных отображается курсивом
<cite></cite>	Выделение цитат курсивом
<address></address>	Отображается курсивом в виде отдельного абзаца
<em></em>	Наклонный текст (воспринимается посковыми роботами как выделение)
<strong></strong>	Жирный текст (воспринимается посковыми роботами, как особо сильное выделение)
<font size="?"></font>	Устанавливает размер текста в пределах от 1 до 7.
<font color="?"></font>	Устанавливает цвет текста, используя значение цвета в виде RRGGBB.