Разработка и внедрение коммерческого сайта ООО "Спец РСУ-3"

Размещено на http://www.allbest.ru/

Федеральное агентство связи

Федеральное государственное бюджетное образовательное учреждение

высшего образования

«Поволжский государственный университет телекоммуникаций и информатики»

Факультет Заочного обучения

Направление

(специальность) Информатика и вычислительная техника

Кафедра Информатики и вычислительной техники

ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА

(БАКАЛАВРСКАЯ РАБОТА)

Разработка и внедрение коммерческого сайта ООО «Спец РСУ - 3»

Утверждаю зав. кафедрой д.т.н., проф. Н.Ф.Бахарева

Руководитель доцент к.т.н. Е.М.Кузнецов

Н. контролер доцент к.т.н., доцент Т.А.Коваленко

Разработал 36 П П.А.Манышкин

Самара 2017



Содержание

Задание

Отзыв руководителя

Реферат

Введение

1. Анализ информационных технологий разработки сайтов и деятельности фирмы ООО "Спец РСУ - 3"

1.1 Анализ деятельности и структуры фирмы ООО "Спец РСУ - 3"

1.2 Анализ информационных технологий разработки сайтов

2. Проектирование коммерческого сайта ООО "Спец РСУ - 3"

2.1 Проектирование структуры коммерческого сайта ООО "Спец РСУ - 3"

2.2 Проектирование базы данных коммерческого сайта ООО "Спец РСУ - 3"

3. Разработка и внедрение коммерческого сайта ООО "Спец РСУ - 3"

3.1 Разработка базы данных коммерческого сайта ООО "Спец РСУ - 3"

3.2 Разработка и внедрение коммерческого сайта ООО "Спец РСУ - 3"

Заключение

Список использованных источников

Приложения



Задание

по подготовке выпускной квалификационной работы

Студента Манышкина Павла Андреевича

1 Тема ВКР Разработка и внедрение коммерческого сайта ООО «Спец РСУ - 3»

Утверждена приказом по университету от 25.11.2016 № 291-2

2 Срок сдачи студентом законченной ВКР 20.01.2017

3 Исходные данные и постановка задачи

1) Сведения о структурах коммерческих сайтов

2) Контент по услугам и ценам организации ООО «Спец РСУ - 3»

3) Разработка коммерческого сайта ООО «Спец РСУ - 3»

4) Создание электронного представительства ООО «Спец РСУ - 3»

4 Перечень подлежащих разработке в ВКР вопросов или краткое содержание ВКР. Сроки исполнения 20.01.2017

Провести анализ предметной области

Осуществить выбор инструментальных средств

Зарегистрировать платный домен и хостинг

Разработка структуры дизайна и макета

Разработка коммерческого сайта

Размещение коммерческого сайта в сети интернет

Наполнение сайта контентом

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

5 Перечень графического материала Сроки исполнения 20.01.2017

Презентационный материал

6 Дата выдачи задания «28» ноября 2016 г.

Кафедра

Утверждаю

Руководитель

Задание принял

к исполнению Информатики и вычислительной техники

зав.кафедрой д.т.н.,проф. Н.Ф.Бахарева

доцент к.т.н Е.М.Кузнецов

36 П П.А.Манышкин



Отзыв руководителя

Тип ВКР БАКАЛАВРСКАЯ РАБОТА

Студента(ки) Манышкина Павла Андреевича

Специальность/направление Информатика и вычислительная техника

Тема ВКР Разработка и внедрение коммерческого сайта ООО «Спец РСУ - 3»

Руководитель Кузнецов Евгений Михайлович

Ученая степень, звание к.т.н.

Место работы

(должность) Доцент

АКТУАЛЬНОСТЬ ТЕМЫ

Коммерческий сайт как электронное представительство неотъемлемая часть коммерческой деятельности фирмы на современном этапе. Коммерческий сайт подходит для размещения большого количества информации, позволяет оперативно обновлять информацию, четко контролировать рабочие процессы, автоматически обновлять прайс - листы. Причем, при правильной организации работы, коммерческий сайт будет приносить прибыль. А получение прибыли и ее увеличение - это основная цель любой коммерческой организации, не является исключением и ООО «Спец РСУ - 3».

ОЦЕНКА СОДЕРЖАНИЯ РАБОТЫ

Для разработки сайта могут быть использованы различные языки программирования и инструментальные средства. Манышкин П.А. подробно изучил их. На основе сравнительного анализа возможных решений он выбрал языки HTML и PHP, MySQL, а также редактор Adobe Photoshop, Notepad + +.

Считаю выбор обоснованным, так как:

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

они используют интерфейс, привычный и удобный для большинства пользователей.

При разработке проекта Манышкин П.А. подготовил:

базу данных коммерческого сайта,

макет структуры коммерческого сайта,

структуру веб - сайта,

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

СТЕПЕНЬ ДОСТИЖЕНИЯ ЦЕЛИ И ПРАКТИЧЕСКАЯ ЗНАЧИМОСТЬ

Выпускная квалификационная работа имеет практическое значение, она выполнена по заказу организации и уже применяется на практике. Апробация сайта успешно выполнена.

ЗАКЛЮЧЕНИЯ ПО ПРЕДСТАВЛЕННОЙ РАБОТЕ

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

Все разделы задания выполнены совершенно самостоятельно, в полном объеме и с высоким качеством.

На основании выше изложенного можно оценить выпускную квалификационную работу на «отлично». Считаю, что Манышкин П.А. заслуживает присвоения квалификации (степени) бакалавра техники и технологии по направлению «Информатика и вычислительная техника».

Руководитель ВКР



Реферат

Название Разработка и внедрение коммерческого сайта ООО «Спец РСУ - 3»

Автор П.А. Манышкин

Научный руководитель Е.М. Кузнецов

Ключевые слова Коммерческий сайт, электронное представительство, HTML, CSS, Java Script, FLASH, PHP, MySQL.

Дата публикации 2017

Библиографическое описание

Манышкин, П.А. Разработка и внедрение коммерческого сайта ООО «Спец РСУ - 3» [Текст]: дипломный проект / П.А. Манышкин. Поволжский государственный университет телекоммуникаций и информатики (ПГУТИ). Факультет заочного обучения (ФЗО). Кафедра информатики и вычислительной техники (ИВТ): науч. рук. Е.М. Кузнецов - Самара. 2017. - 77 с.

Аннотация

Разработка и внедрение коммерческого сайта фирмы как электронного представительства компании по строительно - ремонтным работам в нефтегазовой сфере.



Введение

Технологии на базе языка разметки HTML, протокола передачи гипертекстовых документов HTTP и стандарта идентификации ресурсов URI, которые называют WEB технологиями, появились не очень много лет назад. Несмотря на относительно небольшой срок практического использования, эти технологии сегодня доминируют в глобальной сети Интернет У многих людей понятие Интернет ассоциируется с инфраструктурой World Wide Web, которую называют Всемирной паутиной иди, коротко, - WEB средой. Темпы развития Интернет в последнее десятилетие действительно в значительной степени связаны и определяются WWW, однако следует отметить, что далеко не все проблемы, возникшие еще на этапе создания и развития новых технологий, решены в настоящее время. Важнейшей в этом перечне является проблема управления содержанием сайта. Термин «содержание» в данном случае не затрагивает семантическую сторону информации, представляемой в WEB пространстве, а подразумевает информационное наполнение или собственно данные [2]. Настоящая работа посвящена созданию системы управления содержанием коммерческого сайта ООО "Спец РСУ - 3". Подобные системы могут являться одним из вариантов решения важнейшей задачи на современном этапе эволюционного развития Всемирной паутины.

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

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

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

Цель настоящей выпускной квалификационной работы заключается в разработке и внедрения коммерческого сайта ООО "Спец РСУ - 3" и модели представления содержания и создании на базе этой модели системы управления содержанием сайга, которая может использоваться как средство реализации такого сценария интеграции приложений.

Объектом выпускной квалификационной работы является коммерческая деятельность ООО "Спец РСУ - 3".

Предметом выпускной квалификационной работы является процесс разработки и внедрения коммерческого сайта ООО "Спец РСУ - 3".

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

Проанализировать информационные технологии, применяемые для разработки сайтов;

Проанализировать коммерческую деятельность фирмы ООО "Спец РСУ - 3" с целью выявления структуры организации и требований заказчика к создаваемому сайту;

Спроектировать модель базы данных и структуру коммерческого сайта ООО "Спец РСУ - 3";

Разработать и разместить на хостинге базу данных и страницы коммерческого сайта ООО "Спец РСУ - 3"

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

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

сайт заказчик коммерческий контент



1. Анализ информационных технологий разработки сайтов и деятельности фирмы ООО "Спец РСУ - 3"

1.1 Анализ деятельности и структуры фирмы ООО "Спец РСУ - 3"

Областью специализации общества с ограниченной ответственностью (ООО) «Спец РСУ - 3» является: строительство, реконструкция, капитальный Услуги объектов нефтеперерабатывающей и нефтехимической промышленности.

ООО «Спец РСУ - 3» вправе заключать договоры по осуществлению организации работ по строительству, реконструкции и капитальному ремонту объектов капитального строительства, стоимость которых по одному договору составляет до трёх миллиардов рублей.

ООО «Спец РСУ - 3» имеет разрешение на исполнение функций генерального подрядчика на предприятиях:

Предприятия и объекты нефтеперерабатывающей и нефтехимической промышленности;

Объекты нефтегазового комплекса;

Промышленное строительство;

Объекты энергоснабжения до 110 кВт включительно;

Объекты теплоснабжения, водоснабжения и канализации.

ООО «Спец РСУ - 3» выступает в качестве генподрядной организации на нескольких крупных объектах строительства предприятий нефтеперерабатывающей и нефтехимической промышленности.

ООО «Спец РСУ - 3» прошло процедуру аккредитации в нефтяной компании ОАО «Роснефть» и тесно сотрудничает с предприятиями, входящими в структуру ОАО «НК «Роснефть».

ООО «Спец РСУ - 3» имеет земельные участки, с расположенными на них строениями:

2 - х этажное здание управления, г. Самара, ул. Грозненская - 33;

Здание управления механизации, г. Самара ул. 40 лет Пионерии - 25, с гаражом и хозяйственными постройками.

ООО «Спец РСУ - 3» располагает:

Растворобетонным узлом;

Зданиями бытового назначения;

Услугино - механическим корпусом;

Складскими помещениями и открытыми складами;

Лабораторией неразрушающего контроля;

Строительной лабораторией;

Электролабораторией;

Передвижными бытовыми помещениями и слесарными будками;

Парком собственной автомобильной и строительной техники.

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

Организационная структура предприятия ООО «Спец РСУ - 3» выглядит как показано на рис. 1.1.

Рис. 1.1 - Организационная структура предприятия ООО «Спец РСУ - 3»

Компания ООО «Спец РСУ - 3» организована в 2005 году группой инженеров - строителей.

На сегодняшний день ООО «Спец РСУ - 3» - это компания, обеспечивающая полный комплекс услуг для возведения зданий.

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

Основные виды дополнительной деятельности ООО «Спец РСУ - 3»:

Проектирование;

Новое строительство;

Промышленная реконструкция и капитальный ремонт;

Возведение бескаркасных арочных зданий;

Производство и монтаж металлоконструкций любой сложности (фермы, балки, колонны и мн. др.);

Устройство промышленных топпинговых и полимерных полов;

Возведение надстроек.

Конкурентные преимущества предприятия ООО «Спец РСУ - 3»:

Высокое качество работ;

Современность;

Гибкость;

Высокий уровень технической и технологической оснащенности;

Выполнение в установленные сроки.

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

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

Цели деятельности предприятия:

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

осуществляет на основе договоров взаимоотношения с юридическими лицами (включая иностранных);

самостоятельно планирует и осуществляет хозяйственную деятельность;

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

самостоятельно совместно с заказчиками определяет объемы строительно-монтажных работ по объектам и сроки их выполнения;

по своему усмотрению привлекает на договорной основе организации и физических лиц для совместного выполнения работ;

осуществляет контроль за своевременным и качественным обеспечением необходимой строительной документацией объектов;

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

производит взаиморасчеты с заказчиками, субподрядами организациями и поставщиками по материалам, изделиям, механизмам и транспорту;

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

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

Среднесписочная численность на 1 января 2016 г. составляла 233 работника.

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

Директор организует работу ООО «Спец РСУ - 3», управляет всей его деятельностью. Отвечает за качество выполняемых работ. Действует от имени предприятия и представляет его во всех организациях и учреждениях. В пределах своей компетенции издает приказы и распоряжения.

Предприятие ООО «Спец РСУ - 3» постоянно расширяет спектр своей деятельности, наращивает производственные мощности, осваивает новые направления. За годы успешной работы компания сумела завоевать имя надежного делового партнера. Сегодня развитая строительная индустрия Компании ООО «Спец РСУ - 3» позволяет обеспечить полный цикл строительно-монтажных работ. Широкие возможности растворобетонного узла, железобетонного цеха, столярного цеха, цеха металлоконструкций, парка автомобилей и строительной техники используются для собственных нужд компании и предоставления услуг.

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

Компания ООО «Спец РСУ - 3» соответствует высоким требованиям рынка по технической оснащенности, а это, в свою очередь, обеспечивает качественное и своевременное выполнение обязательств перед заказчиками.

Понятие надежности стало главным атрибутом работы предприятия, на всех стадиях производственного процесса:

от момента подготовки стройплощадки до окончания отделочных работ;

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

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

доверие клиентов.

Группа компаний ООО «Спец РСУ - 3» - это коллектив настоящих профессионалов, преданных своему делу. За достижение высокой эффективности, ответственный подход в строительстве и ориентацию на максимальный учет интересов заказчиков, предприятию не раз присуждались почетные награды. В 2015 году по инициативе Европейского сообщества предприятие получило награду "Европейский стандарт", за значительные заслуги в деятельности по сближению российских и европейских стандартов в экономической и социальной сферах общественной жизни, ставшую символом международного признания деятельности организации.

На основании рассмотренной организационной структуры ООО «Спец РСУ - 3» и рассмотренных видов деятельности компании, а также в результате собеседования с заказчиком в лице директора можно сформулировать ряд требований к создаваемому коммерческому сайту компании:

создаваемый коммерческий сайт должен содержать наиболее полную информацию о фирме ООО «Спец РСУ - 3»;

создаваемый коммерческий сайт должен содержать перечень всех услуг, предоставляемых компанией ООО «Спец РСУ - 3»;

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

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

создаваемый коммерческий сайт должен содержать базу данных предоставляемых услуг ООО «Спец РСУ - 3»;

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

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

Таким образом, была проанализирована деятельность компании ООО «Спец РСУ - 3», выявлена организационная структура фирмы, которая повлияет на структуру, создаваемого коммерческого сайта, и рассмотрены виды деятельности компании, а также в результате собеседования с заказчиком в лице директора сформулирован ряд требований к создаваемому коммерческому сайту компании.

1.2 Анализ информационных технологий разработки сайтов

Для создания современных сайтов обычно используются: HTML, CSS, Java Script (или VB Script), FLASH, PHP (или Perl) и реляционная база данных MySQL.

Клиентская среда (браузер, например Internet Explorer) является передним краем работы приложения. В этой среде, отображаются HTML ­ страницы в окне и обслуживаются истории сеансов HTML ­ страниц, отображаемых в браузере в течение сессии. Объекты этой среды, следовательно, обязаны иметь возможность манипулировать страницами, окнами и историей. Для этого и нужен клиентский язык ­ Java Script.

При работе с сервером необходимы PHP (или Perl) и реляционная база данных MySQL.

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

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

DHTML. На самом деле языка DHTML нет. Динамический HTML - это коммерческий термин, придуманный для описания технологий, которые были введены в последних версиях Web ­ браузеров и позволяют обходить ограничения HTML.

DHTML представляет собой комбинацию Web ­ стандартов:

CSS + JavaScript + DOM + XHTML = DHTML [9]

Где:

CSS - определяет атрибуты объектов;

Java Script - изменяет объекты;

DOM - находит объекты;

ХHTML - создает объекты (выполняет разметку текста).

Созданная на основе DHTML страница может изменяться без обращения к серверу за дополнительными данными, т.е. представляют собой клиентский код (client ­ side ­ code), который в свою очередь, позволяет существенно увеличить интерактивность Web ­ страниц.

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

Поддерживается всеми браузерами.

Использует стандартные технологии.

Можно вносить изменения в Web ­ страницу после ее загрузки.

Текстовые файлы DHTML загружаются быстрее, чем Flash и Java.

Не требует модулей расширения.

Прост в изучении.

Высокая скорость разработки Web ­ страниц.

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

Разный вид Web ­ страниц из ­ за несовместимости браузеров и операционных систем.

Java Script и CSS весьма чувствительны к ошибкам в синтаксисе.

Ненадежная работа в связи с ошибками в браузерах.

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

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

При использовании HTML и CSS важно следующее:

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

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

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

К тому же, HTML ­ код, не загроможденный определениями стилей, становится более читабельным. Дело в том, что в HTML одновременно присутствуют теги логического и физического форматирования Web ­ страниц. Так, существуют теги выделения текста полужирным шрифтом < b > и < strong >, также теги < i > и < em > выделения текста курсивом. Однако теги физического форматирования < b > и < i > просто выделяют текст (поэтому они признаны устаревшими и не рекомендованными к использованию), но теги логического форматирования < strong > и < em > не просто выделяют текст, но и придают ему особую важность. Если загрузить Web ­ страницу в специальный Web ­ обозреватель для незрячих, то он прочитает текст Web ­ страницы вслух, выделяя при этом содержимое тегов < strong > и < em > особой интонацией.

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

XHTML. Язык XHTML представляет собой смесь XML и HTML, которая постепенно заменяет HTML.

DOM. DOM (Document Object Model) - объектная модель документа, которая позволяет динамически менять Web ­ страницу, используя язык написания сценариев. DOM ставит каждому элементу или объекту, определенному с помощью атрибута ID (идентификатора объекта), функцию Java Script. А с помощью таких функций можно управлять свойствами атрибутов объекта, заданных через CSS.

Атрибут ID поддерживается всеми видимыми HTML ­ тегами. Его значение уникальное собственное имя элемента на странице, то есть на странице не должно быть нескольких элементов с одним id, в отличии от элемента class, который является вольным признаком для нескольких элементов. ID - основное понятие динамического HTML (DHTML). С его помощью Java Script определяет уникальный объект, и которым можно управлять с помощью Java Script [9].

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

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

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

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

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

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

Flash ­ технология требует определенных навыков от разработчика.

Слишком простая анимация для современных сайтов.

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

Несмотря на малый объем графических файлов, частые сбои при запуске содержимого, и некорректная работа проигрывателей flash в разных браузерах.

Flash и DHTML. Дизайнерам Web ­ сайтов часто приходится делать выбор между Flash и DHTML. Если DHTML позволяет работать с интерактивностью при помощи HTML, CSS и Java Script, то Flash представляет собой некоторый объект, встраиваемый в HTML ­ страницу, и является отдельной Internet ­ технологией.

В случае выбора, нужно определить, что будет размещено на сайте:

Для использования на сайте эффектов мультимедиа больше подходит Flash.

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

Языки программирования в Интернет. Все языки программирования, используемые при разработке Web ­ сайтов, можно разделить на две большие группы.

К первой относятся те из них, код которых выполняется на компьютере посетителя сайта -- в его браузере. Это - всем известные Java Script, VB Script, Java ­ апплеты. Программы, написанные на этих языках, встраиваются в код Web ­ страниц (или выносятся в отдельный файл с вызовом из Web ­ страницы).

Во вторую группу попадают те языки, программы на которых выполняются на том компьютере, где расположен Web ­ сервер. Эта группа гораздо обширнее, именно к ней и относится PHP. Однако от своих аналогов он выгодно отличается своей простотой. Создавая программы на этом языке, нет необходимости учитывать все те многочисленные мелочи, которые создают трудности программистам на C + + или Perl: не надо заботиться о правах доступа к файлам сценария или прописывать точные пути к различным модулям и т. д. Для тестирования PHP ­ программ на локальном компьютере необязательно устанавливать на нем ту же операционную систему, что и у провайдера хостинга сайта, где они будут применяться, достаточно лишь загрузить соответствующий Web ­ сервер и подключить к нему модуль PHP и целиком сосредоточиться на решаемой задаче.

Программы, написанные на PHP, выполняются на стороне сервера, т.е. начинают работать до загрузки страницы после подачи вашего запроса (например, ввода адреса). Они обрабатываются программой ­ сервером и в качестве ответа на ваш запрос выдают динамически (т.е. в зависимости от запроса, интерактивно) генерируемые страницы [6]. Эти страницы могут содержать как стандартные HTML ­ тэги, так и «скрипты» (маленькие программы WEB ­ приложения, выполняемые на стороне клиента), написанные на Java Script или VB Script, которые начнут выполняться после полной загрузки браузером сгенерированной на сервере страницы.

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

Скорость выполнения скрипта или программы. Среди локальных, наивысшим быстродействием обладает Java Script, среди серверных рекордсменом по обработке небольших объемов данных и текста является Perl. PHP -- на втором месте, но при этом имеет широчайшие возможности доступа практически к любым серверам баз данных [4].

Секретность. Скрипты на Java Script и VB Script встраиваются непосредственно в web ­ страницу и остаются видны в коде страницы во время ее просмотра. То есть исходный текст любого скрипта, написанного на встроенном языке, мы можем просмотреть, открыв HTML ­ код страницы. Естественно, ни о какой секретности, безопасности или соблюдении авторских прав в данном случае речь не идет -- кто захочет, тот и просмотрит, скопирует и переделает на свой лад. Программы на Perl пишутся в виде отдельных файлов и подключаются к странице с помощью директив SSI, тэгов IFRAME или IMG. При этом в коде страницы мы получаем результат выполнения скрипта, а не его исходный код. Режим секретности -- максимальный. Программы на PHP, так же как и на Java Script, встраиваются в тело страницы и, но как и Perl ­ программы, возвращают пользователю только результат выполнения.

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

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

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

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

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

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

Отслеживание событий. Событием называется определенное действие пользователя или изменение состояния документа. Java Script отслеживает большинство событий и позволяет определять реакцию на них. Например, при загрузке веб ­ страницы происходит событие onLoad. Если необходимо запустить скрипт сразу после загрузки документа, следует этому событию назначить функцию, которая будет выполняться при его наступлении [3].

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

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

Математические функции. Java Script содержит все необходимые арифметические операции, поддерживает все стандартные математические функции, как с целыми числами, так и с плавающей точкой.

Управление содержимым документа. Через метод write () можно вставлять любую информацию в уже созданный документ, например, сегодняшнюю дату. А также формировать полностью новый документ динамически. Это позволяет учитывать особенности поведения различных браузеров и операционных систем, выводя для них свой собственный текст.

Разумеется, здесь описаны не все возможности языка Java Script, но и указанного достаточно, чтобы понять, что это мощное, гибкое, универсальное и удобное средство расширить возможности веб ­ страниц.

При разработке приложения Java Script нужно помнить о разнице между клиентской и серверной платформами.

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

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

Выбор 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 () легко обеспечить отправку почтового сообщения по какому ­ либо адресу со страниц сайта и т. д [21].

Одним из наиболее заметных достоинств PHP является возможность легкой работы с серверами баз данных. Для этого достаточно установить на Web ­ сервере программу работы с базой данных (наиболее часто используется бесплатная MySQL) и включить в текст PHP ­ сценария команды работы с нею. Возможности языка весьма серьезно расширяются с помощью дополнительных модулей, содержащих различные функции. Они при необходимости размещаются там же, где установлен PHP ­ интерпретатор, а загрузить их можно с адреса www.php.net, там же, в разделе документации, приведено и полное описание работы с ними. Например, модуль Zlib позволяет работать из программы на PHP с архивами в формате Gzip, а Libswf -- с Flash ­ презентациями, создавая их и редактируя прямо на сервере. Так как PHP -- развивающийся язык, то новые модули появляются довольно часто. Однако применять их получится только после установки на Web ­ сервер, чему провайдеры хостинговых услуг содействуют в полной мере. Поэтому при желании использовать функции из какого ­ либо модуля (да и самого языка PHP) сначала необходимо проверить, поддерживает ли их Web ­ сервер хостинга, на котором будет размещен коммерческий сайт. Сделать это довольно просто, разместив на сервере страницу со строчкой:

< ? php phpinfo ( ) ? >

и загрузив ее с сервера в браузер (на ней будет отображена информация о версии PHP, параметрах Web ­ сервера и многом другом, в т. ч. дополнительных модулях).

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

По свой идеологии PHP изначально был ориентирован на написании небольших скриптов.

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

Программа, написанная на языке РНР, выполняется на сервере. Браузер посылает серверу запрос на страницу с PHP ­ кодом. Сервер отдает эту страницу на исполнение интерпретатору PHP, интерпретатор генерирует HTML ­ код, отдает серверу, а сервер посылает клиенту. Никакого РНР кода в браузер не попадает. Увидеть исходный PHP ­ код невозможно.

РНР не выполняется в браузере. РНР находится на сервере и ждет новых запросов с данными для обработки. PHP, но не скрипт. Это программа, которая выполнилась на сервере, отдала пользователю HTML ­ страницу и завершила работу. Все данные, которые были в нем ­ пропали. Именно поэтому, если какая ­ то переменная нужна при последующих вызовах, ее надо передать снова.

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

Применение PHP можно разделить на три группы:

Самое простое (но очень мощное) применение ­ это использование PHP для создания сайтов из модулей. Записать все неизменяемые части сайта в отдельные файлы (меню, шапку, тело) и вместо того, чтобы писать одно и то же на каждой странице, просто вызывать вложение соответствующего модуля. Это уже значительно облегчит работу с сайтом. К примеру, если добавится новый пункт в меню.

Следующий этап ­ создание отдельных небольших программок. Это может быть голосование, гостевая книга, конференции, форум и пр. PHP применяется тогда, когда нужно информацию хранить на сервере. К примеру, гостевую книгу на Java Script написать можно, но вот увидит её сообщения только тот, кто их добавлял.

Распространение PHP па планете началось в тот миг, когда было придумано не добавлять материалы на сайт не обычным способом, закачивая HTML файлы по FTP, а забивая текст в форму, как сообщение в гостевую книгу. В этом случае пишутся две программы, одна из которых позволяет администратору добавить информацию на сайт, а вторая ­ показывает эту информацию посетителям. Сегодня так устроены практически все современные сайты. Первоначально PHP было сокращение от Personal Home Page, теперь это означает Personal Hypertext Preprocessor.

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

Достоинства:

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

Высокая скорость выполнения процедур запросов в СУБД, написаны компилируемом языке С, который на два порядка производительнее интерпретируемого языка PHP.

Работа с файловой системой осуществляется быстрее, чем при использовании СУБД. Так, поисковая система Google, известная высокой скоростью обработки запросов, основана на модели плоских файлов и не использует базы данных.

Недостатки:

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

Применение СУБД вызвано в основном из ­ за того, что информация в Интернет может отображаться как пассивно (то есть пользователь может только считывать её), так и активно -- тогда пользователь может добавлять информацию и редактировать её. Это: гостевые книги, форумы, чаты, блоги, wiki ­ проекты, системы управления контентом и т.п [15].

Преимущества использования СУБД в этом случае очевидны: все рутинные операции по записи, поиску и извлечению информации берет на себя сервер SQL, программисту остается только сосредоточиться на логике WEB ­ приложения. MySQL управляет доступом к данным, позволяя работать с ними одновременно нескольким пользователям, при этом гарантируя предоставление доступа только тем пользователям, которые имеют на это право. СУБД стала стандартом для использования в WEB ­ приложениях благодаря своей производительности, простоте установки и обслуживании.

AJAX. Сейчас WEB ­ проекты становятся все сложнее и соответственно медленнее происходит их выполнение, что в некоторых случаях значительно раздражает пользователей. Да и разработка занимает длительное время. Решение этой проблемы лежит в двух направлениях:

Шаблоны. В настоящее время разработка WEB - приложений стремится к разграничению клиентской части и серверной, этим и обуславливается повсеместное использование шаблонов. Переплетать между собой различные технологии становиться слишком дорого для времени разработчика. Так, например, все стили форматирования выносятся в CSS или в XSL файлы, HTML или XML данные хранятся в других разделах, серверные обработчики в третьих, базы данных в четвертых. И если еще 5 ­ 6 лет назад практически везде можно было увидеть переплетение всего этого в одном файле, то сейчас это все чаще становиться редкостью.

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

AJAX - это радикально новая технология. Если предположить, что Java Script, который обладает всем возможностями PHP или Perl, включая работу с графикой и базами данных, который имеет гораздо более удобную расширяемость и практичность.

AJAX (Asynchronous Java script and XML -- «асинхронный Java Script и XML») -- это подход к построению интерактивных пользовательских интерфейсов веб ­ приложений, заключающийся в фоновом обмене данными браузера с веб ­ сервером. В результате при обновлении данных веб ­ страница не перезагружается полностью, и веб ­ приложения становятся более быстрыми и удобными. AJAX ­ один из компонентов концепции DHTML.

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

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

Уменьшение нагрузки на сервер. AJAX позволяет несколько снизить нагрузку на сервер. К примеру, в Gmail, когда вы отмечаете прочитанные письма, серверу достаточно внести изменения в базу данных и отправить клиентскому скрипту сообщение об успешном выполнении операции без необходимости повторно создавать страницу и передавать её клиенту.

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

Недостатки:

Интеграция со стандартными инструментами браузера. Динамически создаваемые страницы не регистрируются браузером в истории посещения страниц, поэтому не работает кнопка «Назад» предоставляющая пользователям возможность вернуться к просмотренным ранее страницам, но существуют скрипты, которые могут решить эту проблему. Другой недостаток изменения содержимого страницы при постоянном URL заключается в невозможности сохранения закладки на желаемый материал. Частично решить эти проблемы можно с помощью динамического изменения идентификатора фрагмента (части URL после #), что позволяют многие браузеры.

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

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

Таким образом, были проанализированы современные информационные технологии создания коммерческих сайтов. Для создания коммерческого сайта ООО "Спец РСУ - 3" целесообразно использовать комплекс современных технологий, а не какую-то одну, что будет полностью соответствовать требованиям заказчика.



2. Проектирование коммерческого сайта ООО "Спец РСУ - 3"

2.1 Проектирование структуры коммерческого сайта ООО "Спец РСУ - 3"

Приступаем к проектированию структуры коммерческого сайта ООО "Спец РСУ - 3". Данный этап, как и этап планирования проекта, имеет очень важное значение.

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

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

Условно сайт можно разбить на следующие составляющие:

структурная;

функционально-техническая (движок);

контентная (содержательная);

дизайнерская.

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

Кроме того, так будет проще разделить работу на различные этапы разработки сайта. Необходимо на этом этапе озадачить сотрудников компании ООО "Спец РСУ - 3" подготовкой разграничения прав доступа к будущему сайту.

Проработка функционально-технической части сайта должна проходить по разработанной структуре. Заказчику компании ООО "Спец РСУ - 3" нет смысла самой разбираться в технических тонкостях, связанных с разработкой сайта, в том случае, когда она планирует создать себе всего один корпоративный- коммерческий сайт (причем с достаточно сложным функционалом), а затем заниматься его дальнейшим развитием и продвижением.

Хотя, на самом деле, не все тут так однозначно, поскольку сейчас есть немало специализированных систем (CMS - content management system), с помощь которых можно самостоятельно решать многие технические задачи, необходимые для создания сайта.

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

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

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

...