Веб-орієнтований конструктор динаміних інтернет сторінок: частина клієнта

  “Blocks” визначає структуру сайту.  Тут зберігається інформація про модулі сайту, які модулі завантажувати а які ні, в якому порядку вони розташовані і де (у лівій або правій частині сторінки). 

  Список небажаних користувачів міститься у табличці “banned”. Блокується ip адреса користувача. Є два типи блокування перший – повне блокування сайту і другий – користувач не має можливості додавати новини,  посилання, файли, залишати коментарі, а тільки читати інформацію.

Табличка  “site_type” визначає тип сайту,  а “styles” — стиль.  

3.4 Модулі та компоненти

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

  У веб-дизайні під таким терміном розуміють елементи виведення даних, відображення яких настроюється  для кожного окремого веб-сайту. Отже, модуль - це певна ділянка сайту, позиція якого визначається через інтерфейс адміністратора. В якості модуля може бути представлені: меню сайту, список останніх статей, лічильники відвідувань, пошук, авторизація користувачів, форми опитувань і контактів, будь-яка статична та динамічна інформація, задана користувачем.

До складу нашого веб-сайту входять такі модулі:

“Пошук” - модуль забезпечує пошук по вмісту сайту. Будь-яка нова інформація відразу може бути знайдена за допомогою пошуку.

Файл, який відповідає за даний  модуль має назву block-search.php. Вмістиме виглядає так:

<?php

 

if (!defined('Site')) {

    Header("Location: ../index.php");

    exit;

}

 

echo "

<table width=\"140\" cellspacing=\"1\" cellpadding=4 bgcolor=#000000 border=0>

<tr>

<td align=middle width=\"100%\" background=theme/default/images/bbl.gif bgcolor=\"#ffffff\"><font class=\"blocktitle\">&nbsp;Пошук&nbsp;</font></td>

</tr>

<tr>

   <td valign=\"top\" bgcolor=\"#C0C0C0\">

       <form action=\"index.php?mod=search&amp;searchText=in\" method=\"post\">

       <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\">

       <tr>

          <td align=left width=\"100%\" bgcolor=\"#C0C0C0\"><input type=\"text\" name=\"search\"></td>

      </tr>

       <tr>

            <td colspan=2> <input type=submit value=Найти></td>

       </tr>

       </table>

       </form>

   </td>

<tr>

</table>"

 

?>

  Можна побачити, що програмний код для даного модуля дуже простий. Він створює текстове поле і для вводу тексту, який потрібно знайти і кнопки “Найти”. Сам пошук здійснює компонента “search”, що виводить результат у центральне поле інтернет сторінки.

“Меню” – забезпечує швидку навігацію по сайту.

 

“Реклама”- відображає рекламу.

“Афоризми”- цікаві вислови, прислів’я, приказки.

 “Авторизація” – надає можливість  авторизуватись(залогінитись).

 “Фото” –  картинки  для мобільних телефонів.

“Календар” –  календар на поточний місяць.

 

  “Компонентами” називаються розширення, що дозволяють додавати додаткові функціональні можливості до роботи системи управління контентом.  Вони є програмними частинами сайту, які визначають його роботу і без яких правильна робота сайту неможлива. Модуль, в переважній більшості випадків, потрібен лише як допоміжний елемент до наявних компонентів.

  Виводити що-небудь на сторінку сайту в один і той же момент часу може тільки один компонент і лише в одне поле. Це поле є головним полем сторінки ( центральна частина сторінки ), і виводити в нього дані може лише компонент.

Модулям це поле недоступно.

  В цей же час на цій же сторінці можуть бути будь-які модулі і виводити в своєму тілі (в межах свого модуля) абсолютно будь-яку інформацію, навіть жодним чином не пов'язану з поточним компонентом.  Модуль “Меню” надає можливість переключати компоненти, тобто виводити дані тої чи іншої компоненти.  Основні компоненти: новини, каталог файлів та книг, каталог посилань, акаунт .

  Розглянемо деякі з них. Так “Ваш аккаунт” працює з даними про користувача, що авторизувався.  Можна змінювати mail, місто, аватарку,пароль. Всі зміни даних про користувача оновлюються у базі даних.

  Основною метою компоненти “Новини” є розміщення інформації, що публікується в хронологічному порядку на сайті. Новини можуть складатися з різних тематичних категорій, кожна з яких буде нести інформацію про певну сферу, наприклад: новини компанії, ринку, техніки і т.д. Посилання з заголовків новин ведуть на сторінку з повним текстом відповідної новини. Редагування та створення нових новин без проблем здійснюється через зручний та інтуїтивно-зрозумілий інтерфейс, який забезпечує формування і управління наповненням новин: дати, заголовки, мета-теги, тексти новин.

“Каталог файлів” та “Каталог книжок” — файли і книжки, які можна скачати, попередньо прочитавши короткий опис.

 

 

3.5 Форум

 

   Форум — популярний вид спілкування в інтернеті, що дозволяє залишати в Мережі свої думки, відповіді на питання і обговорення тем. Такий вид спілкування все більш і більш набирає популярність. Це пов'язано із зацікавленістю користувачів у спілкуванні і обговоренні олюблених тем. На форумі створюються теми для спілкування, що робить його кращим за чат. Всі, кого цікавить певна інформація, можуть зручно й швидко переглянути її на форумі. Форуми можуть бути присвячені програмному забезпеченню, автомобілям,  футбольній команді і т. д.

    Робота форуму полягає у створенні користувачами тем у розділах і можливістю обговорення всередині цих тем. Окремо взята тема, по суті, являє собою тематичну гостьову книгу. Елементи форуму: розділи→теми→повідомлення.

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

  Створення нових повідомлень не доступні будь-яким випадковим відвідувачам,  — необхідна попередня реєстрація.   Під час реєстрації учасник  повідомляє інформацію про себе, налаштовує свій аватар, що буде автоматично додаватися до його повідомлень.

 

 

 

 

 

 

 

3.6 Керуання доступом користувачів на основі ролей

 

  Керування доступом на основі ролей можна використовувати, щоб призначати користувачам можливості. Усі дозволи та можливості визначаються ролями керування. Роль керування  або просто роль, визначає, до чого користувач має доступ і які завдання може виконувати. Коли призначається роль користувачу, він отримує змогу виконувати завдання, визначені роллю. Кожний користувач може використовувати лише ті вкладки та параметри, які дозволяє призначена йому роль:  

  user — можливість  читати інформацію,  додавати коментарі, скачувати файли, переглядати та скачувати книжки, додавати нові теми для обговорення на форумі.

pressman — журналіст. Має право  читати інформацію, скачувати файли, … ,  тобто присутні всі можливості попередньої ролі. Основне завдання — додавання та редагування інформації , файлів, книжок, посилань .

  admin —  роль призначає можливість адміністрування адміністраторам та іншим фахівцям. Вона дозволяює створювати, змінювати й видаляти інформацію,  користувачів, а також скидати паролі, змінювати вигляд сайту і т.д.

 

3.7 Блокування користувачів 

Блокування — заборона на редагування статей сайту тими або іншими користувачами. Технічно блокування встановлюється відносно  IP-адреси. Накладення блокування означає заборону на перегляд (читання) яких би то не було сторінок сайту. Блокування є статусом користувача. Це означає, що технічне блокування IP-адрес може  зніматися. Блокування використовується адміністраторами, насамперед, для запобігання вандалізму й для приведення в силу заборони на участь тих або інших осіб у роботі сайту. Воно також може застосовуватися й у деяких інших ситуаціях, перерахованих нижче:

• вандалізм

• особисті образи

• погрози

• розголошення особистих відомостей

• порушення авторського права й плагіат

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

Текст, який показується заблокованим користувачам: “Сайт заблокований! Ви можете зв'язатися з  адміністратором(admin@kursova.ua),щоб обговорити блокування . Будь-ласка, вкажіть у листі свою IP-адресу, якщо будете обговорювати причину блокування.”

 

3.7 Інформаційна структура

  
 Починати наповнення будь-якого веб-сайту слід з планування його інформаційної структури і створення інформаційної  моделі. У даній системі  існують три рівні організації інформації: «Розділи» — це великі — об'єднання, що складаються з категорій; «Категорії» — невеликі- об'єднання, що вміщають об'єкти;  «Об'єкти контенту» - це- будь-який текст, файл, посилання які користувач  хоче розмістити на веб-сторінці. 

  Розібратися в цій системи зберігання інформації можливо уявивши собі наступну систему наповнення: розділи — це ящики, категорії - це папки в ящиках, а об'єкти контенту - це папери в папках.

  Розділи є наперед визначеними. До них належать  файли, книги, новини і посилання.

  Категорії створюються адміністратором сайту.  Так для розділу “Новини” можна створити категорії “спорт” і “економіка”; для розділу “Файли” – “програми” і “скрипти”. Єдина особливість даної структури в тому, що немає можливості створити інформаційний матеріал, попередньо не створивши для нього категорію.

 

 
3.8 Заповнення головної сторінки

 
  Головна сторінка - це візитна картка будь-якого інтернет-ресурсу. Саме побачивши головну сторінку, користувач вирішує - залишитися на даному сайті чи ні. На головну сторінку, можна розмістити  об'єкти будь-яких категорій або розділів.  
 У випадку з нашим сайтом була створена спеціальна сторінка, на яку завантажуються з бази даних всі категорії посилань з коротким описом.

 

 

3.9 Дизайн сайту

 

  Зовнішній вигляд сайту має досить велике значення, поряд з пошуковою оптимізацією і зручністю використання. Привабливий зовнішній вигляд створює сприятливе враження у відвідувачів сайту, але при цьому досить складно догодити всім, тому що смаки й уподобання можуть сильно відрізнятися. Тому  було розроблено кілька стилів сайту, щоб  користувач  вибрав саме той, який йому найбільше подобається. За наявності декількох стилів збільшується ймовірність, що велика кількість користувачі знайде найбільш відповідний стиль, для себе.

   Для того, щоб стиль сайту можна було легко змінювати, слід при створенні веб-сторінок слідувати декільком правилам. У першу чергу потрібно відокремити вміст сайту від його оформлення. У коді веб-сторінок не повинні бути присутніми команди оформлення, всі такі команди слід помістити у файл стилів CSS.

  Змінювати зовнішній вигляд сайту досить просто, і при створенні практично будь-якого сайту рекомендується закласти в нього цю можливість.  В даній веб-орієнтованій системи розроблено три стилі, які демонструють різні підходи до побудови веб-сторінок:

 Classic

  Default

 

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

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

 
  

  Короткий опис стилю Default: колірна схема  сіро-червоно-чорна (для шрифтів і графічних елементів оформлення) і біла (для фону текстів). Кольори дизайну сторінок збалансовані. Кольори (сіро-білі) сприймаються оком дуже добре. Текст легко читається оскільки  не зливається з фоном.