Особливості і методи створення веб-сайту для фірми "Vikart-BAU"

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

План

Вступ

1. Загальна частина

1.1 Огляд і аналіз предметної області проблеми (задачі) проектування

1.2 Порівняльна характеристика програмних продуктів здійснення об'єкта проектування

1.3 Постановка завдань на дипломну роботу

2. Інженерно-проектна частина

2.1 Розробка функціональної схеми (алгоритму) роботи об'єкта проектування

2.2 Розробка програмного забезпечення

2.3 Опис роботи об'єкта проектування

2.4 Ергономічна оцінка функціональних компонентів проектованої автоматизованої (комп'ютерної) системи

2.5 Синтез і обґрунтування засобів захисту інформації від несанкціонованого доступу

3. Навчально-методичний розділ

3.1 Методика проведення лабораторно-практичного заняття

4. Охорона праці

4.1 Оцінка напруженості праці

4.2 Аналіз психологічних аспектів умов праці

4.3 Нормування праці. Вибір оптимального режиму праці та відпочинку

4.4 Санітарія та гігієна робочого місця

4.5 Охорона праці при використанні технічних засобів забезпечення діяльності при виконанні дипломної роботи

4.5 Охорона праці при використанні технічних засобів забезпечення діяльності при виконанні дипломної роботи

Висновок

Список використаної літератури

Додаток

Вступ

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

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

Структурована інформація сайту дає змогу партнерам і клієнтам отримати повне уявлення про підприємство і його діяльність.

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

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

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

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

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

Промисловий підхід до створення Web-представництва стає однією з найважливіших тенденцій розвитку проектування сайтів і віртуальних організацій.

Web-сайт "Vikart-BAU" повністю спрямований на користувача. На даному сайті можна отримати всю інформацію про фірму та її послуги.

Мета дипломної роботи полягає у розробці Web -сайту для фірми "Vikart-BAU".

Об'єктом дослідження дипломної роботи є процес і засоби розробки веб-сайту для фірми "Vikart-BAU".

Предметом дослідження дипломної роботи є особливості і методи створення веб-сайту для фірми "Vikart-BAU".

1. Загальна частина

1.1 Огляд і аналіз предметної області проблеми (задачі) проектування

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

Спробуємо все ж виділити основні різновиди сайтів і опишемо кожну з них більш докладно:

· представницькі сайти - сайти, що містять основну або детальну інформацію про компанію чи людину;

· інформаційні сайти - ресурси, на котрих розміщується тематична інформація чи відомості про новини;

· тимчасові сайти - сайти, котрі створюються на короткий проміжок часу;

· каталоги та інтернет-магазини - каталоги продукції компанії, в окремих випадках, з можливістю придбання її через інтернет;

· форуми та соціальні мережи - площадки для спілкування і обміну інформацією між людьми, які пов'язані спільними інтересами.

Для підприємств більш підходять представницькі сайти, інформаційні сайти, тимчасові сайти та сайти інтернет-вітрини.

Створення сайту для фірми "Vikart-BAU" є важливим елементом комерційної діяльності. Комерційні Web-сайти виконують функції:

o реклами інформаційних послуг/товарів;

o прийняття та опрацювання замовлень;

o оплати інформаційних послуг/товарів;

o купівлі/продажу інформаційних послуг/товарів;

o доставки інформаційних послуг/товарів тощо.

1.2 Порівняльна характеристика програмних продуктів здійснення об'єкта проектування

Для розробки Web-сайтів можуть використовуватися наступні програмні продукти.

Dreamweaver - WYSIWYG HTML- редактор компанії Adobe. Даний продукт відноситься до категорії WYSIWYG-редакторів, має дуже багато переваг: зручний інтерфейс, настроювання функцій, підтримка великих проектів і ShockWave-технологій, можливість закачування файлів через FTP, підтримка SSI і багато чого іншого. Для роботи в цій програмі не потрібно досконально знати HTML (у цьому і полягає перевага технології WYSIWYG - що бачу, те й одержую).

Рисунок 1.1 - Dreamweaver 8

Notepad++ (рис. 1.2.) - це безкоштовний редактор текстових файлів (заміна стандартного Блокноту) з підтримкою синтаксису великої кількості мов програмування, орієнтований для роботи в операційній системі MS Windows.

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

Рисунок 1.2 - Notepad++

phpDesigner (рис. 1.3) - багатофункціональна і дуже зручна програма для створення, редагування, налагодження, аналізу і публікації веб-сторінок і додатків на мові PHP. Програма однаково підходить як для початківців програмістів, так і для професійних розробників. Крім PHP, програма підтримує HTML, MySQL, XML, CSS, javascript, VBScript, JAVA, C, Python і Ruby.

Рисунок 1.3 - phpDesigner

Denwer (рис.1.4). Джентльменський набір Web-розробника - найвідоміший проект Лабораторії dk, набір дистрибутивів (Apache, PHP, MySQL, Perl і т.д.) і програмна оболонка, використовувані Web-розробниками (програмістами та дизайнерами) для налагодження сайтів на "домашній" (локальній) Windows-машині без необхідності виходу в Інтернет.

Базовий пакет Денвера включає:

· Apache, SSI, mod_rewrite, mod_php;

· PHP4 з підтримкою GD і MySQL;

· MySQL4 з підтримкою транзакцій (mysqld-max);

· cистема управління віртуальними хостами, заснована на шаблонах;

· cистема керування запуском і завершенням;

· phpMyAdmin - система керування MySQL через Web-інтерфейс;

· ядро Perl без стандартних бібліотек (вони поставляються окремо);

· емулятор sendmail (відлагоджувальна "заглушка", складається приходять листи в / tmp); підтримується робота разом з PHP і Perl;

· інсталятор (щось на зразок InstallShield)/

Рисунок 1.4 - Denwer

Microsoft Word (рис.1.5) - текстовий процесор, що випускається фірмою Майкрософт, входить до складу офісного пакету "Microsoft Office". Перша версія, "Multi Tool Word", була написана для Xenix і перенесена під DOS у 1983 році. Пізніше створено версії для Apple Macintosh (1984), Microsoft Windows (1989), SCO UNIX, OS/2.

Хоча розширення ".doc" використовується в багатьох різних версіях Word, насправді мова йде про чотири різних формати файлів:

· Word for DOS;

· Word for Windows 1 та 2; Word for Mac 4 та 5;

· Word 6 та Word 95; Word 6 for Mac;

· Word 97, 2000, 2002, 2003 та 2007; Word 98, 2001, X та 2004 for Mac.

Нове розширення ".docx" означає Office Open XML і використовується Word 2007 for Windows та Word 2008 for Mac. Word нездатний читати та писати документи Open Document без конвертора.

Microsoft не гарантує коректне відображення документів на різних робочих станціях, навіть якщо вони використовують однакові версії Microsoft Word. Це означає, що документ у відправника може виглядати не зовсім так, як в отримувача кореспонденції з документом.

Рисунок 1.5 - Microsoft Word

UML Visual Paradigm - це потужний, між платформний, легкий у використанні засіб візуального моделювання UML діаграм. VP-UML забезпечує розробників зручною платформою для побудови якісних програмних рішень у швидший, кращий та дешевший спосіб. VP-UML дозволяє взаємодіяти з іншими CASE засобами та інтегрованими середовищами розробки, необхідними для процесів моделювання, кодування та розгортання програмного забезпечення.

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

CMS, які найбільш популярно використовуються для розробки сайту:

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

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

В Harvard, Rackspace, Yahoo, AT&T і навіть в Білому домі використовують Drupal. Інноваційна модульна архітектура ядра Drupal забезпечує його гнучкість, яка загальнодоступна далеко не у всіх інших веб-фреймворках чи CMS.

· CMS Joomla - популярна система управління контентом сайту, написана на мовах PHP і JavaScript, що використовує як сховища базу даних MySQL. Є вільним програмним забезпеченням, поширюваним під ліцензією GNU GPL.

Інтерфейс панелі адміністратора Joomla інтуїтивно зрозумілий.

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

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

На Joomla можливо реалізувати і простий сайт візитку, і багатофункціональний корпоративний сайт компанії, а так само великий Інтернет-портал або просто блог.

Система Joomla добре встановлюється практично на будь-хостинг, який підтримує PHP, MySQL і Apache технології.

Веб-студія Friendly пропонує створення сайтів на базі CMS Joomla.

За рахунок того, що у Joomla безкоштовна ліцензія, вартість створення сайтів відносно невелика.

Якщо у Вас обмежений бюджет, то ми пропонуємо створення сайту на базі шаблонів, розроблених нашою компанією. Ознайомитися зі списком шаблонів можна тут. Всі шаблонові розроблені спеціально під CMS Joomla.

· WordPress (рис. 1.6) - це проста у встановленні та використанні система керування вмістом з відкритим кодом, яка широко використовується для створення веб-сайтів. Сфера застосування - від блогів до складних веб-сайтів. Вбудована система тем і плаґінів в поєднанні з вдалою архітектурою дозволяє конструювати на основі WordPress практично будь-які веб-проекти.



Рисунок 1.6 - WordPress

Написана на мові програмування PHP з використанням бази даних MySQL (рис. 1.7). Сирцевий код поширюється на умовах ліцензії GNU General Public License.

Дизайн, управління системою та інші можливості:

· простота встановлення, простота налаштувань;

· підтримка веб-стандартів (XHTML, CSS);

· модулі для підключення (плагіни) з унікально простою системою їх взаємодії з кодом; можливість автоматичного встановлення та оновлення версії безпосередньо з панелі адміністратора;

· підтримка так званих "тем", з допомогою яких легко змінюється як зовнішній вигляд, так і способи виведення даних;

· можливість редагувати шаблони одразу в панелі адміністратора;

· "теми" реалізовані як набори файлів-шаблонів на PHP (у HTML-розмітку вставляються PHP-мітки);

· багато бібліотек "тем" і "плагіни";

· потенціал архітектури дозволяє легко реалізовувати складні рішення;

· СЕО-оптимізована система;

· наявність українського перекладу.



Рисунок 1.7 - MySQL

Публікація та редагування:

· миттєва публікація;

· підтримка RSS, Atom, trackback, pingback;

· наявність ЛЗУ (людино-зрозумілий URL);

· редагування WYSIWYG-редактором з можливістю вставлення форматованого тексту (наприклад з програми Microsoft Word) або редагування за допомогою HTML-розмітки.

Контент:

· наперед заплановані публікації;

· багатосторінкові записи;

· прикріплення файлів та зображень до записів;

· можливість створення статичних сторінок;

· можливість створення свого типу контенту у власних темах;

· категорії, теги, коментування тощо.

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

Так само в програмі зручний і зрозумілий інтерфейс з величезною кількістю налаштувань і можливостей. FTP клієнт FileZilla підходить для зручної роботи як професіоналам так і простим користувачам.

Можливості FileZilla:

· Робота з протоколами FTP, FTP c SSL \ TLS (FTPS) і SSH (SFTP);

· Робота з декількома потоками;

· SSL захист;

· Відновлення з'єднання в FileZilla;

· Докачка файлів;

· Шифрування і аутентифікація (Kerberos).

SmartFTP - це FTP, FTPS, SFTP, WebDAV, S3, SSH, Terminal клієнт, що дозволяє обмінюватися файлами між локальним комп'ютером і серверами в Інтернеті. SmartFTP забезпечує можливість безпечної, надійної та ефективної передачі файлів.

SmartFTP можна використовувати для:

* Публікації та підтримки веб-сайтів;

* Завантаження та надсилання зображень, документів, відеофільмів і музичних файлів;

* Обміну файлами з друзями та колегами.

1.3 Постановка завдань на дипломну роботу

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

- створення сайту-вітрини для фірми "Vikart-BAU" на CMS WordPress;

- розробка програми для керування продукцією на сайті у вигляді плагіна WordPress;

- розробка уроку лабораторно-практичного заняття на тему "Розробка плагіна WordPress".

Для реалізації цих завдань потрібно пройти такі етапи:

- розробити функціональну схему веб-сайту;

- створити веб-сайт;

- здійснити ергономічну оцінку функціональних компонентів проектованої системи.

2. Інженерно-проектна частина

2.1 Розробка функціональної схеми (алгоритму) роботи об'єкта проектування

Розроблюваний сайт-вітрина фірми "Vikart-Bau" реалізований на CMS WordPress. Мета даного сайту: розрекламувати послуги будівництва каркасних будинків. http://vikart-bau.com/ - адреса сайту фірми "Vikart-Bau".

В файлах WordPress використовується багато корисних функцій PHP. Деякі з функцій, відомі як теґи шаблонів, вони призначені спеціально для використання в темах WordPress. Є також деякі функції, пов'язані з actions та фільтрами (Plugin API), які, таким чином, використовується в основному для розробки плагінів. Решта функцій використовується для створення базової функціональності WordPress.

Функції WordPress:

- функції action, фільтрів і плагінів;

- функції категорій, теґів і таксономій;

- функції коментарів, ping і trackback;

- функції користувачів та авторів;

- функції мульти-сайтінгу;

- функції повідомлень, користувацьких типів записів, сторінок, закладок, додатків;

- функції потоку;

- функції темізації;

- функції форматування.

За допомогою адмін-панелі у CMS WordPress адмін може виконувати такі операції (рис. 2.1):

- створювати нові записи, редагувати їх, видаляти записи, переглядати властивості записів та додавати до них рубрики і метки;

- додавати, видаляти та переглядати медіа-файли;

- додавати, видаляти, переглядати та редагувати сторінки;

- переглядати коментарі;

- додавати та редагувати форми;

- налаштовувати теми, віджети, меню та фон;

- додавати, встановлювати, писати та редагувати плагіни;

- додавати та видаляти користувачів сайту;

- налаштовувати екран;

- Та користуватися допомогою по роботі з CMS WordPress.

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

Для створеного сайту додатково написаний плагін під назвою "Vikart-catalog", який дозволяє адміністратору додавати та формувати проекти будинків, які будуть опубліковуватись на сайті vikart-bau.com.

Оскільки інтернет є найбільш популярнішим середовищем для реклами, то даний сайт підвищує шанси для покращення бізнесу фірми "Vikart-Bau" в багато разів ніж просто реклама. На сайт vikart-bau.com можна зайти не тільки ввівши його адресу, а й за допомогою введення в пошуковій системі різних ключових слів, які являються наближеними до теми сайту.



Рисунок 2.1 - Схема адмін-можливостей в CMS WordPress



Рисунок 2.2 - Cтруктурна схема плагіна

Опис засобів розробки об'єкта проектування.

В даній дипломній роботі використовуються наступні програмні продукти, такі як:

ь Notepad++ (рис.2.3) - це безкоштовний редактор текстових файлів (заміна стандартного Блокноту) з підтримкою синтаксису великої кількості мов програмування, орієнтований для роботи в операційній системі MS Windows.

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

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

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

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

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

Notepad++ працює досить стабільно, не вимоглива до системних ресурсів.

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



Рисунок 2.3 - Notepad++

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

Базовий пакет Денвера включає:

· Apache, SSI, mod_rewrite, mod_php;

· PHP4 з підтримкою GD і MySQL;

· MySQL4 з підтримкою транзакцій (mysqld-max);

· система управління віртуальними хостами, заснована на шаблонах. Щоб створити новий хост, потрібно лише додати директорію в каталог / home, правити конфігураційні файли не потрібно. За замовчуванням вже підтримуються схеми іменування директорій багатьох популярних хостерів; нові можна без зусиль додати;

· система керування запуском і завершенням;

· phpMyAdmin - система керування MySQL через Web-інтерфейс;

· Ядро Perl без стандартних бібліотек (вони поставляються окремо);

· емулятор sendmail (відлагоджувальна "заглушка", складається приходять листи в / tmp); підтримується робота разом з PHP і Perl;

· інсталятор (щось на зразок InstallShield);

· система може запускатися з flash-накопичувача без яких-небудь проблем;

Рисунок 2.4 - Denwer

Відразу після установки клієнту доступний повністю працюючий веб-сервер Apache, що працює на його локальному комп'ютері, на якому може працювати необмежена кількість сайтів, що дуже ефективно для розробки та налагодження сценаріїв PHP без завантаження їх файлів на віддалений сервер. Для запуску практично всіх утиліт "Денвера" використовується додаток Run в підкаталозі / denwer (або / etc) кореневого каталогу установки Денвера. При запуску створюється віртуальний диск (за замовчуванням - Z:), де зберігаються всі файли проектів.

Третя версія підтримує роботу з флеш-накопичувача.

Особливістю, що відрізняє Denwer від інших WAMP-дистрибутивів, є автоматична правка системного файлу hosts, який є локальним аналогом DNS-сервера, що дозволяє звертатися до локальних сайтів, які працюють під управлінням Денвера, по іменах, що збігаються з іменами папок, розташованих в каталозі home Денвера

ь Microsoft Word (рис.2.5) - текстовий процесор, що випускається фірмою Майкрософт, входить до складу офісного пакету "Microsoft Office". Перша версія, "Multi Tool Word", була написана для Xenix і перенесена під DOS у 1983 році. Пізніше створено версії для Apple Macintosh (1984), Microsoft Windows (1989), SCO UNIX, OS/2.

Хоча розширення ".doc" використане в багатьох різних версіях Word, насправді мова йде про чотири різних формати файлів:

· Word for DOS;

· Word for Windows 1 та 2; Word for Mac 4 та 5;

· Word 6 та Word 95; Word 6 for Mac;

· Word 97, 2000, 2002, 2003 та 2007; Word 98, 2001, X та 2004 for Mac.

Нове розширення ".docx" означає Office Open XML і використовується Word 2007 for Windows та Word 2008 for Mac. Word нездатний читати та писати документи Open Document без конвертора.

Microsoft не гарантує коректне відображення документів на різних робочих станціях, навіть якщо вони використовують однакові версії Microsoft Word. Це означає, що документ у відправника може виглядати не зовсім так, як в отримувача кореспонденції з документом.

Рисунок 2.5 - Microsoft Word

ь UML Visual Paradigm. (рис.2.6) - це потужний, між платформний, легкий у використанні засіб візуального моделювання UML діаграм. VP-UML забезпечує розробників зручною платформою для побудови якісних програмних рішень у швидший, кращий та дешевший спосіб. VP-UML дозволяє взаємодіяти з іншими CASE засобами та інтегрованими середовищами розробки, необхідними для процесів моделювання, кодування та розгортання програмного забезпечення.

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

Рисунок 2.6 - UML Visual Paradigm

2.2 Розробка програмного забезпечення

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

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

Для програмної реалізації обрано PHP, CSS та HTML. Хоча наш сайт створений на базі CMS WordPress, проте створення плагіна передбачало роботу з самим кодом.

Мова HTML (мова гіпертекстової розмітки) призначена для опису Web-сторінок i не є мовою програмування. Вона призначена для розмітки текстових документів, тобто для їх форматування.

Керуючим елементом мови HTML є тег, який визначає, як буде виглядати відповідний фрагмент на екрані браузера.

Тег - це команда HTML формування вигляду фрагменту Web-сторінки, яка завжди записується в кутові дужки.

Наприклад,<I> - почати виводити текст курсивом,<B> - почати виводити текст напівжирним.

Закриваючий тег, який припиняє дію відповідної команди, починається з "/". Наприклад, </I> (або </B>) - припинити виведення тексту курсивом (або напівжирним). Ці теги можна використовувати комбіновано.

Bci HTML-документи будуються за визначеними правилами:

- текст документа починається тегом <HTML> i закінчується тегом </HTML>;

- всередині контейнера <HTML> знаходяться ще два контейнери <HEAD> (заголовок Web-сторінки) і <BODY> (її вміст);

- всередині; контейнера <HEAD> знаходяться інші контейнери, серед них <TITLE> (рядок символів заголовка вікна браузера).

Треба набрати цей текст будь-яким редактором (наприклад, "Блокнот"), зберегти його з довільним іменем, але обов'язково з розширенням.html або. htm (наприклад, index.html). Якщо тепер відкрити програму Internet Explorer i виконати команду "Файл" - >"Открыть" - > кнопка "Обзор." - > index.html.

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

Все, що розташовано між тегами <head></head>, - це службова інформація.

Все, що розташовано між тегами <body></body>, - це безпосередній вміст документа.

Порядок дій, які були пройдені для створення сайту на WordPress:

Ш Реєстрація і оплата хостингу:

Завантажуємо WordPress на хостинг.

Розпаковуємо архів локально на жорсткому диску комп'ютера, а потім, з допомогою FTP-клієнта завантажуємо всі файли в папку public_html на сервері. Це найбільш розповсюджений спосіб. Але, якщо користуватися чудовою адмінкою cPanel, то можна використати і альтернативний - більш зручний - спосіб завантаження WordPress. Без використання FTP-клієнта.

FileZilla (рис.2.7) - один з кращих безкоштовних FTP-менеджерів, який допоможе вам завантажити і завантажити файли з FTP-серверів. Програма володіє зручним і приємним інтерфейсом, присутня безліч підтримуваних мов, а також різноманітність налаштувань і можливостей. Доступна для різних операційних систем, існує portable версія, яку ви можете встановити на флеш-диск, крім того, зручна для оновлення файлів на вашому хостингу.

Рисунок 2.7- FileZilla

Ш Реєстрація і оплата домена;

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

Ш Створення бази даних MySQL (рис.2.8);

Рисунок 2.8 - База даних MySQL

Для роботи з БД використовується phpMyAdmin, яка вже встановлена в Денвері. Щоб увійти до phpMyAdmin, відкриваємо браузер і вводимо localhost, спускаємося вниз сторінки і клацаємо на посилання (рис.2.9).

Рисунок 2.9 - Вхід до phpMyAdmin

Щоб працювати з базою даних було створено користувача MySQL з паролем.

Для того щоб створити користувача потрібно:

ь Щоб створити користувача, клацаємо по сильці "Привилегии";

ь Потім по сильці "Добавить нового пользователя";

ь Після цього з'являється вікно створення нового користувача.

Вводимо Ім'я користувача, пароль і відзначаємо всі привілеї (ссилка "Отметить все"), натискаємо кнопку "Далі" (рис.2.10).

Рисунок 2.10 - Створення користувача

ь Користувач створений і тепер треба створити базу даних MySQL для WordPress. Щоб створити базу повертаємося на головну сторінку phpMyAdmin (http://localhost/Tools/phpMyAdmin/) і там, де "Создать новую БД" вводимо латинськими літерами ім'я бази даних і натискаємо кнопку "Создать" (рис.2.11).



Рисунок 2.11 - Створення нової бази даних

Ш Підключення бази даних до WordPress, змінивши налаштування у файлі wp-config.php;

Спершу знаходимо в кореневій директорії WordPress файл wp-config-sample.php і перейменовуємо його в wp-config.php (рис.2.14). У змісті файлу змінюємо всього три рядки:

define(`DB_NAME', `db_wp2_demo');

define(`DB_USER', `db_wp2_demo');

define(`DB_PASSWORD', ");

Власне, вписуємо назву вашої бази даних, ім'я користувача, та пароль. Повинен вийти такий запис:

define(`DB_NAME', `admin_mydb');

define(`DB_USER', `admin_user');

define(`DB_PASSWORD', `ваш_пароль');

Якщо все зроблено правильно, то при наступному завантаженні домену у браузері отримаємо панель привітання WordPress, яка запросить до над швидкої інсталяції двигунця на хостинг (рис.2.12).

Рисунок 2.12 - WordPress

Інсталяція WordPress

Необхідно ввести назву нового блогу та адресу електронної пошти і натиснути кнопку "Встановити WordPress".

Після цього з'явиться екран, на якому буде вказано ім'я користувача (admin) та пароль для входу до WordPress.

На цьому встановлення WordPress закінчено. Вводжу свій логін та пароль і заходжу до адмінки (рис.2.13)!

Рисунок 2.13 - Входи у WordPress

Рисунок 2.14 - файл wp-config.php

Ш Вибір та встановлення теми (за допомогою команд "Внешний вид > Темы" на панелі інструментів у WordPress (рис.2.15));



Рисунок 2.15 - Панель інструментів WordPress

Ш Завантаження та встановлення наступних плагінів (рис.2.16):

· Anti-spam by CleanTalk;

· CodeStyling Localization;

· Contact Form 7;

· Google XML Sitemaps;

· RusTolat;

· Theme My Login.

Встановлюю з архіву. Завантажую архів з плагіном до себе на комп'ютер. WordPress розуміє плагіни в архівах ZIP. Увійшовши в розділ завантаження плагінів, вибираю файл, і встановити плагін.

Розглянемо її на прикладі корисного розширення Google XML Sitemaps, що створює карту сайту для пошукових систем. Для установки заходимо в панель адміністратора, вибираємо в меню пункт "Плагіни" та підпункт "Додати". З'являється рядок пошуку, в якому ми можемо ввести повну назву або його частину. У результатах пошуку вибираємо потрібний плагін і натискаємо "Встановити", а в наступному вікні - "Активувати". Тепер наше розширення встановлено і активне.

Рисунок 2.16 - Плагіни

Видаляти, активувати та деактивувати плагіни можна за такими ж командами під назвою плагіна у WordPress.

Рисунок 2.17 - Встановили, такі плагіни у WordPress

Ш Наповнили сайт контентом:

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

Писати статті можна прямо в WordPress виконавши такі команди, як "Записи > Добавити нову" (ри.2.18).

Рисунок 2.18- Записи

Ш Реєстрація сайту в пошукових системах.

Ш Створення плагіна для WordPress:

Для створення і тестування плагіна було налаштовано локальний сервер Denwer.

Рисунок 2.19 - Вікно з вітаннями програми установки комплекса

Процедура інсталяції передбачала створення віртуального диска для сервера (рис.2.19).



Рисунок 2.20 - Створення віртуального диска для сервера

· На робочому столі з'явилося три ярлика (рис.2.20):

Рисунок 2.21- Ярлики Denwer

Завантажили та встановили WordPress на Denwer:

· Завантажили архів з WordPress.

· Розпакували його в папку Z: \ home \ localhost \ www . Вміст папки WordPress на рис.2.22.

Рисунок 2.22 - Вміст папки WordPress

· Перезапускаємо Denwer, клацнувши по ярлику Restart Denwer (рис.2.23).

Рисунок 2.23- Restart Denwer

· Відкриваємо браузер і вводимо localhost в адресному рядку.

Написання плагіна здійснюємо за допомогою Notepad++ (рис.2.24) та за зазначеним вище прикладом встановлюємо його на WordPress.

Рисунок 2.24 - Написання плагіна

2.3 Опис роботи об'єкта проектування

Для роботи з сайтом користувачеві надаються наступні можливості:

· Переглядати написані статті та записи на сторінках сайту. Це можна робити, натиснувши на зацікавлену вами статтю, назва якої розміщена на верхній та боковій лєнтах головної сторінки сайту (рис. 2.25);

Рисунок 2.25 - Перегляд написаних статей та записів на сторінках сайту

· Писати повідомлення адміністратору. Що можна зробити за допомогою натиску на "Написати нам" (рис. 2.26), що знаходиться в контактах з права на сторінці сайту. Потім пишемо повідомлення вводимо свої контакти і натискаємо кнопку "Відправити" (рис. 2.27);



Рисунок 2.26- Відкриття сторінки для зв'язку з адміністратором

Рисунок 2.27 - Відправлення повідомлень

· Реєструватися на сайті. Реєстрацію можна здійснити натиснувши на кнопку "Реєстрація" (рис. 2.28). Далі потрібно ввести імя користувача та E-mail і натиснути кнопку "Регистрация" (рис. 2.29);



Рисунок 2.28 - Реєстрація

Рисунок 2.29 - Закінчення реєстрації

· Писати коментарі. Що можна зробити тільки зареєстрованим користувачам ввійшовши під своїм іменем та E-mail (рис.2.30);

Рисунок 2.30 - Коментарі

· Користуватися пошуком на сайті, який розміщений з права на кожній сторінці сайту. Пошук можна здійснити вписавши те, що ви хочете найти, та натиснувши кнопку "шукати" (рис. 2.31);



Рисунок 2.31 - Пошук

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

Рисунок 2.32 - Соціальні мережі

2.4 Ергономічна оцінка функціональних компонентів проектованої автоматизованої (комп'ютерної) системи

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

Рекомендації для створення веб-сайтів, яких я дотримувалася при створенні даного сайту:

ь На сайті розміщений вміст, який зацікавить користувачів і спонукатиме їх повернутися на сайт;

ь Надана саме та інформація про послуги, які пропонуються;

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

ь Надано інформативний та вдало організований вміст.

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

Відокремимо далі деякі показники і характеристики сторінки, що можуть бути розглянуті як об'єкт ергономічного втручання і вдосконалення:

· час завантаження домашньої сторінки;

· ширина сторінки і її структура ("гнучка" або "жорстка");

· довжина сторінки;

· наявність і інтерфейс засобів пошуку;

· характер і засіб втілення процедури навігації;

· наявність і засіб проведення процедури реєстрації;

· наявність, розмір і місце розташування логотипу;

· наявність і розташування контактної інформації;

· наявність анімаційного, музичного, графічного супроводження;

· розмір, колір, гарнітури шрифтів;

· колір і тон фону (наявність підкладки, або "шпалер") і ще багато чого.

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

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

· слід намагатися підвищувати контрастність зображень і шрифту для швидкого сприймання інформації;

· слід обмежувати кількість гарнітур шрифтів (в тому числі за розміром і кольором);

· анімацію не слід вживати як засіб привернення уваги;

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

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

2.5 Синтез і обґрунтування засобів захисту інформації від несанкціонованого доступу

Програмні засоби захисту інформації.

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

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

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

Поняття внутрішнього захисту охоплює сукупність засобів, методів і заходів, спрямованих на ЗІ, що обробляється в АС. До складу ядра системи безпеки входять програми, що забезпечують захист самої ЗЗІ.

Програми внутрішнього захисту.

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

Встановлення достовірності (пізнання) суб'єкта або об'єкту, що звертається до ресурсів системи.

Прийняття і реалізація рішень відповідно до результатів перевірки повноважень.

Найбільш важливою з перерахованих процедур є перша, тобто встановлення достовірності (пізнання) суб'єкта або об'єкту, що звертається до ресурсів АС. Тому розробці ефективних засобів надійного пізнання незмінно приділяється підвищена увага.

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

Необхідність захисту програм обумовлена тим, що вони можуть служити каналом несанкціонованого доступу до інформації. Можливості використання програм для несанкціонованого доступу до інформації можуть бути наслідком як недосконалості програм, так і умисних їх змін.

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

Програми ядра системи безпеки.

Усі засоби, методи, заходи, використовувані в АС для ЗІ, повинні об'єднуватися в єдиний механізм захисту. При цьому цілком природно виникає питання про організацію управління цим механізмом. Для цього в АС виділяється спеціальний компонент, званий ядром системи безпеки.

Основними функціями ядра системи безпеки є контроль, реєстрація, знищення і сигналізація.

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

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

При використанні пароля для відкриття документу (чи пароля користувача) користувачам, щоб відкрити документ, необхідно ввести заданий вами пароль.

Пароль для зміни прав доступу.

Якщо ви задаєте тільки пароль для зміни прав доступу (чи головний пароль), одержувачам не потрібно введення пароля для відкриття документу. Проте, для того, щоб настроїти або змінити права доступу до функціональності обмеженого доступу, потрібно введення пароля для зміни прав доступу.

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

Важлива інформація. Якщо ви забули пароль, то відновити його з документу PDF неможливо. Слід зберегти резервну копію документу, не захищену паролем.

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

Ось як це має виглядати:

· Нажимаємо кнопку "Увійти на сайт", яка знаходиться в верху з права на головній сторінці сайту (рис.2.33);

Рисунок 2.33 - Вхід у WordPress

· Вводимо пароль та ім'я користувача (рис.2.34);

Рисунок 2.34 - Вводимо пароль та ім'я користувача

Після вводу цих даних ми заходимо на головну сторінку у WordPress, де можна здійснювати різні операції з налаштування сайту (рис.2.35);

Рисунок 2.35 - WordPress

3. Навчально-методичний розділ

3.1 Методика проведення лабораторно-практичного заняття

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

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

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

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

Лабораторна робота № 1

Тема роботи: Створення плагіна для CMS WordPress.

Мета роботи: навчитись створювати плагіни для смs WordPress.

1. Підготовка до заняття

1.Вивчити відповідні розділи теоретичної частини та відповідного лекційного курсу.

2. Порядок виконання роботи:

· Ім'я плагіна;

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

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

· Файли плагіна;

Наступний крок - створення файлу PHP з ім'ям, похідним від назви плагіна. Наприклад, якщо ваш плагін буде називатися Fabulous Functionality, ви можете назвати ваш файл fabfunc.php. Знову ж, спробуйте створити унікальне ім'я. Люди, які встановлять ваш плагін, покладуть цей файл у свою директорію для плагінів, wp-content/plugins /, і ніяка пара використовуваних плагінів не повинна мати однакове ім'я файлу.

Інший варіант - розбити ваш плагін на декілька файлів. Ваш плагін повинен мати як мінімум один файл PHP; він також може містити файли JavaScript, CSS, зображення, мовні файли і т.п. Якщо ваш плагін складається з декількох файлів, задайте унікальне ім'я для директорії, в якій вони лежать, і для головного файлу PHP, такі як fabfunc і fabfunc.php в нашому прикладі, покладіть ваші файли в цю директорію, і дайте користувачам можливість встановлювати цілу директорію в wp-content/plugins/.

· Файл Readme;

Якщо ви хочете розмістити ваш плагін на http://wordpress.org/extend/plugins/, вам необхідно створити файл readme.txt в стандартному форматі і включити його в свій плагін. Дивіться http://wordpress.org/extend/plugins/about/readme.txt для отримання роз'яснень по формату.

· Домашня сторінка;

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

...