АВТОНОМНАЯ НЕКОММЕРЧЕСКАЯ ОБРАЗОВАТЕЛЬНАЯ
ОРГАНИЗАЦИЯ ВЫСШЕГО ОБРАЗОВАНИЯ
ЦЕНТРОСОЮЗА РОССИЙСКОЙ ФЕДЕРАЦИИ
«РОССИЙСКИЙ УНИВЕРСИТЕТ КООПЕРАЦИИ» ЧЕБОКСАРСКИЙ КООПЕРАТИВНЫЙ ИНСТИТУТ (ФИЛИАЛ)
Факультет Экономики и управления
Кафедра Экономики и информационных технологий Курсовая работа
по дисциплине «Разработка программных приложений»
на тему «Разработка объектно-ориентированной модели информационной системы торгового предприятия.»
Студента 4 курса ПИ(ПИУ)1-З/Бп/ЧБ19 группы
заочной формы обучения
направление 09.03.03 Прикладная информатика
профиль Прикладная информатика в управлении социально-экономическими системами
Каюрина Анна Александровна
Преподаватель: канд. физ.-мат. наук, доцент Никитин А.В.
Чебоксары 2023
Оглавление Введение 3
Глава 1. Обзор технологий веб-разработки 4
Структура сайтов 4
Классификация сайтов 7
Разработка дизайна сайта 10
Вёрстка сайта 10
Программирование сайта 11
Глава 2. Этапы создания сайта 11
Процесс разработки «Sweet House» 11
Ссылка «Home» 16
Ссылка «About us» 17
«Contact» 18
Диаграмма использования «Sweet House» 20
Заключение 21
Список использованной литературы 22
Приложение 23
Введение Веб-сайт – это совокупность веб-станиц, расположенных в сети Интернет, объединенных под одним доменным именем или IP-адресом, владельцем которых является частное лицо или организация. Слово «веб» в переводе с английского языка означает «паутина». С развитием интернета оно также стало обозначать и «всемирную паутину»: World Wide Web это и есть та самая интернет-паутина, в которую человечество так легко поймало само себя.
Для просмотра страниц веб-сайтов используют браузеры, самыми популярными из которых являются Internet Explorer, Mozilla FireFox, Opera, Google Chrome, Safari.
Каждый человек или организация могут иметь свою «страничку в Интернете», это может быть как отдельный веб-сайт, так и страница в составе другого сайта.
Объект исследование: Кондитерская «Sweet House».
Цель работы: Разработать объектно-ориентированную модель информационной системы торгового предприятия.
Задача: Изучить литературу для вёрстки и дизайна страницы. Научиться использовать UML – диаграммы на практике.
Глава 1. Обзор технологий веб-разработки Структура сайтов Страницы сайтов — это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными посетителем на егокомпьютер, понимаются и обрабатываются браузером и выводятся насредство отображения пользователя (монитор, экран КПК, принтер или синтезатор речи). Язык HTMLпозволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображение страницы можно изменить добавлением в неё таблицы стилей наязыке CSS, что позволяет централизовать в определенном файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, спомощью которого имеется возможность просматривать страницы с событиями или действиями.
Страницы сайтов могут быть простым статичным набором файлов или создаваться специальной компьютерной программой на сервере. Она может быть либо сделана на заказ для отдельного сайта, либобыть готовым продуктом, рассчитанным на некоторый класс сайтов. Некоторые из них могут обеспечить владельцу сайта возможность гибкой настройки структурирования и вывода информации на веб-сайте. Такиеуправляющие программы называются системами управления содержимым (CMS).
Определённый класс сайтов иначе называют интернет-представительством человека или организации. Как комментарий к ссылке может быть страничка-визитка на полнофункциональном сайте (портале). Когда говорят«своя страничка в Интернет», то подразумевают целый сайт или личную страницу в составе чужого сайта(портал). Кроме сайтов (порталов), в сети Интернет также доступны WAP-сайты для мобильных телефонов.
Изначально сайты представляли собой совокупность статичных документов, например — сайт визитка. Помере развития коммуникаций, количество внутренних и внешних ссылок увеличивалось. Сайт стал выполнять не только роль справки, аннотации, но и функционального офиса, новостного или медийного центра. В настоящее время большинству из них свойственна динамичность и интерактивность. Для таких случаев специалисты используют термин веб-приложение — готовый программный комплекс для решения задач сайта. Веб-приложение входит в состав сайта, но веб-приложение без данных сайтом является толькотехнически. Оболочку (форму, шаблон) нужно наполнить и активизировать. Продвижение сайтов стало ёмкой индустрией в сети.
В большинстве случаев в Интернете одному сайту соответствует одно доменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети. Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (веб-порталы) чтобы логически отделить разные виды предоставляемых услуг (mail.google.com, news.google.com, maps.google.com). Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google.fr логически являются сайтом Google на разных языках, но технически это разные сайты. Объединение нескольких сайтов под одним доменом характерно для бесплатных хостингов. Иногда для идентификации сайтов в адресе после указания хоста стоит тильда и имя сайта:example.com/my-site-name/ (ср. с /home), а чаще всего используется домен третьего уровня: my-site-name.example.com.
Аппаратные серверы для хранения сайтов называются веб-серверами. Сама услуга хранения называется хостингом. Раньше каждый сайт хранился на своём собственном сервере, но с ростом Интернета, технологическим улучшением серверов на одном компьютере стало возможно размещение множества сайтов (виртуальный хостинг). Сейчас серверы для хранения только одного сайта называются выделенными(англ. dedicated).
Один и тот же сайт может быть доступен по разным адресам и храниться на разных серверах. Копия оригинального сайта в таком случае называется зеркалом. Существует также понятие оффлайновая версиясайта — это копия сайта, которая может быть просмотрена на любом компьютере без подключения к компьютерной сети и использования серверного программного обеспечения (ПО). При разработке сайта его тестируют и отлаживают именно в оффлайновой версии, для того, чтобы не демонстрировать несуразицу и ошибки, просчёты большого проекта. Именно для тестирования в корпоративной сети, или в начале в Интернете с ограниченным доступом под паролем приглашаются опытные «тестеры». Это позволяет ускорить производство больших проектов и отладить их для массового посетителя (пользователя).
Особую роль выполняют по разработке и обслуживанию сайта (портала) администраторы (по-другому — админы, согласно интернет-сленгу). Если изготовление формы (оболочки) выполняет группа или оченьквалифицированный специалист (программист, веб-дизайнер, системный администратор (согласно интернет-сленгу — сисадмин), координатор, он же администратор проекта), то обслуживание и информационное наполнение подчинено стратегическим задачам и требует часто участия команды участников проекта подуправлением админа проекта (сайта, портала). Сейчас наработано много программ и «писалок» в технологии PHP, но это повысило и требования к квалификации участников проекта, в связи с многопрофильностью решаемых задач.
Просто страничка (сайт-визитка) может готовиться секретарём-референтом. Проекты больших сайтов ипорталов могут сделать только осведомлённые и заинтересованные специалисты. Активная коммуникация насайте (портале) часто выполняет функцию директора направления и офиса со службой сопровождения(переписка, коммутатор прямого общения, оперативная справка, и др.). Много сайтов (порталов) обновляют чаще чем раз на день, а интернет-магазины, — по факту движения товара (новые поступления, отсутствия товара в наличии). Новостные сайты реально выставляют информацию с точностью до минуты, так как журналисты имеют приоритеты на цитирование первоисточников согласно авторскому праву, приоритетуссылок, рейтингу, и др.
Классификация сайтов По доступности сервисов:
Открытые — все сервисы полностью доступны для любых посетителей и пользователей. Полуоткрытые — для доступа необходимо зарегистрироваться (обычно бесплатно). Закрытые — полностью закрытые служебные сайты организаций (в том числе корпоративные сайты), личные сайты частных лиц. Такие сайты доступны для узкого круга пользователей. Доступ новым пользователямобычно даётся через т. н. инвайты (приглашения).
По физическому расположению:
Общедоступные сайты сети Интернет. Локальные сайты — доступны только в пределах локальной сети. Это могут быть как корпоративные сайтыорганизаций, так и сайты частных лиц в локальной сети провайдера.
По схеме представления информации, её объёму и категории решаемых задач можно выделить следующиетипы веб-ресурсов:
Интернет-портал — многокомпонентная разветвлённая структура, скомпонованная из функциональносамодостаточных сайтов самостоятельных организаций или подразделений корпоративной структуры.
Информационные ресурсы:
Тематический сайт — сайт, предоставляющий специфическую узкотематическую информацию по какой-либотеме. Тематический портал — это очень большой веб-ресурс, который предоставляет исчерпывающую информациюпо определённой тематике. Порталы похожи на тематические сайты, но дополнительно содержат средствавзаимодействия с пользователями и позволяют пользователям общаться в рамках портала (форумы, чаты) — это среда существования пользователя.
Интернет-представительства владельцев бизнеса (торговля и услуги, не всегда связанные напрямую с Интернетом):
Сайт-визитка — содержит самые общие данные о владельце сайта (организация или индивидуальный предприниматель). Вид деятельности, история, прайс-лист, контактные данные, реквизиты, схема проезда. Специалисты размещают своё резюме. То есть подробная визитная карточка. Представительский сайт — так иногда называют сайт-визитку с расширенной функциональностью: подробноеописание услуг, портфолио, отзывы, форма обратной связи и т. д. Корпоративный сайт — содержит полную информацию о компании-владельце, услугах/продукции, событиях вжизни компании. Отличается от сайта-визитки и представительского сайта полнотой представленнойинформации, зачастую содержит различные функциональные инструменты для работы с контентом (поиск ифильтры, календари событий, фотогалереи, корпоративные блоги, форумы). Может быть интегрирован свнутренними информационными системами компании-владельца (КИС, CRM, бухгалтерскими системами). Может содержать закрытые разделы для тех или иных групп пользователей — сотрудников, дилеров, контрагентов и пр. Каталог продукции — в каталоге присутствует подробное описание товаров/услуг, сертификаты, технические ипотребительские данные, отзывы экспертов и т. д. На таких сайтах размещается информация о товарах/услугах, которую невозможно поместить в прайс-лист. Интернет-магазин — сайт с каталогом продукции, с помощью которого клиент может заказать нужные емутовары. Используются различные системы расчётов: от пересылки товаров наложенным платежом илиавтоматической пересылки счета по факсу до расчётов с помощью пластиковых карт. Промо-сайт — сайт о конкретной торговой марке или продукте, на таких сайтах размещается исчерпывающая информация о бренде, различных рекламных акциях (конкурсы, викторины, игры и т. п.). Сайт-квест — Интернет-ресурс, на котором организовано соревнование по разгадыванию последовательностивзаимосвязанных логических загадок. Веб-сервис — сайт, созданный для выполнения каких либо задач либо предоставления услуг в рамках сети WWW: Доска объявлений представляет собой ресурс, на котором есть возможность размещения публичного объявления о продаже или покупке товаров и услуг, также возможно оставить какую-либо информацию краткого содержания. Каталог сайтов — это ресурс, на котором размещаются сайты и блоги, например, Open Directory Project. Каталоги бывают платные и бесплатные. Также каталоги могут способствовать продвижению ресурса, который размещается в каталоге сайтов. Поисковые сервисы — например, Yahoo!, Google. Почтовый сервис. Веб-форумы. Блоговый сервис. Файлообменный пиринговый сервис — например, Bittorrent. Облачное хранилище данных — например, Skydrive. Сервис редактирования данных — например, Google Docs. Фотохостинг — например, Picnik, ImageShack, Panoramio, Photobucket. Видеохостинг — например, YouTube, Dailymotion. Социальные медиа. Комбинированные веб-сервисы (Социальные сети) — например, Facebook, Twitter. Комбинированные веб-сервисы (Специализированные ысоциальные сети) — например, MySpace, Flickr.
Разработка дизайна сайта Веб-дизайнеры разрабатывают макеты шаблонов страниц. Дизайнер определяет, каким образом конечныйпотребитель будет получать доступ к информации и услугам сайта. То есть занимается непосредственноразработкой пользовательского интерфейса. В большинстве случаев страницы включают в себяграфические элементы. Их подготовкой занимаются художники иллюстраторы, фотографы, техническиедизайнеры, шрифтовики, и т. д . Готовые шаблоны показываются заказчику. В этот момент страницы ещё немогут содержать конечного наполнения (это в обязанности дизайнера не входит). Чтобы макеты выгляделиболее наглядно, в них помещается произвольное содержимое. На сленге дизайнеров такое содержимоеназывается рыбой. Если заказчик удовлетворён внешним видом шаблонов, то наступает следующая фазаразработки — вёрстка страниц сайта.
Вёрстка сайта Верстальщик получает макеты шаблонов в виде простых изображений (например, в формате JPEG илиPNG), либо разбитых по слоям (например, в PSD или AI). Его задача — получить из этих графическихмакетов гипертекстовые веб-страницы с подготовленными для интернета изображениями.
Одним из сложных моментов в работе верстальщика является обеспечение совместимости со множествомбраузеров — программами для просмотра веб-страниц. Браузеры могут одни и те же элементы разметкиили правила CSS интерпретировать по-своему, в результате чего некоторые пользователи могут увидетьсодержимое не так, как задумывал дизайнер и ожидает увидеть заказчик. Когда верстальщик убедится, чтобольшинство браузеров одинаково отображают готовые шаблоны, наступает следующая фазаразработки — веб-программирование.
Программирование сайта К программистам поступают готовые шаблоны страниц и указания дизайнеров по работе и организацииэлементов сайта. Программист создаёт программную основу сайта, делая её с нуля, используя фреймворкили CMS. Выбор языка программирования в данном случае — вопрос непринципиальный.
После того, как сайт готов к эксплуатации, наступает следующая фаза — наполнение сайта информацией.
Глава 2. Этапы создания сайта Процесс разработки «Sweet House» Данный процесс проходил в несколько этапов. Первый из которых было создание главной страницы сайта.
Вот некоторые HTML теги, используемые при создании страницы, остальные можете увидеть в приложении:
Обязательные теги, без которых страница не сможет нормально функционировать: DOCTYPE HTML>,,
|