Ознакомление с языками программирования web-приложений. Основы работы с базами данных
Отчет по практике - Компьютеры, программирование
Другие отчеты по практике по предмету Компьютеры, программирование
Введение
Производственная практика проходила на ЗАО НПП ЗНАК.
За время прохождении практики были выполнены следующие виды работ:
ознакомление с деятельностью и задачами предприятия;
ознакомление с языками программирования web-приложений (HTML, CSS, PHP);
изучение основ работы с БД в среде MS SQL server management express 2005.
и полученные следующие результаты:
1.Постановка задачи и целей практики
Задание: модернизация сайта. Есть БД в которую записывается время прихода и ухода на работу, а также место работы (офис и производство), необходимо сформировать отчет ( в виде интернет - страницы) в котором отображается календарь с полной информацией о проделанной работе выбранногосотрудника.
Цели:
Разработать форму представления данных на экране.
Сформировать данные из БД, пригодные для вывода на экран.
Изучение основ web-программирования (HTML, CSS, PHP).
Изучение основ работы с БД в среде MS SQL server management express 2005.
Реализация технологии всплывающих подсказок (javascript).
2.Реализация поставленных целей
2.1 Разработка формы представления данных на экране
Исходная форма (рисунок 1):
Рисунок 1 -исходная форма представления данных на экране.
Недостатки данного представления:
Нет возможности посмотреть данные за весь месяц.
Сложно просматривается соответствие между входом на работу и выходом с нее.
Сложное представление данных, результатом чего является сложность восприятия информации.
2.2 Разработка новой формы представления
Для возможности просмотра информации о сотруднике за весь месяц предусмотрена возможность просмотра всего рабочего месяца в виде календаря. Для более удобного ориентирования по календарю выходные дни выделены красным, а также выделен текущий день. В каждом дне календаря заносится следующая информация:
Дата (формат: день.месяц.год).
Учет обеда (формат: часы:минуты).
Учет дороги (формат: часы:минуты).
Количество отработанных часов в текущий день (формат: часы:минуты). Отображается зеленным, если у сотрудника за текущий день не было нарушений и красным, если нарушения были.
Иконка, при наведении на которую показывается дополнительная информация.
Один день календаря представлен на рисунке 2.
Рисунок 2 - один день из календаря.
В результате разработки вида представления информации была получена следующая форма (рисунок 3).
Рисунок 3 - новая форма представления информации на экране.
2.3 Формирование данных из БД, которые пригодны для вывода на экран
Исходная форма (рисунок 4):
Рисунок 4 - исходная формировка данных.
Для удобства восприятия информации вход и выход объединили в одну строку и, если в данной строке присутствует нарушение, то вся или часть строки выделяется оранжевым цветом. Так же вся дополнительная информация показывается только при наведении на определенный участок формы и скрывается при сдвиге курсора мыши с определенного места на форме. Результатпредставлен на рисунке 5.
Рисунок 5 - новая формировка данных.
2.4 Реализация технологии всплывающих подсказок
Для реализации данного пункта был выбран язык программирования javascript для которого необходимо подключить плагин tiptip:
Для реализации подсказки необходимо прописать следующую функцию:
$(function()
{
$(".someclass").tipTip({maxWidth: 500px});
});
Далее необходимо присвоить данный класс объекту, при наведении на который будет появляться подсказка. Пример всплывающей подсказки представлен на рисунке 5.
Конечный результат работы представлен на рисунке 4 и рисунке 6. Код программы представлен в приложении А.
Рисунок 6 - итог
Заключение
база данные время сотрудник
В результате прохождения практики были получены следующие результаты:
Разработана новая форма представления данных на сайте.
Изучены основы web- программирования (HTML, CSS, PHP).
Изучена работа плагина tiptip, который предназначен для создания всплывающих подсказок.
Получены навыки работы с БД в среде MSSQL server management express 2005.
Список литературы
1.Джон Коггзол - PHP5 полное руководство.
2.Евгений Попов - Видеоурок (Создание всплывающих подсказок).
.Евгений Попов - Видеокурсы (html,css,php,javascript)
Приложение А - листинг программы
(дополнительное)
detail.php
<?phpwta_func.php; //подключение необходимых функций
function actions ($out,$move,$place,$time,$interval)
{($move == entry) $move = 0;$move = 1;($place == (офис)) $place = 1;$place = 0;
$str=;($time==00:00:00)
{
$str = ;$str;
}($out)
{0://если человек находится на улице
{($move==0&&$place==1)//вход в офис
{
$str = Офис: .$time. - ;
$out = 1;$str;
}($move==0&&$place==2) //вход на производство
{
$str = Производство: .$time. - ;
$out = 2;$str;
}($move==1&&$place==1)//выход из офиса
{
$str = ; $str;
}($move==1&&$place==2) //выход с производства
{
$str = Производство: .