Автор работы: Пользователь скрыл имя, 18 Октября 2014 в 15:22, курсовая работа
Целью данной работы является разработка электронного представительства «Магазина цветов ФЛОРИЭЛЬ» с последующим размещением в сети Интернет.
Сайт должен обеспечивать реализацию следующих функций:
1) Имиджевая.
Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.
2) Информационная.
Сайт должен предоставлять доступ к информации о компании, ее истории, деятельности, ассортименте предлагаемой продукции, магазинах, а также оперативно информировать пользователей о новостях компании.
3) Рекламная.
Сайт должен содержать информацию о полном товарном ассортименте компании и обеспечивать возможность просмотра связанных с товаром текстовых и графических материалов.
Объектом исследования является web-программирование.
Предметом исследования является разработка сайта Интернет-магазина.
Цель этой работы – спроектировать и реализовать сайт интнрнет-магазина «ФЛОРИЭЛЬ».
Для достижения поставленной цели необходимо решение следующих основных задач:
1. Выбор технологии создания портала, анализ основных критериев и параметров выбора.
2. Разработка требований к приложению.
3. Проведение анализа исходных данных
4. Описание хода разработки
Сайт должен обеспечивать реализацию следующих функций:
Формирование стиля и образа компании «ФЛОРИЭЛЬ». Стилевое оформление сайта должно соответствовать корпоративному стилю компании.
Сайт должен предоставлять доступ к информации о компании, ее истории, деятельности, ассортименте предлагаемой продукции, магазинах, а также оперативно информировать пользователей о новостях компании.
Сайт должен содержать информацию о полном товарном ассортименте компании и обеспечивать возможность просмотра связанных с товаром текстовых и графических материалов.
Формат входных данных представляет собой форму для обратной связи для пользователя, информация из базы данных о товарах;
Форматом выходных данных является таблица в базе данных с выбранными товарами – Корзина и счетчик цены;
Пользовательский интерфейс был разработан с помощью системы управления сайтами WIX с интуитивно понятным онлайн-редактором.
Посредником, реализующим доступ от клиента к БД, выступает специальная программа – Web-сервер, обеспечивающая функционирование пользовательского приложения, выполняющего непосредственный запрос к данным и возврат ответа в виде HTML-документа (рис.2).
Рис. 1. Структурная схема доступа к базе данных
Фактически Web-сервер включает несколько других серверов, реализующих необходимые протоколы.
Так IIS (Internet Information Services) включает серверы:
Механизм доступа к БД на стороне сервера реализуется за счет наличия стандартизованных средств:
Для поддержки HTTP-протокола в составе Web-сервера имеется HTTP-сервер. HTTP-клиент/серверное взаимодействие состоит из одного обмена запрос/ответ. Это краткая транзакция между клиентом и сервером. Фактически HTTP – это PRC (Remote Procedure Call) в Web поверх TCP/IP. HTTP не имеет состояния, не помнит предыдущих состояний и обладает важным свойством передавать самоописывающиеся данные.
Лидером среди баз данных, применяемых для разработки WEB-приложений, на сегодняшний день, безусловно, является MySQL. Главное достоинство MySQL (плавно переходящее в недостаток:) - ее простота. Как следствие - высочайшая скорость выполнения SQL-запросов и необходимость явного программирования основных правил поддержания целостности и непротиворечивости данных на уровне сервера приложений.
Популярность MySQL объясняется еще и тем, что эта СУБД ориентирована на большое количество платформ, а также обладает возможностью загрузки оптимизированных под конкретную операционную систему модулей и поддержкой транзакций на уровне отдельных записей.
2. Дать оценку протоколам, указанным в исходных данных, определить в чем их преимущество перед другими протоколами и почему именно они подходят для реализации поставленной задачи.
Для записи, выборки и обработки данных, хранящихся в компьютерной базе данных используется система управления базой данных, каковой и является ПО MySQL. Поскольку компьютеры замечательно справляются с обработкой больших объемов данных, управление базами данных играет центральную роль в вычислениях. Реализовано такое управление может быть по-разному - как в виде отдельных утилит, так и в виде кода, входящего в состав других приложений.
MySQL - это система управления реляционными базами данных.
В реляционной базе данных данные хранятся не все вместе, а в отдельных таблицах, благодаря чему достигается выигрыш в скорости и гибкости. Таблицы связываются между собой при помощи отношений, благодаря чему обеспечивается возможность объединять при выполнении запроса данные из нескольких таблиц. SQL как часть системы MySQL можно охарактеризовать как язык структурированных запросов плюс наиболее распространенный стандартный язык, используемый для доступа к базам данных.
Программное обеспечение MySQL - это ПО с открытым кодом.
ПО с открытым кодом означает, что применять и модифицировать его может любой желающий. Такое ПО можно получать по Internet и использовать бесплатно. При этом каждый пользователь может изучить исходный код и изменить его в соответствии со своими потребностями. Использование программного обеспечения MySQL регламентируется лицензией GPL (GNU General Public License), http://www.gnu.org/licenses/, в которой указано, что можно и чего нельзя делать с этим программным обеспечением в различных ситуациях. Если работа в рамках GPL вас не устраивает или планируется встраивание MySQL-кода в коммерческое приложение, есть возможность купить коммерческую лицензированную версию у компании MySQL AB. See section 1.6.3 Лицензии на ПО MySQL.
Открыть «Пустой Сайт» в Редакторе CMS-системы Wix и начать добавлять контент (содержание сайта).
Редактор Wix предоставляет все инструменты, которые необходимы для создания уникального сайта.
Белая рамка в Редакторе - это граница, которая окружает контент сайта. Важно, чтобы весь контент был размещен внутри этих рамок. Все, что находится вне рамок, не будет видно в режиме предварительного просмотра или на сайте, после его публикации.
Если страница является слишком маленькой или слишком большой, можно изменить размеры сайта таким образом, чтобы все пользователи могли просматривать сайт в своих браузерах.
Рисунок 2 – Пустая страница сайта
Управление Страницами
В Редакторе справа находится меню Менеджер Страниц. На нашем сайте есть два типа страниц: Главная Страница и Типовые Страницы. Менеджер Страниц показывает и организует Главную и Типовые страницы. Для того чтобы открыть одну из страниц и просмотреть её в Редакторе, просто нажать на Страницу в окне Менеджера Страниц.
Рисунок 3 – Окно менеджера страниц
В Менеджере Страниц, справа в Редакторе, нажать на Добавить Главную страницу.
Рисунок 4 – Добавление Главной страницы
Чтобы назвать Главную Страницу:
1. В окне Менеджер Страниц, справа в Редакторе, наведите мышкой на “Главная Страница” и нажмите на стрелку. Перед вами откроется меню.
2. Из выпадающего меню выберите команду “Переименовать”.
Рисунок 4 – Новое название Главной Страницы.
Типовые Страницы могут быть набором из нескольких страниц, которые вы можете разместить внутри Главных Страниц. Они дают Вам возможность разместить большое количество контента на одной Главной Странице. Это позволяет пользователям более плавно и быстро переходить с одной Страницы на другую. Это также даёт сайту более профессиональный вид и улучшенный интерфейс.
Проектирование и создание дизайна с помощью Страниц позволяет создавать уникальный сайт, где фон и меню остаются неизменными, в то время как его содержание меняется. Это имеет много преимуществ. Во-первых, передвижение по сайту происходит более гладко. Во-вторых, статичный задний фон также позволяет воспроизводить музыку непрерывно, пока люди перемещаются по сайту.
Добавление Страниц:
1. В окне «Менеджер Страниц», справа в Редакторе, нажмите кнопку «Добавить Страницу».
Чтобы добавить набор из трех Страниц или выбрать различные типы Страниц, просто добавьте Группу Страниц! Для этого, слева в Редакторе, перейдите на “Добавить”, затем перейдите на “Части Страниц” . Нажмите на “Группы Страниц” и выберите стиль из галереи “Группы Страниц”.
2. В открывшемся списке, нажмите на Структура Страницы.
Вы можете предварительно просмотреть структуру справа от окна «Добавить Страницу».
Рисунок – Структура страницы
3. Введите имя вашей Страницы в поле Назвать страницу.
4. Нажмите OK.
Новая страница появилась на вашем сайте. Теперь вы готовы добавить контент!
Если ваша Страница слишком маленькая, вам придется увеличить или добавить новую группу страниц для использования функции Структура Страницы. Кроме того, некоторые шаблоны не поддерживают функцию Структура Страницы. Чтобы использовать его в любом случае, просто добавьте новую Группу Страниц (Добавить > Части Страниц > Группы Страниц), а затем следуйте инструкциям выше.
Для дополнительной информации о Страницах, нажмите здесь.
Просмотр и Навигация по Страницам
Навигация по Главным и Типовым Страницам возможнa через Менеджер Страниц. Просто нажмите на страницу в окне “Менеджер Страниц”. Кроме того, Вы можете также просмотреть ваши Страницы, нажимая на навигационные стрелки, расположенные вверху вашей выбранной Страницы.
Если Вы хотите добавить различные элементы на сайт, то Вы можете использовать Меню “Добавить”, находящееся слева в Редакторе. Каждая категория в “Добавить” откроет перед вами меню доступных элементов. Вы также можете выбрать стиль, который доступен для выбранного элемента.
1. Наведите мышку на “Добавить”, затем - на нужную категорию в “Добавить”.
2. Перед вами откроется меню. В открывшемся меню нажмите на элемент.
Добавление Элемента
3. В появившейся галерее выберите стиль Элемента.
Как только Вы добавите элемент, Вы сможете полностью «настроить» его.
Нажмите на элемент в вашем Редакторе. Перед вами откроется панель настроек - с правой стороны в Редакторе.
Каждый элемент, который Вы выберете, будет иметь различный набор доступных функций для редактирования.
Редактирование элемента в Панели Настроек
Для редактирования элемента в Панели Настроек
1. Нажмите на элемент.
2. Из “Панели Настроек“, которая появляется в правой части окна Редактора, нажмите на “Свойство”.
3. В открывшемся окне вы можете редактировать настройки этого Свойства.
Рисунок – Панель настроек
4. Нажмите кнопку OK (при наличии) или X, чтобы применить изменения.
Чтобы изменить размер элемента:
1. Нажмите на элемент.
2. Потяните за квадратную рамку изменения размера, этим самым меняя размер элемента.
Изменение размера Элемента
Теперь, когда вы добавили Главные и Типовые Страницы, вы можете добавить меню, чтобы пользователи могли легко перемещаться по сайту.
Добавление меню на Главные Страницы
Ваше меню будет состоять из кнопок - по одной для Главной Страницы и остальных страниц. Меню позволит перемещаться по страницам.
Имена страниц появятся на кнопках меню.
1. С левой стороны Редактора, перейдите на “Добавить”, а затем перейдите к Навигации.
2. Из Навигации нажмите кнопку “Меню”.
3. Откроется Галерея Меню, нажмите на Меню, чтобы добавить его на сайт.
Рисунок – Меню на Главной Странице!
После того как вы добавили Страницы, вы можете добавить и изменить Фон.
Чтобы добавить Фон:
1. Нажмите на Страницу.
2. Справа от панели свойств Группы Страниц выберите “Стили”.
3. Из окна “Стили”, нажмите на любой стиль оформления.
Чтобы добавить Фон для Главной страницы:
1. В левой части окна Редактора, перейдите на “Фон”, нажмите на “Главная страница”.
2. Вы можете посмотреть Фон в Галерее Фонов.
3. Выберите Фон.
Рисунок – Добавление Фона для Главной Страницы
Рисунок – Фон Главной Страницы
Аналогично меняем фон остальных страниц.
Добавление текста
Добавление Названия
Как добавить Название для сайта:
Информация о работе Разработка сайта интернет-магазина цветов