Розробка корпоративного порталу IT компанії "IT-Next"

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

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

ВСТУП

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

Головна перевага корпоративного сайту перед іншими інформаційними каналами та рекламними носіями:

1. Можливості аналізу і системи динамічних фокусувань, які не може надати ні один вид реклами.

2. Швидке реагування на зміни в економіці, рівня конкуренції та інших зовнішніх і внутрішніх факторів.

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

На сьогоднішній день одержали широке поширення сайти створені на основі CMS-систем. До їх числа відносяться: персональні сторінки, інформаційні портали, і спеціалізовані Інтернет-магазини тощо. Розробка сайтів вручну займає дуже багато часу і вимагає з боку клієнта значних грошових витрат. Крім того, процес «ручної роботи» над проектом є надзвичайно трудомістким завданням. Веб-розробка за допомогою CMS виконується за низькою ціною і за короткий термін. При цьому зберігається індивідуальність кожного окремого проекту, можливість використовувати власний дизайн і забезпечується надійна система безпеки.

За обєктроботи ми взяли процес і результат розробки корпоратвного порталу IT компанії “IT-Next”.

Предметом роботи є методи і засоби процесу діяльності даної IT компанії.

Метою роботи є створення корпоративного сайту для IT компанії “IT-Next”.

Платформою для створення сайту я обрав CMS WordPress.

В ході виконання курсової роботи необхідно було вирішити наступні завдання дослідження:

здійснити огляд теоретичного та практичного матеріалу по темі роботи;

розробити функціональну схему роботи об'єкта проектування;

визначити та дати характеристику засобам розробки об'єкта проектування;

розробка корпоративного сайту для IT компанії “IT-Next”;

здійснити опис програмного та апаратного середовища функціонування об'єкта проектування;

провести опис захисту даної CMS

провести тестування та налагодження інформаційно-компютерної системи.

Новизна роботи полягає в розробці ефективної системи для залучення нових клієнтів для даної IT компанії.

Практичне значенняроботи полягає в теоретичному обґрунтуванні шляхів та засобів використання інформаційних технологій в процесі проектування сайту IT компанії “IT-Next” з використанням CMS WordPress. Створений сайт дає можливість залучити більше клієнтів, які зможуть онлайн переглянути всі послуги, які надає компанія.



РОЗДІЛ 1. АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ РОЗРОБКИ САЙТУ

1.1 Аналіз сучасного стану проблеми

Предметна область програмного продукту відноситься до напрямку створення корпоративного порталу засобами сучасних комп'ютерних технологій. Як приклад такої системи нами було обрано створення сайту IT компанії “IT-Next”, яка є одною з найкращих на IT ринку.

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

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

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

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

Розробка змістової частини сайту є найскладнішим етапом. На першому етапі потрібно вивчити принципи мови гіпертекстової розмітки HTML, навчитися створювати і використовувати таблиці стилів CSS. На другому етапі потрібно освоїти мову програмування PHP і базу даних MySQL. І тоді ви зможете написати свій перший сайт з простим функіоналом.

Також для цього необхідно вирішити наступні задачі:

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

- вивчити програмний інструментарій, який застосовується для розробки і створення Web-сайтів;

- виявити і врахувати методи і способи подання на Web-сторінках різних видів інформації, що не перешкоджають їх доступності;

- ознайомитися з основними правилами і рекомендаціями з розробки і створення Web-сайтів та неухильно дотримуватися їх у своїй практиці;

- визначитися зі структурою Web-сторінок;

- вибрати стратегію розробки та створення Web-сайту.

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

При створенні сайтів необхідно дотримуватися наступних рекомендацій:

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

потрібно серйозно підходити до вибору теми сайту. З самого початку потрібно чітко розуміти про що буде ресурс, усвідомлювати мету його створення. Тематикою сайту web-майстер повинен добре володіти. Крім того, тематика сайту повинна дозволяти періодично додавати на сайт нову інформацію (постійно створювати нові сторінки). Сайт повинен рости і постійно розвиватися, поступово наповнюючись новим контентом (змістом);

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

тексти, що розміщуються на сайті, повинні бути унікальними. Тобто, інших таких текстів в Інтернеті не повинно бути. Кращий спосіб добитися унікальності - писати всі тексти самостійно;

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

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

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

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

Необхідні умови для хорошого сайту:

швидке завантаження сторінок;

якісний, оптимізований та унікальний контент;

приємний для відвідувача дизайн;

ергономічність.

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

1.2 Аналіз засобів проектування корпоративного порталу

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

Sublime Text -- швидкий кросплатформенний редактор початкових текстів програм. Підтримує плагіни, розроблені за допомогою мови програмування Python.

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

У SublimeText велика кількість корисних можливостей:

Приємний, легкий, мінімалістичний інтерфейс.

Дуже гнучко настроюється.

Множинне виділення. Ось це просто архіполезнейшая річ, яку я зустрічаю вперше. Як вона працює - затискає Ctrl і ставить в потрібному місцях безлічі курсорів або виділяють різні ділянки тексту. Тепер при введенні з клавіатури текст набирається одночасно у всіх цих місцях.

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

У 2007 році WordPress була найпопулярнішою системою для ведення автономних блогів.

Система мала такі можливості:

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

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

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

плагіни з унікальною простою системою їх взаємодії з кодом;

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

«теми» реалізовані як набори файлів-шаблонів на PHP, що позитивно позначається на швидкості і гнучкості;

величезні бібліотеки «тем» і «плагінів»;

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

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

багатомовність.

1.3 Постановка завдань на курсову роботу

Метою курсової роботи є створенняIT копанії «IT-Next». Виходячи з мети дослідження, в роботі були сформульовані такі завдання дослідження:

здійснити огляд теоретичного та практичного матеріалу по темі курсової роботи;

розробити функціональну схему роботи об'єкта проектування;

визначити та дати характеристику засобам розробки об'єкта проектування;

розробити сайт компанії «IT-Next»;

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

Завдання реалізуються шляхом аналізу існуючих потрібностей та стану компанії “IT-Next”, з подальшим переходом на конкретну практичну діяльність - проектування та розробку самого сайту. Сайт повинен показати, які саме послуги надає компанія, що вона вміє і знає. Він повинен зацікавити майбутнього клієнта

Тепер проведемо короткий аналіз комп'ютерного програмного забезпечення, яке використовуються для створення сайтів, зокрема таких як WordPress, Modx, Drupal ,Joomla, sublime text 3, та виберемо ПЗ для розробки нашого сайту.

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

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



РОЗДІЛ 2.ТЕОРЕТИЧНЕ ОБҐРУНТУВАННЯ ПРОЕКТУВАННЯ САЙТУ

2.1 Обґрунтування вибору шляхів, технологій (алгоритмів) і засобів вирішення поставленого завдання

Для створення сайту IT компанії “IT-Next” мноюбула використана CMSWordPress.

WordPress - система керування контентом (CMS) з відкритим вихідним кодом, розповсюджувана безкоштовно. Написано цю систему на PHP, як система керування базами даних і використовує MySQL. Область застосування цього движка досить широка. За допомогою WordPress можна створювати персональні сайти, складні новинні ресурси або навіть інтернет-магазини. Однак справжнє покликання WordPress знайшов у сфері створення блогів.

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

Система керування контентом Wordpress має кілька переваг:

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

вона забезпечує керування сторінками;

вона надає можливість захисту паролем сторінок і постів;

в Wordpress інтегрована стрічка дружніх блогів;

встановлений захист від спаму в коментарях;

вона проста в установці, її легко оновити або модифікувати;

її можна адмініструвати декількома авторами;

в Wordpress використовуються PHP і MySQL;

вона безкоштовна.

Якщо сайт уже розміщений на хостингу, то й сам архів з дистрибутивом WordPress необхідно розпаковувати відразу в папку сайту, що знаходиться на сервері. Якщо ж Ваш сайт поки що знаходиться на локальному комп'ютері, то Вам для роботи з WordPress знадобиться попередньо встановити і налаштувати програмне забезпечення - локальний сервер (наприклад, Apache) і СУБД (наприклад, MySQL) або вже готовий пакет, наприклад Denwer. При чому, для установки WordPressвеб-хостинг (або Ваш локальний сервер) повинен підтримувати PHP версії 4.3 або вище та MySQL версії 4.0 або вище.

Використовуючи панель керування MySQL, необхідно створити базу даних для WordPress так, щоб користувач MySQL мав усі права доступу до цієї бази.

Далі потрібно перейменувати файл wp-config-sample.php в wp-config.php і внести в цей файл зміни - вписати свої ім'я користувача бази даних і пароль. Внести ці зміни можна двома шляхами. Перший - це відкрити файл wp-config.php за допомогою текстового редактора (наприклад, блокнота) і вручну прописати всі налаштування. Або ж другий спосіб - у рядку браузера прописати шлях до файлу wp-config.php, і дотримуватися інструкцій.

Для доступу до керування сайтом на WordPress необхідно в рядку браузера прописати шлях «http://ім'я сайту/ wp-login.php» - і Ви потрапите в адміністраторську панель.

Що представляє собою адміністраторська панель WordPress?

Адміністраторська панель WordPress(рис. 2.1) - це спеціальна панель керування, що містить кілька розділів.



Рисунок 2.1 - Адміністраторська панель WordPress

Розділ «Написати» дозволяє створювати новий запис або окрему сторінку за допомогою вбудованого редактора(рис. 2.2). Цей запис можна опублікувати відразу або ж зберегти й опублікувати пізніше.

Рисунок 2.2 - Вбудований редактор WordPress

У розділі «Керування» можна переглянути, змінити або видалити створені записи, сторінки або рубрики, а також працювати з коментарями відвідувачів.

Розділ «Посилання» дозволяє управляти посиланнями, які містяться на головній сторінці. Посилання в цьому розділі можна додавати, видаляти, змінювати, додавати опис, створювати розділи посилань.

Якщо Ви хочете відредагувати зовнішній вигляд шаблона сайту - заходьте в розділ «Зовнішній вигляд». У цьому розділі Ви можете скористатися «Редактором тем». А якщо Ви хочете встановити готову тему оформлення, то Ви можете скопіювати файли теми в директорію wp-content/themes і в підрозділі «Теми» вибрати скопійовану тему.

Розділ «Плагіни»(рис. 2.3) дозволяє встановлювати в WordPressплагіни - додаткові файли, що додають функціональність. Для установки плагіна необхідно просто скопіювати його файл у папку wp-content/plugins.

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

У розділі «Користувачі» адміністратор сайту може управляти обліковими записами користувачів сайту: додавати нових користувачів, авторів, змінювати їхні дані або видаляти облікові записи.

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

2.2 Функціонально-структурна схема роботи сайта

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

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

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

Об'єкт проектування - IT компанія “IT-Next” - являє собою адаптивний, динамічний сайт, програмними одиницями якого є РНР-скрипти, каскадні таблиці стилів, jQuery-скрипти, реляційна база даних MySQL, яка присутня майже в кожному сайті

Функціональна схема являє собою сукупність файлів, головними з яких є index.php та style.css (рис. 2.4).

Рисунок 2.2 - Функціональна схемаWordPress

Home(Домашня Сторінка) - це перша і найважливіша сторінка для будь-якого веб-сайту. WordPress створює умови для користувача для максимально ефективного налаштування головної сторінки під власні потреби.

Ієрархія файлів домашньої сторінки складається з наступних трьох файлів:

front-page.php;

home.php;

index.php.

Перш, ніж домашня сторінка буде остаточно згенерована, ядро буде шукати файл front-page.php. Якщо цей файл не буде знайдений, то буде використаний файл home.php. Якщо home.php існує, система буде використовувати його, а якщо ні, то буде здійснене завантаження index.php.

WordPressPostDetail (Одна Запис). Сайт на WordPress може мати безліч типів записів в залежності від потреб користувача. Тому буде не складно використовувати різноманітний дизайн для всіх або декількох типів записів. За замовчуванням «post» є головним і прийнятим за замовчуванням типом записів у WordPress. Наприклад, якщо у вас є власний тип запису «product», то це буде файл з ім'ям single-product.php.

Зокрема найбільш поширеною є наступна конструкція:

single-[post-type]. php;

single.php;

index.php.

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

[custom-template]. php;

page-[slug]. php;

page-[id]. php;

page.php;

index.php.

CategoryPage (Сторінка Категорії). Для категорій також можливе створення і використання різних шаблонів сторінок. Наприклад, можна використовувати різні сторінки в залежності від їх назви «slug» та ідентифікатора «id» категорій, і в подальшому використовувати за замовчуваням файл «category.php» для іншої частини категорій.

Порядок завантаження:

category-[slug]. php;

category-[id]. php;

category.php;

archive.php;

index.php.

TagPage (Сторінка Міток). Принцип роботи міток аналогічний до категорій. В конструкції також можливо використовувати як і навзу «slug» так і ідентифікатор «id» для міток.

Порядок завантаження:

tag-[slug]. php;

tag-[id]. php;

tag.php;

archive.php;

index.php.

TaxonomyPage (Сторінка Таксономії). Сторінки таксономії характеризуються певною специфікою створення сторінок та послідовності їх виконання.

Порядок завантаження:

taxonomy-[tax] - [term]. php;

taxonomy-[tax]. php;

taxonomy.php;

archive.php;

index.php.

AuthorPage (Сторінка Автора). Авторські сторінки дають унікальний спектр використання різного дизайну сторінок для різних авторів. По аналогії з категоріями та мітками, можна створювати різні файли, спираючись на дані «nickname» і «id» конкретних авторів.

Порядок завантаження:

author-[author-nicname]. php;

author-[author-id]. php;

author.php;

archive.php;

index.php.

AttachmentPage (Сторінка Вкладень). Сторінка вкладень дає можливість створювати різні види сторінок для різних вкладень (attachments). Вони повинні відрізнятися MIME-типами вкладених (приєднаних) файлів.

Порядок завантаження:

[Mime-type]. php;

attachment.php;

single.php;

index.php.

DatePage (Сторінки Дат). Для специфічних шаблонів сторінок, на яких є доцільним використання різних маніпуляцій з датами, можна створити файл date.php в каталозі теми. Після обробки або при відсутності файлу date.php буде використовуватися файл archive.php, ну і в кінцевому результаті index.php.

Порядок завантаження:

date.php;

archive.php;

index.php.

Archivepage(Сторінка архіву). Скрипт відповідає за виведення записів, які розділені в архіви по місяцях.

Порядок завантаження:

archive.php;

index.php.



РОЗДІЛ 3. ПРАКТИЧНА РОЗРОБКА САЙТУ

3.1Практична реалізація об'єкта проектування

Очевидно, що дана система повинна відповідати архітектурі клієнт-сервер.

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

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

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

Сервер баз даних повинен включати СУБД (у нашому випадку це Mysql), і відповідно, базу даних, що містить інформацію.

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

При підключенні користувача до СУБД за допомогою web-інтерфейсу використовується звичайне TCP/IP з'єднання. Тому сервер теж повинен бути настроєний відповідним чином.

Для підтримки роботи web-інтерфейсу, також необхідне використання web-сервера.

Основними складовими web-сервера є:

Власне web-сервер (у нашому випадку це Apache);

Інтерпретатор php. Він необхідний для виконання php-скриптів, що реалізовують інтерфейс користувача.

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

php-скрипти - реалізують інтерфейс користувача.

У загальному випадку, інтерпретатор php може бути як окремим модулем (виконуваною програмою), так і входити до складу динамічних бібліотек web-сервера.

Web-сервер Apache взаємодіє з інтерпретатором php за допомогою спеціального модуля mod_php, який повинен бути включений в конфігурації web-сервера.

Розглянемо тепер структуру програмного забезпечення з боку клієнта. Клієнти можуть працювати за допомогою web-інтерфейсу. З боку клієнтів знаходиться тільки web-браузер. Їм може бути Internet Explorer, Netscape, Mozilla, Konqueror, Opera і т.п.

Розглянемо основні механізми взаємодії описаних компонентів інформаційної системи.

Видалений користувач, що працює за допомогою web-інтерфейсу, взаємодіє з web-сервером через протокол HTTP.

При цьому запит до бази даних передається web-серверу, той у свою чергу, приймає його і обробляє відповідно до коду, написаного в php-скриптах, і відповідно генерує SQL запит до сервера СУБД.

Web-сервер взаємодіє з сервером СУБД через протоколу TCP/IP.

Сервер СУБД, прийнявши запит, формує відповідь, і передає результат назад web-серверу. Після цього відповідно до коду php-скрипта, що виконував даний запит, і отриманих даних, формується відповідь користувачеві у вигляді html-сторінки. Дана сторінка передається web-серверу, і після цього сервер передає її клієнтові.

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

Рисунок3.1 - Структура програмного забезпечення інформаційної комп'ютерної системи управління змістом Інтернет сайту

корпоративний портал сайт

Процес створення сайту IT компанії умовно можна розділити на 5 етапів:

Створення власне, бази даних.

Завантаження файлів на сервер.

Встановлення CMS WordPress.

Підключення додаткових плагінів та вибір теми.

Наповнення сайту контентом.

3.2 Розробка бази даних

Базу даних я створював ввеб-інтерфейсі PhpMyAdmin (рис. 3.2).

Рисунок 3.2 - Початкова сторінка PhpMyAdmin

Для того, щоб зайти на початкову сторінку, нам спочатку потрібно пройти авторизацію(рис. 3.3).



Рисунок 3.3 - Вікно авторизації

Наступним кроком, нам потрібно створити базу даних для нашого сайту(рис. 3.4).

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

MySQL - це вільна система керування реляційними базами даних.

MySQL був розроблений компанією «ТсХ» для підвищення швидкодії обробки великих баз даних. Ця система керування базами даних (СКБД) з відкритим кодом була створена як альтернатива комерційним системам. MySQL з самого початку була дуже схожою на mSQL, проте з часом вона все розширювалася і зараз MySQL -- одна з найпоширеніших систем керування базами даних. Вона використовується, в першу чергу, для створення динамічних веб-сторінок, оскільки має чудову підтримку з боку різноманітних мов програмування.

PhpMyAdmin - це веб-застосунок з відкритим кодом на мові PHP із графічним веб-інтерфейсом для адміністрування СКБД MySQL або MariaDB. phpMyAdmin дозволяє через браузер здійснювати адміністрування сервера MySQL, запускати запити SQL, переглядати та редагувати вміст таблиць баз даних. Ця програма користується великою популярністю у веб-розробників, оскільки дозволяє керувати СКБД MySQL без безпосереднього вводу SQL команд через дружній інтерфейс і з будь-якого комп'ютера під'єднаного до інтернету без необхідності встановлення додаткового програмного забезпечення.

На сьогоднішній день phpMyAdmin широко застосовується на практиці. Останнє пов'язано з тим, що розробники інтенсивно розвивають свій продукт, з огляду на всі нововведення СКБД MySQL. Переважна більшість українських провайдерів використовують цей застосунок як панель керування для того, щоб надати своїм клієнтам можливість адміністрування виділених їм баз даних.

Програма розповсюджується під ліцензією GNU GeneralPublic License і тому деякі інші розробники інтегрують його у свої розробки, наприклад XAMPP, Denwer.

Ініціатором є німецький розробник Тобіас Ратшіллер (TobiasRatschiller) і базується, так само як і phpPgAdmin, на аналогічному застосунку MySQL-Webadmin, що виник у 1997 році.

Проект локалізовано 85-ма мовами.

3.3Розробка (налагодження) програмного забезпечення

Підготування конфігураційних файлів. Для того, щоб почати встановлення CMS WordPress, нам спочатку треба налаштувати підключення до бази даних. Підключення виконується вручну. Ці налаштування приписуються в файлі конфігурацій wp-config.php. За замовчування він не заповнений(рис. 3.5).



Рисунок 3.5 - Початковий вигляд wp-config.php

Для того, щоб підключення до бази даних було успішне нам потрібно заповнити такі дані:

ім'я бази даних - DB_NAME;

ім'я користувача бази даних MySQL - DB_USER;

пароль бази даних - DB_PASSWORD;

сервер на якому розміщена бази даних - DB_HOST.

Дальше нам потрібно ви грузити файли нашої CMS на наш хостинг. Для цієї операції я використав популярний FTP - клієнт FileZilla (рис 3.6).

Рисунок 3.6 - FTP клієнт FileZilla

FileZilla Client -- це вільна програма, багатоплатформний клієнт FTP з відкритим кодом. Бінарні коди доступні для Windows, Linux і Mac OS X. Підтримує FTP, SFTP та FTPS (FTP через SSL/TLS). Станом на 25 серпня 2013 року, посідає 9-те місце найпопулярніших завантажень всіх часів на SourceForge.net [2].

FileZilla Server -- це інший продукт. Це FTP-сервер, що підтримується тим самим проектом. Він підтримує FTP та FTP через SSL/TLS.

Сирцевий код FileZilla та файли для завантаження розміщені на SourceForge. SourceForge відзначив FileZilla як продукт місяця в листопаді 2003 року.

Незважаючи на певну схожість назви до Mozilla, FileZilla не має жодного стосунку до Mozilla Project.

Робоча область FileZilla нагадує TotalCommander, з правої сторони знаходиться область локальних файлів комп'ютера, з правої, безпосереднє розміщення всього контенту на сервері (рис 3.7).

Рисунок 3.7 - Робоча FileZilla

Встановлення CMS WordPress.Для того, щоб запустити встановлення на потрібно запустити в браузері файлinstall.php він знаходить по адресі wp-admin/install.php. Після інсталяції цей файл потрібно обов'язково видалити з вашого сервера. Встановлення триває два етапи. Перший етап зображений нарис. 3.7.

Рисунок 3.7 - Початок інсталяції

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



Рисунок 3.8 - Закінчення інсталяції

Основні роботи по розробці сайту будуть проводитисяв адмін-панелі. Для того, щоб зайти в неї, нам потрібно відкрити http://next-it.pp.ua/wp-admin/ (рис. 3.9). Ввести наш логін і пароль, і тільки після цього можна приступати до налаштування сайту.

Рисунок 3.9 - Вхід в адмін-панель

В першу чергу нам потрібно підібрати та налаштувати тему, яка буде найкраще підійде для нашого майбутнього сайту(рис 3.10). Відкриваємо пункт меню “Вигляд”, та додаємо нову тему.

Рисунок 3.10 - Вибір теми

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

Рисунок 3.11 - Підключення та налаштування плагінів

Тепер нам потрібно зробити меню для сайту(рис. 3.12). Для того, щоб наш сайт підтримував двомовність, потрібно добавити два меню, одне буде на українській мові, а друге на англійській.

Рисунок 3.12 - Створюємо меню

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

Рисунок 3.13 - Додаємо медіа файли

Розміщуємо на сайт потрібні нам записи та статичні сторінки(рис. 3.14). В цьому нам допоможе доданий нами раніше пагін Mammoth(рис3.15). Він спрощує нашу роботу і дає нам можливість конвертувати текстові файли в готові сторінки.

Рисунок 3.14 -Додаємо записи

Рисунок 3.15 - пагін Mammoth

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

Для того, щоб наш сайт став привабливим на вигляд, нам потрібно налаштувати зовнішній вигляд. Це можна зробити додаючи чи редагуючи віджети(рис. 3.16). Тут ми зможемо налаштувати розміщення різних блоків, таких як календар, карта і т.д.



Рисунок 3.16 - Налаштування віджетів

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

Після виконання всіх налаштувань, наш став майже готовим.

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

Рисунок 3.17 - Верхня частина сайту

Рисунок 3.18 - Футер

3.4Захист інформаційно-комп'ютерної системи

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

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

Рівні захисту можна розділити на:

захист на робочому місці користувача;

захист на рівні підрозділу компанії;

захист на загальному рівні підприємства.

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

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

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

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

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

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

Рисунок 3.19 - Сторінка авторизації

Рисунок 3.20 - Додаємо користувача з обмеженими правами



3.5 SEO інформаційно-комп'ютерної системи

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

Пошукова система враховує такі параметри сайту при обчисленні його релевантності:

частота ключових слів: складні алгоритми сучасних пошукачів дозволяють проводити семантичний аналіз тексту, щоб відсіяти пошуковий спам, коли ключове слово зустрічається дуже часто (більше 7-8 відсотків від всього вмісту) або дуже рідко (1-3 %) на сторінці. Оптимальна щільність ключових слів: 5-7 % від текстового вмісту веб-сторінки, при цьому ключові слова (фрази) повинні зустрічатися в тексті як мінімум 3-4 рази;

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

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

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

Основними чинниками, які впливають на видачу в результатах пошукових систем є:

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

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

якісні зовнішні посилання на сайт;

вік сайту;

наявність ключових слів в адресі сайту

Соціальні сигнали;

Поведінковий фактор.

До факторів, щознижують рейтинг сайту, належать:

Не унікальний контент (статті, новини тощо);

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

надлишкове число зовнішніх посилань, або посилання на неякісні сайти;

фрейми;

накрутки поведінкових факторів;

3.6 Тестування та налагодження інформаційно-комп'ютерної системи

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

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

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

Тестування не може показати відсутність дефектів (воно може показувати тільки присутність дефектів). Важливо пам'ятати це твердження при проведенні тестування.

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

Можна виділити вимоги до ідеального критерію тестування:

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

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

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

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



ВИСНОВОК

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

Розроблений мною сайт надає нові можливості компанії “IT-Next”.

У курсовій роботі було виконано такі завдання:

здійснено огляд теоретичного та практичного матеріалу по темі курсової роботи;

розроблено функціональну схему роботи об'єкта проектування;

визначено та дато характеристику засобам розробки об'єкта проектування;

розроблено корпоративний сайт для IT компанії “IT-Next”;

здійснено опис програмного та апаратного середовища функціонування об'єкта проектування;

проведено опис захисту даної CMS

проведено тестування та налагодження інформаційно-компютерної системи.

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

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

...