Разработка сайта предприятии

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


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

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

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

Содержание

ВВедение

1. Аналитическая часть

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

1.2 Обоснование выбора задачи

1.3 Экономико-информационная сущность задачи

2. ПРОЕКТНАЯ ЧАСТЬ

2.1 Информационное обеспечение задачи

2.1. 1Обоснование проектных решений по информационному обеспечению

2.1.2 Информационная модель

ВВЕДЕНИЕ

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

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

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

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

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

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

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

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

1. АНАЛИТИЧЕСКАЯ ЧАСТЬ

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

ИП Гридчин С. М. «Салон дверей Аврора»

Начиная с августа 2009 года и по настоящее время «Салон дверей Аврора» осуществляет свою деятельность в сфере продажи и установки входных и межкомнатных дверей.

Предприятие осуществляет заказ входных дверей «Торекс» и межкомнатных дверей «ВФД» с города Перми.

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

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

Рисунок 1 — Организационная структура фирмы

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

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

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

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

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

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

Фирма снабжена необходимыми оборудованием и инструментами труда:

Менеджер по продажам:

1. Ноутбук Asus X61S 15. 6''

Характеристика:

— Процессор — Intel Pentium Dual-Core T4200 2.0 ГГц;

— Видеокарта — Mobility Radeon HD 4570 (512 Мб);

— ОЗУ — 2048 Мб DDR2 800 МГц;

— Жесткий диск — 320 Гб;

— Операционная система: Windows 7 Professional.

2. МФУ HP LaserJet Pro M1132

3. Набор канцелярии, состоящий из 2-х синих шариковых ручек, 1-ой черной гелевой ручки, 1-ой линейки, 2-мя простыми карандашами и подставкой.

4. Panasonic Телефон беспроводной (DECT) KX-TG1611RUH

Мастер:

1. Планшет Huawei MediaPad 10 Link 8Gb 3G Silver

2. Рулетка 5-ти метровая,

3. 2 синих шариковых ручки.

Бухгалтер:

1. Стационарный компьютер:

— Процессор AMD Athlon II X2 3.0 ГГц;

— Материнская плата — ASRock Socket-AM3 880GM-LE/FX AMD880G/SB710 2xDDR3−1800 PCI-E DVI/DSub 6ch 6xSATA RAID IDE GLAN mATX

— Видеокарта встроенная- AMD880G (512 Мб);

— ОЗУ — 2048 Мб DDR3 1800 МГц;

— Жесткий диск — 500 Гб;

— Оптический привод DVD ± RW;

— Блок питания FSP PNR 400W (ATX v2. 2, 120 mm Fan, 20+4 pin, OEM) [ATX-400PNR];

— Операционная система: Windows 7 Professional.

2. МФУ HP LaserJet Pro M1132;

3. Набор канцелярии, состоящий из 2-х синих шариковых ручек, 1-ой черной гелевой ручки, 1-ой линейки, 2-мя простыми карандашами и подставкой;

4. Panasonic Телефон беспроводной (DECT) KX-TG1611RUH.

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

Контроль на предприятии производится на всех этапах производства и реализации, поддерживаются в подобающем состоянии.

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

Внутренняя проверка качества.

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

Так же фирма производитель «Торекс» дает гарантию на замковую систему «BLOCKIDO» высшего класса надежности и взломостойкости в соответствии с рекомендацией МВД РФ с повышенной уникальной гарантией 7 лет!

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

Подготовка кадров.

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

Анализ финансовой и технико-экономической деятельности.

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

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

Таблица 1 — Основные экономические показатели деятельности ИП Гридчин С. М. за 3 года

Наименование показателей

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

2011

2012

2013

Выручка от реализации услуг (с учетом налогов)

1,411

3,427

4,212

Чистая прибыль

143

497

334

В таблице 2 приведены основные показатели, характеризующие деятельность И П Гридчин в 2011 — 2013 гг.

Таблица 2 — Основные показатели, характеризующие деятельность И П Гридчин в 2010 — 2012 гг.

Показатель

Значение показателя по годам

2011

2012

2013

Среднегодовая численность персонала, чел.

9

10

12

Отработанно за год одним работником: дней

310

312

313

Отработанно за год одним работником часов

2790

2808

2817

Средняя продолжительность рабочего дня, ч

9

9

9

Выработка на 1 работника, ч

2790

2808

2817

Окончание таблицы 2 — Основные показатели, характеризующие деятельность И П Гридчин в 2011 — 2013 гг

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

Таблица 3 — Уровень средней заработной платы

Категории

Уровень средней заработной платы в месяц, тыс. р.

2011

2012

2013

Менеджер по продажам

15,7

16,5

17,5

Бухгалтер

15,5

15,5

15,5

Мастер

20,9

20,9

20,9

1-ая бригада монтажников

18,5

20,7

29,3

2-ая бригада монтажников

17,3

19,8

25,7

3-ая бригада монтажников

16,7

18,5

23,1

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

Целью анализа финансового состояния предприятия — является наглядная и несложная (по времени исполнения и трудоемкости реализации алгоритмов) оценка финансового благополучия и динамики развития предприятия, на основе которого руководством принимаются решения по правлению финансами. В табл.4 приведен анализ финансового состояния предприятия.

Таблица 4 — Анализ финансового состояния предприятия

Показатели

Значение показателя по годам

Норматив

коэффициента

2010

2011

2012

1. Коэффициент текущей ликвидности

4,4

4,5

4,75

1,1

2. Коэффициент обеспеченности собственными средствами

0,6

0,7

0,79

0,15

3. Коэффициент обеспеченности финансовых обязательств активами (на конец отчетного периода)

0,04

0,05

0,06

Не более 0,85

4. Коэффициент обеспеченности просроченных финансовых обязательств активами предприятия (на конец отчетного периода)

0,01

0,02

0,03

Не более 0,5

Окончание таблицы 4 — Анализ финансового состояния предприятия

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

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

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

1) Коэффициент текущей ликвидности (общий коэффициент покрытия): КЛИКВ.1 > 0,2 — 0,25. (1)

2) Промежуточный коэффициент покрытия: КЛИКВ. 2> 0,5−0.7. (2)

3) Коэффициент абсолютной ликвидности: 1,0 < КЛИКВ.3 < 2,0. (3)

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

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

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

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

Степень финансовой независимости предприятия от кредиторов показывает коэффициент автономии, который характеризует долю собственного капитала в имуществе предприятия. Теоретически достаточным значением этого коэффициента является 0,3−0,6. Наиболее безопасным для предприятия является коэффициент автономии (независимости), равный 0,5. Этот коэффициент показывает, какова доля собственных средств в общей стоимости имущества предприятия. Если доля источников собственных средств составляет 50% и более, то считают, что у предприятия стабильное финансовое состояние, так как, продав половину имущества, предприятие сможет погасить свои долговые обязательства. Однако такой подход не совсем оправдан. Расширение объема производства при обеспеченности сбыта за счет привлечения дополнительных заемных средств выгодно предприятию, так как процент предпринимательской прибыли выше, чем ссудный процент. На разность между этими процентами увеличивается предпринимательский доход, и, следовательно, возрастает эффективность использования собственных средств.

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

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

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

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

1.2 Обоснование выбора задачи

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

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

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

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

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

*к графическим и текстовым материалам;

*к прайс-листу компании;

*иметь возможность приобрести товар не выходя из дома.

Разрабатываемый WEB-сайт фирмы И П Гридчин позволит решить следующие задачи:

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

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

*Предоставления доступа к прайс-листу компании и просмотр его в режиме прямого доступа через WWW -интерфейс, а также возможность скачать его полностью.

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

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

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

2. ПРОЕКТНАЯ ЧАСТЬ

2.1 Информационное обеспечение задачи

2.1.1 Обоснование проектных решений по информационному обеспечению

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

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

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

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

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

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

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

2.1.2 Информационная модель

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

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

Древовидная модель.

Рисунок 1 — Древовидная модель

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

Рисунок 2 — Паутинообразная модель

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

Рисунок 3 — Линейная модель

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

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

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

Базовые элементы информационной модели.

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

Модель построения сайта интернет-магазина «Салона дверей Аврора». На рисунке 4 представлена модель построения для пользователей сайта.

Рисунок 4 — Модель сайта для пользователей

Разделе «Категории» содержит в себе 3 подраздела.

В подразделе «Входные двери» содержится 1 подраздел.

В подразделе «Торекс» содержатся 5 подразделов.

В подразделе «Серия „Super Omega“» содержатся информация о дверях данной серии.

В подразделе «Серия „Super Alfa“» содержатся информация о дверях данной серии.

В подразделе «Серия Профессор» содержатся информация о дверях данной серии.

В подразделе «Серия „Ultra M“» содержатся информация о дверях данной серии.

В подразделе «Противопожарные двери» содержатся информация о дверях данной серии.

В подразделе «Межкомнатные двери» содержится 1 подраздел.

В подразделе «Владимирская фабрика дверей» содержится 1 подраздел.

В подразделе «Шпонированные двери» содержится информация о межкомнатных дверях.

В подразделе «Расходные материалы» содержится информация о комплектующих и расходных материалах.

В разделе «Информация о фирме» содержится информация о развитии фирмы и ее направлениях.

В разделе «Контакты» содержится контактная информация салона.

В разделе «Новости» содержится информация о проводимых акциях и нововведениях салона.

2.2 Технологическое обеспечение

2.2.1 Обоснование проектных решений по технологическому обеспечению

При выборе программного и аппаратного обеспечения в качестве определяющих были выбраны следующие критерии:

— Надежность решения;

— Низкие расходы на сопровождение и модификацию программного и аппаратного обеспечения;

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

Для разработки и тестирования сайта была выбрана платформа Open Server — предназначенная для разработки, отладки и тестирования, а так же для предоставления веб-сервисов в локальных сетях.

Для работы сайта в сети Интернет был приобретен хостинг и домен у компании http: //www. nic. ru. Домен на латинице в зоне. com. Хостинг обеспечивает бесперебойную работу сайта, хранит файлы необходимые для его работы.

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

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

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

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

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

2.2.2 Технологические операции

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

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

Open Server является самой совершенной платформой для развертывания локального веб-сервера. Она содержит последние версии необходимых программных средств, собранных в одно целое. Платформа не требует установки, поставляется в rar-архиве, все что нужно это извлечь файлы и запустить программу используя основной исполняемый файл Open Server. exe. Мы сразу получаем работоспособный веб-сервер с модулями Apache, MySQL, PHP. Программа позволяет «на лету» менять версии вышеописанных модулей без переустановки.

Рисунок 5 — Основное меню настроек

Рисунок 6 — Меню смены модулей

Рисунок 7 — Алиасы

Управление переадресациями, так называемыми алиасами, одно из основных преимуществ платформы Open Server. Алиас — это доменный синоним, использующийся для присвоения двух или более доменных имён одному и тому же сайту. К примеру, адрес ресурса primer. ru может выступать в качестве основного домена, а www. primer. ru являться его алиасом. При изменении информации на сайте её обновление происходит по всем алиасам. Благодаря алиасам можно держать сразу несколько доменов на одном IP-адресе.

Приобретение хостинга и доменного имени. Доменное имя — символьное имя, служащее для идентификации областей -- единиц административной автономии в сети Интернет -- в составе вышестоящей по иерархии такой области. Каждая из таких областей называется доменом. Общее пространство имён Интернета функционирует благодаря DNS -- системе доменных имён. Доменные имена дают возможность адресации интернет-узлов и расположенных на них сетевых ресурсов (веб-сайтов, серверов электронной почты, других служб) в удобной для человека форме. Полное доменное имя состоит из непосредственного имени домена и далее имён всех доменов, в которые он входит, разделённых точками. Например, полное имя «test. primer. com» обозначает домен третьего уровня «test», который входит в домен второго уровня «. primer», который входит в домен верхнего уровня «. com», который входит в безымянный корневой домен «. «. В обыденной речи под доменным именем нередко понимают именно полное доменное имя.

Для преобразования доменного имени в IP-адрес и наоборот служит система DNS.

Эта система состоит из иерархической структуры DNS-серверов, каждый из которых является держателем одной или нескольких доменных зон и отвечает на запросы, касающиеся этих зон, а также DNS-резолверов, которые отвечают на запросы, касающиеся любых зон. Функции держателя зоны и резолвера часто совмещаются в одной программе; например, таковой является популярный DNS-сервер BIND (Berkeley Internet Name Domain).

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

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

Для регистрации сайта И П Гридчин был выбран хостинг-провайдер http: //www. nic. ru. Приобретен хостинг и доменные имена в зоне. com — http: //www. sol-avrora. com

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

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

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

Понятия сервер и клиент и закрепленные за ними роли образуют программную концепцию «клиент-сервер».

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

Формат запросов клиента и ответов сервера определяется протоколом, например HTTP. Спецификации открытых протоколов описываются открытыми стандартами, например протоколы Интернета определяются в документах RFC.

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

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

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

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

Самый распространенный веб-сервер в мире — это Apache. Для сравнения: на долю серверов Microsoft приходится 27%, Netscape — 10%. Apache бесплатен, распространен, быстр. Кроссплатформенность позволяет использовать его на любой операционной системе. Качественно локализован на большинство языков, включая русский.

Создание шаблона сайта. Первоначально шаблон сайта является страницей генерируемой программой Adobe Dreamweaver CS6, представленной на рисунке 8:

Рисунок 8 — Выбор шаблона

Для удобства просмотра при любом установленном разрешении была выбрана «резиновая верстка» страницы, параметры которой задаются в CSS-файле стиля.

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

Рисунок 9 — Создание шаблона панели управления

Для создания шаблона панели управления также был выбран автоматически собранный файл программы Dreamweaver CS6, затем средствами CSS добавлен цвет, логотип, стилизация ссылок, Footer — секции страницы, меню слева, справка. Для удобства редактирования CSS- стиль с комментариями помещен в PHP- модуль и доступен для просмотра в приложении В.

Логотип создан в программе Adobe Photoshop CS5

Рисунок 10 — Логотип сайта

Работа с платформой Open Server. В папке с дистрибутивом Open Server есть папка «domains». Создание папки в ней автоматически создает локальный домен с таким же именем. Например, создав папку «site», мы получим локальный веб-сайт подключенный ко всем встроенным средствам платформы Open Server. После создания папки «site» копируем туда весь дистрибутив сайта. Для создания базы будет использовано встроенное средство управления MySQL базами PhpMyAdmin. PhpMyAdmin — это приложение написанное на PHP и обеспечивающее полноценную, в том числе удаленную, работу с базами данных MySQL через браузер. Так как phpMyAdmin позволяет во многих случаях обойтись без непосредственного ввода команд SQL, то работа с базами данных становится вполне посильной задачей даже для человека весьма поверхностно знакомого с MySQL.

Активное использование MySQL в веб-программировании обусловило его актуальность, а интуитивно понятный интерфейс в совокупности с широкой функциональностью и поддержкой более 60 языков (в т.ч. и русского) обеспечило ему популярность среди веб-разработчиков.

PhpMyAdmin через меню «Базы данных», позволяет создать базу с любым именем на латинице, а также выбрать кодировку. Ниже представлено меню создания базы в PhpMyAdmin:

Рисунок 11 — Меню создания базы данных в PhpMyAdmin

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

Далее указываем данные для соединения с базой в файле bc_config. php, код которого находится в приложении А, следующим образом:

Рисунок 13 — Заполнение данных для подключения к базе

После выполнения вышеописанных действий, в браузере переходим по адресу: http: //site/install/ и следуем процессу установки. После окончания установки удаляем папку «INSTALL».

Импорт таблиц в базу данных

function dbinclude ()

{

include_once ('. /bc_config. php');

head ();

$connection = @mysql_connect (MYSQL_SERVER, MYSQL_LOGIN, MYSQL_PASSWORD) or die («cant connect»);

@mysql_select_db (MYSQL_DB) or die («Не удается соединиться с Базой; («);

if (!mysql_select_db (MYSQL_DB))

{

?>

Не удалось найти базу данных

< ?php

print ' '. MYSQL_DB;

}

else

{

База Данных

mysql_query («CREATE TABLE `». MYSQL_PREFIX. «blocks` (

Id` int (11) NOT NULL auto_increment,

title` varchar (255) NOT NULL default '',

content` text,

PRIMARY KEY (`Id`)

) ENGINE=MyISAM; «,$connection);

mysql_query («INSERT INTO `». MYSQL_PREFIX. «blocks` VALUES (1, 'menu', '<a href="/"> На главную< /a>rn<a href="#"> Ссылка</a>rn<a href="#"> Еще Ссылка< /a>rn<a href="#"> Другая ссылк< /a>rn<a href="#">О нас< /a>rn<a href="#"> Контакты</a>');»,$connection);

mysql_query («CREATE TABLE `». MYSQL_PREFIX. «categories` (

Id` int (11) NOT NULL auto_increment,

title` varchar (255) NOT NULL default '',

category_template` varchar (255) NOT NULL default '',

PRIMARY KEY (`Id`)

) ENGINE=MyISAM; «,$connection);

mysql_query («INSERT INTO `». MYSQL_PREFIX. «categories` VALUES (1, 'Новости', 'site. tpl');»,$connection);

mysql_query («CREATE TABLE `». MYSQL_PREFIX. «news` (

Id` int (11) NOT NULL auto_increment,

category_id` int (11) NOT NULL default '0',

auto_br` tinyint (3) unsigned default '1',

show_in_main` tinyint (3) unsigned NOT NULL default '1',

dt` datetime NOT NULL default '2000−01−01 00: 00:00',

title` varchar (255) NOT NULL default '',

short` text,

full` text,

PRIMARY KEY (`Id`)

) ENGINE=MyISAM; «,$connection);

mysql_query («INSERT INTO `». MYSQL_PREFIX. «news` VALUES (1, 1, 1, 1, '2008−01−09 21: 23:54', 'Привет ;)', 'Поздравляем с успешной установкой сайта. rnВход в панель управления находиться <a href="admin"> тут</a>', ''); «,$connection);

mysql_query («CREATE TABLE `». MYSQL_PREFIX. «pages` (

Id` int (11) NOT NULL auto_increment,

auto_br` tinyint (3) unsigned default '1',

page_template` varchar (255) NOT NULL default '',

title` varchar (255) NOT NULL default '',

content` text,

PRIMARY KEY (`Id`)

) ENGINE=MyISAM; «,$connection);

База Данных

2.3 Техническое обеспечение

2.3.1 Обоснование проектных решений по техническому обеспечению

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

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

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

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

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

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

2. 4 Программное обеспечение задачи

2.4.1 Обоснование проектных решений по программному обеспечению

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

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

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

· стили слоев, дающие возможность неограниченно видоизменять любые элементы изображения

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

· расширяемые наборы кистей (brushes), стилей (styles) и форм (shapes), градиентов и текстур.

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

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

· возможности оптимизации размера и параметров изображения в целях уменьшения их размера.

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

Для создания шаблона сайта использовался редактор Adobe Dreamweaver. Мощная профессиональная среда Dreamweaver обладает всеми необходимыми средствами для генерации страниц HTML любой сложности и масштаба. Она обеспечивает режим визуального проектирования WYSIWYG (What You See Is What You Get — То, что видишь, то и получишь в итоге), отличается очень чистой работой с исходным текстом Web-документов, обладает встроенными средствами поддержки больших сетевых проектов.

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

· быстрая скорость работы сайта

· отсутствие тяжелой «модульности» готовых решений

· минимальное содержание графических элементов

· изначальная полная русская локализация

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

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

· полное комментирование кода

· удобное изменение кода для сторонних разработчиков

· легкая верстка любого дизайна в дальнейшем

· маленький «вес» дистрибутива

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

· использование технологий PHP, Apache, MySQL которые есть на каждом веб-хостинге

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

Система управления содержимым написана на языке PHP и использует в качестве хранилища базу данных MySQL.

2.4.2 Описание программных модулей

Модуль index. php(Приложение Б). Содержит в себе языковой файл с полной локализацией сайта. Содержимое справочного блока панели управления. Установку показа количества новостей на одной странице в панели управления. Регистрацию возможных модификаций в каталогах «bc_addons» и «/templates/addons». Шаблон оформления панели управления. Шаблон оформления формы авторизации в панели управления. Листинг страниц панели управления. Шаблон оформления панели администратора на сайте. Код выполнения всех операций в панели управления, за исключением редактора новостей и страниц. Код выполнения всех операций на общедоступной части сайта.

Модуль bc_etc. php (Приложение В). Содержит CSS-файл панели управления. Код WYSIWYG — редактора в панели управления. Необходимые Java — скрипты для панели управления. Картинки кнопок для WYSIWYG-редактора в панели управления. Графику для меню администратора на сайте и в панели управления.

Модуль bc_config. php (Приложение А). Содержит данные для подключения к базе MySQL. Пароль администратора в MD5 для входа на сайт. Код привязки пароля к сессии IP пользователя. Настройку папки для загрузки файлов через панель управления. Настройку формата даты. Количества новостей каждой странице. Настройка включения / выключения опций в панели управления по умолчанию: Показать на главной, Перенос по строкам, Пред просмотр в живую, Показ справки.

Модуль site. tpl (Приложение Г). Код шаблона сайта. Код выполнения новостей на сайте. Код выполнения новостной ленты (на рабочем сайте отключена по требованию заказчика). Код выполнения страниц. Листинг.

2.5 Руководство пользователя

2.5.1 Описание интерфейса

При входе на сайт пользователь видит главную страницу, на которой располагаются:

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

Рисунок 14 — Пример новости с кнопкой на полный текст

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

Рисунок 15 — Основное меню навигации пользователя

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

Рисунок 17 — Подразделы сайта в виде ссылок

Подразделы также содержат ссылки, информацию, прайс-листы в виде онлайн и оффлайн просмотра:

Рисунок 18 — Пример подраздела с информацией

Также доступны информационные разделы в виде простых страниц, без комментирования:

Рисунок 22 — раздел сайта со статическим наполнением

На рисунке 23 показана главная страница панели управления:

Рисунок 23 — главная страница панели управления

При переходе в меню «Блоки» открывается форма позволяющая редактировать и удалять существующие блоки:

Рисунок 24 — форма редактирования блоков

Подраздел «Добавить блок» открывает форму добавления нового блока:

Рисунок 25 — форма добавления нового блока

Раздел «Страницы» позволяет редактировать и удалять существующие страницы сайта, а также открывать их для просмотра на сайте:

Кнопка «Добавить категорию» позволяет добавлять новые категории для сортировки новостей:

Рисунок 29 — Добавление категории

Форма редактирования категории внешне идентична форме добавления.

Кнопка «Новости» позволяет просмотреть все существующие новости, открыть любую из них, отредактировать или удалить:

Рисунок 30 — список существующих новостей

Кнопка «Редактирование новости» открывает общую форму, через которую новость можно отредактировать, удалить, или создать:

Рисунок 31 — Форма редактирования / добавления новостей

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

Рисунок 32 — форма управления комментариями

Рассмотрим форму редактирования содержимого в панели управления:

Рисунок 34 — форма редактирования содержимого в панели управления

Данная форма представляет из себя практически WYSIWYG — редактор, основанный на Javascript. Который представлен в приложении B.

Редактирование текста. Любой введенный текст можно отредактировать, доступны следующие опции: изменение размера текста, выравнивание, изменение толщины, наклона шрифта, изменение цвета, выделение кодом, цитатой, зачеркивание и превращение текста в ссылку. Для совершения этих операций достаточно выделить нужную часть текста и нажать на кнопку над формой ввода. Таким же способом можно добавлять изображения, для этого нужно нажать кнопку вставки картинки и появится поле, в котором нужно ввести ссылку на изображение и альтернативный текст. Скрипт сам объединит ссылку в нужные теги. Отсюда же можно создавать категории, для этого нужно нажать кнопку «Добавить категорию», это удобно, если новость уже написана, а категорию добавить забыли. Форма позволяет заполнять краткий текст новости, а также полный, если автор предполагает скрыть часть текста. Галочка «Показать на главной» отправит новость на главную страницу и добавит к ID новости в базе данных параметр «show_in_main». Галочка «Перенос по строкам» позволит осуществлять перенос на новую строку клавишей Enter без ручного написания тега < br>, а также добавит к ID новости в базе данных параметр «auto_br». Галочка «Предпросмотр вживую» позволит просматривать результат введенного содержимого в готовой форме под полями ввода. Галочка «Разрешить добавление комментариев» позволит посетителям сайта комментировать новость. Название новостей, категорий и текст тоже заносится в базу данных, что можно отследить по схеме, представленной в разделе «Организация информационной базы».

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