Подробнее о работе
Гарантия сервиса Автор24
Уникальность не ниже 50%
Для полноценного функционирования сайта и обеспечения целей, необходимо реализовать такие возможности:
а) со стороны администратора сайта:
добавление товара;
удаление товара;
изменение дизайна / интерфейса;
администрирования сайта;
просмотр уведомлений-онлайн;
б) Со стороны пользователя сайта:
возможность просмотра товара;
возможность просмотра услуг;
галерея;
сортировки;
поиск;
обратная связь;
помощь-онлайн;
Структура пользовательской части сайта
логотип
меню сайта;
авто-галерея;
помощь-онлайн (по всей странице авто-прокрут)
контакты;
направление деятельности с возможностью детального просмотра;
адрес компании, часы работы и телефон;
блок социальных иконок;
Эти блоки формируются на сайте средствами языка программирования php. В блок поиска выводятся из базы данных все публикуя записи по релевантности.
Блок поиска предназначен для отправки ключевого запроса по которым будет, будет происходить поиск в базе.
ВВЕДЕНИЕ 6
1 Постановка задачи 8
1.1 Требования к сайту 8
1.2 Язык Web-программирования РНР 10
1.3 Язык гипертекстовой разметки html 13
1.4 Язык сценариев Javascript 17
1.5 Sql-запросы 19
1.6 Bootstrap и css 21
1.6.1 Bootstrap 21
1.6.2 Css 22
1.7 Ftp client FilleZilla 23
1.8 WordPress 24
2 ОПИСАНИЕ РАЗРАБОТКИ ВЕБ-ПРИЛОЖЕНИЯ 27
2.1 Шаблоны страниц 27
2.2 Диаграмма вариантов использования 34
2.3 Разработка веб-приложения 35
2.4 Описание пользовательского интерфейса корпоративного веб-приложения 47
2.5 Разработка базы данных 52
3 ОХРАНА ТРУДА 60
3.1 Требования к производственным помещениям 60
3.2 Требования к микроклимату 62
3.3 Требования к организации рабочего места пользователя ЭВМ 63
3.4 Национальные нормативные документы по охране труда 66
ВЫВОДЫ 71
ЛИТЕРАТУРА 72
ПРИЛОЖЕНИЕ А 73
ВВЕДЕННЯ
Метою даної дипломної роботи є проектування та розробка веб-додатку згідно з вимогами замовника. Мета функціонування web-додатку - надання різної інформації про наявний товар і можливості його покупки.
Інтернет-технології почали розвиватися дуже давно і дуже стрімко. Двадцять років потому, з першого рівня, пройшла ціла ера веб-технологій, яка донині не стоїть на місці, а крокує семимильними кроками. Якщо раніше, розроблялися веб-додатки, які всі були однакові, головне, що інформаційні, то в процесі розвитку, з'явилася велика кількість розгалужень класифікацій. Так, від звичайного веб-додатку "візитка", з'явилася різниця між "корпоротивний", "іміджевий", "інтернет-магазин", а останнім часом ще й "лендінг" додатками. Але нічого не заважає поєднувати в один веб-додаток, всі ці види, тим самим ускладнюючи роботу, час, вигляд та вимоги.
...
1.1 Вимоги до сайту
Корпоротивний іміджевий веб-додаток повинен володіти зручним, і інтуїтивно зрозумілим інтерфейсом. Крім цього на майбутнє просування сайту (SEO), сайту в не меншій мірі впливає його зміст, а саме: релевантність сторінок, оригінальний контент, якісний дизайн, реєстрація в пошукових системах, реєстрація в безкоштовних каталогах, соціальні закладки.
Неактуальні повторювані тексті про 1С та описання продуктів, котрі вже розміщені на десятках сайтів не сприятимуть збільшенню постійної аудиторії. Разом з цим скопійовані з інших сайтів описи не принесуть і відвідувачів з пошукових систем, так як вони відстежують першоджерело і унікальність контенту, і подібне копіювання може призвести навіть до блокування сайту в пошуковій видачі.
За останні роки багато чого змінилося в WEB програмуванні, з'явилося безліч нових цікавих і корисних можливостей. Тому простим статичним HTML сайтом навіть з унікальним цікавим контентом, і красивим дизайном вже нікого не здивувати.
...
1.2 Мова Web-програмування РНР
Даний дипломний проект розробляється на мові PHP з використанням розмітки сторінок на HTML і включає в себе стилі розроблені на CSS.
Програми PHP можуть виконуватися двома способами: як сценарна додаток Web -сервером і як консольні програми. Оскільки, нашим завданням є розробка web-додатку «Корпоративний іміджевий веб-додадток для «Brain Group»», використовується перший спосіб. PHP, як правило, використовується суто для програмування додатків, пов'язаних з Інтернетом. Однак, PHP можна ще використовувати як інтерпретатора командного рядка, в основному в * nix - системах. Процес виконання php - сценарію при зверненні броузера до сервера. Спочатку броузер запитує сторінку з расшіреніем.php, після чого web-сервер пропускає програму через інтерпретатор і видає результат у вигляді html - коду. Причому, якщо взяти стандартну сторінку HTML, змінити розширення на.php і пропустити її через інтерпретатор, остання просто перешле її користувачеві без змін.
...
1.3 Мова гіпертекстової розмітки html
Сучасна оптимізаційна верстка спрямована на збільшення привабливості Web-сторінки для пошукових машин. Грамотна структурна розмітка — це своєрідна "підказка", яка вказує пошуковим спайдерам на особливості сторінки, допомагає їм зробити правильну індексацію, скласти інформативний сніппет.
Сниппет відображається на сторінках видачі пошукових результатів, як стислий зміст Web-сторінки", яке допомагає користувачам без переходу на сторінку відсіяти найменш релевантний та вибрати найбільш відповідний запит сайт.
HTML-теги утворюють внутрішню структуру сторінки, той невидимий "скелет", який відрізняє безсистемну кашу з символів — нехай навіть і несе певну значеннєву навантаження — від розробленого згідно всім правилам, канонам і специфікаціям Інтернет-документа.
...
1.4 Мова сценаріїв Java script
Мова JavaScript була створена за 10 днів у травні 1995 року Бренданом Айком, який працював у той час в Netscape, тепер в Mozilla.
JavaScript не завжди був відомий як JavaScript: початкова назва була Mocha, ім’я було вибрано Марком Андрессеном, засновником Netscape. У вересні 1995 року назва була змінена на LiveScript, та в грудні того ж року, після отримання ліцензії на товарний знак, було прийнято ім’я JavaScript. Це був свого роду маркетинговий хід , так як в цей час була дуже популярна мова Java.
Можливості Javascript:
JavaScript – розвинена мова сценаріїв, яка використовується в мільйонах веб-сторінок і серверних додатках по всьому світу. JavaScript є розширеним варіантом ECMAScript ,стандартної мови сценаріїв, тільки з м’якою відмінністю від опублікованого стандарту.
У двох словах, JavaScript являє собою динамічну мову сценаріїв підтримки прототипу на основі будівництва об’єкту.
...
1.5 Sql-запити
MySQL – це одна з найпопулярніших і найбільш розповсюджених СУБД (система управління базами даних) в Інтернеті. Вона не призначена для роботи з великими масивами інформації, але ідеально підходить для Інтернет-сайтів як невеликих так і достатньо крупних.
MySQL відрізняється високою швидкістю роботи, надійністю, гнучкістю. Робота с нею, як правило, не викликає великих труднощів. Підтримка сервера MySQL автоматично включається в поставку PHP.
СУБД MySQL безкоштовна. MySQL розповсюджується компанією Oracle на умовах загальної ліцензії GNU General Public License (GPL, GNU Public License) і є вільним ПЗ. Проте приймаються індивідуальні замовлення на виготовлення варіантів софту під комерційною ліцензію (особливо коли замовник не хоче розкривати вихідний код). Одним словом, практикується подвійне ліцензування. З офіційного сайту можна завантажувати не тільки вихідний код, а і готові бінарні зборки для різних операційних систем.
...
1.6 Bootstrap та css
1.6.1 Bootstrap
Bootstrap — це безкоштовний набір інструментів з відкритим сирцевим кодом, призначений для створення веб-сайтівта веб-застосунків, який містить шаблони CSS та HTML для типографіки, форм, кнопок, навігації та інших компонентів інтерфейсу, а також додаткові розширення JavaScript. Він спрощує розробку динамічних веб-сайтів і веб-застосунків.
Bootstrap — це клієнтський фреймворк, тобто інтерфейс для користувача, на відміну від коду серверної сторони, який знаходиться на сервері. Репозиторій з даним фреймворком є одним з найбільш популярних на GitHub. Серед інших, його використовують NASA і MSNBC.
Bootstrap (початкова назва — Twitter Blueprint) був розроблений Марком Отто та Джейкобом Торнтоном (Twitter) у якості фреймворку для забезпечення однаковості внутрішніх інструментів Twitter. До появи Bootstrap у розробціінтерфейсу застосовувалися різні бібліотеки, що призводило до появи суперечностей та ускладнювало супровід.
...
1.7 Ftp client FilleZilla
FTP клієнт FileZilla FTP є скороченням від англ. File Transfer Protocol — протокол передачі файлів, який застосовується для обміну файлами по TCP/IP мереж між двома комп'ютерами (клієнт і сервер). Протоколом передачі файлів більше 40 років, він був розроблений перш ніж з'явився TCP/IP і тим більше HTTP, однак він досі актуальний і використовується для підключення до віддалених серверів і обміну файлами.
Даний протокол застосовує різні мережеві з'єднання для передачі команд і файлів між клієнтом і сервером. FTP сервер являє собою комп'ютер з встановленим на нього спеціальним програмним забезпеченням та які очікують зовнішнього підключення від інших комп'ютерів.
FTP клієнт є програмою, яка робить спробу з'єднається з серверним комп'ютером, як правило до порту номер 21.
...
1.8 WordPress
WordPress - система керування контентом (CMS) з відкритим вихідним кодом, розповсюджувана безкоштовно. Написано цю систему на PHP, як система керування базами даних і використовує MySQL. Область застосування цього движка досить широка. За допомогою Wordpress можна створювати персональні сайти, складні новинні ресурси або навіть інтернет-магазини. Однак справжнє покликання Wordpress знайшов у сфері створення блогів.
Блог - це вид сайту, побудований за правилами, подібними до принципів ведення традиційних щоденників. Правда, на відміну від останніх, блоги публічні й передбачають сторонніх читачів. Тому кожний блогер (той, хто веде блог) намагається зробити своє творіння гарним, цікавим і корисним. У цьому йому й допомагає Wordpress.
Отже, робота із системою Wordpress починається з її установки на сайт. Якщо сайт уже розміщений на хостингу, то й сам архів з дистрибутивом Wordpress необхідно розпаковувати відразу в папку сайту, що знаходиться на сервері.
...
2.1 Шаблони сторінок
1С.html – Відображає комплекс програм для бухгалтерського обліку
Ourdevelopments.html – Відображає «наші розробки» від Brain Group
Uslugi.html – напрямки діяльності Brain Group
Hardware.html – торгове обладнання з яким працює Brain Group
o-kompanii.html - про ТОВ Brain Group
contacts.html – сторінка контактів, години роботи, карта
Код обратного зв’язку на сторінці контактів