Создание Web-сайта Болоховского кирпичного завода

Создание Web-сайта Болоховского кирпичного завода

Реферат

Объектом дипломного проекта является ЗАО «Туластройматериалы» «Болоховский кирпичный завод» Предметом анализа служит информационно-справочная система архива Болоховского кирпичного завода.

Цель дипломного проекта: создание Web-сайт Болоховского кирпичного завода.

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

Введение

World Wide Web (WWW) - интеллектуальное достижение человечества в эпоху высоких технологий. На сегодняшний день WWW содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы - Web-браузеры, которые существенно облегчают пользование ресурсами WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW.

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

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

Особую актуальность приобретает проблема разработки Web-сайтов учебных заведений и использование Internet-технологий в системе образования. Всякий импульс к новому всегда и творческий и реакционный. Изобретение бумаги и книгопечатания вызывало опасение о разрыве человеческих взаимоотношений, с появлением кино высказывались мнения об исчезновении театра и т.п. Однако история показывает, что новые технологии занимают свои ниши в общественных отношениях, не заменяя традиционные, а дополняя их возможности. Подрастающее поколение более восприимчиво к различным новациям. Следовательно, актуальность постановки, изучения и решения проблемы целенаправленного использования Internet-технологий в образовании в целом и Web-дизайна для учебных заведений в частности, не вызывает сомнений. - это самая большая мировая компьютерная сеть. Теперь Internet имеет приблизительно 150 миллионов пользователей более чем в 50 странах. WWW доступен в основном через Internet; но, говоря WWW и Internet мы подразумеваем не одно и то же. WWW можно отнести к внутреннему содержанию, то есть это какой-либо абстрактный мир знаний, в то время как Internet является внешней стороной глобальной сети в виде огромного количества кабелей и компьютеров.- это распределенная информационная система мультимедиа, основанная на гипертексте. Давайте разберем это определение по порядку.

Распределенная информационная система: информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers). То есть компьютеров, на которые установленное специальное программное обеспечение и которое объединенные в сеть Internet. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.

Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную графику, видео и звук.

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

Такие ссылки называют гиперссылками или гиперсвязями. На экране компьютера в окне программы просмотра ссылки выглядят как выделенные каким-нибудь образом (например, другим цветом и/или подчеркиванием) участка текста или графики. Выбирая гиперссылки, пользователь программы просмотра может быстро перемещаться от одной части документа к другой, или же от одного документа к другому. При необходимости программа просмотра автоматически связывается с соответствующим сервером в сети и запрашивает документ, на который сделана ссылка. Кстати, идея гипертекстового представления информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построенна в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной.

Итак, Web-страница может содержать стилизованный и форматированный текст, графику и гиперсвязи с разными ресурсами Internet. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра. О языке HTML будет детально рассказано в следующих разделах, поскольку без знания основ этого языка невозможно создать Web-страницу для публикации в WWW.

1. Характер и анализ производственно-хозяйственной деятельности компании ЗАО «ТСМ» «БКЗ»

.1 Краткая характеристика предприятия

Завод находится по адресу: пос. Строительный, Киреевского р-на, Тульской обл. ЗАО «Туластройматериалы» «БКЗ» образовано в 1972 году на базе «Туластройматериалы», который является одним из старейших в стройиндустрии, во главе которого стоит генеральный директор, выбранный общим собранием акционеров.

На заводе выпускают керамический кирпич полнотелый одинарный ГОСТ 530-2007 М-150. Преимущество полнотелого кирпича в том, что он более устойчив к влажной среде, чем пустотелый, и поэтому подходит для строительства фундаментов, подвалов, цоколей и прочих сооружений, при эксплуатации которых есть вероятность частого контакта с водой.

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

Добыча глины производится экскаватором ЭМ-201Б

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

Складирование кирпича производится в сушильных сараях. Заполнение сараев осуществляется в определенной последовательности от одного конца сарая к другому.

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

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

На территории предприятия находится 5 цехов, 1 административное здание и 2 КПП (контрольно-пропускной пункт).

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

Целью деятельности ЗАО «Туластройматериалы» «БКЗ» является создание высокоэффективного производства, работающего на получение прибыли.

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

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

1.2 Анализ структуры управления организации ЗАО «Туластройматериалы» «БКЗ»

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

Структура предприятия определяется следующими основными факторами:

размером предприятия;

отраслью производства;

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

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

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

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

Управление предприятием осуществляется в соответствии с законодательством и Уставом. Высшим органом управления ЗАО «Туластройматериалы» «БКЗ» является его руководитель (генеральный директор). Директор представляет интересы ЗАО, заключает договора, трудовые соглашения, открывает в банках расчетные счета, распоряжается средствами организации, утверждает штаты и должностные инструкции, издает приказы и дает обязательные для всех работников указания.

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

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

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

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

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

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

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

Главный механик обеспечивает обслуживание механического оборудования предприятия (станки, краны и т.п.).

Цели дипломного проекта:

Создание рекламно-информационного канала;

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

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

Концепции дипломного проекта:

Создание корпоративного сайта;

содержащего информацию о компании, ее товарах, ценах, сервисе.

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

1.3 Обоснование создание дополнительной услуги на предприятии

web сайт мультимедиа гипертекст

Актуальность создания Web-сайта практически не вызывает сомнений. Основной причиной является:

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

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

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

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

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

Очень удобен тот факт, что на сайте знакомится с услугами возможно круглосуточно.

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

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

Но сегодня далеко не для всех направлений деятельности Web-сайт может окупать затраты на его создание и поддержку. Проблема усугубляется отсутствием специалистов по Internet-маркетингу.

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

Реклама на самых посещаемых сайтах (#"656917.files/image001.gif">

Рисунок 1. Процесс создание Web-страницы с помощью WordPress v.5.3.1.

WordPress v.5.3.1 включает различные средства, возможности разметки и графические функции, которые ускоряют работу и позволяют создавать Web-узлы профессионального уровня.

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

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

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

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

Ускорение и упрощение генерации кода

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

Средства написания кода

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

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

Расширение возможностей и профессиональности оформления Web-узла

В WordPress v.5.3.1 можно редактировать и представлять интерактивные данные из различных источников, в том числе XML (Extensible Markup Language), с целью создания управляемых данными Web-узлов с широкими интерактивными возможностями в редакторе наглядного изображения. Можно осуществлять публикацию в Интернете, используя только Web-обозреватели. При этом обеспечивается выбор из большого числа вариантов публикации.

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

Вставка представлений данных и настройка источников данных, в том числе разнообразных XML-данных, данных служб Windows SharePoint Services, Web-служб и источников данных OLEDB.

Обработка XML-данных, XML-разработка и XSLT-форматирование непосредственно в наглядном представлении WordPress v.5.3.1 с целью создания Web-узлов, управляемых XML-данными.

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

Web-сайт на базе WordPress v.5.3.1 предоставляет его владельцу следующие возможности:

создание электронного каталога предлагаемых товаров;

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

обеспечение обратной связи с сервером для создания базы данных интернет магазина c рабочего места менеджера (локального компьютера);

самостоятельное управление работой Web-сайта;

автоматическое выставление счетов на оплату приобретаемого товара;

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

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

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

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

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

Принцип наследования тегов.

Теги-контейнеры.

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

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

Теги, не нуждающиеся в закрытии. Это теги переноса - <br>, принудительно перекидывающие все, что располагается после них, в новую строку. Благодаря этому тегу можно писать стихи столбиками.

Вот такая строчка:

текст текст текст текст <br> текст текст текст <br> текст текст текст Браузеру не важно положение тега - все отступы и "сдвиги" нужны только для упрощения понимания и ориентирования в коде. Конечно, количество пробелов внутри кода увеличивает размер HTML-странички, поэтому злоупотреблять ими не стоит. Но от того, что вы выделите, какие-либо теги определенным образом, хуже не станет. Все пробелы больше одного браузеры просто "не замечают". То есть, сколько ни ставьте вы пробелов в тексте, браузер отобразит все равно с одним пробелом, если "ну очень хочется", то пробелов можно наставить принудительно. Делается это размещением в коде "; &nbsp" (разумеется без кавычек!).

; &nbsp - обозначение пробела. Неразрывного пробела. То есть в этом месте будет пустое пространство. Но если простой текст с пробелами браузер может перенести на другую строку на месте любого пробела, то слова, разделенные; &nbsp, он воспримет как единое целое. Вот потому не стоит злоупотреблять "гибкостью" и слишком часто использовать обозначение; &nbsp. Не стоит использовать его и для "выравнивания" текста внутри таблицы. Для этого есть более простые и правильные способы. Не рекомендуют употреблять &nbsp больше двух-трех раз подряд, поскольку при большем количестве символов проще прописать требуемое выравнивание в тег нужного элемента. Это будет и проще, и нагляднее, и "чище", в плане того, что ваши тексты не будут чересчур тяжелыми и долго грузящимися.

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

тег <hr>:

Как видим, это элемент "разделения", - просто черта от края до края тега, внутри которого она применяется. Но ее можно и ограничить, например, указав в ее теге размер:

<hr align="center" width="50%"> Код содержит команды: выровнять по центру, размер сделать в 50% доступной ширины.

Так же, при помощи стандартных наборов команд, этому тегу можно придавать самый разный вид.

3.2 Технологическое обеспечение задачи

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

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

Признаки высокого качества интерфейса сайта:

·  Удобство

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

·  Доступность

Опции интерфейса интуитивно понятны и знакомы пользователю с предшествующего опыта использования.

·  Простота

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

·  Ум

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

·  Быстродействие

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

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

средства отображения информации, отображаемая информация, форматы и коды;

командные режимы, язык пользователь-интерфейс;

устройства и технологии ввода данных;

диалоги, взаимодействие и транзакции между пользователем и компьютером;

обратная связь с пользователем;

поддержка принятия решений в конкретной предметной области;

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

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

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

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

Преимущества использования Web-сайта:

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

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

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

логично представленная информация позволит клиенту самостоятельно найти интересующий его товар.

возможность выбора товара по каталогу, используя навигацию;

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