Розділ 4. Практична реалізація
У четвертому розділі детально опишемо, як створювався додаток до внутрішнього порталу для підприємства ВАТ”Калина” та результати створення, а також його значення для працівників загалом.
4.1.Описання реалізації завдання
Для того, щоб створити додаток для підприємства ВАТ”Калина” перш за все, слід завантажити та встановити на свій комп’ютер локальний сервер. Самий популярний і добре зарекомендований – Denwer, що прославився надійністю і зручністю управління.
Denwer – набір дистрибутивів і програмна оболонка, призначені для створення та налагодження сайтів (веб-додатків, іншого динамічного вмісту інтернет-сторінок) на локальному ПК (без необхідності підключення до мережі Інтернет) під управлінням ОС Windows [38].
Почати роботу з Денвером дуже просто:
Слід клікнути по завантаженому архіву Денвера. Запуститься інсталятор. (Рис. 4.1)
Рис. 4.1 Початок установки Денвера
Обирається директорія установки програми, чи потрібно створювати ярлики на робочому столі тощо. Так, для установки сервера зручно обрати диск C:\, створивши там папку для сервера і вказавши його назву. (Рис. 4.2)
Рис. 4.2 Вибір диску для установки Денвера
Далі з'явиться таке вікно, що повідомляє про те, що інсталятор створить окремий віртуальний диск. Після натискання на “Enter” нам пропонують вибрати букву для віртуального диску. Виберемо букву Z, і підтвердимо свій вибір. Після того, як файли скопійовано, буде запропоновано вибрати варіант завантаження віртуального диску. (Рис. 4.3) Рекомендується обирати перший варіант.
Рис. 4.3 Вибір віртуального диску для установки Денвера
Після завершення установки слід натиснути на ярлику Denwer для його запуску.
Далі слід відкрити сторінку в браузері http://localhost/, яка знаходиться в папці home/localhost/www, після чого з’явиться підтвердження про успішну установку Денвера. (Рис. 4.4)
Рис. 4.4 Підтвердження про успішну установку Денвера
Відразу після установки доступний повністю працюючий веб-сервер Apache, що працює на локальному комп'ютері, на якому може працювати необмежена кількість сайтів, що дуже ефективно для розробки та налагодження сценаріїв PHP без завантаження його файлів на віддалений сервер. Для запуску практично всіх утиліт Денвера використовується додаток Run в підкаталозі / denwer (або / etc) кореневого каталога установки Денвера. При запуску створюється віртуальний диск (за замовчуванням Z :), де зберігаються всі файли проектів. Третя версія підтримує роботу із флеш-накопичувача. Особливістю, що відрізняє Denwer від інших WAMP-дистрибутивів, є автоматична правка системного файлу hosts, який є локальним аналогом DNS-cервера, що дозволяє звертатися до локальних сайтів, які працюють управлінням Денвера, по іменах, що збігається з ім'ям папки, розташованої в каталозі home Денвера [39].
Пакет поширюється як freeware (містить кілька закритих .Exe утиліт командного рядка). Скачування вимагає обов'язкового заповнення анкети на сайті із вказівкою вашого e-mail.
Після того, як Денвер встановлено на комп’ютері входимо в панель адміністратора по адресі http://localhost/administrator і вписуємо логін та пароль, які були вказані при реєстрації. (Рис. 4.5)
Рис. 4.5 Вхід в панель адміністратора для створення сайту в Joomla!
Панель керування містить в собі керування статтями, головною сторінкою,
розділами, категоріями, меню, мовами
тощо. (Рис. 4.6)
Рис. 4.6 Панель керування в Joomla!
Важливою частиною створення сайту є встановлення його графічного шаблону. Його можна створити самому, а можна скачати зі спеціальних сайтів, присвячених CMS Joomla. Звичайно, розробка унікальних шаблонів вимагає певних знань в графічних пакетах і Web-дизайні. Коли ж розробити самому шаблон немає можливості, тоді можна використати готовий стандартний шаблон. Для сайту ВАТ”Калина” було обрано шаблон JA Purity. Шаблон JA Purity від JoomlArt.com: елегантний шаблон з великою кількістю налаштувань. (Рис. 4.7)
Рис. 4.7 Налаштування графічного шаблону для створення додатку до порталу ВАТ « Калина»
Joomla! - це модульна система управління контентом, тому функціональність порталу залежить від того, які модулі та плагіни були встановлені або видалені. Зокрема, сайт ВАТ”Калина” спрямований на забезпечення додатковою необхідною інформацією працівників даного підприємства.
Так, за допомогою статей можна створювати новини (Рис. 4.8), різні текстові підписи та записувати програмні коди в html. За допомогою запису програмного коду в статті та спеціально встановленого плагіну Google maps було створено пункт меню Карта, за допомогою якого зручно дізнаватись про місцезнаходження потрібного об’єкта. (Рис. 4.9, Рис. 4.10)
Рис. 4.8 Стаття для запису новин в додатку до внутрішнього порталу
Рис.4.9 Програмний код для створення карти
Рис. 4.10 Плагін для створення карти,доданий в Joomla!
До стандартних плагінів в Joomla! відносяться системи авторизації, вмісту, редакторів, пошукові системи та інші системи, такі як: система-кеш, система-логі, система-налаштування тощо. (Рис. 4.11)
Рис. 4.11 Стандартний плагін система-налаштування в Joomla!
За допомогою стандартних модулів була створена навігація до сайту. (Рис.4.12) Також встановлення головного меню, меню користувача та його авторизація, опитування, пошук по системі та визначення кількості працівників на даному сайті.
Рис.4.12 Модуль для створення навігації сайту ВАТ «Калина»
Також були встановлені додаткові модулі для визначення погоди, курсу валют та замовлення квитків. (Рис. 4.13)
Рис. 4.13 Модуль для визначення курсу валют, доданий в Joomla!
Для створення фотогалереї в Joomla! було додано компонент DatsoGallery. За допомогою компонента DatsoGallery можна швидко і без особливих зусиль створити багатофункціональну фотогалерею з можливістю продавати фотографії. Компонент неймовірно простий і зручний в управлінні, а також має приємний для користувача зовнішній вигляд. Безліч налаштувань дозволяє організувати фотогалерею, що відповідає вимогам користувача. Після установки компонента в Joomla! створюються різні категорії (Рис. 4.14), куди пізніше завантажуються графічні зображення. (Рис. 4.15)
Рис. 4.14 Створення категорії для фотогалереї в компоненті DatsoGallery
Рис. 4.15 Стандартне завантаження фотографій в компоненті DatsoGallery