Автоматизація підсистеми обміну даними web-ресурсу

Ознайомлення з системами CMS. Розділення інформаційного наповнення, структура та дизайн. Призначення СMS typo3, режими роботи, базові модулі. Можливості BackEnd для адміністраторів сайту. Робота з шаблонізатором TemplaVoila. Створення форми авторизації.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык украинский
Дата добавления 02.02.2016
Размер файла 6,5 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

ВСТУП

Останнім часом створення і підтримка сайтів є дуже популярним заняттям. Над простотою і зручністю створення web-ресурсів працює велика кількість людей. Ось саме для цих цілей і були створені такі системи як CMS. Сучасні системи управління контентом широко використовуються на просторах мережі Інтернет при створенні проектів будь-якої складності.

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

Основні відмінні риси систем управління контентом, які одночасно є перевагами, це можливість створювати сайти, практично будь-якої складності, не маючи пізнань в html, css і інших областях веб-програмування. А можливість швидкого, простого і інтуїтивного додавання, видалення, редагування і форматування контента значно спрощує і полегшує завдання адміністрування сайту. Використання СMS передбачає додавання не лише текстового контента, а також різного мультимедійного матеріалу і файлів. Це дозволяє залучити відвідувачів сайту і всіляко різноманітити його. Слід зазначити, що системи управління контентом автоматично генерують панель адміністратора, яка зачіпляє всі шілки керування сайтом, що дуже практично і зручно.

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

Основною межею використання систем управління контентом CMS є те, що вона дозволяє зберігати актуальність вмісту сайту щодня, оскільки не потрібні які-небудь додаткові інструменти для наповнення ресурсу новим контентом і файлами. А можливість змінити зовнішній вигляд сайту декілька кліків освіжить зовнішній вигляд сайту.

Головна функція CMS - показувати сторінки сайту користувачам, формуючи їх вміст "на льоту" із заздалегідь визначених шаблонів з дизайном і контента, тобто текстів, картинок, таблиць і інших матеріалів, які зберігаються в базі даних.

Метою роботи є автоматизація підсистеми обміну даними web-ресурсу. На основі мети ми можемо сформулювати декілька завдань для нашої роботи:

1. Основним завданням є автоматизація управлінням підсистеми обміну даними веб-ресурсу.

2. Ознайомлення з системами CMS для управління інформаційним і файловим контентом сайту.

3. Порівняння існуючих систем CMS і вибір оптимального варіанту системи.

4. Робота з CMS typo3.

5. Застосування різних розширень для спрощення роботи.

6. Робота з формою авторизації для користувачів.

7. Перенесення сайту під управління Сms typo3.

1. ЗНАЙОМСТВО З СMS

1.1 Призначення CMS

Система управління інформаційним наповненням (CMS) є системою, яка дозволяє користувачам робити співробітничати для створення і управління інформаційним та файловим наповненням сайту. Ці системи можуть бути, як додатки, встановлені на комп'ютері, які зв'язуються з сайтом для управління ним, так і доступні через мережі застосування, які працюють на сервері в мережі і дозволяють всіма аспектами сайту керувати безпосередньо з самого сайту.

Абревіатура CMS розшифровується як «Content Management Software» («програмне забезпечення для управління вмістом»). У нашій країні прийнято останню букву «S» розшифровувати як «System», а по-російськи це зазвичай звучить як «Система управління контентом». Іноді вживається більш просту назву - "движок сайту".

Як правило, система управління інформаційним і файловим наповненням (CMS) є частиною програмного забезпечення, яке виконується на сервері. Зазвичай, додаток бази даних, CMS полегшує видання і управління інформаційним наповненням. Це - одна із загальноприйнятих методик для створення і управління інформаційним наповненням в Інтернет і Інтранет, особливо в середовищах, де працює, більше ніж за одну людину, над інформаційним та файловим наповненням.

Поважно розуміти, що сайту як набору сторінок при такій схемі просто не існує. Є окремо дизайн (шаблони) і окремо набір різних матеріалів - текст, картинки, файли з архівами, документи Msoffice/pdf і інші матеріали. CMS створює сторінку користувачеві у момент його запиту. При цьому, залежно від ситуації, користувачеві може бути показана якась унікальна інформація, яка більше нікому і ніколи не буде видна. Наприклад, вміст його корзини в інтернеті-магазині.

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

Звичайно, створити сайт можна і без CMS. Прості сайти типа "сайти-візитки" робляться за декілька хвилин, наприклад за допомогою Msword. Для цього досить зберегти файл у формат HTML і помістити файл на хостинг-сервер. Правда, коли сторінок буде не 1, а 100 виникнуть певні складнощі. Якщо на кожній сторінці знаходиться, наприклад, телефон компанії, то щоб змінити його потрібно буде поміняти його в 100 місцях, і все це вручну. Без допоміжних програмних засобів буде практично неможливо.

Для того, щоб додати на сайт, наприклад, форму зворотного зв'язку, доведеться вдатися до програмування і зробити спеціальний скрипт, що приймає дані від клієнтів і зберігає їх в базі. Це робить самостійне створення сайту для рядового користувача практично нездійсненним завданням. Але зараз не 99ий рік. Сучасні CMS дозволяють обійтися без необхідності писати самому якийсь програмний код і збирати сайт з готових "кубиків".

Ці системи дають користувачам можливість:

* Створювати інформаційне та файлове наповнення.

* Керувати інформаційним та файловим наповненням.

* Керувати доступом до файлового та інформаційного наповнення і його редагування, забезпечити доступ і обмежити його.

* Змінити рівень дизайну, незалежно від інформаційного наповнення сайту.

* Ефективно виконувати спільну роботу.

* Керувати версіями файлового та інформаційного наповнення.

1.2 Розділення інформаціонного наповнення, структура та дизайн

шаблонізатор авторизація адміністратор сайт

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

Це дозволяє, для сайтів будь-якого розміру, легко і швидко змінювати їх дизайн. Крім того, це захищає дизайн, оскільки редактори інформаційного наповнення не повинні інтегрувати дизайн в інформаційне наповнення, що може викликати проблеми, наприклад, якщо редактори інформаційного наповнення не знають HTML.

1.3 Простота створення інформаційного наповнення

Якщо працювати на комп'ютері, то можна управляти інформаційним, а також файловим наповненням для свого сайту. Використовуючи графічний інтерфейс користувача, можна просто створити текст, вставити зображення, файли, розмітити інформаційне наповнення (і навіть більше). Тобто побудувати і підтримувати динамічний сайт. Це тим більше вірно, якщо використовувати серверну обробку графіки Typo3 для додавання графічних меню, заголовків, і т. д.

1.4 Аналіз систем CMS

Joomla (Джумла).

Написана на РНР і використовує базу даних MYSQL. Це повноцінна CMS, а не заточена під певні завдання блог-система. Має зрозумілу для новачка панель адміністрування. Joomla має великі можливості, має менеджери архівів, пошуку, поштових розсилок, шаблонів і редактор тексту. Особливо хочу відзначити велику кількість різних сайтів і документації російською мовою. З недоліків Джумли можна відзначити наявність проблем з безпекою сайту, тому що ця CMS з відкритим кодом. Інколи спостерігається низька швидкість роботи системи.

Drupal (Друпал).

Ця CMS також написана на РНР і вимагає наявність MYSQL. Хочеться відзначити дуже високу функціональність цієї системи, що дозволяє з її допомогою створювати великі портали. До позитивних меж можна віднести хорошу ергономіку, а також простоту у використанні. До недоліків можна віднести, обумовлену забезпеченням безпеки системи, слабку продуктивність.

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

Wordpress (Вордпресс).

Безкоштовна CMS, використовуюча MYSQL і написана на РНР. Переваги системи - це її простота адміністрування, підтримка RSS, безліч розширень і доповнень. Ідеально підійде для невеликих сайтів і блогів з відвідуваністю до 1000 відвідувачів. До недоліків можна віднести невчасне оновлення російських версій, що дуже важливе для забезпечення безпеки CMS.

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

1С-Битрикс.

«1c-Бітрікс: Керування сайтом» - універсальний програмний продукт для розробки, підтримки і успішного розвитку інтернету-проекту. Зручний і зрозумілий інтерфейс продукту «1С-Бітрікс: Керуання сайтом» дозволяє ефективно управляти сайтом, не залучаючи фахівців з програмування і html-верстки.

Керувати веб-проектом створеним на основі «1С-Бітрікс: Керування сайтом», не складніше чим створюватидокументи в редакторові Microsoft Word

До складу «1С-Бітрікс: Управління сайтом» входить 34 модулі. Продукт дозволяє управляти інформаційним наповненням сайту, структурою, форумами, рекламою, аналізувати статистику відвідин - це його переваги, а недоліки полягають у тому, що вона не багатосайтова і багато доменна, також є незначні недоліки у безпеці системи.

Отже, нарешті ми дійшли і до самої системи typo3, тепер розберемося, що ж це таке.

2. ДЕТАЛЬНИЙ АНАЛІЗ СИСТЕМИ TYPO3

2.1 Призначення СMS typo3

Typo3 - безкоштовна, з відкритим вихідним кодом, система управління інформаційним наповненням рівня підприємства, створена Kasper Skаrhоj (розробник з Данії) у 2000 році. Це - доступне через мережу застосування, яке ми можемо виконувати на вибраному нами сервері мережі. Особливості typo3, модульна побудова, відділення основних розділів і функцій.

2.2 Режими роботи

Typo3 має два режими роботи: frontend і backend. Frontend - це "обличчя" сайту, те, яким він вбачається відвідувачам. Backend - це інтерфейс для адміністраторів і редакторів сайту.

Крім того, підтримується режим frontend-редагування, що дозволяє редакторам вносити правки безпосередньо при перегляді "обличчя" сайту.

2.3 Базові модулі typo3

2.3.1 typo3 бекенд (BackEnd)

Рисунок 1 - typo3 бекенд (BackEnd)

Typo3 бекенд - це інтерфейс для адміністраторів і редакторів сайту. Typo3 бекенд складається з трьох основних колонок:

· Головне меню (зліва)

· Дерево сторінок (центральна)

· Робоча область (справа)

Додаткові опції у верхній правій частині вікна використовуються для швидкої роботи редактора зі сторінками. (закладки, пошук по фразі і по ID сторінки). Інтерфейс сконструйований для швидкого завантаження і для роботи в будь-якому браузері (Internet Explorer, Firefox, Opera, Chrome, Safary) і в будь-якій операційній системі (Windows, Mac, Linux).

2.3.2 Можливості BackEnd для администраторів сайту

Адміністратори можуть створювати внутрішніх користувачів (редакторів сайту), що мають обмежений доступ. Кожен користувач може бути членом одній або більш за групи, кожна група може містити підгрупи.

Для кожної групи або користувача можуть бути встановлені свої права доступу. Базова система прав доступу до сторінок аналогічна unix-системам (права власника, права групи, права всіх). Існують модулі, що розширюють ці можливості.

2.3.3 Модуль «Страница»

Рисунок 2 - Модуль «Страница»

Режим роботи «Сторінка» (перша колонка) - самий головний режим роботи при редагуванні. У цьому режимі відбувається створення сторінок та

їх редагування. Дерево сторінок (друга колонка) дає уявлення про архітектуру веб-сайту, показує відношення сторінок один до одного.

Якщо робота йде в обмеженому редакторському доступі, видно тільки ті сторінки, на які встановлені права доступу.

2.3.4 Візуальний редактор

Рисунок 3 - Візуальний редактор

Візуальні редактори typo3 - RTE (Rich Text Editor), HTMLarea, TinyMCE - дозволяють редагувати елементи контента в режимі WYSIWYG («Що бачиш, те ти отримаєш»).

Typo3 забезпечує API для інтеграції любого візуального редактора, тому зараз існує декілька варіантів.

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

2.3.5 Блок контенту

Рисунок 4 - Блок контенту

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

2.3.6 Модуль «Просмотр»

Рисунок 5 - Модуль «Просмотр»

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

2.3.7 Модуль "Список"

Рисунок 6 - Модуль "Список"

Режим роботи «Список» показує всі блоки контенту, збережені на сторінці. Це зручно для перегляду звіту про записи, елементах, адресах і шаблонах, пов`язаних зі сторінкою. Деякі розширення, наприклад, «Гостьова книга», зберігають записи в особливій папці або системній папці.

2.3.8 Модуль "Файловый архив"

Рисунок 7 - Модуль "Файловый архив"

«Файловий архів» - це система управління файлами. Файли можуть бути завантажені, перейменовані, скопійовані, переміщені, вилучені, відредаговані он-лайн. Можлива навіть обрізка зображень. У «Файловий архів» можуть бути завантажені не тільки зображення, а й документи, на які даються посилання з сайту (для перегляду або завантаження). Для зручності роботи кожен запис має мініатюру (для зображення) або іконку (для документа). Поблизу мініатюри міститься інформація про тип файлу, даті завантаження і розмірі.

2.3.9 Модуль "Расширения"

Рисунок 8 - Модуль "Разширения"

На вкладці "Список локальних розширень" виведені всі розширення, завантажені на даний локальний сервер. Встановлені розширення позначені зеленим значком з мінусом, не встановлені - сірим значком із плюсом. Для встановлення розширення досить клацнути по цьому самому значку (з плюсом), а для видалення - по значку з мінусом. Якщо розширення надає додаткові параметри для свого налаштування, а також додає будь-які таблиці в системну базу даних або потребує створення певної папки, то установка зажадає ще одного кроку.

2.4 Розширення системи

Typo3 - розширювана система управління. Це означає, що існує основа (ядро) системи, яке здатне функціонувати самостійно і модулі, які підключаються до ядра для реалізації тих чи інших можливостей. Модулі (extension або розширення) - маленькі програми, які додають можливості до ядра. Розширення можуть використовуватися як в бекенді (внутрішньому інтерфейсі), так і під фронтенд (зовнішньому сайті, видимому відвідувачу сайту).

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

У своїй роботі я користувався такими розширеннями як: TemplaVoila, CSS styled content (для зовнішнього інтерфейсу). Нижче ми їх докладно розглянемо.

2.4.1 Розширення TemplaVoila

Якщо коротко, то TemplaVoila є альтернативним двигуном шаблонів пропонують новий підхід при створенні і роботі з елементами дизайну. На самій вершині забезпечується новий інтерфейс користувача у внутрішньому інтерфейсі (Модуль сторінки (Page Module).

Розширення "TemplaVoila"; було розроблено Kasper Skarhoj і Robert Lemke в якості проекту для великої французької компанії Dassault Systemes. TemplaVoila стала результатом нововведень, які вирішували деякі проблеми, що виникли в проекті. Зокрема, TemplaVoila призначена для створення більш гнучкої структури сторінок, ніж існуюча в typo3 концепція "колонок". Надалі, вона інтегрує традиційне створення шаблонів на рівні елементів контенту, з більш зручним ніж раніше стилем "point-n-click".

Нарешті, розробка TemplaVoila також супроводжується деякими розширеннями ядра typo3, особливо, концепції званої гнучкої форми (FlexForms), яка дозволяє з внутрішнього інтерфейсу TYPO3 створювати ієрархічні форми і зберігати їх вміст в структурах XML.

Багато в чому, робота з шаблонізатором TemplaVoila дуже зручна і економить багато часу, тобто не потрібно буде створювати шаблон вручну, писати купу коду - за вас це зробить дане розширення.

Отже, Templavoila - це всього лише альтернативний шаблонизатор для typo3. За допомогою Templavoila з HTML-шаблону генерується typo3-шаблон без змін у структурі HTML. Процес генерації Templavoila-шаблону являє собою зіставлення областей HTML-коду і тієї функціональності, яка буде пов`язана з цими областями. Наприклад, один з тегів "div" буде замінюватися на сайті меню, замість іншого тега буде підставлений елемент контенту. Меппінг (розмітка) виконується за допомогою миші і не вимагає навіть знання HTML.

Важливою особливістю Templavoila є можливість створення Flexible Content Elements - динамічних елементів контенту. Це особливі елементи контенту, які можуть включати в себе більш дрібні елементи контенту і розташовувати їх у відповідності зі структурою HTML-шаблону.

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

2.4.2 Установка “TemplaVoila” і “CSS Styled Content”

Наступним кроком буде встановлення TemplaVoila - власне механізму для динамічного рендеринга шаблону та вмісту. Ще нам знадобиться "CSS Styled Content", який буде обробляти звичайні елементи вмісту, як це робиться у всіх нормальних сайтах, що працюють на TYPO3.

Завантажимо на свій сервер "TemplaVoila&" з TER (Архіву Розширень TYPO3) за допомогою EM (Менеджера Розширень). Коли закінчимо із завантаженням, активізуємо ці два розширення.

2.4.3 Каталог - сховище

Тепер треба створити важливий для всього web-сайту елемент - "Каталог-сховище" (Storage Folder). Зазвичай Ви зберігаєте елементи, по`язані з якоюсь певною сторінкою безпосередньо на самій цій сторінці.

Це можуть бути звичайні елементи вмісту або навіть, можливо, користувачі зовнішнього інтерфейсу (FE-users) і т.п. Однак дуже скоро виявляється, що для сайту потрібні нестандартні "універсальні" сторінки, щоб розміщувати на них записи, контекстно пов`язані з усім сайтом, а не тільки з окремими сторінками для відображення вмісту в зовнішньому інтерфейсі.

2.4.5 Data Structures (DS, структура даних) та Template Objects (TO, об`єкт шаблону)

Структура Даних (Data Structure або DS) необхідна для шаблону сторінки, і одночасно використовуємо цю структуру (DS) для відображення елементів HTML-шаблону. Template Object потрібен для збереження інформації відображення створеному в DS.

Щоб отримати уявлення у відмінностях між DS і TO, відзначимо:

* Структура Даних (DS) говорить, які "поля" шаблону HTML ми можемо відображати.

* Template Object (TO) говорить, які елементи HTML використовуються і відображаються з DS.

За цим визначенням ми бачимо, що TO завжди звертається до DS, що вказує TS, які поля можуть бути відображені, за якими правилами, і в якій ієрархії.

Це означає, що може бути багато TO, що звертаються до однієї DS і, таким чином, ми можемо використовувати безліч шаблонів для одних і тих же даних. Незабаром ми побачимо в дії розширення TemplaVoila.

2.4.6 Розширення СSS Styled Content

Дане розширення забезпечує статичні TypoScript файли шаблону і додаткові ресурси для основі CSS, XHTML сумісної візуалізації вмісту елементів у TYPO3.

3. ІНТЕГРУВАННЯ CMS TYPO3 З САЙТОМ ПІДТРИМКИ НАВЧАЛЬНОГО ПРОЦЕСУ

Чому вирішили інтегрувати систему CMS typo3 в навчальну середу? Вище я вже писав, що таке СMS і для чого вона потрібна, так от, дана система дозволить заощадити багато часу і дасть дуже потужний інструмент у руки адміністратора сайту, а разом з ним і великі переваги.

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

3.1 Робота з шаблонізатором TemplaVoil

Для того, щоб почати роботу з розширенням TemplaVoila, спочатку необхідно розробити HTML-шаблон сайту, потім додати його в директорію, яка знаходиться в списку файлів у бекенд typo3. Шаблон нашого сайту виглядає ось так (код шаблону надано в додатку).

Рисунок 9 - Шаблон

Додамо файл шаблону в директорію "main" на наш локальный сервер з системою typo3.

Рисунок 10 - Файл шаблону

Після того, як шаблон html готовий - приступаємо до його інтеграції безпосередньо в typo3.

"Майстер" TemplaVoila допоможе нам в цьому.

Отже, запускаємо "майстер" и вибираємо файл шаблона

Рисунок 11 - Майстер TemplaVoila

На першому етапі потрібно вибрати файл HTML який стане базовим для дизайну нового сайту. Нижче наведено список файлів HTML, знайдених в папці "fileadmin / templates". Необхідно нажати за посиланням "Перегляд", щоб подивитися, як виглядає файл. Коли виявили потрібний шаблон, просто натискаємо "Вибрати в якості шаблону" для продовження. Якщо в списку немає файлів, потрібно скопіювати файл HTML, який передбачається використовувати в якості шаблону, в папку для шаблонів.

Зробивши це, натискаємо на кнопку оновлення для оновлення списку файлів.

Рисунок 12 - Вибір файлу шаблону

Але це ще не все. Тепер ми готові вказати, де в коді HTML потрібно вставляти сформоване в TYPO3 вміст сторінки, а де - основне меню. Цей процес називається "розмітка". Яку можна вказати за допомогою тегів: "td", "div". До речі, теги стоять за замовчуванням, але можна вибирати інші в майстрові TemplaVoila.

Рисунок 13 - Розмітка шаблону

Далі створюється сайт з даними шаблоном і автоматично генерується дерево сайту зі сторінками і різного роду директоріями, наприклад як Storage Folder (папка-сховище). За необхідності ми можемо видаляти / додавати необхідні нам папки або сторінки і далі заповнювати їх контентом в блоці контенту.

Рисунок 14 - Дерево сайту

Сайт готовий до додавання контенту і до решти преобразовнію. На цьому робота з шаблонізатором TemplaVoila завершена. На черзі робота з файловим архівом і користувачами системи typo3.

3.2 Робота з блоком "Файловый архив" ("Список файлов")

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

Рисунок 14 - Шлях до файлів

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

У «Список файлів» можуть бути завантажені не тільки зображення, а й документи, на які даються посилання з сайту (для перегляду або завантаження). Для зручності роботи кожен запис має мініатюру (для зображення) або іконку (для документа). Близько мініатюри міститься інформація про тип файлу, даті завантаження і розмірі.

Файли, які можна буде завантажити авторизованим користувачам сайту, знаходяться на сторінці "Учебный процесс".

До речі, сторінка "Навчальний процес" прихована від очей неавторизованих відвідувачів, але про це трохи пізніше. На сторінці вказані розмір файлу і посилання на завантаження.

Рисунок 15 - Файли для завантаження на сайті

3.3 Робота з користувачами сайту

Всього лише два типи користувачів існує в системі typo3. Згадайте, що TYPO3 розділена на дві області або два інтерфейси - зовнішній (вебсайт) і внутрішній (управління сайтом).

Зовнішні користувачі.

Зовнішні користувачі або користувачі сайту можуть, як видно з назви, авторизуватися на веб сайті.

Вони не можуть змінювати його вміст вони і потрібні для розмежування доступу до інформації, представленої на сайті!

Зовнішні користувачі (користувачі сайту) створюються за необхідності. У нашому випадку для користувачів і груп користувачів сайту створена спеціальна папка "Користувачі". Потрібно це лише для того, щоб при авторизації система шукала користувачів в цій папці.

Рисунок 16 - Папка "Користувачі" в бекенді

Також можливе створення так званих "Груп користувачів" - особливі групи з різними родом привілеями.

Рисунок 17 - Створений користувач

Внутрішні користувачі.

Внутрішній користувач працює у внутрішньому інтерфейсі і зайнятий зміною інформації за лаштунками. Так як внутрішні користувачі займаються управлінням сайту, вони ніяк не пов`язані з обмеженнями, що накладаються на сторінки самого сайту. Внутрішні користувачі можуть бути створені тільки в одному місці - на кореневій сторінці дерева сторінок (pid = 0), і тільки внутрішніми користувачами "адміністраторами".

Рисунок 18 - Адміністратори сайту

Для авторизованих користувачів сайту була створена особлива група під нехитрою назвою "Авторизовані користувачі"

Рисунок 19 - "Авторизовані користувачі"

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

Потім достатньо було прив`язати групу "Авторизовані користувачі" до сторінки "Навчальний процес" для того, щоб вона стала видимою для цієї групи відвідувачів сайту.

Рисунок 20 - Права доступу

Щоб було наочніше, зробимо скріншоти неавторизованого користувача його "опонента".

Рисунок 21 - Меню неавторизованого користувача

Зауважимо, що сторінка "Учебный процес" відсутня. Тепер авторизований користувач:

Рис.22 - Меню авторизованого користувача

Тут же "невидима" сторінка існує. До слова, в дереві сайту в бекенді вона присутня.

Рисунок 23 - Сторінка в бекенді сайту присутні

3.4 Створення форми авторизації

Створення форми авторизації, пакет Introduction Package поставляється вже з повністю налагодженною формою авторизації. Але що, якщо треба створити ще одну, наприклад? Немає проблем. Це такий же елемент вмістимого, наче тексту или тексту із зображенням. Перейдем до внутрішнього інтерфейсу (у внутрішньому інтерфейсі) на сторінку "Welcome to TYPO3".

Рисунок 24 - Різні форми системи

Як можна побачити з скріншоту - існують ще й "Поштова форма" і "Форма пошуку", але вони зараз нас мало хвилюють.

Далі натискаємо по "Форма авторизації", буде виведена форма для налаштування авторизації.

Перейдіть на вкладку "Доповнення" Найголовніше тут - вказати "Папку сховище користувачів". Для цього клікаємо по значку папки, поруч з полем "Сторінка сховище користувачів".

Рисунок 25 - Папка-сховище

Для того, щоб редагувати форму необхідно нажати на вкладку "Сообщения" в якій можна додати "Заголовок приветствия" и т.і.

Редагування форми:

Рисунок 26 - Редагування форми авторизації

Ось власне така форма і вийшла в роботі (код форми наведений у додатку):

Рисунок 27 - Форма авторизації

Висновки

В даній роботі були розглянуті системи управління контентом сайту (CMS). Робота полягала у автоматизації файлової системи сайту підтримки учбового процесу: edu.cassiopeia.com.ua. Автоматизація даної гілки сайту була успішно виконана. Це дасть змогу заощадити час адміністратора сайту і зробить його роботу більш ефективною і захищеною від помилок, так як з використанням системи typo3 вклад адміністратора мінімалізован, тому шанс зробити помилку також є зниженим.

У процесі представленої роботи успішно була вирішена задача автоматизації модулів сайту підтримки учбового процесу.

· Був створений інформаційний модуль сайту в typo3.

· Розроблені алгоритми авторизації керування файлами та керування користувачами і реалізували їх у системі CMS typo3.

· Результати роботи впроваджені в учбовий процес кафедру КСУ. Справка про впровадження міститься у додатку.

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ

1. Андрій Аксьонов "Введення в typo3"(2008р.),ст.120

2. Андрій Аксьонов "Сучасна розробка шаблонів"(2008р.),ст.75-106

3. Андрій Аксьонов "Dam Backend"(2009р.), ст.65-106

4. Каспер Скархей документація "Как начать"(2003р.), ст.23-98

5. Офіційна документація "Ядро typo3"(2003р.), ст.98-125

6. Офіційна документація "Руководство редактора TYPO3 - Модуль USERS"(2003р.), ст.36-69

7. Ігор Рубцов "Руководство к шаблонизатору TemplaVoila"(2006р.), ст. 26-116

8. Пасiчнік О.Г., Пасiчнік О.В., Стеценко I.В. "Основи веб-дизайну"(2009), видавництво: Вид. група BHV, ст. 55-126

9. Манако В.Ю., Манако Д.О., Данилова О.С., Войченко О.П. "Основи будування сайтів"(2006), видавництво: Шкільний світ, ст.33-103

10. Миколай Прохоренюк "Джентельменский набор веб-мастера"(2010), видавництво: БХВ Петербург, ст.78-117

11. Володимир Дронов "Разработка современных Web-сайтов"(2011), видавництво: БХВ Петербург, ст.129-265

12. Daniel Koch "Mastering TypoScript: TYPO3 Website, Template, and Extension Development" (2010), reprinted in Apress, pp.123-145.

13. helley Powers "HTML5 Media"(2011), reprinted in O'Reilly Media. pp.89-138.

14. Чак Муссіано и Білл Кеннеди "HTML и XHTML полное руководство"(2011), видавництво: Символ-Плюс, ст.99-205.

15. Jeff Croft, Ian Lloyd, and Dan Rubin "Pro CSS Techniques"(2006), reprinted in Apress, pp.48-92

16. Brandon Savage "The PHP Playbook"(2011), reprinted in Marco Tabini & Associates, Inc., pp.154-198

ДОДАТОК 1

<html>

<head>

<title>Открытое образование: сайт поддержки учебного процесса Фомина Александра</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<META name="keywords" content="">

<META name="description" content="">

<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">

</head>

<body>

<!--HEADER-->

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

<tr height="150">

<td width="10"><img src="pic/zero.gif" width="10" height="8" border="0"></td>

<td width="550" valign="bottom">Сайт поддержки учебного процесса кафедры компьютеризированных систем управления<p></td>

<td width="200"><img src="pic/student.gif" width="163" height="150" border="0" ></td>

<td width="*"><img src="pic/zero.gif" width="1" height="8" border="0"></td>

</tr>

</table>

<!--BODY-->

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

<tr height="8">

<td width="10"><img src="pic/zero.gif" width="10" height="8" border="0"></td>

<td width="550" bgcolor="#FFFFFF"><img src="pic/cornertop.gif" width="8" height="8" border="0"></td>

<td width="200" bgcolor="#FFFFFF"><img src="pic/zero.gif" width="200" height="8" border="0"></td>

<td width="*" bgcolor="#FFFFFF"><img src="pic/zero.gif" width="1" height="8" border="0"></td>

</tr>

<tr valign="top">

<td width="10"><img src="pic/zero.gif" width="10" height="8" border="0"></td>

<td width="550" bgcolor="#FFFFFF">

<!--CENTRAL COLUMN-->

<h1></h1>

<h2></h2>

<p>

<p>

</td>

<td width="200" bgcolor="#FFFFFF">

<div style="margin-left: 30px">

<!--LEFT COLUMN-->

<div>

</td>

<td width="*" bgcolor="#FFFFFF">

<div style="margin-left: 30px; background-color: #FEFFF1;" >

<!--NEWS-->

<div>

</td>

</tr>

<tr height="8">

<td width="10"><img src="pic/zero.gif" width="10" height="8" border="0"></td>

<td width="550" bgcolor="#FFFFFF"><img src="pic/cornerbtm.gif" width="8" height="8" border="0"></td>

<td width="200" bgcolor="#FFFFFF"><img src="pic/zero.gif" width="200" height="8" border="0"></td>

<td width="*" bgcolor="#FFFFFF"><img src="pic/zero.gif" width="1" height="8" border="0"></td>

</tr>

</table>

<!--FOOTER-->

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

<tr>

<td width="10"><img src="pic/zero.gif" width="10" height="8" border="0"></td>

<td width="750"><p>&copy; 2005-2008 Фомин Александр</p></td>

<td width="*"><img src="pic/zero.gif" width="1" height="8" border="0"></td>

</tr>

</table>

</body>

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-4635957-3");

pageTracker._trackPageview();

</script>

</html>

ДОДАТОК 2

<div class="tx-felogin-pi1">

<h3>Доброго времени суток:)</h3>

<div>Приветствуем Вас!</div>

<!-- ###LOGIN_FORM### -->

<form action="index.php?id=865" target="_top" method="post" onsubmit="">

<fieldset>

<legend>Login</legend>

<div>

<label for="user">Username:</label>

<input type="text" id="user" name="user" value="">

</div>

<div>

<label for="pass">Password:</label>

<input type="password" id="pass" name="pass" value="">

</div>

<div>

<input type="submit" name="submit" value="Login">

</div>

<div class="felogin-hidden">

<input type="hidden" name="logintype" value="login">

<input type="hidden" name="pid" value="864">

<input type="hidden" name="redirect_url" value="">

<input type="hidden" name="tx_felogin_pi1[noredirect]" value="0">

</div>

</fieldset>

</form>

<!--###FORGOTP_VALID###-->

<p><a href="index.php?id=865&amp;tx_felogin_pi1%5Bforgot%5D=1">Forgot your password?</a></p>

<!--###FORGOTP_VALID###-->

<!-- ###LOGIN_FORM### -->

</div>

Размещено на Allbest.ur


Подобные документы

  • Мова розмітки гіпертекстових сторінок HTML. Каскадні таблиці стилів CSS. Розробка інформаційного Web-сайту: меню навігації, структура та інтерфейс сайту. Тестування, впровадження та тестування розробленого проекту. Безпека умов праці при використанні ПК.

    дипломная работа [1,3 M], добавлен 20.05.2012

  • Порядок та правила створення системи автоматизації операцій в пунктах обміну валюти, основні вимоги до їх безпеки. Технологія роботи в пунктах обміну уповноважених банків, їх необідне устаткування, обладнання. Етапи процесу підтвердження платежів СЕП

    контрольная работа [22,2 K], добавлен 26.07.2009

  • Основні особливості функціонування, переваги та недоліки даних CMS. Створення інформаційного ресурсу для будівельної компанії "Фарлеп". Встановлення Drupal та зміна теми сайту. Покращення функціональних можливостей CMS Drupal за допомогою модулів.

    курсовая работа [3,0 M], добавлен 22.11.2013

  • Проектування web-ресурсу міста для інформування про цілі, пріоритети, програмні напрямки, конкурси та підтримані проекти організації. Найменування та область застосування сайту; організація зв'язку із соціальними мережами. Розробка структури web-ресурсу.

    дипломная работа [1,0 M], добавлен 02.07.2015

  • Переваги технології асинхронного обміну даних (AJAX), огляд створених на її основі Інтернет-проектів. Алгоритм роботи веб-ресурсу, що надає можливість обміну повідомленнями між користувачами за допомогою AJAX-технології. Програмна реалізація веб-додатку.

    дипломная работа [398,3 K], добавлен 18.12.2013

  • Структура клієнтської частини. Вибір елементів HTML4 і HTML5 для представлення контенту. Структурування інформаційного наповнення сайту. Забезпечення взаємодії серверної частини web-додатків з клієнтською. Програмування скриптів засобами JavaScript.

    курсовая работа [3,3 M], добавлен 13.01.2014

  • Загальні характеристики та структура найпростішої бази даних. Режими роботи з нею. Основні властивості полів таблиць. Створення запиту, зв’язків, звіту та макросу. Програмне забезпечення для створення БД. Нові можливості макросів в Office Access 2007.

    дипломная работа [4,5 M], добавлен 01.03.2014

  • Призначення кнопок панелей інструментів "Конструктор форм" і "Панель елементів". Створення форми для таблиці в режимі конструктора. Створення багатотабличної форми за допомогою майстра в режимі "Підпорядковані форми". Редагування головної кнопкової форми.

    лабораторная работа [1,5 M], добавлен 12.09.2013

  • Персональна СУБД Microsoft Access як засіб управління базами даних. Ознайомлення із її основними функціями – зберіганням і видобуванням даних, представленням інформації в зручному для користувача вигляді. Принципи розробки та роботи з даною програмою.

    контрольная работа [295,3 K], добавлен 14.05.2011

  • Загальна характеристика існуючих методів обміну даними між компонентами MS Office, їх властивості та напрямки використання. Формат даних, що вставляються з буфера обміну. Відмінності у властивостях створених, впроваджених та вставлених даних.

    курсовая работа [190,2 K], добавлен 07.02.2003

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.