Введення
Виробнича практика проходила на ЗАТ НВП В«ЗНАКВ».
За час проходження практики були виконані наступні види робіт:
В· ознайомлення з діяльністю та завданнями підприємства;
В· ознайомлення з мовами програмування web-додатків (HTML, CSS, PHP);
В· вивчення основ роботи з БД в середовищі MS SQL server management express 2005.
і отримані наступні результати:
1. Постановка завдання і цілей практики
Завдання: модернізація сайту. Є БД в яку записується час приходу і відходу на роботу, а також місце роботи (офіс та виробництво), необхідно сформувати звіт (у вигляді інтернет - сторінки) в якому відображається календар з повною інформацією про виконану роботу вибранногосотрудніка. p align="justify"> Цілі:
В· Розробити форму представлення даних на екрані.
В· Сформувати дані з БД, придатні для виведення на екран.
В· Вивчення основ web-програмування (HTML, CSS, PHP).
В· Вивчення основ роботи з БД в середовищі MS SQL server management express 2005.
В· Реалізація технології спливаючих підказок (javascript).
2. Реалізація поставлених цілей
2.1 Розробка форми представлення даних на екрані
Вихідна форма (рисунок 1):
В
Малюнок 1-вихідна форма представлення даних на екрані.
Недоліки даного подання:
В· Немає можливості подивитися дані за весь місяць.
В· Складно проглядається відповідність між входом на роботу і виходом з неї.
В· Складне уявлення даних, результатом чого є складність сприйняття інформації.
2.2 Розробка нової форми подання
Для можливості перегляду інформації про співробітника за весь місяць передбачена можливість перегляду всього робочого місяця у вигляді календаря. Для більш зручного орієнтування за календарем вихідні дні виділені червоним, а також виділено поточний день. У кожному дні календаря заноситься наступна інформація:
В· Дата (формат: день.місяць.рік).
В· Облік обіду (формат: години: хвилини).
В· Облік дороги (формат: години: хвилини).
В· Кількість відпрацьованих годин на поточний день (формат: години: хвилини). Відображається зеленим, якщо у співробітника за поточний день не було порушень і червоним, якщо порушення були.
В· Іконка, при наведенні на яку показується додаткова інформація.
Один день календаря представлений на малюнку 2.
В
Малюнок 2 - один день з календаря.
В результаті розробки види подання інформації була отримана наступна форма (малюнок 3). br/>В
Рисунок 3 - нова форма подання інформації на екрані.
2.3 Формування даних з БД, які придатні для виведення на екран
Вихідна форма (малюнок 4):
В
Малюнок 4 - вихідна форміровка даних.
Для зручності сприйняття інформації вхід і вихід об'єднали в один рядок і, якщо в цьому рядку присутнє порушення, то вся або частина рядка виділяється помаранчевим кольором. Так само вся додаткова інформація показується тільки при наведенні на певну ділянку форми і ховається при зсуві курсора миші з певного місця на формі. Результатпредставлен на малюнку 5. br/>В
Малюнок 5 - нова форміровка даних.
2.4 Реалізація технології спливаючих підказок
Для реалізації даного пункту був обраний мову програмування javascript для якого необхідно підключити плагін tiptip:
Для реалізації підказки необхідно прописати наступну функцію:
...
