Дипломная работа: Поиск фотооборудования
1.3.1 План контроля изменений
В ходе реализации программного средства производился контроль промежуточных версий. Для контроля версий использовалась программа Git GUI – клиент для системы контроля версий Git, выполненный как расширение оболочки Linux.
1.3.2 Интерфейс системы
В соответствии с требованиями, выдвинутыми к дизайну системы, был разработан интерфейс системы.
Основная структура сайта состоит из пяти блоков:
1. «Шапка» сайта – в нём располагается логотип сайта, форма регистрации или краткая информация об авторизовавшемся пользователе.
2. Основное меню – горизонтальное меню навигации по основным разделам сайта.
3. Дополнительное меню – вертикальное меню содержит пункты которого зависят от раздела, который открыт в данный момент.
4. Содержимое сайта – основной блок в котором выводится информация, запрашиваемая пользователем.
5. «Подвал» – блок, в котором находятся ссылки на дополнительную информацию о сайте.
В качестве примера рассмотрим интерфейс страницы просмотра информации об оборудовании. На этой странице оказался самый сложный с точки зрения реализации интерфейс.
Основной проблемой при создании интерфейса было большое количество информации об оборудовании, которую надо было разместить на одной странице. Было принято решение разделить всю информацию блоки. При этом видимостью большинства из них может управлять пользователь.
Рассмотрим некоторые блоки более подробно:
1. Обязательный – Блок в котором отображаются обязательный характеристики оборудования, диапазон цен на него, средняя цена, средняя оценка, изображение, форма оценки и ссылки на добавление в личные списки пользователя. Пользователь не может управлять его видимостью.
2. Текстовое описание – Краткое описание оборудования. Пользователь может управлять видимостью блока. Нажав на заголовок блока его можно скрыть или раскрыть. В тексте выделяются ключевые слова в виде ссылок, при нажатии на которые пользователь переходит на другие страницы сайта.
3. Облако тегов – перечень тегов описывающих данное оборудование. Каждый из тегов имеет вес, который указывает на степень соответствия оборудования данному тегу. Пользователь может управлять видимостью блока. Так же пользователь может влиять на вес тега, нажимая на кнопки («+» и «–») справа от названия тега. Изменяя вес тега пользователь либо соглашается, что оборудование соответствует тегу («+»), либо не соглашается («–»).
4. Информация из других разделов и цены – Пользователь не может управлять видимостью блока. Блок состоит из четырёх вкладок:
· Рекомендации, которые оставляют пользователи. Отображаются две самые полезные рекомендации. Пользователь может влиять на уровень полезности, нажимая на кнопки «Да» или «Нет». Снизу находятся две ссылки, при помощи которых можно добавить рекомендацию или посмотреть все рекомендации.
2.1 Выбор средств разработки
2.1.1 Выбор языка программирования
Для реализации данной системы были выбраны следующие языки и библиотеки:
1. HTML (от англ. HyperText Markup Language – «язык разметки гипертекста») – стандартный язык разметки документов в Internet. Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
2. Python – высокоуровневый язык программирования общего назначения с акцентом на производительность разработчика и читаемость кода. Синтаксис ядра Python минималистичен. В то же время стандартная библиотека включает большой объём полезных функций. Python поддерживает несколько парадигм программирования, в том числе структурное, объектно-ориентированное, функциональное, императивное и аспектно-ориентированное. Основные архитектурные черты – динамическая типизация, автоматическое управление памятью, полная интроспекция, механизм обработки исключений, поддержка многопоточных вычислений и удобные высокоуровневые структуры данных. Код в Питоне организовывается в функции и классы, которые могут объединяться в модули (которые в свою очередь могут быть объединены в пакеты).
3. Django (Джанго) – свободный фреймворк для веб-приложений на языке Python. Django облдает MVC структурой. Работа с базами данных осуществляется с помощью ORM.
4. JavaScript – объектно-ориентированный скриптовый язык программирования. Необходим для сценариев, которые обеспечивают интерактивность веб-страницам, и для реализации технологии Ajax.
5. jQuery – библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax.
6. CSS (от англ. Cascading Style Sheets – каскадные таблицы стилей) – технология описания внешнего вида документа, написанного языком разметки.
7. SQL (от англ. Structured Query Language – «язык структурированных запросов») – универсальный компьютерный язык, применяемый для создания, модификации и управления данными в реляционных базах данных.
2.1.2 Выбор ОС
Спроектированная система может быть реализована в большинстве современных операционных системах, таких как: Windows XP, Windows 7, системах семейства Linux, поскольку всё необходимое программное обеспечение данными системами поддерживается. Под необходимым программным обеспечением понимается сервер баз данных MySQL, Web-сервер Apache, интерпретатор языка Python.
В качестве операционной системы для разработки была выбрана ОС Ubuntu 10.04.
2.1.3 Выбор среды разработки и системы управления версиями
В качестве основной среды разработки была выбрана Aptana Studio.
Aptana Studio – кроссплатформенная, свободная, c открытым исходным кодом интегрированная среда разработки приложений (IDE) для создания динамических веб-приложений. Включает в себя такие функции как автодополнение набираемых конструкций на лету для кода JavaScript, HTML, и CSS, выделение цветом JavaScript, HTML и CSS кода, предупреждения об ошибках и возможность для настройки и расширения пользовательского интерфейса.
С помощью дополнительных плагинов Aptana Studio также поддерживает разработку для следующих языков и платформ: Ruby on Rails, PHP, Python, Adobe Air и Apple iPhone.
Помимо самостоятельных версий для Windows NT, Mac OS и GNU/Linux, Aptana доступна в качестве плагина для платформы Eclipse.
Основные особенности Aptana Studio:
· Подсветка текста и возможность сворачивания блоков, согласно синтаксису языка программирования
· Настраиваемый пользователем режим подсветки синтаксиса
· Авто-завершение набираемого слова
· Автоматическое определение состояния файла
· Поддержка большого количества языков
· Закладки
· Интеграция с фреймфорком Django
· Интеграция с системой управления версиями Git
В качестве системы контроля версий была использована Git.
Git (произн. «гит») – распределённая система управления версиями файлов. Удалённый доступ к репозиториям Git обеспечивается git-daemon, SSH- или HTTP-сервером. TCP-сервис git-daemon входит в дистрибутив Git и является наряду с SSH наиболее распространённым и надёжным методом доступа. Метод доступа по HTTP, несмотря на ряд ограничений, очень популярен в контролируемых сетях, потому что позволяет использование существующих конфигураций сетевых фильтров.
2.1.4 Требования к аппаратному обеспечению
Для работы с системой необходимо любое устройство, имеющее доступ к сети интернет, и с установленным WEB-браузером, поддерживающим JavaScript. Это может быть персональный компьютер, ноутбук, мобильное устройство и т.д.
2.2 Разработка эксплуатационной документации
Руководство администратора
Установка системы будет заключаться в установке и настройке программного обеспечения сервера. Настройки клиентов не требуется, так как единственным требованием для работы программы, является наличие программы браузера. Программа браузер входит в начальный комплект любой современной операционной системы и дополнительных настроек не требует.
Для обеспечения работы на сервере должно быть установлено следующее программное обеспечение:
· WEB-сервер Apache;
· mod Python для Apache;
· СУБД MySQL;
В данном руководстве будет описан процесс установки системы на сервер, управляемый ОС Linux.
Для установки необходимого ПО выплоним в терминале следующую команду:
sudo apt-get install apache2 libapache2-mod-python mysql-server mysql-client python-mysqldb
Во время установки следуйте несложным инструкциям установщика.
Далее необходимо создать пользователя в СУБД MySQL саму базу данных:
mysql – user=root mysql
mysql> CREATE USER 'x5'@'localhost' IDENTIFIED BY '2307881310';
mysql> CREATE DATABASE `x5_photohq` DEFAULT CHARSET UTF8;
mysql>exit
Теперь необходимо записать на диск саму систему, это мы сделаем при помощи системы контроля версий Git:
Страницы: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16
