Технологія розробки веб-проекту на базі платформи Drupal

  1. Мал. 1 сайт білого дому
  2. Мал. 3 Вікно установника denwer
  3. Мал. 4 Перший запуск denwer
  4. Мал. 5 Drupal.org
  5. Мал. 6 Налаштування привілеїв в php my admin
  6. Мал. 8 Налаштування бази даних
  7. Мал. 9 Вибір мови в адмін-панелі
  8. Мал. 10 Вид адміністраторській панелі
  9. Мал. 11 Адміністративне меню Drupal
  10. Мал. 12 Приклад додавання новини
  11. Мал. 13 Інструментарій по створенню / редагування меню
  12. Мал. 14 Створення нового меню
  13. Мал. 15 Сторінка створення розділів меню
  14. Мал. 16 Сторінка "Змінити пункт меню"
  15. Мал. 17 Додавання необхідних пунктів меню
  16. Мал. 18 Перехід в підміню Блоки
  17. Мал. 19 Таблиця блоків
  18. Мал. 20 Пункт «Права колонка» меню «Статті»
  19. Приклад. Створення Форуму за допомогою стандартного модуля Drupal
  20. Мал. 21 Перехід в підміню Модулі
  21. Мал. 22 Вибір модуля Форум
  22. Мал. 23 Перехід в підміню Форуми
  23. Мал. 24 Додавання нового форуму
  24. Приклад. Створення сайту - візитки
  25. Мал. 25 Стандартний дизайн сайту-візитки
  26. Мал. 26 Вкладка меню "Створити матеріал"
  27. Мал. 27 Форма зворотнього зв'язку
  28. Мал. 28 Створення стрічки новин
  29. література
  30. Ресурси для скачування

Drupal (Друпал) - безкоштовне програмне забезпечення, система управління контентом (Content management system, CMS), створена на мові PHP, з ліцензією GPL. Модульна архітектура Drupal дозволяє активно його використовувати для розробки сайтів. У цій статті розглянемо потужні можливості Друпал по створенню веб - проекту.

До переваг цієї CMS відносяться

  • Відкритий вихідний код дає необмежені можливості в розширенні функціональності;
  • Простота розгортання на хостингу або на домашньому сервері
  • Можливість застосування для різних сайтів - від звичайних, новинних стрічок до соціальних мереж;
  • Дизайн сайту змінюється просто «темами оформлення» - спеціальними модулями;
  • Drupal активно підтримується безліччю розробників, які постійно виправляють баги і обмінюються досвідом в мережі;
  • Drupal зручний для розробників і має внутрішню систему кешування, що збільшує продуктивність сервера, тому що скорочується час генерації сторінки;
  • Система пошуку вибудувана на рівні ядра і зручна для роботи.

Головне, що Drupal дозволяє створювати легконастраіваемий веб-сайти, ідеально підходить для просування SEO, тому що дозволяє змінювати ключові слова для будь-якої сторінки.

Чи є у Drupal недоліки?

  • Непросто освоюється в навчанні, вимагає наявності основ знань веб-розробки.
  • Чи не найлегший для розуміння користувача інтерфейс (але процес усунення цього активно йде).

Системні вимоги Drupal:

Drupal в першу чергу орієнтований на платформу LAMP, але можливі варіанти використання іншого системного ПЗ.

  • Операційна система: сімейство Unix (в тому числі FreeBSD, Mac OS X), Windows (будь-які ОС, на яких може працювати інтерпретатор PHP)
  • Веб-сервер: Apache, Nginx, Lighttpd, IIS Versions 6, 7 (через Fast CGI) (теоретично будь-який веб-сервер, що допускає виконання PHP-коду)
  • СУБД: MySQL, PostgreSQL (в принципі нескладна адаптація до інших реляційних СУБД, наприклад IBM DB2 [13])
  • PHP версії 4.3.3 і вище (для сумісності з усіма сторонніми модулями рекомендується застосовувати PHP 5, замість PHP 4). Drupal 6.16 сумісний з PHP 5.2, і погано сумісний з PHP 5.3. Drupal 7 вимагає PHP 5.2.4 і вище.

Ось кілька прикладів сайтів, створених на Drupal (Рис. 1 і 2):

Мал. 1 сайт білого дому
Drupal (Друпал) - безкоштовне програмне забезпечення, система управління контентом (Content management system, CMS), створена на мові PHP, з ліцензією GPL
Мал. 2 сайт російськомовної версії журналу Forbes

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

Відповідно до системними вимогами одним з найпростіших способів встановити Drupal на домашній комп'ютер - встановити його на базі локального сервера «Денвер».

«Денвер» ( «Д.н.w.р», джентльменський набір Web-розробника) - вдає із себе локальний сервер (Apache, PHP, MySQL, Perl і т.д.) і програмну оболонку, яка використовується Web-розробниками для розробки сайтів на локальній Windows-машині без необхідності виходу в Інтернет. Дистрибутив можна скачати на сайті проекту .

Установка Denwer ні чим не відрізняється від установки будь-який інший програми:

  • Клікнути два рази по інсталятору, погодитися встановити базовий пакет.
  • Після розпакування файлів з'явиться вікно Internet Explorer. Закриваємо вікно браузера.
  • Відкриється вікно з інсталятором Denwer, тиснемо клавішу Enter (Рис. 3).
    Мал. 3 Вікно установника denwer
  • Вказуємо ім'я директорії для установки «джентельменський набір веб - розробника». У зазначеному каталозі будуть розташовані абсолютно всі компоненти системи, і поза ним ніякі файли в подальшому не створюються (виключаючи ярлики на Робочому столі). Автори проекту «Денвер» настійно рекомендують встановлювати комплекс в каталог першого рівня - тобто, C: \ WebServers, а не, наприклад, C: \ My \ WebServers. Справа в тому, що інсталятори пакетів розширень шукають базовий комплект саме на першому рівні по всіх дисках. І, якщо не знаходять, змушують вас ввести ім'я директорії вручну.
  • Тиснемо Enter. Підтверджуємо згоду "y", йдемо далі. Вам запропонують ввести ім'я віртуального диска, який буде пов'язаний з тільки що зазначеної Директорією. Для імені нового диска вибрати будь-яку букву, що не використану раніше.
  • Знову натискаємо «продовжити». Відбувається копіювання файлів.
  • Далі вибираємо варіант запуску віртуального диска: при завантаженні комп'ютера, або при старті комплексу «Денвер» вручну.
  • Створюємо ярлики на робочому столі.

При запуску Денвера в адресному рядку вказуємо http: // localhost / denwer /. Повинна з'явитися сторінка (Рис. 4)

Мал. 4 Перший запуск denwer

Перейдемо безпосередньо до установки Друпал.

Етап 1. Потрібно завантажити та встановити Друпал, наприклад Друпал 7. Завантажити інсталяційний пакет можна з офіційного сайту сайту (Рис. 5):

Мал. 5 Drupal.org

Перш ніж встановлювати Друпал, налаштуємо базу даних, з якої CMS належить працювати.

В якості СУБД в комплексі «Денвер» використовується MySQL. Адмініструвати MySQL зручно за допомогою веб-інтерфейсу php My Admin.

В першу чергу, створимо нову базу даних для нашого проекту, і нового користувача СУБД (аккаунт) для доступу до неї. (Використання root-аккаунта для інших, крім адміністрування цілей, неприпустимо з точки зору безпеки.) Щоб створити цей новий акаунт потрібно перейти на головну сторінку php My Admin і вибрати вкладку «Привілеї», вибрати «Додати нового користувача» і уважно заповнити поля. Тут вибір залежить від подальших завдань (Рис. 6 і 7).

Мал. 6 Налаштування привілеїв в php my admin
Мал. 7 Створення нової БД. Додавання користувача

Повернемося до установки Друпала.

Ініціюємо інсталяцію, ввівши URL: localhost / drupal в адресному рядку. Тут знаходиться меню установки Друпала. Потім, після перевірки наявності необхідних додатків, нам запропонують вказати ім'я бази даних, а також ім'я користувача та пароль для доступу до неї (Рис. 8).

Мал. 8 Налаштування бази даних

Наступну сторінку, «додаткові настройки», можна не заповнювати, залишити все за умовчанням.

В параметрах конфігурації рекомендую включити опцію «Чисті посилання» в «налаштуваннях сервера». При цій опції URL краще візуально сприймаються. Що входить до «Денвер» Apache цю опцію підтримує.

Після завершення установки ваш сайт практично створений, з'являється: «можете зайти на ваш новий сайт».

Адміністраторський розділ нового сайту представить всі модулі. Є стандартні, а є і такі, які можна додати додатково. Для цього потрібно завантажити їх з офіційного сховища - сховища. Обраний додатковий модуль потрібно завантажити в створену папку modules в drupal \ sites \ all. Content Construction Kit (СРК) дозволяє створювати новий вміст.

Щоб встановити модуль, вибираємо відповідний і викачуємо. Розпаковуємо архів в modules в drupal \ sites \ all. Туди ж необхідно розпакувати і архів з перекладом даного модуля. Переходимо в меню до «конструкція сайту», вибираємо «модулі». Тут є назва завантаженого модуля, його необхідно включити разом з подмодулей.

Локалізуємо вже встановлений Друпал.

Для цього необхідно завантажити c сайту Drupal.org і включити модуль Localization Update . Далі на сторінці admin / config / regional / language додаємо нову мову - Russian і робимо його мовою за замовчуванням.

Потім на сторінці admin / config / regional / translate / update оновлюємо переклад за допомогою кнопки Update translations (Рис. 9).

Мал. 9 Вибір мови в адмін-панелі

Етап 2. Створення контенту.

Далі в адміністративних розділах Друпал можна працювати за завданнями або за модулями. «За завданням» містить підзаголовки «Вміст», «Налаштування публікації» та інші. В описах можна зрозуміти, для чого конкретне завдання. У розділі «по модулях» вийдуть різні модулі, які теж поступово освоюються і вивчаються.

З кожним роком з'являються додаткові модулі, які полегшують користування інтерфейсом (Рис. 10).

Мал. 10 Вид адміністраторській панелі

Таким чином, попередня робота закінчена. Пора переходити безпосередньо до створення сторінок.

Адміністративне меню Drupal має такий вигляд: (Рис. 11)

Мал. 11 Адміністративне меню Drupal

Переходимо в меню «зміст», йдемо далі - «створити матеріал» - «сторінка». Щоб додати в навігаційне меню посилання на цю сторінку, вибираємо основні посилання в меню «батьківський пункт». Чим менше вага посилання, тим вона виводиться вперед інших. Серед посилань з однаковим вагою Друпал виведе їх за алфавітом.

Далі в форматі введення необхідно вибрати спосіб введення змісту. Вибір формату залежить від знань мови HTML.

Потім у вікні «створювати нову редакцію» поставити прапорець.

Три позиції в «параметрах коментарів» дозволяють включити, відключити або обмежити функцію додавання коментарів на дану сторінку.

Друпал запам'ятає введені дані про автора і публікації.

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

Далі можливе розміщення на сторінці будь-яких нових типів матеріалів. Адміністратор може додавати додаткові властивості практично нескінченно. Список типів вмісту на сайті завершується рядком «додати новий тип матеріалу».

Розглянемо приклад додавання (Рис.12):

Мал. 12 Приклад додавання новини

Приклад створення новини. Крім полів «заголовок», «текст новини» і «автор», необхідно вибрати, чи буде новина відображатися в меню на сайті і де саме її можна буде знайти. Потім додати ключові слова, щоб полегшити пошук інформації на сайті.

Розглянемо створення меню.

Необхідно зайти в інструментарій по створенню / редагування меню (Рис.13)

Мал. 13 Інструментарій по створенню / редагування меню

Ввести ім'я (ідентифікатор цього меню), назва, опис, зробити збереження (Рис. 14).

Мал. 14 Створення нового меню

Тепер Drupal автоматично переходить на сторінку створення розділів меню «Статті». Вибирається «Додайте пункт» (Рис. 15):

Мал. 15 Сторінка створення розділів меню

Заповнюємо поля. В Drupal пояснення під кожним полем. Шлях: * - посилання на необхідний матеріал

Назва посилання в меню: * - назва розділу меню. Батьківський пункт встановлений за замовчуванням на наше кореневе меню «Статті», при цьому змінюється на інший пункт (Рис. 16).

Мал. 16 Сторінка "Змінити пункт меню"

Все інше за замовчуванням. «Зберегти».

Можна додати необхідні пункти меню «Статті. Використовувати коренем розділів основне меню «Статті» (Рис. 17):

Мал. 17 Додавання необхідних пунктів меню

Отже, створено меню «Статті» з необхідними нам розділами.

Розміщується воно на шаблон нашого сайту. Для цього потрібно перейти в Адміністрування - Конструкція сайту - Блоки (Рис. 18)

Мал. 18 Перехід в підміню Блоки

таблиця блоків складається з (Рис. 19):

Мал. 19 Таблиця блоків

тобто, це частини «скелета» шаблону сайту. У блоці «відключено» все новостворені матеріали. Виберемо місце розташування меню «статті», наприклад в правій колонці. Знаходимо в блоці «відключено» меню «Статті», і в випадаючому меню вибираємо пункт «Права колонка» (Рис. 20):

Мал. 20 Пункт «Права колонка» меню «Статті»

Натискаємо «Зберегти», переходимо на головну сторінку. процес завершено

Приклад. Створення Форуму за допомогою стандартного модуля Drupal

Створимо основну тему форуму з під форумом.

Включаємо модуль форуму. Для цього йдемо в Адміністрування - Конструкція сайту - Модулі (Рис. 21):

Мал. 21 Перехід в підміню Модулі

вибираємо в списку модулів (Рис. 22)

Мал. 22 Вибір модуля Форум

Модуль форуму включений, потрібно додати сам форум і прив'язати його до пунктів меню.

Переходимо Адміністрування - Зміст - Форуми (Рис. 23):

Мал. 23 Перехід в підміню Форуми

Додаємо форуми (Рис. 24).

Мал. 24 Додавання нового форуму

Здається ім'я форуму, інші настройки за замовчуванням.

Для додавання під форуму досить також перейти до створення форуму, задати ім'я і для параметра Батько: * зі списку вибрати «Форум № 1»:

За інструкцією розділу Створення меню (з пункту 4), створюємо меню «Форум» з розділом «Форум № 1», вказуючи Шлях: * наступним чином: forum / 1

Потім розміщуємо меню «Форум» на сайт за інструкцією розділу Створення меню

Приклад. Створення сайту - візитки

Сайт - візитка це невеликий ресурс для короткої інформації наприклад, про компанії, її продукції, контактної інформації.

Найчастіше клієнти замовляють сайти за схемою:

  • Головна сторінка
  • Про компанію
  • Відомості про продукцію
  • ціни
  • Контактна інформація

Структура залежить від замовника, дизайн від його ж побажань і фантазії розробника. Розглянемо варіант зі стандартним дизайном (Рис. 25).

Мал. 25 Стандартний дизайн сайту-візитки

Перейти в розділ адміністрування (Administer), далі Модулі. Ставимо галочки у модулів Contact, Content translation, Locale, Path. «Зберегти».

Передбачається, що Друпал російською мовою, якщо немає, читаємо статтю вище.

Далі створюються необхідні сторінки сайту за обраною схемою.

Натискається посилання в лівому меню «Створити матеріал», «Page» (Рис. 26).

Мал. 26 Вкладка меню "Створити матеріал"

Далі заповнюється форма створення станиці.

title. У цьому полі вказуємо назву майбутньої сторінки

Розгортаємо блок, що відображає цю сторінку в меню. Там, де «назва посилання в меню» пишемо, «про компанію». Далі в батьківському пункті вибираємо, в якому меню вийде наша посилання. За замовчуванням три меню Navigation, Primary links, Secondary links. Можна створити інші меню користувачів.

Далі в цьому блоці йде пункт «вага». Він визначає послідовність пунктів меню.

body. Тут пишеться вміст сторінки. Можна встановити додатковий модуль текстового редактора для документів типу Microsoft World, тоді можна писати без знань html.

Формат введення. Для того, щоб Drupal бачив, як обробляти введений текст або html код.

Блок редакції на даному етапі пропускаємо.

Установки коментарів відключаємо.

У налаштуванні публікації залишаємо одну галочку в пункті - опубліковано.

За цим зразком робляться і інші сторінки сайту.

Особливості сторінки «контакти». Для неї використовується вбудований модуль Contact. Щоб його налаштувати, потрібно перейти в розділ адміністрування - конструкція сайтів. Тиснемо «форма контактів». Додати нову категорію.

Відкривається форма для заповнення. У «категорія» пишемо - Адміністрація. «Одержувачі» - електронну пошту для повідомлень клієнтів. В поле «автоматичний відповідь» - красиву фразу. «Вага» - 0. Обрано встановимо - Так. Зберегти. На сторінці контактів розташовується створена нами категорія. «Налаштувати». В поле «додаткова інформація» записується адресу нашої фірми. Зберегти (Рис. 27).

Мал. 27 Форма зворотнього зв'язку

Далі на сторінці налаштування - Меню. Воно в лівому блоці меню в розділі конструкція сайту. Вибирати primary links. Зверху натискаємо «Додати пункт». В поле «пункт» пишемо - contact. Назвемо посилання - Контакти. Все інше не чіпаємо. Встановлюємо вага посилання - 4. Зберегти.

У розділі управління меню primary links додаємо пункт. В поле «шлях» пишемо <front>, назва - «Головна сторінка», вага - мінус 1.

Для створення стрічки новин потрібно створити новий тип матеріалу. Знову вибираємо сторінку «адміністрування», тиснемо «типи матеріалів». Далі - «додати тип матеріалу». Заповнимо поля (Рис. 28).

Мал. 28 Створення стрічки новин

Далі за зразком створення сторінки створюємо новина.

Тепер можна додати будь-які стандартні блоки на сторінки сайту.

Кожен модуль / тема / інсталяційний профіль має розділ Issues, своєрідний форум, де пропонуються нові можливості.

література

Для Drupal вже досить літератури. Наприклад, російською мовою Т.Томлінсон, «CMS Drupal 7. Керівництво по розробці системи управління веб-сайтом» або Д. Вандюк «CMS Drupal 6: система для створення сайтів і управління ними».

Drupal логічний, якщо зрозуміти основні принципи, то можливості розробника необмежені.

Ресурси для скачування

Підпишіть мене на повідомлення до коментарів

Чи є у Drupal недоліки?

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

Или позвоните нам по телефонам: (048) 823-25-64

Организация (обязательно) *

Адрес доставки

Объем

Как с вами связаться:

Имя

Телефон (обязательно) *

Мобильный телефон

Ваш E-Mail

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