отчет по практике разработка сайта

Разработка web-сайтов отчёт по практике

Если вам тяжело разобраться в данной теме напишите мне в whatsapp разберём вашу тему, согласуем сроки и я вам помогу!

По этой ссылке вы сможете найти много готовых отчётов по практике по информатике:

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

Введение:

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

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

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

Создание сайта в Интернете открывает новые возможности для расширения, поддержки информации или рекламы бизнеса.

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

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

Сайт прост

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

Что такое веб-сайт?

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

Как обычно создаются сайты

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

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

Практическая часть

Постановка задачи

Доступны следующие типы структур:

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

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

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

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

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

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

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

На этапе постановки задачи были решены следующие вопросы:

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

Цель развития

Задачи сайта:

Для достижения этой цели я определил следующие задачи:

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

Характеристики выбранного языка программирования

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

Документ состоит из 2 частей: заголовок (Заголовок) и сам документ (Основная часть).

Чтобы выделить заголовок, введите:

Каждый WWW-документ имеет имя, которое вводится в строку заголовка браузера.

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

Чтобы записать основной текст, введите: Основной текст

Таким образом, общий макет HTML-документа выглядит следующим образом:

Титульная строка документа

Основной текст документа

Под термином CSS мы подразумеваем фразу «Каскадные таблицы стилей». Они встроены в код HTML и не требуют специальных редакторов и компиляторов, потому что они интерпретируются обычным браузером.

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

Возьмите типичную таблицу HTML и установите атрибут border = «1». После того, как браузер интерпретирует этот код, мы получим самый обычный результат. Здесь на помощь приходит CSS, с помощью которого вы можете создать любой стол на свой вкус.

Рассмотрим небольшой пример:

Этот дизайн также должен присутствовать в разделе заголовка. Для браузеров, которые вообще не поддерживают CSS или поддерживают только отдельные правила стиля, описание шаблонов находится между символами комментария (если поддержка CSS отсутствует, браузер пропускает содержимое шаблонов стилей, если есть поддержка, браузер будет интерпретировать правила CSS);

Любой отдельный элемент HTML может быть отформатирован с использованием CSS.

Для этого вам нужно установить конкретное правило для реализации тега, например:

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

Вы также можете назначить определенный класс шаблона стиля для отдельного элемента HTML:

Описание классов должно строиться следующим способом (на примере внедрения стилевого шаблона в документ):

Импортирование стилевого шаблона CSS, по сути, аналогично указанию ссылки на внешний файл:

Также при разработке сайта использованы отдельные скрипты.

Функции JavaScript включают в себя следующее:

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

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

изменить внешний вид элементов страницы, если пользователь щелкает или перемещает курсор мыши над элементом. JavaScript работает в объектно-ориентированной архитектуре, напоминающей Java или C ++.

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

Поздравляем победителей и участников традиционного внутривузовского туристского слёта МаГУ «Содружество 2013»!

Источник

Создание сайта

Рекламно-информационные ресурсы, объединенные общей идеей и общим дизайном. Язык гипертекстовой разметки, используемый для кодирования документов. Характеристика выбранного языка программирования. Макет разрабатываемого сайта. Создание Web-страницы.

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

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

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

ГОУ ВПО «Магнитогорский государственный университет»

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

по Вычислительной практике

студент ФМФ 37 группы,

Магнитогорск, 2013 г.

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

1.2 Как обычно создаются сайты

2. Практическая часть

2.1 Постановка задачи

2.2 Цель разработки

2.3 Характеристика выбранного языка программирования

2.4 Макет разрабатываемого сайта

Список использованной литературы

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

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

Создание сайта в Интернете обеспечивает новые возможности по расширению, информационной поддержке или рекламе бизнеса.

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

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

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

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

1.2 Как обычно создаются сайты

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

* Выбрать и зарегистрировать доменное имя сайта;

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

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

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

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

2. Практическая часть

2.1 Постановка задачи

Существуют следующие виды структур:

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

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

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

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

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

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

На этапе постановки задачи были решены следующие вопросы:

* Определена целевая аудитория, на которую рассчитывается создание данного проекта;

* Определены основные цели и задачи проекта;

* Создана структура сайта.

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

2.2 Цель разработки

Целью моего проекта является разработка сайта, который я посветил спорту, и сделал его для спорткомплекса МаГУ.

* Привлечь студентов к спорту

* Стать инструментом распространения информации о работе спорткомплекса. Предоставить: последние новости спорта в Вузе расписание тренировок, таблицу результатов спартакиады МаГУ, фото, видео необходимые для формирования правильного представления спорта в Вузе, всем желающим.

* Найти новых спортсменов.

* Реализовать демонстрацию спорта. На Интернет-сайте может быть представлена развернутая информация о спорте.

Для реализации поставленной цели, мной были определены следующие задачи:

* Рассмотреть этапы разработки WEB-сайта.

* Описать язык HTML и JavaScript для создания сайта.

* Изучить теоретический материал и структуру HTML.

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

Сайт «ВузSport МаГУ» отвечает всем функциональным требованиям и эксплуатационным характеристикам, содержит всю необходимую информацию, позволяет ознакомиться с тренировками и турнирной таблицей, узнать последние новости о спорте не выходя из дома.

2.3 Характеристика выбранного языка программирования

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

Документ состоит из 2 частей: заголовка (Head) и собственно документа (Body).

Для выделения заголовка следует ввести:

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

Для записи основного текста следует ввести: Основной текст

Таким образом, общая схема документа в формате HTML выглядит следующим образом:

Титульная строка документа

Основной текст документа

Под термином CSS мы понимаем фразу «Каскадные Таблицы Стилей». Они внедряются в HTML-код и не требуют никаких специальных редакторов и компиляторов, ведь интерпретируются обычным браузером.

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

Возьмем типичную таблицу HTML и поставим атрибут border=»1″. После интерпретации данного кода браузером, мы получим самый обыкновенный результат. Вот тут и приходят на помощь CSS, по средствам которых можно оформить любую таблицу на свой вкус.

Рассмотрим небольшой пример:

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

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

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

Описание классов должно строиться следующим способом (на примере внедрения стилевого шаблона в документ):

импортирование. Импортирование стилевого шаблона CSS, по сути, аналогично указанию ссылки на внешний файл:

Так же в разработке сайта использовались отдельные скрипты.

К возможностям JavaScript можно относят следующее:

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

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

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

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

Тэг отменяет действие.

Источник

Создание сайта

Рекламно-информационные ресурсы, объединенные общей идеей и общим дизайном. Язык гипертекстовой разметки, используемый для кодирования документов. Характеристика выбранного языка программирования. Макет разрабатываемого сайта. Создание Web-страницы.

Подобные документы

Разработка сайта о великом теннисисте Евгении Кафельникове. На сайте представлена информация о спортсмене, страницы сайта объединены общим стилем оформления и средствами навигации. Использованы языки гипертекстовой разметки и управления сценариями.

контрольная работа, добавлен 02.12.2009

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

курсовая работа, добавлен 07.06.2018

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

курсовая работа, добавлен 21.03.2016

реферат, добавлен 26.03.2015

Выбор доменного имени и названия web-сайта. Обзор и характеристика наиболее специального языка РНР для программирования сайтов. Особенности программирования сайта на CMS. Преимущества использования своего персонального web-сайта для любой компании.

контрольная работа, добавлен 29.01.2013

Язык гипертекстовой разметки HTML. Основные теги html. Преимущества и недостатки табличной верстки web-страниц. Структура элементов сайта. Отличительные особенности гипертекста. Использование каскадных таблиц стилей CSS. Разработка ресурсов Internet.

контрольная работа, добавлен 17.01.2018

Создание Web-страницы с помощью языка HTML. Программы для создания Web-страниц. Графические редакторы. Дизайн веб-сайта. Модульные сетки, логотипы, баннеры, шапки и аватары. Создание шапки для сайта в Adobe Photoshop. Создание сайта «Студия web-дизайн».

курсовая работа, добавлен 07.12.2011

Методика создания web-сайтов. Язык гипертекстовой разметки HTML, программирования PHP: синтаксис и парадигма. CSS как средство управления макетом HTML документов. Разработка интерфейса приложения. Перенос сайта с локального сервера на виртуальный хостинг.

дипломная работа, добавлен 01.04.2015

Классификация сайтов. Язык гипертекстовой разметки HTML. Средства разработки PHP скриптов. Виртуальный web-сервер denwer и mysql базы. Работы над функциональной частью сайта. Наполнение контентом сайта. Структура навигации и страницы.

реферат, добавлен 08.01.2014

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

дипломная работа, добавлен 03.10.2017

Источник

Отчёт по практике на тему «Разработка сайта компании»

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

. Формирование требований к программному продукту

.1 Требования к программному изделию в целом

Нужна помощь в написании отчета?

.2 Требования к функциям и задачам

.3 Требования по информационному и программному обеспечению

. Концептуальная модель данных

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

.2 Разработка проектных решений

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

Нужна помощь в написании отчета?

.1 Постановка задачи

.2 Неформальное описание алгоритма

.4 Требования к защите данных от разрушений

.5 Требования к контролю, обновлению и восстановлению данных

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

Нужна помощь в написании отчета?

.1 Описание пользовательского интерфейса

.2 Создание контрольного примера

. План подготовки документации

.1 Документация пользователя

.2 Документация программиста

Нужна помощь в написании отчета?

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

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

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

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

Темой данной работы является сайт «Тагер».

Целью работы, является разработать сайт, для ознакомления с компаниями «LSD Elektronics» и «Laserwar».

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

исследовать предметную область;

Нужна помощь в написании отчета?

составить постановку задачи;

разработать алгоритм решения;

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

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

разработать программное изделие;

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

Нужна помощь в написании отчета?

Краткая история развития предприятия

ООО «Курьинские просторы». открыт в 2010 году.

График работы магазина с 9.00 да 17.00 без обеда и выходных

Структура предприятия в графическом виде

Рисунок 1 — Структура предприятия

Нужна помощь в написании отчета?

Полное название структурного подразделения

Практика проходила в магазине.

Фамилия, имя, отчество и должность руководителя практики от предприятия

Сидоров Данил Владимирович директор ООО «Курьинские просторы».

Направление работы структурного подразделения

Нужна помощь в написании отчета?

Сайт «Тагер» должен обладать удобным, и интуитивно понятным интерфейсом. Кроме этого на будущую популярность, сайта в не меньшей мере влияет его содержание.

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

Для повышения актуальности, сайт должен соответствовать следующим требованиям:

— сайт должен быть выполнен в едином стиле;

— цвета должны контрастировать друг с другом;

Нужна помощь в написании отчета?

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

— интерфейс сайта должен быть интуитивно понятный;

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

.2 Требования к функциям и задачам

— организация поиска по новостям и продуктам;

— информационная. Предоставление сведений о компаниях 24 часа в сутки 7 дней в неделю всем пользователям Интернет;

Нужна помощь в написании отчета?

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

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

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

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

— сервисная. Предоставление услуг в Интернет. Дополнение существующих и создание новых сервисов

.3 Требования по информационному и программному обеспечению

Нужна помощь в написании отчета?

Требования по информационному обеспечению сайта:

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

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

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

— проверка актуальности материалов.

Требования по программному обеспечению сайта

Нужна помощь в написании отчета?

— PHP 5.0 отвечает за использование команд языка php;

— PhpMyAdmin используется для создания баз данных;

— MySQL-5.5 позволяет сайту работать с базами данных.

Для работы с кодом использовался PhpStorm интегрированная среда разработки на PHP с интеллектуальным редактором, которая глубоко понимает код, поддерживает PHP 5.6, 5.5, 5.4 и 5.3 для современных и классических проектов, обеспечивает автодополнение кода, рефакторинги, предотвращение ошибок налету и поддерживает смешивание языков.

Для работы с данными приложениями необходимо

Операционные система Windows:

Нужна помощь в написании отчета?

Microsoft Windows 8/7/Vista/2003/XP (вкл. 64-bit)

Требования к компьютеру:

— Intel Pentium III/800 MHz или выше (или аналогичный);

— минимум 512 Мб ОЗУ;

— рекомендуется 2 Гб ОЗУ;

— минимальное разрешение экрана 1024х768;

Нужна помощь в написании отчета?

— Oracle (Sun) JDK 1.6 и выше.

Операционные система Mac:OS X 10.5 или выше, включая 10.8 (Mountain Lion).

Требования к компьютеру:

— минимум 512 Мб ОЗУ;

— рекомендуется 2 Гб ОЗУ;

— минимальное разрешение экрана 1024х768;

Нужна помощь в написании отчета?

— Oracle (Sun) JDK 1.6 и выше.

Операционные системы Linux:

Требования к компьютеру:

— Intel Pentium III/800 MHz или выше (или аналогичный);

— минимум 512 Мб ОЗУ;

— рекомендуется 2 Гб ОЗУ;

— минимальное разрешение экрана 1024х768;

Нужна помощь в написании отчета?

— Sun JDK 1.6 и выше (или Open JDK 1.7 и выше);

— Рабочий стол GNOME или KDE.

Характеристики используемой системы:

— операционная система Microsoft Windows xp/vista/7/8.1;

— Intel Core i3-4700HQ 2.40 GHz;

Нужна помощь в написании отчета?

разрешение экрана 1920×1080

2. Концептуальная модель данных

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

сайт программа интерфейс

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

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

Нужна помощь в написании отчета?

Данный сайт относится к разряду презентационных.

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

Нужна помощь в написании отчета?

.2 Разработка проектных решений

Для написания сайта «Тагер» был выбран язык программирования PHP так как он является простым, удобным, распространенным и функциональным.

Препроцессор Гипертекста или PHP, является широко используемым языком сценариев общего назначения с открытым исходным кодом. PHP создавался специально для ведения Web-разработок и может использоваться непосредственно в HTML-коде. Синтаксис языка берет начало из C, Java и Perl и является легким для изучения. Преимущественным назначением PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц, однако, область применения PHP не ограничивается только этим. PHP является встраиваемым языком, а это значит, что вставлять скрипты, написанные на этом языке, можно в любом месте HTML страницы.

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

Сайт «Тагер» должен обладать удобным, и интуитивно понятным интерфейсом.

Нужна помощь в написании отчета?

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

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

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

— удобная навигацию, удобный поиск информации на сайте;

— проектирование макет сайта;

Нужна помощь в написании отчета?

.2 Неформальное описание алгоритма

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

При нажатии на кнопку «главная» происходит переход на главную страницу с кратким описанием сайта.

При нажатии на кнопку «LSD» происходит переход на страницу компании «LSD Electronics», где становится доступно дополнительное меню с разделами «о компании, новости, продукты, контакты».

При нажатии на кнопку «LW» происходит переход на страницу компании «Laserwar», где становится доступно дополнительное меню с разделами «о компании, новости, продукты, контакты».

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

Нужна помощь в написании отчета?

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

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

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

При вводе информации в поле для поиска «Что ищем?» и нажатии на кнопку «Enter» открывается страница со всеми новостями, где совпадает введенная в поле информация и содержание новости.

.4 Требования к защите данных от разрушений

Сбои и аварии не должны приводить к необратимой потере информации серверов и хранилищ данных.

Нужна помощь в написании отчета?

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

.5 Требования к контролю, обновлению и восстановлению данных

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

Должно быть предусмотрено резервное копирование (архивирование) информации БД.

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

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

Нужна помощь в написании отчета?

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

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

— определить общую продолжительность работ по созданию сайта;

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

— определить цену реализации сайта;

Определение общей продолжительности работ по созданию сайта

Нужна помощь в написании отчета?

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

составление технического задания (ТЗ);

Нужна помощь в написании отчета?

Таблица 3 — Данные по длительности этапов

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

К затратам на разработку ПП (Зс) относятся:

— материальные затраты (Зм);

— затраты на электроэнергию (Зэ);

Нужна помощь в написании отчета?

— затраты на оплату труда (Зт);

— отчисления на социальные нужды (Зо);

— амортизация оборудования (За);

Зс = Зм +Зэ+Зт+Зо+За+Зпр (1)

Расчет материальных затрат на разработку сайта

Нужна помощь в написании отчета?

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

Таблица 4 — Расчет затрат на основные и вспомогательные материалы

Расчет затрат на оплату электроэнергии

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

В соответствии с Санитарно-эпидемиологическими правилами и нормами, программист должен работать за компьютером не более 6 часов за 1 рабочую смену, от сюда общее время работы оборудования:общ = 15×6 = 90 ч.

Нужна помощь в написании отчета?

Расход электропотребления одного компьютера

Стоимость 1 КВт для физических лиц 4,72 р.

На искусственное освещение израсходовано 100 Вт/ч.

Эи осв = 90×100 = 9000 = 9 КВт.

Зосв = 9×4,72 = 42,48 р.

Нужна помощь в написании отчета?

Общие затраты на электроэнергию находим по формуле:

Зэл = 70,8 +42,48 = 113,28р.

Расчет затрат на оплату труда

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

Основной фонд оплаты труда складывается из оплаты труда разработчика программы (студент-программист):

Нужна помощь в написании отчета?

Общее время работы над проектом разработчика составляет — 15 дней. Учитывая, что оклад составляет 6759 рублей в месяц и 15 рабочих дней, получаем:

Принимаем дополнительный фонд оплаты труда равным 10% от основного фонда оплаты труда.

Затраты на оплату труда составят:

Нужна помощь в написании отчета?

Отчисления на социальные нужды

В статью «Отчисления на социальные нужды» включаются суммы страховых взносов в Пенсионный фонд РФ, Фонд социального страхования РФ и фонды обязательного медицинского страхования (федеральный и территориальный). На 2015 г. установлены следующие тарифы страховых взносов — ПФР — 22%, ФСС — 2,9%, ФОМС — 5,1%, что в сумме составляет 30%.

Суммарную величину страховых взносов (Зо) рассчитываем по формуле

где Зопт — основная заработная плата.

Нужна помощь в написании отчета?

Расчет затрат на амортизацию

Общая величина амортизационных отчислений (За) определяется по формуле

где Фi — стоимость i-го оборудования, руб.;

НАi — годовая норма амортизации i-го оборудования, %;

ТНИРi — время работы i-го оборудования за весь период разработки сайта, ч;

Нужна помощь в написании отчета?

Тэфi — эффективный фонд времени работы i-го оборудования за год, ч/год;- вид оборудования;- количество оборудования i-го вида.

Результаты расчетов записаны в таблицу 5.

Таблица 5 — Расчет амортизационных отчислений

Расчет прочих затрат

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

Нужна помощь в написании отчета?

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

где ηп — коэффициент накладных расходов.

Коэффициент накладных расходов ηн составляет 0,21 основной заработной платы.

Расчет сметы затрат на разработку ПО

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

Нужна помощь в написании отчета?

Таблица 6 — Смета затрат

Определение цены реализации сайта

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

Таблица 7 — Определение цены реализации 1 копии сайта

Нужна помощь в написании отчета?

На главной странице, изображенной на рисунке 2, продемонстрировано основное меню под номерами 1,2,3. При выборе одного из компонентов меню происходит переход на другую страницу. На данном макете изображено, что нажата кнопка под номером 1. Под номером 4 окно поиска по новостям и продуктам сайта, после ввода искомого значения и нажатии кнопки «Enter» будет открыта страница с информацией, найденной по искомому значению. Так же на макете ниже написан заголовок страницы под номером 5 и текст под номером 6.

Рисунок 2 — Описание пользовательского интерфейса главной страницы

На рисунке 3 продемонстрирован пользовательский интерфейс раздела LSD, переход в который происходит при нажатии на кнопку 2. В этом раздели помимо также доступного основного меню 1,2,3, становится доступно дополнительное 5,6,7,8. Дополнительное меню состоит из 4 кнопок, каждая из которых открывает соответствующую ее названию страницу. Тик же на макете ниже написан заголовок страницы под номером 9 и текст под номером 10.

Рисунок 3 — описание пользовательского интерфейса раздела «LSD»

На рисунке 5 продемонстрирован пользовательский интерфейс раздела Laserwar, переход в который происходит при нажатии на кнопку 2. В этом раздели помимо также доступного основного меню 1,2,3, становится доступно дополнительное 5,6,7,8. Дополнительное меню состоит из 4 кнопок, каждая из которых открывает соответствующую ее названию страницу. Тик же на макете ниже написан заголовок страницы под номером 9 и текст под номером 10.

Рисунок 4 — описание пользовательского интерфейса раздела «Laserwar»

Нужна помощь в написании отчета?

На следующих макетах серым цветом обозначаются нажатые кнопки и то что происходит после их нажатия рисунок 5,6,7,8,9,10,11,12,13,14,15,16.

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

Рисунок 5 — Макет главной формы

На рисунке 6 представлен макет страницы «LSD».

Рисунок 6 — Макет страницы «LSD»

На рисунке 7 представлен макет страницы «LSD» с открытым разделом «О компании».

Нужна помощь в написании отчета?

Рисунок 7 — Макет страницы «LSD» раздела «О компании»

На рисунке 8 представлен макет страницы «LSD» с открытым разделом «Новости».

Рисунок 8 — Макет страницы «LSD» раздела «Новости»

На рисунке 9 представлен макет страницы «LSD» с открытым разделом «Продукты».

Рисунок 9 — Макет страницы «LSD» раздела «Продукты»

На рисунке 10 представлен макет страницы «LSD» с открытым разделом «Контакты».

Нужна помощь в написании отчета?

Рисунок 10 — Макет страницы «LSD» раздела «Контакты»

На рисунке 11 представлен макет страницы «Laserwar».

Рисунок 11 — Макет страницы «Laserwar»

На рисунке 12 представлен макет страницы «Laserwar» с открытым разделом «О компании».

Рисунок 12 — Макет страницы «Laserwar» раздела «О компании»

На рисунке 13 представлен макет страницы «Laserwar» с открытым разделом «Новости».

Нужна помощь в написании отчета?

Рисунок 13 — Макет страницы «Laserwar» раздела «Новости»

На рисунке 14 представлен макет страницы «Laserwar» с открытым разделом «Продукты».

Рисунок 14 — Макет страницы «Laserwar» раздела «Продукты»

На рисунке 15 представлен макет страницы «Laserwar» с открытым разделом «Контакты».

Рисунок 15 — Макет страницы «Laserwar» раздела «Контакты»

На рисунке 16 представлен макет страницы «Поиск».

Нужна помощь в написании отчета?

Рисунок 16 — Макет страницы «Поиск»

.2 Создание контрольного примера

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

Рисунок 17 — Контрольный пример раздела «LSD»

На рисунке 18 представлен контрольный пример страницы Laserwar

Рисунок 18 — Контрольный пример раздела «Laserwar»

Нужна помощь в написании отчета?

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

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

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

.2 Документация программиста

Среда программирования, в которой создавалась программа, PhpStorm. Язык программирования, использующийся для создания программы, php. Для работы сайта необходим веб сервер Apache 2.2 и PHP 5.0 и более новые, SQL.

Для внесения изменений в структуру сайта нужно отредактировать файл «index.php» в блоке «switch (URL_PAGE)». Далее приведен пример одного из блоков:

Нужна помощь в написании отчета?

/*Биндинг (привязка) компаний*/

case «nnpcto»: echo companion(

/*Массив статических данных*/

Нужна помощь в написании отчета?

/*Главная страница компании*/

/*Страница с информацией о компании*/

/*Страница с контактной информацией*/

Нужна помощь в написании отчета?

/*Страница с продукцией компании */

/*Аббревиатура компании на латинице */

/*Экземпляр подключения к базе данных*/

Нужна помощь в написании отчета?

В ходе данной работы был создан сайт «Тагер» позволяющий получить различную информацию о компаниях «LSD Electronics» и «Laserwar». Для увеличения их популярности на рынке лазертаг оборудования и возможности сравнения продукции обеих компаний потребителями.

В ходе создания сайта были решены следящие задачи:

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

составлена постановка задачи;

разработан алгоритм решения;

Нужна помощь в написании отчета?

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

дана экономическая оценка программного изделия;

разработано программное изделие;

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

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

1 ГОСТ 19.001-77 ЕСПД. Общие положения;

Нужна помощь в написании отчета?

ГОСТ 19.401-78 ЕСПД. Текст программы. Требования к содержанию и оформлению;

ГОСТ 19.701-90 ЕСПД. Схемы алгоритмов, программ, данных и систем. Условные обозначения и правила выполнения;

ГОСТ 19.201-78 ЕСПД. Техническое задание. Требования к содержанию и оформлению;

ГОСТ 19.504-79 ЕСПД. Руководство программиста;

Суэринг С., Конверс Т., Джойс П. PHP и MySQL. Библия программиста, 2-е издание = PHP 6 and MySQL 6 Bible — М.: «Диалектика», 2010;

Зандстра М., PHP: объекты, шаблоны и методики программирования, 3-е издание = PHP Objects, Patterns and Practice, Third Edition — М.: «Вильямс», 2010;

Нужна помощь в написании отчета?

Овицкий, Н.Ф. PHP как инструмент для работы с MySQL базой данных / Л.З Овицкий — М. : Вильямс, 2010;

Источник