МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ ПОЛТАВСЬКИЙ ПОЛІТЕХНІЧНИЙ КОЛЕДЖ НАЦІОНАЛЬНОГО ТЕХНІЧНОГО УНІВЕРСИТЕТУ «ХАРКІВСЬКИЙ ПОЛІТЕХНІЧНИЙ ІНСТИТУТ»
Циклова комісія дисциплін програмної інженерії
ЗВІТ
з технологічної практики
«
Сайт
візитка ТОВ «Євразія»
на тему ___________________________________________________________.
__________________________________________________________________
__________________________________________________________________
В
Руденко В.В.
44
___________________________________ (прізвище та ініціали)
Гриценко С.Є.
Керівник ____________ _______________ (підпис) (прізвище та ініціали)
Полтава – 2017
ЗМІСТ
ВСТУП 5
1. ПОСТАНОВКА ЗАДАЧІ 6
1.1. Основні вимоги до програми 6
1.2. Вимоги до інтерфейсу 6
2. ПЛАНУВАННЯ СИСТЕМИ 8
2.1. Алгоритм програми 8
2.2. Тестування 9
2.3. Інструкція по роботі з програмою 10
ВИСНОВКИ 15
15
СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ 16
ДОДАТОК А. ВИХІДНИЙ КОД 17
Код корегування інтерфейсу сторінки та її контенту, обравши певний шаблон. 17
17
<?php 17
/** 17
* The template used for displaying page content 17
* 17
* @package WordPress 17
* @subpackage stainedglass 17
* @since Stained Glass 1.0.0 17
*/ 17
?> 17
<div class="content-container"> 17
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 17
<header class="entry-header"> 17
<?php if ( '1' == stainedglass_get_theme_mod('') ) : 17
the_title( '' ); 17
17
endif; ?> 17
17
<?php if ( has_post_thumbnail() && '1' == stainedglass_get_theme_mod('') ) : ?> 17
<div class="entry-thumbnail"> 18
<?php the_post_thumbnail(); ?> 18
</div> 18
<?php endif; ?> 18
18
</header><!-- .entry-header --> 18
<div class="entry-content"> 18
<?php 18
the_content(); 18
wp_link_pages( array( 18
'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'stainedglass' ) . '</span>', 18
'after' => '</div>', 18
'link_before' => '<span>', 18
'link_after' => '</span>', 18
) ); 18
?> 18
<div class="clear"></div> 18
<footer class="entry-footer"> 18
<div class="entry-meta"> 18
<?php edit_post_link( __( 'Edit', 'stainedglass' ), '<span class="edit-link">', '</span>' ); ?> 18
</div> <!-- .entry-meta --> 18
<?php 18
if ( is_page() ) : 18
do_action( 'stainedglass_after_content' ); 18
endif; 18
?> 18
</footer><!-- .entry-footer --> 19
</div><!-- .entry-content --> 19
</article><!-- #post-## --> 19
</div><!-- .content-container --> 19
ДОДАТОК Б. UML ДІАГРАМА 20
Рисунок 1 – UML діаграма 20
ДОДАТОК В. ЗНІМКИ ЕКРАНУ 21
ВСТУП
Метою технологічної практики є створення програмного продукту для підприємства ТОВ Євразія, а саме сайту для представлення продукції. Під час роботи над проектом необхідно вдосконалити навички зі створення доменів, роботи із сервісом для надання хостингу та використання сайту в цілому. Основну увагу буде приділено розмітці сторінок та роботі з невідомими плагінами і віджетами з метою правильного їх налаштування. Робота буде виконуватись на середньостатистичному ПК на базі операційної системи Windows 7 x64. За допоміжне ПЗ, для зв’язку із сайтом, було вирішено обрати файловий менеджер FileZilla.
1. Постановка задачі
Необхідно створити сайт-візитку, який би пояснював користувачеві діяльність фірми. Основними вимогами замовника щодо функціоналу є: представлення адрес аптечних пунктів на можливість їх знайдення через Google Maps, перегляд фото медикаментів у форматі слайд шоу. Терміном роботи над сайтом є строк до закінчення технологічної практики.
1.1. Основні вимоги до програми
Сайт планується створювати на платформі Wordpress, за допомогою сервісу надання хостингу Hostinger та сервісу реєстрації доменів Nic.ua.
Сайт матиме останню версію Wordpress, плагіни по візуальному редагування сторінки: All in One Video Pack, Photo Gallery, Slider, Huge IT Slider. Також будуть задіяні інші види плагінів: Akismet, Clef.
Даний програмний продукт не потребуватиме встановлення додоткового ПЗ. Єдиною вимогою комфортного використання сайту буде наявність стабільного інтернет з'єднання.
1.2. Вимоги до інтерфейсу
Необхідно розробити сайт у стилі мінімалізму, переважну частину якого будуть займатимуть зображення. Так як тематика сайту направлена на представлення медикаментів, то й кольори сайту повинні бути світлі, зокрема білий, аквамариновий та відтінки сірого. На вершині сайту буде знаходитися панель, з правої сторони якої будуть клавіші переходу між сторінками сайту, а зліва зображення логотипу компанії, при натискання на який завантажується головна сторінки сайту, оскільки це зображення є закріпленим то користувач зможе повернутися на головну сторінку будучи при цьому на будь якій іншій сторінці даного сайту. На верхньому сайдбарі будуть розташовані три блоки з зображеннями основної продукції компанії натиснувши на які можна буде перейти на сторінку їх детальнішого опису. Посередині головної сторінки матиме місце фотогалерея всіх медикаментів з невеликим текстовою інформацією. Новини сайту користувач зможе знайти в нижній частині. Контактна інформація знаходитиметься на нижній панелі сайту.
2. Планування системи
Життєвий цикл даного програмного продукту являє собою каскадну модель розробки, починаючи з етапу аналізу, завершуючи етапом впровадження. Цінність цієї моделі полягає в тому, що вона фіксує послідовність етапів розроблень та можливість повернення до попередніх етапів роботи.
Після етапу аналізу, першим створюватиметься доменне ім’я, наступний крок - оформлення хостингу, переведення серверів на сервіс доменного імені, після підтвердження, період створення бази даних майбутнього сайту, встановлення останньої версії платформи Wordpress. Оскільки налаштування допоміжних програм та шаблону в цілому доволі кропітка праця то й часу на це буде відведено найбільше.
2.1. Алгоритм програми
На сьогоднішній день подібна будова сайту на нижче приведеному прикладі (Рисунок 2.1) є досить відомою і зручною, тому як всі елементи керування знаходяться в доступному місці і є закріпленими при любому місці знаходження користувача на сайті.
Для переходу між сторінками сайту використовуються, розташовані на верхній панелі, клавіші. Деякі з них виконують функцію випадаючого списку.
Для кращого представлення взаємодії була побудована UML діаграма, представлена в Додатку Б
Рисунок 2.1 – Схема сайту