Создание Web каталога ювелирных изделий с использованием возможностей PHP фреймворка Yii

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

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

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

Если пройти от корня  дерева к некоторому конкретному узлу, то количество ветвей дерева, которое при этом будет пройдено, называется длиной пути для этого узла. Если все ветви (узлы) у дерева упорядочены, то дерево называется упорядоченным.

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

Дерево, степень которого больше двух, называется сильноветвящимся [3].

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

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

2.2 Проектирование пользовательского интерфейса

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

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

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

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

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

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

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

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

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

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

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

Имена типов модулей  стандартизированы: все они начинаются префиксом (mod_), после которого следует имя модуля, пробелы в имени типа не допускаются, а все буквы должны быть строчными. Имена инстанций модулей, наоборот, могут содержать пробели и символы любого регистра. Столбец Тип в Менеджере модулей отображает тип модуля, на основании которого была создана инстанция модуля.

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

Сторонние библиотеки –  это дополнительные библиотеки, использование  которых позволяет расширять функционал PHP 5. Это может быть библиотека парсинга XML-файлов DOMIT, библиотеки GD2, imagemagick, jquery и др.

Конфигурационный файл – config.php, который обеспечивает хранение основных характеристик и глобальных переменных, необходимых для корректной работы Yii.

Языковые файлы, обеспечивающие первичную локализацию Сайта.

Проект работает на основе структуры «Модель - вид (представление) - контроллер» (Model – View - Controller). Model - View -Controller (MVC) - это структура проекта, которая организована таким образом, что логика и представление данных являются отдельными один от одного. С помощью такой схемы можно создавать гибкие легко расширяемые приложения с пользовательским интерфейсом.

Модель (Бизнес модель, Model) – это элемент MVC, который предоставляет данные для View (Представление), а также реагирует на запросы от контроллера, изменяя свое состояние. Модель является частью компонента, которая включает в себя такие функции, как published, reorder, new, edit, save, move.

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

Контроллер (Controller) — это обработчик действий пользователя (браузера на стороне клиента). Контроллер в зависимости от запроса, будет вызывать модель для управления данными и переходом Модели на View. Таким образом, контроллер вызывает модель, которая изменяет данные, а затем передает модель в View, который отображается на экране.

 

2.3 Структура базы данных

База данных для проекта создавалась в MySQL при помощи инструмента phpMyAdmin. PhpMyAdmin - это программа написанная на PHP и предназначенная для управления сервером MySQL через всемирную сеть. phpMyAdmin поддерживает широкий набор операций над MySQL. Наиболее часто используемые операции поддерживаются с помощью пользовательского интерфейса (управление базами данных, таблицами, полями, связями, индексами, пользователями, правами, и т. д.), одновременно можно напрямую выполнить любой SQL запрос.

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

PhpMyAdmin так же  обладает углубленной документацией  в виде книги, написанной одним из разработчиков Mastering phpMyAdmin for Effective MySQL Management (Настройка phpMyAdmin для организации эффективного управления MySQL).

Для облегчения использования наибольшим количеством  людей, phpMyAdmin переведен на 57 языков и поддерживает письменность как слева направо, так и справа налево [12].

Начиная с версии 3.0.0, phpMyAdmin присоединился к инициативе GoPHP5 и прекратил поддержку написания  кода под устаревшие версии PHP и MySQL; версия 3 и последующие требуют  наличия PHP 5.2 и MySQL 5. При использовании с устаревшими версиями PHP и MySQL, выберает предыдущую, но все еще поддерживаемую, ветку двух выпусков, которую можно найти на странице загрузки.

Возможности phpMyAdmin:

1. интуитивно понятный веб-интерфейс;
2. поддержка большинства функций MySQL;
3. просмотр и удаление баз данных, таблиц, полей и индексов;
4. создание, копирование, удаление, переименование и изменение баз данных, таблиц, полей и индексов;
5. управление сервером, базами данных и таблицами, с советами по настройке сервера;
6. выполнение, редакция и сохранение любого SQL-выражения, включая пакетные запросы;
7. управление пользователями MySQL и их привилегиями;
8. работа с хранимыми процедурами и триггерами;
9. поддержка импорта данных из CSV и SQL;
10. поддержка экспорта в различные форматы CSV, SQL, XML, PDF, ISO/IEC 26300 - OpenDocument текст и таблицы, Word, Excel, LATEX и другие;
11. администрирование нескольких серверов;
12. генерирование наглядных схем баз данных в виде PDF;
13. создание комплексных запросов с помощью функции Запрос по шаблону;
14. глобальный или частичный поиск в базе данных;
15. трансформация данных в любой формат, используя набор предназначенных функций вроде отображения BLOB-данных в виде картинки или ссылки для скачивания;
16. это не все, лишь часть возможностей phpMyAdmin которых, впрочем, достаточно чтобы объяснить его международную популярность [4].

На рис. 12. отображен  интерфейс программы phpMyAdmin.

 

Рис. 2.3.1. Интерфейс phpMyAdmin

ювелирный пользовательский интерфейс приложение

База данных системы состоит из 6 таблиц (рис.2.3.2.), основные таблицы:

• vm_category – категории изделий;
• polls – таблица голосования;
• vm_product – таблица изделий;
• content – содержание сайта, статьи;
• newsfeeds – таблица, содержащая новости;
• vm_user_info – таблица заказов.

 

Рис. 2.3.2. Состав базы данных

 

Рассмотрим структуру и содержание некоторых таблиц базы данных. На рис. 2.3.3. отображена структура таблицы users.

 

Рис. 2.3.3. Структура таблицы пользователи

 

В таблице users поле id - порядковый номер таблицы, name–имя пользователя,email– email, позволяющий связаться с пользователем, password - пароль, usertype–тип пользователя (зарегистрированный, администратор).

В таблице vm_category содержатся категории изделий (рис.15.). Category_name – наименование категории,vendor_id – номер производителя, category_id – порядковый номер категории.

Рис.2.3.4. Таблица категории изделий

 

 

В таблице content отражаются все статьи сайта. Поле id – порядковый номер статьи, title – название статьи (рис. 2.3.5.).

Рис. 2.3.5. Статьи сайта

 

В таблице contact_details содержится контактная информация. Name – фамилия, имя, отчество руководителя, con_position – должность, adress – адрес , suburd – город, state – область, country – страна, postcode – почтовый индекс, telephone – телефон (рис.2.3.6.).

 

Рис. 2.3.6.Таблица контактная информация руководителя

 

В таблице vm_product содержится информация о продукции, product_id – порядковый номер изделия, vendor_id – порядковый номер производителя, product_full_image – изображение изделия, product_name – наименование изделия (рис.2.3.7.).

Рис. 2.3.7. Информация о продукции

 

3. ОПИСАНИЕ ПОЛЬЗОВАТЕЛЬСКОГО  ИНТЕРФЕЙСА

3.1 Интерфейс  пользователя

 

Лицо любого сайта  – это дизайн. В качестве основного  цветового решения для сайта  выбрано сочетание спокойных  цветов: серого и белого.

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

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