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

Тип работы:
Дипломная
Предмет:
Программирование


Узнать стоимость

Детальная информация о работе

Выдержка из работы

Реферат

web сайт программный модель

Целью дипломной работы является проектирование и разработка Web-сайта, с использованием современных технологий разработки, направленного на охрану труда завода ОАО ААК Прогресс.

Поставленные задачи:

1) Выполнить обзор и сравнительный анализ современных методов и инструментов для разработки Web-сайтов;

2) Выбрать наиболее оптимальный вариант разработки сайтов;

3) Разработать модель сайта, его структуру;

4) Разработка Web-сайта с использованием современных программных средств разработки;

5) Рассчитать экономическую эффективность от внедрения Web-сайта;

В ходе работы были достигнуты все поставленные цели.

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

Выбран оптимальный способ разработки

Разработана модель сайта

Разработан Web сайт

Рассчитана экономическая эффективность

Введение

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

Интернет — всемирная сеть, которая объединяет множество компьютерных сетей различного уровня и отдельных компьютеров, обменивающих друг с другом информацией по каналам общественных телекоммуникаций на базе протоколов связи TCP/IP. Информация в Интернет хранится на серверах. Серверы, объединенные высокоскоростными магистралями, составляют базовую часть сети Интернет. Доступ пользователей к информационным ресурсам Интернет обычно осуществляется через провайдеров или корпоративную сеть. На сегодняшний день количество пользователей Интернет стремительно растет. По данным на июнь 2012 года, количество пользователей посещающих Интернет, насчитывает 2,4 миллиарда человек. Образование — процесс передачи систематизированных знаний, навыков и умений от одного поколения к другому. Будучи само по себе мощной информационной сферой и обладая опытом использования различных классических (не компьютерных) информационных систем, образование быстро откликнулось на возможности современной техники. На наших глазах возникают нетрадиционные информационные системы, связанные с обучением.

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

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

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

Целью дипломной работы является проектирование и разработка Web — сайта, с использованием современных технологий разработки, направленного на охрану труда завода ОАО ААК Прогресс.

Задачи:

1) Выполнить обзор и сравнительный анализ современных методов и инструментов для разработки Web — сайтов;

2) Выбрать наиболее оптимальный вариант разработки сайтов;

3) Разработать модель сайта, его структуру

4) Разработка Web-сайта с использованием современных программных средств разработки.

5) Рассчитать экономическую эффективность от внедрения Web — сайта.

1. Анализ предметной области проектирования

1. 1 Технико-экономическая характеристика предметной области

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

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

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

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

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

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

Задачами охраны труда являются:

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

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

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

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

— обучение и инструктирование работающих правилам и требованиям безопасности;

— разработка мероприятий по улучшению условий труда и обеспечению норм и правил безопасности труда. [29]

Целью работы является разработка Web — сайта направленного на охрану труда Предприятия ОАО ААК «Прогресс».

1.1.1 Характеристика предприятия ОАО ААК «Прогресс»

Арсеньевская авиационная компания «Прогресс» имени Н. И. Сазыкина — авиастроительная компания, расположенная в городе Арсеньев Приморского края. Авиационный завод является крупнейшим высокооснащенным предприятием, носителем уникальных авиационных и ракетостроительных технологий. Это единственное предприятие на Дальнем Востоке, которое входит в объединение «Камов». История завода начинается с 1936 года, с выбора площадки и строительства авиаремонтного завода и рабочего поселка в селе Семеновка. После ввода в эксплуатацию первых корпусов уже в 1939 г. были начаты работы по ремонту самолетов и их двигателей, а с 1941 г. производство учебно-тренировочных самолетов УТ-2. Фюзеляж самолета, центроплан и крылья изготавливались из древесины.

Сегодня авиакомпания «Прогресс» является открытым акционерным обществом со смешанной формой собственности. Контрольный пакет акций принадлежит государству. Год акционирования — 1993.

Производственная площадь завода — 290 000 квадратных метров. Численность рабочего персонала составляет около 4000 человек. Авиатехника, произведенная заводом, неоднократно демонстрировалась на международных авиасалонах и выставках вооружений. ААК «Прогресс» на протяжении десятилетий тесно сотрудничал со всемирно известными конструкторскими бюро — А. С. Яковлева, О. К. Антонова, М. Л. Миля, Н. И. Камова, А. Н. Туполева, МКБ «Радуга».

Визитной карточкой ААК «Прогресс» являются выпускаемые по заказам Министерства обороны России боевые вертолеты Ка-50 «Черная Акула» и Ка-52 «Аллигатор» разработки ОКБ Камова. Кроме того освоены для поставок на экспорт крылатые сверхзвуковые ракеты комплекса «Москит-Е».

Более 30 лет для нужд заказчиков в необходимых объемах осуществлялись поставки ракет морского базирования нескольких марок.

В послевоенные годы предприятие не расставалось с самолетами малой авиации: здесь выпускались различные модификации спортивно-пилотажных машин Як-18, Як-50, Як-55, и в настоящее время авиакомпания производит двухместные спортивные самолеты мастерского класса типа Як-54. Этот самолет, созданный на базе отработанных систем и агрегатов одноместного спортивно-акробатического самолета Як-55М, прост в управлении. Его пилотирование вполне доступно даже начинающему летчику. Большой запас прочности, высокая энерговооруженность и отличная управляемость дают возможность опытному спортсмену выполнять на Як-54 сложнейшие маневры высшего пилотажа. На этом самолете российские спортсмены неоднократно завоевывали призовые места на соревнованиях разного уровня.

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

Сфера деятельности завода:

— Разработка, производство, сервисное обслуживание модернизация и ремонт вооружения и военной техники;

— Утилизация вооружения и военной техники;

— Разработка, производство, распространение и сервисное обслуживание аэрокосмической техники, иной продукции производственно-технического назначения, товаров народного потребления.

На сегодняшний день, ОАО ААК «Прогресс» обладает такими технологическими возможностями, как литейное производство и производство деталей из пластиков и резины.

По литейному производству можно изготовить:

— Изготовление модельной деревянной оснастки любой сложности и конфигурации.

— Отливки по выплавляемым моделям из конструкционных легированных сталей 25Л, 35ХГС, нержавеющих сталей ВНЛ-3, ВНЛ-4, алюминиевых сплавов АЛ-9, АЛ-19, ВАЛ-10 с габаритами до 500*200*300 мм, с минимальной толщиной стенки 3 мм. Сплавы в печах ИСТ- 0,16

— Литье в землю из магниевых сплавов МЛ-5, МЛ-5Пч, алюминиевых сплавов АЛ-9, АЛ-19, АЛ-2, ВАЛ-10 различной сложности и конфигурации. Максимальный вес отливок 200 кг, минимальная толщина стенки 4 мм. Выплавить металл в печах сопротивления емкостью 250 кг.

— Отливки титанового сплава ВТ5Л по выплавляемым моделям и в набивные графитовые формы. Максимальный вес отливок до 100 кг, минимальная толщина стенки 3 мм. Выплавка сплава в вакуумных дуговых печах ВДЛ-4, НИАТ 833Д.

— Стальные и чугунные отливки из сплавов 25Л, Сч18, 110Г13Л, полученные литьем в землю. Максимальный вес отливок 400 кг. Выплавить металл в индукционных печах ИСТ- 0,4 — емкостью 400 кг и ИСТ — 1,0 — емкостью 1 тонна. Термообработку сплавов 110Г13Л в нагревательных печах при температуре 10 000 градусов.

— Отливки из алюминиевого сплава АЛ-2, полученных литьем под давлением на машинах А71 108. Вес отливок до 3-х кг.

— Литье в кокиль из алюминиевых сплавов АЛ-9, АЛ-19, АЛ-2, ВАЛ-10. Вес отливок до 10 кг.

— Литье крупногабаритных тонкостенных отливок из сплава АЛ-2, полученные параллельным сближением полуформ на литейно-выжимных машинах ВП-10, ВП-20, ЛПС-9.

На предприятии имеется парк гидропрессов для формовки изделий из различных резиновых смесей по спецификации заказчика.

В числе первых в отрасли, ААК «Прогресс» разработала и успешно реализовала программу модернизации действующей системы качества. Компания имеет заключение системы добровольной сертификации «Военный регистр» № ВР 04. 212. 1541−2004 о наличии на предприятии условий, обеспечивающих выполнение государственного оборонного заказа при производстве, обслуживании и ремонте вооружения и военной техники.

Из года в год компания наращивает технический потенциал, осваивая производство новых самолетов и вертолетов. Завод работает в тесном контакте с всемирно известными конструкторскими бюро ОАО «Камов», ОАО «МВЗ имени М.Л. Миля», ОАО «Государственное МКБ „Радуга“ имени А.Я. Березняка» и ОАО «ОКБ имени А.С. Яковлева». Трудовые заслуги коллектива завода были отмечены правительственными наградами: орденами Трудового Красного Знамени (1977 г.) и Октябрьской революции (1986 г.). 1]

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

1.2 Интернет технологии

1.2.1 Интернет

Интернет — всемирная сеть, которая объединяет множество компьютерных сетей различного уровня и отдельных компьютеров, обменивающих друг с другом информацией по каналам общественных телекоммуникаций на базе протоколов связи TCP/IP. Информация в Интернет хранится на серверах. Серверы, объединенные высокоскоростными магистралями, составляют базовую часть сети Интернет. Доступ пользователей к информационным ресурсам Интернет обычно осуществляется через провайдеров или корпоративную сеть. На сегодняшний день количество пользователей Интернет стремительно растет. По данным на июнь 2012 года, количество пользователей посещающих Интернет, насчитывает 2,4 миллиарда человек.

В сети Интернет существует несколько сервисов или служб (E-mail, USENET, TELNET, WWW, FTP и др.), но наиболее популярной службой является WWW. Услуги WWW построены по принципу клиент-сервер. Служба состоит из серверов, доступ к серверам осуществляется клиентскими приложениями или браузерами. Основной объем информационных ресурсов в виде веб-страниц или файлов в формате html находится на веб-сайтах, размещенных на Web-серверах (на хостингах) сети Интернет.

Сайт является набором веб-страниц, объединенных общей тематикой и связанных между собой гиперссылками, единой системой навигации. Прикладным протоколом для передачи гипертекста (веб-страниц) является http (https), который указывается в URL или адресе любого ресурса (документа, файла) в Internet. Общий вид URL: протокол: //хост-компьютер/имя файла (например: http: //www. lessons-tva. info/book. html). 3]

1.2.3 История развития глобальной сети Интернет

В 1957 году Министерство обороны США посчитало, что на случай войны Америке нужна надёжная система передачи информации. Агентство по перспективным оборонным научно-исследовательским разработкам США (DARPA) предложило разработать для этого компьютерную сеть. Разработка такой сети была поручена Калифорнийскому университету в Лос-Анджелесе, Стэнфордскому исследовательскому центру, Университету Юты и Университету штата Калифорния в Санта-Барбаре. Компьютерная сеть была названа ARPANET (англ. Advanced Research Projects Agency Network), и в 1969 году в рамках проекта сеть объединила четыре указанных научных учреждения. Все работы финансировались Министерством обороны США. Затем сеть ARPANET начала активно расти и развиваться, её начали использовать учёные из разных областей науки.

Первый сервер ARPANET был установлен 2 сентября 1969 года в Калифорнийском университете (Лос-Анджелес). Компьютер Honeywell DP-516 имел 24 Кб оперативной памяти.

29 октября 1969 года в 21: 00 между двумя первыми узлами сети ARPANET, находящимися на расстоянии в 640 км -- в Калифорнийском университете Лос-Анджелеса (UCLA) и в Стэнфордском исследовательском институте (SRI) -- провели сеанс связи. Чарли Клайн (Charley Kline) пытался выполнить удалённое подключение из Лос-Анджелеса к компьютеру в Стэнфорде. Успешную передачу каждого введённого символа его коллега Билл Дювалль (Bill Duvall) из Стэнфорда подтверждал по телефону.

В первый раз удалось отправить всего три символа «LOG», после чего сеть перестала функционировать. LOG должно было быть словом LOGIN (команда входа в систему). В рабочее состояние систему вернули уже к 22: 30, и следующая попытка оказалась успешной. Именно эту дату можно считать днём рождения Интернета.

К 1971 году была разработана первая программа для отправки электронной почты по сети. Эта программа сразу стала очень популярна.

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

В 1970-х годах сеть в основном использовалась для пересылки электронной почты, тогда же появились первые списки почтовой рассылки, новостные группы и доски объявлений. Однако в то время сеть ещё не могла легко взаимодействовать с другими сетями, построенными на других технических стандартах. К концу 1970-х годов начали бурно развиваться протоколы передачи данных, которые были стандартизированы в 1982--1983 годах. Активную роль в разработке и стандартизации сетевых протоколов играл Джон Постел. 1 января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP, который успешно применяется до сих пор для объединения (или, как ещё говорят, «наслоения») сетей. Именно в 1983 году термин «Интернет» закрепился за сетью ARPANET.

В 1984 году была разработана система доменных имён (англ. Domain Name System, DNS).

В 1984 году у сети ARPANET появился серьёзный соперник: Национальный научный фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (англ. National Science Foundation Network), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо бомльшую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров, название «Интернет» начало плавно переходить к NSFNet.

В 1988 году был разработан протокол Internet Relay Chat (IRC), благодаря чему в Интернете стало возможно общение в реальном времени (чат).

В 1989 году в Европе, в стенах Европейского совета по ядерным исследованиям (ЦЕРН) родилась концепция Всемирной паутины. Её предложил знаменитый британский учёный Тим Бернерс-Ли, он же в течение двух лет разработал протокол HTTP, язык HTML и идентификаторы URI.

Соавтор Тима Бернерса-Ли по формулировке целей и задач проекта World Wide Web в ЦЕРН, бельгийский исследователь Роберт Кайо, разъяснял позднее его понимание истоков этого проекта:

История всех великих изобретений, как это давно и хорошо известно, базируется на большом числе им предшествующих. В случае Всемирной паутины (WWW) следовало бы в этом контексте, видимо, отметить по крайней мере два важнейших для успеха проекта пути развития и накопления знаний и технологий: 1) история развития систем типа гипертекста …; 2) Интернет-протокол, который собственно и сделал всемирную сеть компьютеров наблюдаемой реальностью.

В 1990 году сеть ARPANET прекратила своё существование, полностью проиграв конкуренцию NSFNet. В том же году было зафиксировано первое подключение к Интернету по телефонной линии (т. н. «дозвомн», англ. dialup access).

В 1991 году Всемирная паутина стала общедоступна в Интернете, а в 1993 году появился знаменитый веб-браузер NCSA Mosaic. Всемирная паутина набирала популярность.

Можно считать, что существует две ясно различимые эры в истории Web: [до браузера Mosaic] Марка Андриссена и после.

Именно сочетание веб-протокола от Тима Бернерс-Ли, который обеспечивал коммуникацию, и браузера (Mosaic) от Марка Андриссена, который предоставил функционально совершенный пользовательский интерфейс, создало условия для наблюдаемого взрыва (интереса к Веб). За первые 24 месяца, истекшие после появления браузера Моsaic, Web прошел стадию от полной неизвестности (за пределами считанного числа людей внутри узкой группы ученых и специалистов лишь одного мало кому известного профиля деятельности) до полной и абсолютно везде в мире его распространенности. В 1995 году NSFNet вернулась к роли исследовательской сети, маршрутизацией всего трафика Интернета теперь занимались сетевые провайдеры, а не суперкомпьютеры Национального научного фонда. В том же 1995 году Всемирная паутина стала основным поставщиком информации в Интернете, обогнав по трафику протокол пересылки файлов FTP. Был образован Консорциум Всемирной паутины (W3C). Можно сказать, что Всемирная паутина преобразила Интернет и создала его современный облик. С 1996 года Всемирная паутина почти полностью подменяет собой понятие «Интернет». В 1990-е годы Интернет объединил в себе большинство существовавших тогда сетей (хотя некоторые, как Фидонет, остались обособленными). Объединение выглядело привлекательным благодаря отсутствию единого руководства, а также благодаря открытости технических стандартов Интернета, что делало сети независимыми от бизнеса и конкретных компаний. К 1997 году в Интернете насчитывалось уже около 10 млн компьютеров, было зарегистрировано более 1 млн доменных имён. Интернет стал очень популярным средством для обмена информацией.

В настоящее время подключиться к Интернету можно через спутники связи, радио-каналы, кабельное телевидение, телефон, сотовую связь, специальные оптико-волоконные линии или электропровода. Всемирная сеть стала неотъемлемой частью жизни в развитых и развивающихся странах. [5]

В течение пяти лет Интернет достиг аудитории свыше 50 миллионов пользователей. Другим средствам коммуникации требовалось гораздо больше времени для достижения такой популярности это можно проследить на Таблице 1:

Таблица 1 — Сроки популяризации информационных технологий

Информационная среда

Время

Радио

38 лет

Телевидение

13 лет

Кабельное телевидение

10 лет

Интернет

5 лет

1.3 Интернет технологии

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

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

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

Как только появились первые компьютеры, появились и первые интернет — технологии. Они были разработаны для взаимодействия компьютеров между собой. Переломным моментом в развитии этих технологий стали создание Интернета и первого браузера в начале 90-х годов.

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

Главными свойствами информационных технологий являются:

— Развитие информационных ресурсов общества.

— Оптимизация информационных процессов.

— Доведение информации и информационное воздействие между людьми.

— Ускорение интеллектуального развития общества.

— Влияние на все сферы деятельности общества.

Интернет — технологии представляют собой сложную систему взаимодействия двух составляющих: физической и логической.

Физическая составляющая Интернет — технологий включает в себя:

1) Сеть Интернет

— Протоколы TCP/IP.

— Иерархия доменных имен сети Интернет.

— Опорная сеть Интернета. Маршрутизация.

2) Программное обеспечение в Интернете

— Сетевые операционные системы.

— Специальное программное обеспечение для соединения с Интернетом.

— Прикладные протоколы.

3) Компьютеры (серверы и клиенты) в Интернете

— Серверы электронной почты

— Web — серверы.

— FTP — серверы.

— Серверы телеконференций.

— Серверы мгновенных сообщений.

4) Цифровые линии связи

— Выбор провайдера.

— Подключение к Интернету

5) Доступ в Интернет

— Соединение сетевой карты с локальной сетью.

— Кабельные системы Ethernet.

6) Удаленный доступ к глобальным сетям.

— Доступ «компьютер — сеть».

— Доступ «сеть-сеть».

Логическая составляющая Интернет — технологий включает в себя:

1) Интернет — сервисы

— WWW — Всемирная паутина

— Электронная почта. Системы телеконференций.

— Передача данных.

— Онлайн чат.

— Передача быстрых сообщений.

— Аудио- и Видеоконференции.

— Голосовое общение.

2) Работа в Интернете

— Браузеры.

— Поисковые системы. Навигация в Интернете.

— Просмотр страниц в браузере.

3) Информационные ресурсы в Интернете

— Web-страницы, Интернет-магазины, интернет-порталы. Web-пространство.

— URL и протоколы передачи данных, адресация.

— Создание Web — сайтов. Языки Web — программирования.

— Записи в Интернете. Представительство.

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

Таким образом, интернет — технологии неоспоримо производят огромное влияние как на жизнь, так и на развитие человека во всех сферах его существования, поэтому существует огромная перспектива для развития. 5]

1.4 Технологии используемые при создании сайтов

1.4.1 Php

Php — это скриптовый язык программирования, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных. На данный момент он поддерживается практически всеми представителями хостинга, входит в «стандартный» набор для создания сайтов (LAMP — Linux, Apache, MySQL, PHP).

Благодаря своей простоте, скорости выполнения, богатой функциональности, распространению исходных кодов на основе лицензии PHP, этот язык является чуть ли не самым популярным в области технологий создания сайтов. Отличается наличием ядра и подключаемых модулей, «расширений»: для работы с базами данных, сокетами, динамической графикой, криптографическими библиотеками, документами формата PDF и т. п. Есть возможность разработать, а также подключить дополнительное расширение. 15]

Возможности PHP очень обширны. Главным образом, PHP применяется при написании скриптов, работающих на стороне сервера; таким образом, PHP способен выполнять всё то, что выполняет любая другая программа CGI (например, обрабатывать данных форм, генерировать динамические страницы, отсылать и принимать cookies). Но PHP дает возможность выполнять также множество других задач.

Существуют три основных области, где используется PHP:

— создание скриптов для выполнения на стороне сервера.

— создание скриптов для выполнения в командной строке.

— создание приложений GUI, выполняющихся на стороне клиента.

Помимо этого PHP:

— доступен для большинства операционных систем, включая Linux, многие модификации Unix (такие, как HP-UX, Solaris и OpenBSD), Microsoft Windows, Mac OS X, RISC OS, и многих других.

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

— поддерживает обширный круг баз данных.

— поддерживает DBX для работы на абстрактном уровне (таким образом можно работать с любой базой данных, использующих DBX); ODBC (т.е. вы можете работать с любой базой данных, поддерживающей этот стандарт).

— поддерживает «общение» с другими сервисами с использованием различных протоколов: LDAP, IMAP, SNMP, NNTP, POP3, HTTP, COM (на платформах Windows), а также многих других.

— поддерживает стандарт обмена сложными структурами данных WDDX.

— поддерживает объекты Java, дает возможность использовать их в качестве объектов PHP.

— дает возможность формировать изображения, файлы PDF, ролики Flash, создаваемые «на лету»; способен выдавать любые текстовые данные (XHTML, другие XML-файлы); автоматически генерировать и сохранять в файловой системе вашего сервера.

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

— поддерживает многие другие расширения (функции поисковой машины mnoGoSearch, функции IRC Gateway, функции для работы со сжатыми файлами (gzip, bz2), функции календарных вычислений, функции перевода и др.)[16]

1.4.2 Java Script

Это относительно молодой язык программирования, но уже очень популярный в области технологий создания сайтов. На данный момент, работа над ним еще не закончена. Он постоянно дорабатывается и совершенствуется. Технический комитет работает над существенными расширениями, включая механизмы для сценариев, которые будут созданы для применения в Internet, а также более жесткой координацией с другими основными стандартами групп World Wide Web Консорциум и Wireless Application Protocol Форум. Java Script уже сыграл очень важную роль в развитии технологий создания сайтов

В настоящее время используется третье издание ECMA-262, включающее мощные регулярные выражения, лучшую обработку строк, новые инструкции контроля, управления, перехват и обработку исключительных ситуаций, более жесткое определение ошибок, форматирование для числового вывода и незначительные изменения в ожидании ввода средств многоязычности и будущего развития языка. 20,21]

1.4.3 HTML

Этот язык является базовым в области технологий создания сайтов, так как относительно легок в освоении. Но чрезмерная простота является и его недостатком. HTML (от английского Hyper Text Markup Language — язык разметки гипертекста) прекрасно отвечал требованиям раннего периода развития технологий создания сайтов, но с дальнейшим его развитием возникли существенные проблемы. HTML предоставляет следующие возможности:

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

— Получать информацию из Сети через ссылки гипертекста при нажатии кнопки.

— Создавать формы для посылки запросов на удаленные компьютеры, чтобы производить поиск информации, осуществлять бронирование, заказывать товары и т. п.

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

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

Язык HTML предназначен для формирования и оформления страниц текста, который предназначен для просмотра в сети Интернет с помощью специальных программ — браузеров (основные из них Netscape Navigator (фирмы Netscape) и Internet Explorer (фирмы Microsoft). 9]

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

Для формирования файла HTML нет необходимости в использовании мощного текстового процессора, более удобно использование, например, редактора Notepad (Блокнот). Содержимое HTML-страниц представлено в гипертекстовом виде, что предполагает наличие в документе, отображаемом на экране, выделенных определенным образом мест, щелкнув мышью по которым, можно переместиться в другую часть этой же страницы или на другую страницу. 8]

1.4.4 XML

(eXtensible Markup Language) — расширяемый язык разметки. Основное внимание в XML сосредоточено на данных. В XML структурная разметка данных и представление данных строго разделены.

Основные причины создания XML:

— попытка предоставить мощные средства форматирования и структурирования данных всем желающим;

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

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

Каждый документ XML должен начинаться с пролога, указывающего версию используемого языка XML и метод кодировки, например:

< ?xml version="1. 0″ encoding="WINDOWS-1251″?>

Это пример документа XML без разметки представления. Структура записки отражает структуру хранящихся в ней данных. О представлении данных на экране в ней пока что ничего нет. Для создания представления автор должен применить какой-либо метод наложения стилей, например CSS (Cascading Style Sheets — каскадные листы стилей) или XSLT (eXtensible Stylesheet Language Transformations — расширяемый язык преобразования листов стилей).

У многих Web-дизайнеров возникают определенные трудности в связи с абстрактностью XML и произвольным использованием его методов. Однако в действительности XML — это весьма логичная и хорошо организованная технология. Он имеет четкий синтаксис, вынуждающий строго придерживаться определенных правил. Хоть это и не то, к чему привыкли Web-дизайнеры, однако преимущества соблюдения строгих правил весьма велики. Как язык разметки Web-документов XML обладает следующими достоинствами.

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

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

Согласованность. XML отличается синтаксической целостностью и строгой структурой.

С первого взгляда на XML становится очевидно, что он способен полностью заменить HTML как средство разметки Web-страниц. В свое время при появлении XML его даже называли «убийцей HTML».

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

1.4.5 СУБД и MySQL

SQL (от Structured Query Language — структурированный язык запросов) — создан для работы с реляционными базами данных. Он позволяет пользователям взаимодействовать с базами данных (просматривать, искать, добавлять, управлять данными). MySQL — многопользовательский, многопоточный сервер базы данных SQL. Имеет хорошую скорость и гибкость, если использовать его для хранения изображений и файлов. MySQL соответствует спецификации ANSI 92 SQL.

Его преимущества:

- Поддержка нескольких одновременных запросов (многопоточность).

— Возможность записи фиксированной, а также переменной длины.

— Оптимизация связей с присоединением многих данных за один проход.

— Гибкая система паролей и доступов.

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

— Данные хранятся в формате ISO88591.

— Интерфейс с языками C и perl.

— Легко управлять таблицей (включая добавление и удаление ключей и полей).

— До 16 ключей в таблице (в каждом ключе до 15 полей).

— Поддержка ключевых полей, а также специальных полей в операторе CREATE.

— Поддержка чисел длинной от 1 до 4 байт (ints, float, double, fixed), строк переменной длины и меток времени.

— Утилита проверки и ремонта таблицы (isamchk).

— Быстрая система памяти, основанная на потоках.

— При работе со строками регистр символов в обрабатываемых строках роли не играет.

— Псевдонимы применимы не только к таблицам, но также к отдельным колонкам в таблице.

— Все поля имеют значение по умолчанию. INSERT можно использовать на любом подмножестве полей.

— Основные достоинства MySQL — скорость, устойчивость и легкость в использовании. 12]

1.5 Типы сайтов

В зависимости от технологии создания можно выделить следующие типы сайтов:

— Статические сайты, содержащие статические HTML или XHTML страницы. Статические веб-страницы — это статические файлы (набор текста, таблиц, рисунков и т. д.), которые создается с помощью языка разметки HTML (имеют расширение. html или. htm) и хранятся в готовом виде в файловой системе сервера.

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

— Flash-сайты — это интерактивные приложения, разработанные в среде Macromedia Flash. Основным инструментом разработки flash-программ является векторная графика (интерактивная векторная анимация для Web). Flash придает сайтам динамичность и интерактивность.

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

Сайты по взаимодействию пользователя с ресурсами веб-страницы можно разделить на пассивные и активные или интерактивные.

— Пассивные сайты — это сайты с пассивными веб-страницами. В пассивных сайтах пользователь имеет возможность только просматривать информацию на web — страницах.

— Интерактивные сайты — это сайты с активными веб-страницами. При работе с интерактивными веб-страницами пользователь имеет возможность обмениваться данными с сервером, участвовать в интерактивном диалоге. 11]

1.5.1 Статические сайты с пассивными веб-страницами

Технология создания веб-страницы статических сайтов: язык HTML (Hyper Text Markup Language), который является языком разметки гипертекста и каскадные таблицы стилей CSS (Cascading Style Sheets). CSS используется для оформления и форматирования различных элементов веб-страниц, в результате чего значительно снижают размеры веб-страниц.

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

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

Для создания сайта используют различные средства: редакторы текста типа Блокнот, визуальные редакторы типа Microsoft FrontPage, Macromedia Dreamweaver и множество других редакторов, а также конструкторы сайтов (дизайнеры). Конструкторы веб-сайтов размещаются на некоторых сайтах в сети Интернет.

Для обучения целесообразно использовать редактор Microsoft FrontPage — это визуальный HTML редактор, который входит в состав приложений Microsoft Office. Но создание реального сайта лучше выполнять в русифицированном редакторе Macromedia Dreamweaver 8 с использованием технологии CSS. Необходимо отметить, что с целью быстрой загрузки веб-страниц их размеры не должны превышать 20 Кбайт. 3]

1.5.2 Статические сайты с интерактивными веб-страницами

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

Кроме того, в HTML документ можно вставлять элементы DHTML (динамический HTML). DHTML -- это способ создания интерактивного веб-сайта. Динамический HTML построен на языке программирования JavaScript, каскадных таблицах стилей CSS и DOM (объектной модели документа).

В документ HTML можно вставлять флэш-фрагменты или Flаsh-ролики (swf-файлы). В документ HTML можно вставлять Flash-формы аналогичные HTML формам. Флеш обеспечивает интерактивность за счет интерактивной векторной анимации для Web. Для создания Флеш используется язык сценариев ActionScript.

Для обмена данными между пользователем и сервером в веб-страницу можно вставить веб-приложение, называемое HTML формой (form). Форма — это часть веб-страницы, в которую пользователь может вводить свою информацию и отправлять ее на сервер, где размещена веб-страница, щелчком на кнопке. Запросы обрабатываются на сервере, который генерирует соответствующую выходную информацию. Запросы в форме могут выполняться методами GET или POST.

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

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

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

Для разработки веб-приложений используют два подхода:

— на основе компилируемых модулей;

— на основе интерпретируемых сценариев.

Компилируемые модули — это модули типа CGI, которые транслируются в исполняемые файлы и выполняются веб-сервером. Первыми веб-приложениями для создания динамических сайтов были отдельные модули CGI (сценарии, созданные в основном на языке Perl), которые выполнялись на сервере. CGI-сценарии являются обыкновенными программами. Результатом выполнения модуля является страница в формате HTML.

В Интернет можно бесплатно скачать модули CGI или CGI-скрипты (гостевые книги, обратную связь, каталоги ссылок, поиск по сайту и т. д.), которые выполняются на Web-сервере по запросу пользователя. С другой стороны Common Gateway Interface (CGI) — это стандартный интерфейс обмена данных, который определяет способ взаимодействия клиентского приложения и веб-сервера. CGI обеспечивает запуск скрипта на сервере и взаимодействие с ним. В дальнейшем для реализации этого подхода стали применять интерфейсы (серверные расширения) ISAPI и NSAPI. 3]

1.5.3 Подход на основе интерпретируемых сценариев

В этом случае для создания сайта применяются серверные скрипты так называемые языки сценариев. Код сценариев, как и НТML-код, является интерпретируемым кодом, поэтому HTML и сценарии можно комбинировать. Наиболее распространенные языки серверных скриптов: Perl, ASP, JSP, PHP, Cold Fusion, Python.

Сценарии взаимодействуют с объектами на сервере и генерируют выходную информацию в формате HTML. Тип серверного скрипта определяется по расширению имени файла (. php,. asp,. aspx,. jsp,. cfm). Если Web-сервер получает запрос на страницу такого типа, то он интерпретирует все содержащие в ней сценарии, в результате чего генерируется веб-страница в формате HTML, которая передается обратно браузеру.

Наиболее популярными технологиями (средой разработки) создания динамических веб-страниц являются: CGI, PHP, ASP, ASP. NET, JSP, Cold Fusion, AJAX, Python, CSS, базы данных DB2, MsSQL, Oracle, Access и т. д.

В зависимости от решаемых задач для создания сайта выбирают тот или иной язык серверных скриптов. Для создания малых и средних интерактивных сайтов целесообразно применить язык сценариев PHP. Конкурентами PHP являются технологии ASP, JSP, Cold Fusion, Perl. Достоинством языка PHP является то, что он является бесплатным, имеет открытые исходные коды и работает почти на всех платформах.

Для создания (разработки) и сопровождения динамических сайтов используют CMS (Content Management System) — Систему управления сайтом, которую называют движком сайта. В настоящее время популярными системами управления являются Drupal, Joomla и WordPress. На основе этих CMS можно создавать функциональные и легко управляемые PHP-сайты. Движки для Drupal, Joomla и WordPress являются бесплатными. Средства разработки сайтов обеспечивают разделение содержательной части (контента) от дизайна (шаблона веб-страницы), что позволяет изменять содержание веб-страниц, не затрагивая их дизайна и изменять шаблон сайта не затрагивая содержания его страниц.

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

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

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

Динамические сайты, веб-страницы которых генерируются на стороне клиентского приложения. Для создания таких сайтов используют языки сценариев JavaScript и VBScript, а также Java-апплеты и технология ActiveX. В Интернете на сайте http: //baikalstudio. ru/ можно скачать движок для создания сайта на JavaScript для бесплатных хостингов. 4]

1.5.4 Flash — сайты

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

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

Кроме того, сайты, созданные полностью на основе Flash, плохо индексируют поисковые системы. Флеш-технологии в основном применяются для создания престижных сайтов. Для создания флеш-анимаций применяют технологию Adobe Flash, которая обеспечивает возможность работать с языками: ActionScript и ActionScript 2.0. 17]

2. Разработка сайта

2.1 Требования к сайту

Сайт должен содержать следующие страницы:

— Главная страница

— Охрана труда

— Нормативные документы

— Глоссарий

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

Блок схема сайта определяется web-дизайнером самостоятельно.

Объем сайта должен быть небольшой.

Все рисунки объемом более 1 Кб должны быть выполнены с замещающим текстом. Рисунки размером более 12 Кб должны быть выполнены с предпросмотром. Допустимый формат рисунков на сайте gif или jpeg.

Среднее время загрузки страниц не должно превышать 30 секунд при скорости соединения 256 Кбит/сек. Допускается увеличение времени загрузки отдельных страниц до 45 секунд, но не более чем на 30% числа страниц сайта. Начальная страница должна иметь время загрузки не более 50 секунд.

Примечание: Во всех случаях не учитывается время загрузки подгружаемых элементов (счетчики, баннеры, информеры и т. д.).

Основной диапазон разрешения мониторов, на которых будет просматриваться сайт.

От 1024×768 до 1600×900 пикселей (от 15″ LCD, 17″ LCD и 19″ LCD).

Основное разрешение, на которое оптимизируется сайт: 1600×900 пикселей 17″ LCD.

Минимальное разрешение монитора, в котором будет просматриваться сайт 1024×768 пикселей (15″ LCD). При указанном разрешении допускается возможность просмотра страниц сайта с горизонтальной прокруткой в окне браузера.

Основной браузер, которым будет просматриваться сайт:

— Mozilla Firefox.

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

Общий фон сайта — светлый (светлые тона). Допускается использование светлого фонового рисунка (без резких тонов).

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

Дополнительные условия.

Счётчики устанавливаются на каждой странице сайта.

2.2 Программное обеспечение, использующееся при создании Web сайтов

2.2.1 Joomla

Joomla -- система управления содержанием, написанная на языке PHP и использующая в качестве хранилища содержания базу данных MySQL. Joomla является свободным программным обеспечением, защищённым лицензией General Public License (GPL).

CMS Joomla включает в себя различные инструменты для изготовления web-сайта. Важной особенностью системы является минимальный набор инструментов при начальной установке, который обогащается по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит место на хостинге.

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

ПоказатьСвернуть
Заполнить форму текущей работой