Разработка интерактивного справочника ERP-систем

 

ОБОЗНАЧЕНИЯ И СОКРАЩЕНИЯ

- Enterprise Resource Planning - планирование ресурсов предприятия

ЭВМ - Электронная вычислительная машина- сокращение от World Wide Web - всемирная паутина- Manufacturing Resource Planning - планирование производственных ресурсов

ПО - программное обеспечениеR/3 - Simple And Powerful Realtime/3 - краткое обобщённое название интегрированной автоматизированной системы управления- Windows Internet Explorer - серия браузеров, разрабатываемая корпорацией Microsoft с 1995 года.- Cascading Style Sheets - каскадные таблицы стилей- Scalable Vector Graphics - масштабируемая векторная графика- HyperText Markup Language - язык разметки гипертекста- Hypertext Preprocessor - препроцессор гипертекста, первоначально Personal Home Page Tools - инструменты для создания персональных веб-страниц.Flow - трёхмерный графический интерфейс пользователя, включённый в продукты компании Apple Inc. для наглядного поиска и быстрого просмотра файлов и цифровых медиа библиотек посредством графических изображений обложек.- нестабильная версия программного продукта, которая, включает в себя все новейшие возможности. - незаконченная версия программного продукта, которую нужно тестировать и исправлять ошибки.

CGI - Common Gateway Interface - общий интерфейс шлюза- File Transfer Protocol - протокол передачи файлов- Dynamic HyperText Markup Language - способ создания интерактивного сайта - eXtensible Markup Language - расширяемый язык разметки

ВВЕДЕНИЕ

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

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

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

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

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

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

планирование;

управление финансами;

управление кадрами;

учет материальных ресурсов;

учет и управление в снабжении и сбыте;

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

планов;

документооборот.

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

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

Для его разработки собрана и проанализирована информация по данной теме, на основе которой проведена разработка интерактивного справочника по этапам:

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

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

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

1. Перспективы развития интерактивного справочника

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

Понятие информации и роль компьютерных и Интернет-технологий в современном мире

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

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

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

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

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

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

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

Понятие интерактивного справочника

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

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

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

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

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

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

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

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

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

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

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

У интерактивного справочника множество преимуществ:

размещение в сети Интернет;

быстрый и лёгкий обмен информацией;

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

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

усиливает возможности индивидуализации обучения.

Сущность ERP-систем

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

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

В частности, ERP-системы имеют следующие характеристики:

это готовое ПО, разработанное для среды клиент-сервер, как традиционной, так и базирующейся на Интернет-технологиях;

эти системы интегрируют большинство бизнес-процессов;

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

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

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

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

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

Основные возможности ERP-систем можно представить в виде трех функциональных модулей: планирование, финансы, управление.

Планирование деятельности предприятия на различных уровнях позволяет:

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

эффективно и целеустремленно проводить научно-техническую поли тику на предприятии;

повышать эффективность производства и улучшать финансовое состояние предприятия;

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

избежать риска банкротства.

Финансы.

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

Операции.

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

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

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

Однако потребуются дополнительные затраты:

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

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

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

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

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

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

Рынок ERP-систем

После 2000 года рынок систем автоматизации деятельности предприятия пошел вниз. Это было связано с том, что многие крупные предприятия потратили значительные суммы на решение проблемы-2000, которая была связанная с тем, что разработчики программного обеспечения, выпущенного в XX веке, использовали два знака для представления года в датах. Некоторые вычислительные машины уже имели аппаратную обработку даты, но всего два десятичных знака. При наступлении 1 января 2000 года при двузначном представлении года после 99 наступал 00 год (то есть 99+1=00), что интерпретировалось многими старыми программами как 1900, а это, в свою очередь, могло привести к серьёзным сбоям в работе критических приложений, в том числе и в сегменте ERP-систем.

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

Рассмотрим ведущие компании - производители ERP-систем на мировом рынке.

SAP R/3

Компания SAP является одним из крупнейших в мире разработчиков автоматизированных систем управления процессами предприятия.

Основной продукт компании - ERP-система SAP R/3, в которой реализовано более 1000 бизнес-процессов. В настоящее время разработано 46 версий этой системы на 28 языках.

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

Система SAP R/3 способна решать основные задачи, стоящие перед крупными организациями. Тем не менее, статистика показывает, что более трети компаний, покупающих SAP R/3 - это средние фирмы с годовым оборотом менее 200 млн долларов США. Дело в том, что SAP R/3 - конфигурируемая система и предприятие будет работать с индивидуальной версией, настроенной под его параметры.E-Business Suite

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

Система Oracle позволяет на единой платформе решать широкий спектр задач:

Управление эффективностью предприятия на основе системы корпоративных показателей;

Учет и отчетность;

Управление производством;

Управление запасами и цепочками поставок;

Управление персоналом;

Управление качеством;

Управление продажами.

С:Предприятие

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

Первоначально, продукт 1С:Предприятие был предназначен для автоматизации бухгалтерского учёта и управленческого учёта (включая начисление зарплаты и управление кадрами). Но сегодня этот продукт находит своё применение в областях, далёких от собственно бухгалтерских задач.

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

Гибкость платформы позволяет применять «1С:Предприятие 8.0» в самых разнообразных областях:

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

поддержка оперативного управления предприятием;

автоматизация организационной и хозяйственной деятельности;

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

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

решение задач планирования, бюджетирования и финансового анализа;

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

другие области применения.Dynamics AX (Axapta)

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

позволяет Вам вести бизнес именно так, как Вы считаете нужным;

улучшает Ваше взаимодействие с клиентами, деловыми партнерами и сотрудниками;

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

дает Вам возможности для быстрого роста и развития бизнеса.

Плюсы и минусы внедрения ERP-систем

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

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

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

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

Недостатки.

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

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

Обзор популярных браузеров

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

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

Практически все популярные браузеры распространяются бесплатно или «в комплекте» с другими приложениями: Internet Explorer - совместно с Microsoft Windows; Mozilla Firefox - бесплатно, совместно с многими дистрибутивами Linux; Safari - совместно с Mac OS X и бесплатно для Microsoft Windows; Google Chrome - бесплатно; Opera - бесплатно начиная с версии 8.50.Internet ExplorerExplorer (IE) является наиболее широко используемым Web-браузером, начиная с 1999 года. Доля использования в 2002 - 2003 годах -

%. Однако, в последнее время его доля стремительно снижается, уступая место таким браузерам, как Mozilla Firefox, Google Chrome, Safari, Opera и др. На сегодняшний день последней стабильной версией браузера является Internet Explorer 10. Эта версия вошла в состав операционной системы Windows 7, однако, в отличие от предыдущих версий, его можно полностью удалить из системы. Так же браузер получил обновленный интерфейс. Он поддерживает большинство спецификаций CSS3, скруглённые границы, встроенную обработку SVG, обеспечивает более быструю обработку JavaScript. Также в IE10 представлено аппаратное ускорение отрисовки графики. Кроме того, осуществлена поддержка видео- и аудиотегов HTML.

Последними версиями Internet Explorer для Mac OS и Unix-подобных систем были Internet Explorer 5.2.3 и Internet Explorer 5.0 SP1 Beta соответственно. В настоящий момент разработка Internet Explorer для этих систем прекращена. Однако имеется возможность запуска Internet Explorer на операционных системах, отличных от Microsoft Windows, используя эмуляционную среду.FirefoxFirefox - свободно распространяемый браузер. Второй по популярности браузер в мире и первый среди свободного ПО - в марте 2012 года его рыночная доля составила 24,98 %, в отдельных странах - до 55 %. В браузере присутствуют вкладочный интерфейс, проверка орфографии, поиск по мере набора, живые закладки, менеджер закачек, поисковая система. Новые функции можно добавлять при помощи расширений. Firefox выпускается для Microsoft Windows, BeOS, Mac OS X, Linux и множества других Unix-подобных операционных систем. предоставляет механизм расширений, позволяющий пользователям модифицировать браузер в соответствии с их требованиями. У браузера имеются широкие возможности настройки: пользователь может устанавливать дополнительные темы, изменяющие внешний вид программы, и расширения, добавляющие новую функциональность.имеет достаточно много возможностей, благодаря которым он получил популярность среди пользователей: во-первых, он позволяет открывать несколько страниц в одном окне, экономя тем самым свободное место на панели задач. Во-вторых, браузер имеет гибкую систему управления загрузкой графики и позволяет отключать ее отображение на выбранных страницах, а не на всех сразу.

Так же существует мобильная версия браузера.- браузер, разработанный корпорацией Apple. Входит в состав операционной системы Mac OS X, а также бесплатно распространяется для операционных систем семейства Microsoft Windows. Занимает четвертое место по числу пользователей (рыночная доля в ноябре 2011 года - 6,66 %)

Вскоре после появления Safari работа над Internet Explorer для Mac OS была прекращена. 11 июня 2007 года корпорация Apple выпустила тестовую версию Safari 3.0 для Windows XP и Windows Vista. Затем были выпущены полноценные версии 3.1 и 3.1.1. 24 февраля 2009 года вышла публичная бета-версия браузера Safari 4.0 для Microsoft Windows и Mac OS X. Среди новшеств: Top Sites - услуга быстрого доступа к часто посещаемым сайтам, которые отображаются в виде миниатюр, расположенных полукругом. Просматривать историю теперь можно в режиме Cover Flow.

Возможности: блокирования всплывающих окон, автозаполнение форм, частный просмотр (режим, при котором не ведётся история посещений, cookie не принимаются, пароли и вводимые данные не запоминаются), поддержка различных протоколов шифрования, проверка орфографии в текстовых полях.- Web-браузер и программный пакет для работы в Интернете, выпускаемый компанией Opera Software. С 1995 года продукт компании Opera Software, образованной авторами первой версии браузера. Рыночная доля в марте 2012 года составляла 2,09 % для ПК и 15,39 % для мобильных устройств. Браузер написан на языке программирования C++, обладает высокой скоростью работы, и совместим с основными Web-технологиями. Отличительными особенностями Opera долгое время являлись многостраничный интерфейс (система вкладок в окне программы) и возможность масштабирования отображаемых документов целиком, вместе с графикой; впоследствии эти функции появились и в других браузерах. В Opera расширены функциональные возможности использования мыши: кроме стандартных способов навигации предусмотрены так называемые жесты мышью.

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

Браузер Opera портирован под несколько операционных систем (Microsoft Windows, Mac OS X, Linux, Solaris) и платформ (Intel, Sparc, PowerPC, а также для мобильных платформ на основе Symbian, Java, Windows Mobile и iPhone).

Доля Opera на мировом рынке браузеров значительно уступает долям Internet Explorer, Mozilla Firefox и Safari, и составляет по разным источникам от 2 до 4 %. Но в Европе доля рынка, занимаемая Opera, заметно выше среднего показателя по миру (от 4 до 11 %). В первую очередь это относится к некоторым странам Восточной Европы, включая Россию, в которой доля Opera составляет по разным оценкам от 26 до 40 %.ChromeChrome - браузер, разрабатываемый компанией Google и использующий для отображения Web-страниц движок WebKit. Первая публичная бета-версия для Microsoft Windows вышла 2 сентября 2008 года, а первая стабильная - 11 декабря 2008 года. Рыночная доля браузера в мае 2012 года составляла 32,76 %. Первоначально Chrome был выпущен только под Microsoft Windows, позднее появились dev- и beta-версии для операционных систем Linux и Mac OS X.Chrome направлен на повышение безопасности, скорости и стабильности. Chrome периодически загружает обновления из двух чёрных списков (один для фишинг сайтов и один для сайтов содержащих вредоносное ПО) и предупреждает пользователя, когда тот пытается посетить вредоносный сайт. Chrome, как правило, создаёт для каждой вкладки отдельный процесс, чтобы не допустить ситуации при которой содержимое одной вкладки имеет возможность влиять на содержимое другой. Процессу вкладки даётся наименьшее число привилегий, процесс может совершать вычисления, но не может производить чтение или запись.

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

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

1.3 Языки программирования для разработки Web-приложений

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

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

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

Язык разметки гипертекста (Hypertext Markup Language).

Это компьютерный язык, лежащий в основе World Wide Web (Всемирной Паутины). Благодаря языку HTML любой текст можно разметить, преобразовав его в гипертекст с последующей публикацией в World Wide Web.

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

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

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

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

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

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

GUI-приложения (Graphical user interface) - разновидность пользовательского интерфейса, в котором элементы интерфейса (меню, кнопки, значки, списки и т.п.), представленные на дисплее,исполнены в виде графических изображений.

Интерпретируемый язык высокого уровня для быстрого и удобного объектно-ориентированного программирования. Язык обладает независимой от операционной системы реализацией многопоточности, строгой динамической типизацией, «сборщиком мусора» и многими другими возможностями.

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

Язык программирования JavaScript разработан фирмой Netscape для создания интерактивных HTML-документов. Это объектно-ориентированный язык разработки встраиваемых приложений, выполняющихся как на стороне клиента, так и на стороне сервера. Основные области применения JavaScript делятся на следующие категории:

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

оперативная проверка достоверности заполняемых пользователем полей форм HTML до передачи их на сервер;

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

взаимодействие с пользователем при решении "локальных" задач, решаемых приложением JavaScript, встроенном в HTML-страницу.

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

Вот некоторые примеры задач, которые можно решать с помощью Perl:

проверка пользователей Windows NT на несоответствие их статуса и возможностей;

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

может работать и с протоколом FTP;

системная поддержка UNIX и Windows.

1.4 Сравнительный анализ сред создания Web-приложений

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

У Dreamweaver множество плюсов:

программа поддерживает HTML-код, а также последние расширения DHTML и CSS;

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

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

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

Программа Dreamweaver не имеет собственных средств создания изображений. В ней представлены лишь простейшие инструменты редактирования, поэтому для создания и редактирования изображений понадобятся специальные графические редакторы.IllustratorIllustrator был задуман как редактор векторной графики, однако дизайнеры используют его в самых разных целях. Он очень удобен для быстрой разметки страницы с логотипом и графикой. Программа обладает интуитивно понятным интерфейсом, легким доступом ко многим функциям, широким набором инструментов для рисования и продвинутыми возможностями управления цветом, текстом, что позволяет создавать векторные изображения любого уровня сложности. Adobe Illustrator является одним из наиболее удобных редакторов для создания различных макетов для прессы, наружной рекламы или контента Web-страницы.Photoshop

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

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

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

Создаёт привлекательные интерактивные мультимедийные презентации, для Web-сайтов. Для Flash характерна векторная графика и анимация, хотя эта программа может быть также использована для отображения растровой графики, монтажа видеоматериала и для редактирования звуковых файлов.аsh-содержимое публикуется в компактных файлах формата SWF для последующего показа на самых разных платформах с помощью Flаsh-проигрывателя. Во время воспроизведения файла формата SWF в оперативном режиме в него можно динамически загружать звуковые файлы формата МР3, Flash-видео и изображения формата JPEG. Flash-проигрыватель позволяет подключаться к источникам данных, чтобы объединить их с базой данных, XML или Web-службами.

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

Является наиболее популярным HTML-редактором на рынке, главным образом за счёт популярности пакета Microsoft Office. В программе предлагаются мощные функции, которые предназначены для создания изображений и страниц Web-сайта.

В программе имеется три режима работы с документом: Normal, HTML и Preview.

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

В режиме HTML осуществляется подсветка синтаксиса.

В режиме Preview можно посмотреть, как будет выглядеть ваша страница в окне браузера.

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

Не смотря на то, что Microsoft Word является текстовым редактором и по существу не считается HTML-редактором. Он имеет возможность сохранять файлы в формате HTML.

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

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

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

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

.1 Методология разработки интерактивного справочника

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

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

2.2 Выбор и обоснование и программного обеспечения

Целью данного дипломного проекта является разработка интерактивного справочника систем автоматизации деятельности предприятия.

Справочник написан на языке разметки гипертекста HTML и представляет собой совокупность Web-страниц, связанных между собой гиперссылками. Для создания интерактивного справочника своего дипломного проекта я выбрала HTML-редактор Adobe Dreamweaver CS3. Данный редактор позволяет легко и просто проектировать, создавать и обслуживать Web-сайты и Web-приложения от начала и до конца. Adobe Dreamweaver включает самые прогрессивные возможности и технологии, с помощью которых можно создавать динамичные и современные Web-страницы, соответствующие сегодняшним стандартам. позволяет усовершенствовать процесс Web-разработки в следующих ключевых областях:

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

Написание кода. Dreamweaver также обеспечивает полнофункциональную среду написания кода, которая включает инструментальные средства редактирования, такие как, разметка кода цветом, проверка закрытия тегов и др., а так же справочную информацию по HTML, CSS, JavaScript.

Благодаря профессиональным средствам написания кода можно работать быстрее, эффективнее и точнее.

Программа Adobe Dreamweaver CS3 является хорошим HTML-редактором, но она не имеет собственных средств создания изображений. Поэтому для создания и редактирования изображений мне понадобились специальные графические редакторы, такие как Adobe Illustrator CS3 и Adobe Photoshop CS3. Illustrator CS3 - векторный графический редактор. Так же редактор можно использовать в виде иллюстратора. Он очень удобен для быстрой разметки страницы с логотипом и графикой.

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

Растровая графика представляет изображение в виде сетки фиксированного размера, состоящей из точек (пикселей) со своими параметрами.

2.3 Структура интерактивного справочника

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

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

В любой момент можно вернуться на желаемую страницу, воспользовавшись меню навигации.

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

Структурная схема справочника представлена на рисунке 2.1.

Под макетом сайта понимают созданное изображение концепции дизайна сайта, проще говоря - набросок.

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

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

Рисунок 2.1 - Структура интерактивного справочника

2.4 Создание макета страниц

Макет главной страницы

На рисунке 2.2 представлен макет «Главной страницы»

Рисунок 2.2 - Макет «Главной страницы»

2.5 Макет страницы подраздела

На рисунке 2.3 представлен макет страницы «ERP-системы»

Рисунок 2.3 - Макет страницы «ERP-системы»

2.6 Элементы интерфейса интерактивного справочника

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

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

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

На рисунке 2.4 приведен интерфейс главной страницы интерактивного справочника.

Рисунок 2.4 - Главная страница интерактивного справочника

Исходный код страницы.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>

<head>

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

<title>Главная страница</title>

<link rel="StyleSheet" type="text/css" href="style.css"/>

</head>

<body>

<div id="layer1">

<img src="fon.jpg" width="100%">

</div>

<div id="layer2">

<table border="0" align="center">

<tr>

<td width="2872" height="687" align="center" valign="top">

<table width="846" height="90" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td width="147" height="95"><h1>&nbsp;</h1>

</td>

<td width="699"><h2>Интерактивный <br>

справочник ERP-систем</h2>

</td>

</tr>

</table>

<table width="850" height="664" valign="top" border="1">

<td width="823" height="658">

<table width="793" height="649" border="0" align="center" cellpadding="0" cellspacing="0" >

<tr valign="top">

<td width="184" height="25" bgcolor="#D7DFDD">

<div>

<a href="main.html">

</div>

</td>

<td width="25">&nbsp;</td>

<td width="584" bgcolor="#D7DFDD">

<div>

<div align="center">

</div>

</td>

</tr>

<tr>

<td width="184" height="25" bgcolor="#D7DFDD"><div>

<a href="whatERP.html">

</div>

</td>

<td rowspan="2">&nbsp;</td>

<td width="584" rowspan="4" valign="top" bgcolor="#D7DFDD">

<blockquote>

<p>&nbsp;</p>

<div>

<p align="center">Добро пожаловать <br> на главную страницу справочника систем автоматизации деятельности предприятия!

</p>

<p>&nbsp;</p>

<p align="center">Данный справочник поможет Вам в изучении <br> ERP-систем. </p>

<p align="center">Здесь Вы найдёте всю необходимую информацию о наиболее популярных ERP-системах, изучите свойства систем и их особенности, а так же узнаете, как внедрить ту или иную систему.</p>

<p align="center">Интерактивный справочник ERP-систем поможет Вам в вопросах изучения теории, а так же сэкономит время.</p>

</div>

</blockquote>

</td>

</tr>

<tr bgcolor="#D7DFDD">

<td height="119" bgcolor="#D7DFDD"><div>

<a href="modul.html">

<div></div>

<div>

<ul>

<li><a href="modul.html#operacii">

<li><a href="modul.html#personal">

<li><a href="modul.html#financy">

</ul>

</div>

</td>

</tr>

<tr>

<td width="184" rowspan="2">

<div>

</div>

<div>

<ul>

<li><a href="odinS.html">

<ul>

<li><a href="odinS.html#oblasti">

<li><a href="odinS.html#moduli">

<li><a href="odinS.html#osobennosti">

</ul>

</li>

<li><a href="Ilada.html">

<ul>

<li><a href="Ilada.html#moduli1s">

<li><a href="oIlada.html#osobennosti">

</ul>

</li>

<li><a href="flagman.html">

<ul>

<li><a href="flagman.html#oblasti">

<li><a href="flagman.html#moduli">

<li><a href="flagman.html#osobennosti">

</ul>

</li>

<li><a href="avarda.html">

<ul>

<li><a href="avarda.html#oblasti">

<li><a href="avarda.html#moduli">

<li><a href="avarda.html#osobennosti">

</ul>

</li>

<li><a href="business.html">

<ul>

<li><a href="business.html#oblasti">

<li><a href="business.html#moduli">

<li><a href="business.html#osobennosti">

</ul>

</li>

<li><a href="global.html">

<ul>

<li><a href="global.html#oblasti">

<li><a href="global.html#moduli">

<li><a href="global.html#osobennosti">

</ul>

</li>

<li><a href="predpriyatie.html">

<ul>

<li><a href="predpriyatie.html#oblasti">

<li><a href="predpriyatie.html#moduli">

<li><a href="predpriyatie.html#osobennosti">

</ul>

</li>

<li><a href="microsoft.html">

<ul>

<li><a href="microsoft.html#oblasti">

<li><a href="microsoft.html#moduli">

<li><a href="microsoft.html#osobennosti">

</ul>

</li>

<li><a href="nova.html">

<ul>

<li><a href="nova.html#oblasti">

<li><a href="nova.html#moduli">

<li><a href="nova.html#osobennosti">

</ul>

</li>

<li><a href="Oracle.html">

<ul>

<li><a href="Oracle.html#oblasti">

<li><a href="Oracle.html#moduli">

<li><a href="Oracle.html#osobennosti">

</ul>

</li>

<li><a href="Organic.html">

<ul>

<li><a href="Organic.html#oblasti">

<li><a href="Organic.html#moduli">

<li><a href="Organic.html#osobennosti">

</ul>

</li>

<li><a href="SAP.html">

<ul>

<li><a href="SAP.html#oblasti">

<li><a href="SAP.html#moduli">

<li><a href="SAP.html#osobennosti">

</ul>

</li>

<li><a href="sike.html">

<ul>

<li><a href="sike.html#oblasti">

<li><a href="sike.html#moduli">

<li><a href="sike.html#osobennosti">

</ul>

</li>

<li><a href="scala.html">

<ul>

<li><a href="scala.html#oblasti">

<li><a href="scala.html#moduli">

<li><a href="scala.html#osobennosti">

</ul>

</li>

</ul>

</div>

<div>

<td height="18">&nbsp;</td>

</tr>

<tr>

<td height="164">&nbsp;</td>

</tr>

</table>

</table>

</td>

</tr>

</table>

</div>

</body>

</html>

Каждый HTML-документ, отвечающий спецификации HTML начинаться со строки декларации версии HTML <!DOCTYPE>, которая выглядит так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">. С помощью этой строки браузер определяет, как правильно интерпретировать данный документ.

После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера <html>. Его назначение - сообщить программе открывающей документ, что это HTML документ.

Затем идет тег <head>, который предназначен для хранения других элементов, цель которых - помочь браузеру в работе с данными. Содержимое тега не отображается напрямую на Web-странице, за исключением тега <title>, устанавливающего заголовок окна Web-страницы.

Далее - тег <body>, который предназначен для хранения содержания Web-страницы - контента, отображаемого в окне браузера. Информация располагается внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

Элемент <div> предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.

Тег <img> предназначен для отображения на Web-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный атрибут src, который определяет адрес файла с картинкой. В данном коде строка <img src="fon.jpg" width="100%"> создает задний фон, растянутый по всей ширине браузера.

Тег <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Таблицы с невидимой границей прекрасно подходят для верстки Web-страниц, позволяя разделять документ на модульные блоки.

Тег <p> определяет текстовый абзац. Абзацы текста, идущие друг за другом, разделяются между собой пустым отступом.

Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, не добавляет пустой отступ перед строкой.

Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ul> применяется таблица стилей, то элементы <li> наследуют эти свойства.

На рисунке 2.5 представлен вид страницы справочника «Модули ERP-системы».

Рисунок 2.5 - Страница «Модули ERP-систем»

Исходный код страницы представлен в приложении A.

На рисунке 2.6 представлен вид страницы справочника «ERP-системы».

Рисунок 2.6 - Страница «ERP-системы»

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

Исходный код страницы представлен в приложении Б.

На рисунке 2.7 представлен вид страницы справочника «1С:Предприятие 8.0».

Рисунок 2.7 - Страница «1С:Предприятие 8.0»

Исходный код страницы представлен в приложении В.

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

3. Технико-экономическое обоснование

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

Область применения данной работы - образование и бизнес.

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

3.1 Расчет затрат на разработку информационного продукта

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

Смета затрат включает следующие статьи:

основная заработная плата разработчиков информационной

системы;

дополнительная заработная плата разработчиков информацион-

ной системы;

отчисления в фонд социального страхования и обеспечения;

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

расходы на электроэнергию, используемую при разработке

информационной системы;

общевузовские расходы.

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

Таблица 3.1 - Разработка плана этапов и трудоёмкости работ

№ n/nЭтап и содержание работыДлительность цикла, дн.Трудоемкость в % от общей трудоемкостиИсполнитель123451Постановка задачи и составление технического задания13Р, Д2Составление плана и календарного графика работы13Д, Р3Подбор и изучение технической документации и литературы37Д, Р4Написание вводной части и литературного обзора13Д5Информационное моделирование системы25Д, Р6Разработка коммуникационного сервера37Д7Отладка коммуникационного сервера410Д, Р8Написание теоретической части работы719Д, Р9Выводы по теоретической части проекта25Д, Р10Подбор данных и расчет экономической части проекта25Д, К111Анализ проделанной работы37Д12Составление пояснительной записки к дипломному проекту37Д13Оформление графической части работы25Д14Оформление приложений к дипломному проекту25Д15Сдача работы на отзыв руководителю13Д16Сдача работы на рецензирование13Д17Сдача дипломного проекта на кафедру13ДИТОГО:40100

Примечание:

Д-дипломник;

Р - руководитель;

К1-консультант по экономической части.

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

Общая трудоёмкость работ определяется временем, отведённым на дипломный проект - 10-12 недель.

Для прикладных НИР характерны следующие стадии (этапы) и примерное соотношение трудоемкости по этапам:

исследование, разработка технического задания - 10% от общей трудоемкости;

эскизный проект - 15% от общей трудоемкости;

технический проект - 35% от общей трудоемкости;

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

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

3.2 Расчет затрат на основную заработную плату разработчикам

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

Затраты на основную заработную плату (Зосн.) при повременной форме оплаты труда рассчитываются по формуле (1):

Зосн. = Омес. * Траб. * Кд / Др.мес., (1)

где Омес. - месячный оклад разработчика программы;

Др.мес. - среднее количество рабочих дней в месяце;

Траб. - фактическое время участия в разработке программы;

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

Омес. руководителя разработки программы = 55000 руб.

Омес. программиста = 42000 руб.

Др.мес. = 21 день;

Таблица 3.2 - Затраты на основную заработную плату

ИсполнителиВремя работы, кол. днейОкладСредняя дневная зарплата Омес./Др.мес, руб.Затраты на зарплату, руб.Руководитель3550002619,057857,15Исполнитель37420002000,0074000,00Итого40970005095,2481857,15

Оклады специалистов взяты из средних зарплат за месяц по СПб на основании данных сайтов spb.job.ru и superhob.ru

Руководство дипломным проектированием оценивается преподавателем в 26 учебных часов.

Отчисления в фонд социального страхования и обеспечения (ФССиО) составляет 30,2% от заработной платы основных работников.

Общевузовские расходы. По условиям договора берутся 15% от заработной платы (от п.4) .

Расходы на научно-техническую информацию отсутствуют.

Расходы на зарубежные лицензии и патенты отсутствуют.

Затраты на программное обеспечение отсутствуют.

Расчёт затрат на покупные изделия

Расчёт стоимости покупных материалов и комплектующих изделий представлены в табл. 3.3.

Таблица 3.3 - Расчёт стоимости покупных материалов и комплектующих изделий

Наименование материалаМарка (профиль, сорт, размер)Единицы измеренияПотребное количествоЦена за единицу, руб.Сумма, руб.БумагаSvetocopy (A4, 210х297мм, 80г, 500 л/пач, белая)шт1126,00126,00Картридж для принтераXerox 106R01379шт11250,001250,00Cd-дискVerbatim (CD-R,700 Mb, 10 шт)шт1112,00112,00Интернет соединениеАвангард, 5 Мбит/с.услуга/месяц1350,00350,00Итого: сумма затрат с учетом транспортно-заготовительных расходов (7 - 10% от суммы затрат).1838,00

Цены на покупные материалы и комплектующие изделия взяты из прайс-листов.

3.3 Расчет затрат на амортизацию ПК, используемого при разработке

В процессе работы над проектом использовались персональный компьютер Asus CM1740 A6 3620 и принтер.

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

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

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

Расчёт амортизационных отчислений производится в соответствии с «Общероссийским классификатором основных фондов» и «Классификатором основных средств, включённые в амортизационные группы» от 01 января 2002 года.

Расчет нормы амортизации (рассчитывается как величина, обратная сроку службы техники) приведен в формуле (2).

На = 1 / Тсл, (2)

где На - норма амортизации в %,

Тсл - срок службы (3-5 лет).

Расчет затрат на амортизацию оборудования производится по следующей формуле (3):

Зам. = Сперв. * (На / 100) * т * (фаб / Фд.о.), (3)

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

На - норма амортизационных отчислений, 20%;

т - количество используемых ЭВМ; т = 1 шт.,

фаб. - время работы ЭВМ;

Фд.о. - действительный годовой фонд времени работы ЭВМ,

рассчитывается по формуле (4)

Фд.о. = Кол.раб.дн. * Кол.смен * Продолж.смены (4)

Примем:

Сперв. = 28130 руб.,

фаб. = 40*6 = 240 час,

Фд.о. = 252*1*6=1512 ч.

На основе формулы определяем:

Зам.= 28130*(20/100)*1*(240/1512) = 893 (руб.)

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

Таблица 3.4 - Затраты на амортизацию

Наименование оборудованияКоличество единиц оборудования, шт.Время работы оборудования, чНорма амортизационных отчислений %Затраты на амортизацию, руб.ПК Asus CM1740 A6 3620124020893

3.4 Расчет затрат на электроэнергию, используемую ПК в процессе разработки

Затраты на электроэнергию (Зэл.эн.) рассчитываются по формуле (5):

Зэл.эн.=Цэ. * Р * т * ф, (5)

где Р - мощность ЭВМ, используемой при разработке программы;

ф - время работы ЭВМ, используемое при разработке программы;

т - количество используемых ЭВМ;

Цэ. - цена 1 кВт*ч электроэнергии = 2,80 руб.

Тарифы на электроэнергию по Санкт-Петербургу. Установлены Распоряжением Комитета по тарифам Санкт-Петербурга от 13.12.2010 № 333-р (в редакции Распоряжения Комитета по тарифам Санкт-Петербурга от 23.03.2011 № 44-р)

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

Таблица 3.5 - Результаты расчета затрат на электроэнергию

Наименование оборудованияКоличествоЧасы работыПотребляемая мощность, кВтТариф за 1 кВт-час, руб.Стоимость электроэнергии, руб.ПК Asus CM1740 A6 362012400,352,80235,20

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

Таблица 3.6 - Смета затрат на разработку системы

Наименование статей затратСумма затрат, руб.Порядок определение затрат124Материалы1838,00Определяются прямым счётом по табл. 4.3.Подключение к интернет350,00По ценам провайдераЗарплата основных работников81857,15Определяется прямым счётом по табл. 4.2.Отчисления в фонд социального страхования и обеспечения2515230,2% от зарплатыАмортизационные отчисления893,00Определяются прямым счётом по табл.4.4.Стоимость электроэнергии235,20Определяются прямым счётом по табл.4.5.Общевузовские затраты1249315% от заработной платы основных работниковИтого: 122 819

3.5 Расчёт эксплуатационных затрат

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

затраты на системного администратора, рассчитываются по формуле (6): ЗП = (оклад + 25% * оклад) * 12 = (25000 + 25% *25000) * 12 = 375000 руб.; (6)

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

подключение за год;

обновление информации, содержащейся в интерактивном справочнике, за год;

хостинг Web-сайта, на котором размещен интерактивный справочник, за год;

прочие расходы (35%).

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

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

Т.о, хостинг (Н) на 1 год с регистрацией домена в Интернете составит около 9672 рублей и 806 рубля в месяц.

Заработная плата системного администратора.

В Петербурге заработная плата системного администратора составляет около 25000 рублей в месяц, включает в себя следующие обязанности:

Администрирование и координация работы жизнедеятельности системы включая:

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

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

управление резервным копированием;

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

планирование и проведение профилактических работ;

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

3.6 Техническая поддержка сайта

интерактивный справочник программирование

Информационное обновление сайта

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

Таблица 3.7 - Смета эксплуатационных затрат на поддержку системы

Наименование статей затратСумма затрат, руб.Порядок определение затрат124Подключение к Интернет за год4200,00По ценам провайдераХостинг9672,00Обновление информации за год4800,00По ценам фирм, предоставляющих данные услугиЗарплата основных работников за год375000,00Определяется по формуле ЗП системного администратораОтчисления в фонд социального страхования и обеспечения за год90600,0030,2% от зарплаты * 12Амортизационные отчисления за год10716,00Определяются прямым счётом по табл.4.4 за годСтоимость электроэнергии за год2822,40Определяются прямым счётом по табл.4.5Итого: 497 810

3.7 Расчет экономической эффективности

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

Эффективность определяется отношением полученных результатов к затратам и измеряется совокупностью количественных показателей.

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

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

3.8 Расчет прибыли компании

Так как сайт рассчитан на аудиторию больших городов, то предполагается, что ежедневное количество обращений (Nобр.) к сайту будет равно 300. Заинтересуется услугой, и подключат ее 70 человек (Nподкл.).

Таким образом, за месяц к сайту обратится (7)обр * 30 = 400 * 30 = 12000 человек (7)

Подключат услугу (8)подкл * 30 = 70 * 30 = 2100 человек (8)

Исходя из предлагаемых тарифов, можно предположить, что:

человек подключат интернет за 500 руб/мес,

человек за 900 руб/мес,

оставшиеся 50 человек будут пользоваться интернетом за 100 руб/день тогда, когда это необходимо (7 раз/месяц).

В итоге, за месяц компания заработает (9)

П = 100*500 + 150*900+50*7*100 = 220 000 руб/мес

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

Окупаемость информационного проекта за год.

Окупаемость(Т) = капитальные затраты(К) / (прибыль(П) - эксплуатационные затраты за год (Эгд)).

Т = 122 818,50 / (3 240 000 - 309 672) = 0.04 года

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

Технико-экономические показатели разработки приведены в табл.3.8.

Таблица 3.8 - Технико-экономические показатели разработки

Наименование показателяЗначение 1. Назначение программного обеспеченияПредставление в сети Интернет Web-приложения, содержащего информацию о системах автоматизации деятельности предприятия2. Характеристики персонального компьютера - ПК - операционная система - объем оперативной памятиAsus CM1740 A6 3620 MS Windows® XP 4096 Мб и емкостью жесткого диска 1 Тб3. Характеристики программного продукта: - базовый программный продукт - язык программирования - объем дисковой памяти - удобство использования (usability) - структура и навигация - время загрузки страниц - полнота контента - требования к операционной системе - требования к Web-браузерам - затраты времени на выполнение и отладку, в т.ч. машинного времени Интерактивный справочник систем автоматизации деятельности предприятия HTML 4.01 340 Кб отличное древовидное удобное меню 0,1 секунды Информация о наиболее популярных системах, словарь терминов и сокращений Программный продукт запускается на любой ОС. Программный продукт поддерживают все известные браузеры 9 дн.4. Сметная стоимость программного продукта, руб.122 8185.Эксплуатационные расходы за год, руб.497 8106.Срок окупаемости, лет0,047.Экономический эффектРазработка является экономически выгодным вложением.Заключение

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

Цели, поставленные в дипломном проекте, достигнуты. Был разработан интерактивный справочник с помощью редактора Adobe Dreamweaver CS3. Перечислены основные возможности данного редактора, показаны способы их практической реализации. Были определены основные достоинства и недостатки ERP-систем.

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

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

Литература

1.Ловери, Дж. Dreamweaver CS3. Библия пользователя, Вильямс, 2007.

2.Зорин, С.Ф. Статья: ERP - системы, 2007.

.Гвоздикова Е.И. Статья: Интерактивное обучение: новые подходы, 2011.

.Кашлев. C.С. Интерактивные методы обучения, ТетраСистемс, 2011.

.#"justify">.#"justify">.http://htmlbook.ru.

ОБОЗНАЧЕНИЯ И СОКРАЩЕНИЯ - Enterprise Resource Planning - планирование ресурсов предприятия ЭВМ - Электронная вычислительная машина- сокращение от World W

Больше работ по теме: