Ім'я файлу: ТЗ Бабенко.docx
Розширення: docx
Розмір: 828кб.
Дата: 09.06.2022
скачати
Пов'язані файли:
aee799cd-istorychni-dzherela.docx
БЕЗПЕКА_ЖИТТЄДІЯЛЬНОСТІ_ТА_ОСНОВИ_ОХОРОНИ_ПРАЦІ (1).docx
1 Соціальна медицина та громадське здоров’я як наука.docx
TPU207015.pdf
Розширення: docx
Розмір: 828кб.
Дата: 09.06.2022
скачати
Пов'язані файли:
aee799cd-istorychni-dzherela.docx
БЕЗПЕКА_ЖИТТЄДІЯЛЬНОСТІ_ТА_ОСНОВИ_ОХОРОНИ_ПРАЦІ (1).docx
1 Соціальна медицина та громадське здоров’я як наука.docx
TPU207015.pdf
МІНІСТЕРСТВО ОСВІТИ I НАУКИ УКРАЇНИНАЦІОНАЛЬНИЙ ТЕХНІЧНИЙ УНІВЕРСИТЕТ УКРАЇНИ
«КИЇВСЬКИЙ ПОЛІТЕХНІЧНИЙ ІНСТИТУТ
ІМЕНІ ІГОРЯ СІКОРСЬКОГО»
ФАКУЛЬТЕТ БІОМЕДИЧНОЇ ІНЖЕНЕРІЇ
КАФЕДРА БІОМЕДИЧНОЇ КІБЕРНЕТИКИ
РОЗРАХУНКОВО-ГРАФІЧНА РОБОТА
з дисципліни
«Web-орієнтована розробка програмного забезпечення»
на тему: «Сайт «FBMI69»»
Виконали:
Студент гр. БС-51
Бабенко В.О
Перевірив:
Доц. каф. БМК
Соломін А.В.
Зараховано від ___.___._______
_________________________
(підпис викладача)
Київ-2017
ТЕХНІЧНЕ ЗАВДАННЯ НА РОЗРОБКУ ІНТЕРНЕТ-САЙТУ “FBMI69 ”
Структура документа:
1. Словник
2. Загальні положення
3. Графічний дизайн сайту
3.1 Вимоги до дизайну сайту
3.2 Порядок затвердження дизайн-концепції
4. Функціонал
4.1 Принцип роботи з сайтом.
Словник.
| Термін | Опис |
| Сайт | Інформаційна система, що надає користувачам мережі Інтернет доступ до їх вмісту і функціоналу у вигляді упорядкованого набору взаємопов'язаних HTML-сторінок |
| World wide web (WWW, web, веб) | Єдиний інформаційний простір на базі мережі Internet, що складається з сукупності сайтів. Приставка "веб-" може використовуватися для позначення об'єктів, орієнтованих на використання в WWW або використовують типові для WWW технології (наприклад, веб- інтерфейс - інтерфейс на базі веб-сторінок) |
| HTML-сторінка (веб- сторінка, сторінка) | Основний носій інформації в World ide Web. особливим чином сформатував файл (набір файлів), що переглядається за допомогою www-браузера як єдине ціле (без переходу за гіперпосиланнями) HTML-теги (теги) Керуючі коди, за допомогою яких здійснюється форматування HTML-сторінки |
| Гіперпосилання (посилання, лінк) | Активний елемент HTML-сторінки, що задається спеціальним тегом. Виділений фрагмент тексту або зображення, що дозволяє завантажити іншу сторінку або виконати певну дію WWW-браузер (браузер) Клієнтська програма, яку поставляють третіми сторонами і що дозволяє переглядати вміст HTML-сторінок |
| HTML-форма (форма) | Частина HTML-сторінки, призначена для взаємодії з відвідувачем сайту. Являє собою набір елементів (текстових полів, селектор, випадаючих списків), за допомогою яких користувач може ввести будь-яку інформацію і відправити її для обробки на сервері |
| Поле (поле БД, поле форми) | Структурний елемент, що містить однотипну інформацію, наприклад, текст, дату, числові значення і т.п. Прапор Особливу поле даних, що може містити тільки одне з двох допустимих значень. Дозволяє вказати на наявність або відсутність якої-небудь події або властивості об'єкта |
| Довідник | Допоміжна структура даних, що містить перелік усіх допустимих значень для будь-якого поля основних форм або БД. Довідники підрозділяються на фіксовані (незмінні і поставляються Виконавцем разом з готовим сайтом) і редаговані (склад яких може змінюватися адміністратором) |
| Адміністратор (менеджер, редактор) сайту | Особа, яка здійснює від імені Замовника інформаційну підтримку сайту |
| Дизайн-оформлення сторінок | Файл, що містить елементи зовнішнього оформлення HTML сторінок сайту, а також набір спеціальних тегів, які використовуються системою публікації сайту для виведення інформації при створенні остаточних HTML сторінок |
| Дизайн веб-сайту | Унікальні для конкретного веб-сайту структура, графічне оформлення і способи подання інформації |
| Інформаційні матеріали | Інформація про діяльність Замовника. Може включати графічні, текстові, аудіо або відео матеріали. надається Замовником |
| Наповнення (контент) | Сукупність інформаційного наповнення веб-сайту. включає тексти, зображення, файли і т.п. призначені для користувачів системи |
| Елемент наповнення | Окрема запис в базі даних, зовнішнє представлення якої залежить від керуючого їй програмного модуля (наприклад, в модулі «Новинна стрічка» елементом наповнення є окрема новина) |
| Система динамічного управління наповненням (Контентом) сайту | Інформаційна система, що дозволяє авторизованим користувачам вносити зміни ієрархічної структури і інформаційного наповнення веб-сайту без використання будь-яких додаткових спеціальних програмних засобів |
| Дамп | Сукупність об'єктів бази даних, представлена у вигляді файлів, що дозволяє відновити точну копію структури вихідної бази даних в аналогічній системі управління базами даних |
| Веб-інтерфейс | Сукупність екранів і елементів управління системи, що дозволяють користувача, який отримуватиме доступ до системи через веб-браузер, здійснювати підтримку і управління системою. |
| Шаблону розділу | Особливим чином розмічений ASCII-файл, який визначає як графічне оформлення сторінок розділу, так і їх макет (розкладку) - взаємне розташування блоків з наповненням розділу |
| WYSIWYG редактор | Редактор мови HTML, що має можливості по роботі в текстовому режимі і в режимі WYSIWYG (What You See Is What You Get). В режимі WYSIWYG елементи HTML сторінки при редагуванні представляються в тому ж вигляді, що і при перегляді |
| Роль | Клас користувачів системи, що володіють певним набором прав доступу |
| Angular 2 | Angular представляет фреймворк от компании Google для создания клиентских приложений. Прежде всего он нацелен на разработку SPA-решений (Single Page Application), то есть одностраничных приложений. В этом плане Angular является наследником другого фреймворка AngularJS. В то же время Angular это не новая версия AngularJS, а принципиальной новый фреймворк. |
| ASP .NET | Технология создания веб-приложений и веб-сервисов от компании Майкрософт. Она является составной частью платформы Microsoft .NET и развитием более старой технологии Microsoft ASP. |
| Інша технічна термінологія розуміється відповідно до діючих стандартів і рекомендаціями міжнародних органів, відповідальних за питання стандартизації в мережі | |
2. Загальні положення
Предмет розробки
Предметом розробки є Інтернет-сайт «FBMI69», з системою вибору матеріалів з заданих сторінок та формування файлового виводу на створений вибір інформації. Управління наповненням виконано на базі веб-інтерфейсу.
Призначення сайту:
- управління системою збережених навчальних матеріалів
- побудова виводу згідно системі
- зберігання інструкцій щодо навчання
Мета створення сайту: допомогти людям успішно шукати та находити інформацію щодо навчання.
Цільова аудиторія сайту: переважно журналісти та люди обох статей, які зацікавлені в навчанні.
Метод:
Написання власного коду – оскільки в даній роботі потрібно перевірити знання та навики написання сайту за допомогою мови програмування.
Даний сайт базується на методі SPA- single page application. Перевагами цього методу є те, що сторінка не пере загружається повністю, а частково, коли переходиш на інші вкладки всередині сайту.
Сайт побудований на CMS WordPress + FileMonster
Інструменти :
Система розвертання CMS WordPress, хостингова система Hostinger, різноманітні інструменти редагування тексту.
3. Графічний дизайн сайту
3.1 Вимоги до дизайну сайту
При розробці сайту повинні бути використані переважно світлі і контрастні
колірні рішення (приклад дизайнерського рішення сайту: http://www.bleaustone.com/).
Оформлення має бути розроблено в досить консервативному ключі.
Основні розділи сайту повинні бути доступні з першої сторінки.
На першій сторінці не повинно бути великого обсягу текстової інформації.
У дизайні сайту не повинні бути присутніми:
- мелькають банери;
- багато що зливається тексту;
- темні й агресивні колірні поєднання і графічні рішення.
3.2 Дизайн сайту
Сайт виконаний в трьох основних кольорах: чорний, білий та сірий.
Умовно головну сторінку можна розділити на 5 окремих сторінок.
Привітальна сторінка
Збірка інструкцій щодо навчання
Доступ до файлової мережі
Оповідь про авторів сайту
Система зворотнього зв’язку.
Окремо слід вирізнити систему файлового доступу до збереженних матеріалів.
Тут реалізована стандартна система навігації, знайома усім користувачам Windows: деревовидна. Слід зазначити. Що при вводі будь-яких значень буде доступний режим гостя. Якщо ж ввести логін та пароль адміністратора, буде доступний повний функціонал системи.
Так виглядає вікно зворотнього зв’язку. Окрім форми для додавання, реалізований також метод додавання через бота в мережі telegram.4. Функціональні вимоги
4.1 Принцип роботи з сайтом:
При відкритті головної сторінки сайту користувач може:
Прочитати інфорацію про навчання
Передивитися доступні файли на сервері
Вислати свою інформацію на сайт
Для створення нової помітки потрібно:
Натиснути “запропонувати матеріал”
Ввести е-mail, ім’я та группу та адресу інформації
Натиснути “відіслати”.