Федеральное агентство по образованию ГОУ ВПО Уфимский государственный авиационный технический университет Кафедра информатики ОТЧЕТ ПО ЛАБОРАТОРНОЙ РАБОТЕ №1 по дисциплине: «Компьютерные технологии в науке и производстве» на тему: «РАЗРАБОТКА РАСПРЕДЕЛЕННЫХ ИНТЕРАКТИВНЫХ ПРИЛОЖЕНИЙ НА БАЗЕ ИНТЕРНЕТ-ТЕХНОЛОГИЙ» Выполнил: магистрант гр. АиУ-506 Рыжов А.В. «21» сентября 2010 г. Проверил: канд.техн.наук, доцент Минасов Ш.М. « 21 » сентября 2010 г. Оценка « » Уфа – 2010 ОГЛАВЛЕНИЕ Введение ....................................................................................................................... 3 1.Цель работы .............................................................................................................. 3 2.Ход выполнения работы .......................................................................................... 3 3.Индивидуальное задание ......................................................................................... 3 3.1.Постановка задачи............................................................................................. 3 3.2.Фрагменты программного кода ....................................................................... 4 3.3.Экранные формы реализованного проекта .................................................... 4 Выводы ......................................................................................................................... 5 Список литературы ..................................................................................................... 6 Приложения ................................................................................................................. 7 2 ВВЕДЕНИЕ Рассматривается возможность создание индивидуальной странички студента с применением технологий web-программирования. 1. ЦЕЛЬ РАБОТЫ Целью настоящей работы является: создание интерактивного Web – приложения, с персональной информацией, работающего в режиме реального времени. 2. ХОД ВЫПОЛНЕНИЯ РАБОТЫ 1. В соответствии с методическими указаниями по лабораторной работе [1] была произведена установка и настройка web-сервера Apache в соответствии с рекомендациями указанными в методическом приложении. 2. Выполнены и проанализированы примеры создания комплекта htmlдокументов с персональной информацией с последующей доработкой структуры и редизайном приведенные в методических указаниях [1]. 3. Выполнено индивидуальное задание для самостоятельной работы на тему «Персональный сайт магистранта АиУ-506 Рыжова А.В.». Ссылка на главную страницу сайта: http://informatic.ugatu.ac.ru/resources/stdworks/mag2010/4326/index.php 3. ИНДИВИДУАЛЬНОЕ ЗАДАНИЕ 3.1. Постановка задачи В качестве индивидуального задания выдана тема «Персональный сайт магистранта АиУ-506 Рыжова А.В.». В качестве исходных данных в поставленной задаче рассмотрены: резюме магистранта Рыжова А.В., фотоальбом и информационный материал. 3 3.2. Фрагменты программного кода Файл: index.htm - стартовая страница в Приложении 1. Файл: about.htm – «О специальности» в Приложении 2. Файл: photo.htm – «Фото» в Приложении 3. Файл: prepod.htm – «Преподавателям» в Приложении 4. Файл: portf.htm – «Портфолио» в Приложении 5. 3.3. Экранные формы реализованного проекта На рис. 1 представлена экранная форма стартовой страницы index.htm Рисунок 1. Экранная форма стартовой страницы index.htm 4 ВЫВОДЫ В результате поставленная в выполнения рамках лабораторной самостоятельной работы работы была задача: решена «Разработка распределенных интерактивных приложений на базе интернет-технологий». В процессе решения задача была разбита на отдельные элементы, каждый из которых обеспечивает решение соответствующего фрагмента, а совокупность данных фрагментов представляет собой функциональный сайт, содержащий персональную информацию о магистранте Рыжове А.В.. Для выполнения индивидуального задания были изучены: язык разметки html средства удаленной работы с ftp-сервером. 5 СПИСОК ЛИТЕРАТУРЫ 1. Разработка распределенных интерактивных приложений на базе Интернет- технологий: Лабораторный практикум по дисциплине «Основы Интернет технологий» Часть 1 / Уфимск. гос. авиац. техн. ун-т; Сост. Ш.М. Минасов. – Уфа, 2007. – 15 с. 2. Официальный сайт УГАТУ. Дата обращения: 25.09.2010 http://www.ugatu.ac.ru/education/irt/tk/about.php 3. HTML справочник. Дата обращения: 21.09.2010. http://html.manual.ru/ 6 ПРИЛОЖЕНИЯ Приложение 1. Полный текст сценария index.htm <html> <head> <title> Персональная страница - Рыжов Андрей Владимирович. АиУ506. </title> </head> <body topmargin="0" bgcolor="#bfc0c0" link="#000000"> <center> <table border="0" width="1000" cellspacing="0" cellpadding="0" BGCOLOR="#FFFFFF"> <tr name="Header" > <td colspan="3" BACKGROUND="index/top_src.jpg" width="1000" height="100"> </td> </tr> <tr name="menu" > <td align="center" height="20"> <font face="Verdana"> <span style="font-size: 10pt"> <b> <a href="index.htm">Главная</a> | <a href="about.htm">О специальности</a> | <a href="photo.htm">Фото</a> | <a href="prepod.htm">Преподавателям</a> | <a href="portf.htm">Портфолио</a> </b> </span> </font> </td> </tr> <tr name="main-top"> <td align="center" height="200"> <table border="0" cellspacing="1" cellpadding="1"> <tr> <td width="225" height="300" valign="top"> <img src="index/photo.jpg" HSPACE="5" VSPACE="5"> <br><b>Ф.И.О.:</b> Рыжов Андрей Владимирович <br><b>Группа:</b> АиУ-506 7 <br><b>Контакт:</b> <a href="mailto:andreyufacity@mail.ru">andrey-ufacity@mail.ru</a> </td> <td width="100%" valign="top"> <H4>Высшее образование</H4> <b>Вуз:</b> УГАТУ '10 <br><b>Факультет:</b> Информатики и робототехники <br><b>Кафедра:</b> Технической кибернетики <br><b>Форма обучения:</b> Дневное отделение <br><b>Статус:</b> Выпускник (бакалавр) <br><b>Знание:</b> html, css, php, mySQL/SQL, java, Pascal, Delphi, C/C++, flash (на уровне анимации). <br><b>Навыки работы с ПО:</b> MS Office, MatLab, СУБД <br><b>Присущие качества:</b> Конкретность, целеустремленность, быстрообучаемость, ответственность, вежливость, коммуникабельность. Умение работы в коллективе, умение руководить <H4>Дополнительная информация</H4> <b>Тема выпускной квалификационной работы:</b> "Система поддержки принятия решений при формировании кредитного портфеля финансово-кредитного учреждения" <br><b>Другие проекты:</b> Роль аналитика в проекте "Система поддержки принятия решений при выборе стратегии решения проблемм" под руководством д.т.н. Черняховской Л.Р. (Кафедра ТК) </td> <td width="200"> Ы </td> </tr> </table> <br> </td> </tr> <tr name="main-bot" > <td align="center"> <table width="985" height="230" border="0"> <tr> <td BACKGROUND="index/prebot_src.jpg" width="980" height="230" valign="top"> <table border="0"> <tr> <td height="30"> <font face="Verdana"> 8 <b>&nbsp&nbsp&nbspНаучная деятельность</b> </font> </td> </tr> <tr> <td width="270" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>Отчеты по лабораторным работам:</b> <br> <p>Лабораторная работа №1</p> <p>Лабораторная работа №2</p> <p>Лабораторная работа №3</p> <p>Лабораторная работа №4</p> <p>Лабораторная работа №5</p> </span> </font> </td> <td width="445" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>О сайте:</b> <p>Данный веб-сайт создан исключительно для ознакомительных целей в рамках курса магистрской подготовки, дисциплины «Компьютерные технологии в науке и производстве» (кафедра информатики, преподаватель Минасов Ш. М.)</p> <p>Разработчик: магистрант Рыжов Андрей Владимирович, группа АиУ-506</p> </span> </font> </td> <td width="270" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>Некоторые работы однокурсников:</b> <p>Здесь будет ссылка</p> <p>Здесь будет ссылка</p> </span> </font> </td> </tr> </table> 9 </td> </tr> </table> </td> </tr> <tr name="footer" align="center"> <td colspan="3" BACKGROUND="index/bot_src.jpg" width="1000" height="100"> <span style="font-size: 8pt"><font color="#FFFFFF">Copyright. Рыжов Андрей Владимирович © 2010. Все права защищены.<br> Сайт является демонстрационным и предназначен только для некоммерческого использования в научных целях. <br> Любое копирование контента, а также копирование любых частей дизайна сайта запрещено!</font></span> </td> </tr> </table> </center> </body> </html> Приложение 2. Полный текст сценария about.htm <html> <head> <title> Персональная страница - Рыжов Андрей Владимирович. АиУ506. </title> </head> <body topmargin="0" bgcolor="#bfc0c0" link="#000000"> <center> <table border="0" width="1000" cellspacing="0" cellpadding="0" BGCOLOR="#FFFFFF"> <tr name="Header" > <td colspan="3" BACKGROUND="index/top_src.jpg" width="1000" height="100"> </td> </tr> <tr name="menu" > <td align="center" height="20"> 10 <font face="Verdana"> <span style="font-size: 10pt"> <b> <a href="index.htm">Главная</a> | <a href="about.htm">О специальности</a> | <a href="photo.htm">Фото</a> | <a href="prepod.htm">Преподавателям</a> | <a href="portf.htm">Портфолио</a> </b> </span> </font> </td> </tr> <tr name="main-top"> <td align="center" height="200"> <table border="0" cellspacing="1" cellpadding="1"> <tr> <td width="276"> <img src="index/pic1.jpg" vspase="10" hspace="10"> </td> <td width="100%" valign="top"> &nbsp;&nbsp;&nbsp;&nbsp;<b>"Автоматизация и управление"</b> - область науки и техники, которая включает в себя совокупность средств, способов и методов человеческой деятельности, направленных на создание и применение алгоритмического, аппаратного и программного обеспечения систем и средств контроля и управления подвижными объектами, автономными системами, технологическими линиями и процессами, освобождающих человека частично или полностью от непосредственного участия в процессах получения, преобразования, передачи и использования энергии, материалов и информации. <br><br> &nbsp;&nbsp;&nbsp;&nbsp;Подготовку научных кадров в магистратуре по направлению 220200 – Автоматизация и управление осуществляет кафедра "Техникоской кибернетики". С 1980 года кафедру возглавляет заслуженный деятель науки и техники РФ и РБ, д.т.н., профессор Ильясов Барый Галеевич. </td> <td width="200"> Ы </td> 11 </tr> </table> </td> </tr> <tr name="main-bot" > <td align="center"> <table width="985" height="230" border="0"> <tr> <td BACKGROUND="index/prebot_src.jpg" width="980" height="230" valign="top"> <table border="0"> <tr> <td height="30"> <font face="Verdana"> <b>&nbsp&nbsp&nbspНаучная деятельность</b> </font> </td> </tr> <tr> <td width="270" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>Отчеты по лабораторным работам:</b> <br> <p>Лабораторная работа №1</p> <p>Лабораторная работа №2</p> <p>Лабораторная работа №3</p> <p>Лабораторная работа №4</p> <p>Лабораторная работа №5</p> </span> </font> </td> <td width="445" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>О сайте:</b> <p>Данный веб-сайт создан исключительно для ознакомительных целей в рамках курса магистрской подготовки, дисциплины «Компьютерные технологии в науке и производстве» (кафедра информатики, преподаватель Минасов Ш. М.)</p> 12 <p>Разработчик: магистрант Рыжов Андрей Владимирович, группа АиУ-506</p> </span> </font> </td> <td width="270" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>Некоторые работы однокурсников:</b> <p>Здесь будет ссылка</p> <p>Здесь будет ссылка</p> </span> </font> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr name="footer" align="center"> <td colspan="3" BACKGROUND="index/bot_src.jpg" width="1000" height="100"> <span style="font-size: 8pt"><font color="#FFFFFF">Copyright. Рыжов Андрей Владимирович © 2010. Все права защищены.<br> Сайт является демонстрационным и предназначен только для некоммерческого использования в научных целях. <br> Любое копирование контента, а также копирование любых частей дизайна сайта запрещено!</font></span> </td> </tr> </table> </center> </body> </html> Приложение 3. Полный текст сценария photo.htm <html> <head> <title> 13 Персональная страница - Рыжов Андрей Владимирович. АиУ506. </title> </head> <body topmargin="0" bgcolor="#bfc0c0" link="#000000"> <center> <table border="0" width="1000" cellspacing="0" cellpadding="0" BGCOLOR="#FFFFFF"> <tr name="Header" > <td colspan="3" BACKGROUND="index/top_src.jpg" width="1000" height="100"> </td> </tr> <tr name="menu" > <td align="center" height="20"> <font face="Verdana"> <span style="font-size: 10pt"> <b> <a href="index.htm">Главная</a> | <a href="about.htm">О специальности</a> | <a href="photo.htm">Фото</a> | <a href="prepod.htm">Преподавателям</a> | <a href="portf.htm">Портфолио</a> </b> </span> </font> </td> </tr> <tr name="main-top"> <td align="center"> <br> <table border="0" cellspacing="1" cellpadding="1"> <tr> <td width="220"> <a href="photo/photo_01.jpg" target="_blank"> <img src="photo/photo_01.jpg" width="200" vspase="10" hspace="10"> </a> </td> <td width="220"> <a href="photo/photo_02.jpg" target="_blank"> 14 <img src="photo/photo_02.jpg" width="200" vspase="10" hspace="10"> </a> </td> <td width="220"> <a href="photo/photo_04.jpg" target="_blank"> <img src="photo/photo_04.jpg" width="200" vspase="10" hspace="10"> </a> </td> </tr> <tr> <td width="220"> <a href="photo/photo_03.jpg" target="_blank"> <img src="photo/photo_03.jpg" width="200" vspase="10" hspace="10"> </a> </td> </tr> </table> </td> </tr> <tr name="main-bot" > <td align="center"> <table width="985" height="230" border="0"> <tr> <td BACKGROUND="index/prebot_src.jpg" width="980" height="230" valign="top"> <table border="0"> <tr> <td height="30"> <font face="Verdana"> <b>&nbsp&nbsp&nbspНаучная деятельность</b> </font> </td> </tr> <tr> <td width="270" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>Отчеты по лабораторным работам:</b> 15 <br> <p>Лабораторная <p>Лабораторная <p>Лабораторная <p>Лабораторная <p>Лабораторная </span> </font> </td> работа работа работа работа работа №1</p> №2</p> №3</p> №4</p> №5</p> <td width="445" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>О сайте:</b> <p>Данный веб-сайт создан исключительно для ознакомительных целей в рамках курса магистрской подготовки, дисциплины «Компьютерные технологии в науке и производстве» (кафедра информатики, преподаватель Минасов Ш. М.)</p> <p>Разработчик: магистрант Рыжов Андрей Владимирович, группа АиУ-506</p> </span> </font> </td> <td width="270" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>Некоторые работы однокурсников:</b> <p>Здесь будет ссылка</p> <p>Здесь будет ссылка</p> </span> </font> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr name="footer" align="center"> 16 <td colspan="3" BACKGROUND="index/bot_src.jpg" width="1000" height="100"> <span style="font-size: 8pt"><font color="#FFFFFF">Copyright. Рыжов Андрей Владимирович © 2010. Все права защищены.<br> Сайт является демонстрационным и предназначен только для некоммерческого использования в научных целях. <br> Любое копирование контента, а также копирование любых частей дизайна сайта запрещено!</font></span> </td> </tr> </table> </center> </body> </html> Приложение 4. Полный текст сценария prepod.htm <html> <head> <title> Персональная страница - Рыжов Андрей Владимирович. АиУ506. </title> </head> <body topmargin="0" bgcolor="#bfc0c0" link="#000000"> <center> <table border="0" width="1000" cellspacing="0" cellpadding="0" BGCOLOR="#FFFFFF"> <tr name="Header" > <td colspan="3" BACKGROUND="index/top_src.jpg" width="1000" height="100"> </td> </tr> <tr name="menu" > <td align="center" height="20"> <font face="Verdana"> <span style="font-size: 10pt"> <b> <a href="index.htm">Главная</a> | <a href="about.htm">О специальности</a> | <a href="photo.htm">Фото</a> | <a href="prepod.htm">Преподавателям</a> | <a href="portf.htm">Портфолио</a> 17 </b> </span> </font> </td> </tr> <tr name="main-top"> <td align="center"> <center><p>Рассписание АиУ-506 осенний семестр 2010 год</p></center> <img src="prepod/rasspisanie_aiu.jpg"> </td> </tr> <tr name="main-bot" > <td align="center"> <table width="985" height="230" border="0"> <tr> <td BACKGROUND="index/prebot_src.jpg" width="980" height="230" valign="top"> <table border="0"> <tr> <td height="30"> <font face="Verdana"> <b>&nbsp&nbsp&nbspНаучная деятельность</b> </font> </td> </tr> <tr> <td width="270" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>Отчеты по лабораторным работам:</b> <br> <p>Лабораторная работа №1</p> <p>Лабораторная работа №2</p> <p>Лабораторная работа №3</p> <p>Лабораторная работа №4</p> <p>Лабораторная работа №5</p> </span> </font> </td> <td width="445" valign="top"> <font face="Tahoma"> 18 <span style="font-size: 10pt"> <br><b>О сайте:</b> <p>Данный веб-сайт создан исключительно для ознакомительных целей в рамках курса магистрской подготовки, дисциплины «Компьютерные технологии в науке и производстве» (кафедра информатики, преподаватель Минасов Ш. М.)</p> <p>Разработчик: магистрант Рыжов Андрей Владимирович, группа АиУ-506</p> </span> </font> </td> <td width="270" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>Некоторые работы однокурсников:</b> <p>Здесь будет ссылка</p> <p>Здесь будет ссылка</p> </span> </font> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr name="footer" align="center"> <td colspan="3" BACKGROUND="index/bot_src.jpg" width="1000" height="100"> <span style="font-size: 8pt"><font color="#FFFFFF">Copyright. Рыжов Андрей Владимирович © 2010. Все права защищены.<br> Сайт является демонстрационным и предназначен только для некоммерческого использования в научных целях. <br> Любое копирование контента, а также копирование любых частей дизайна сайта запрещено!</font></span> </td> </tr> </table> </center> </body> 19 </html> Приложение 5. Полный текст сценария portf.htm <html> <head> <title> Персональная страница - Рыжов Андрей Владимирович. АиУ506. </title> </head> <body topmargin="0" bgcolor="#bfc0c0" link="#000000"> <center> <table border="0" width="1000" cellspacing="0" cellpadding="0" BGCOLOR="#FFFFFF"> <tr name="Header" > <td colspan="3" BACKGROUND="index/top_src.jpg" width="1000" height="100"> </td> </tr> <tr name="menu" > <td align="center" height="20"> <font face="Verdana"> <span style="font-size: 10pt"> <b> <a href="index.htm">Главная</a> | <a href="about.htm">О специальности</a> | <a href="photo.htm">Фото</a> | <a href="prepod.htm">Преподавателям</a> | <a href="portf.htm">Портфолио</a> </b> </span> </font> </td> </tr> <tr name="main-top"> <td align="center" height="200"> <table border="0" cellspacing="1" cellpadding="1"> <tr> <td width="276"> <img src="portf/freedance.jpg" vspase="10" hspace="10"> </td> <td width="100%" valign="top"> 20 <br><b>Название:</b> Сайт первой уфимской интернетрадиостанции электронной музыки Free Dance Radio <br><b>Разработчик:</b> Рыжов Андрей Владимирович. <br><b>Функционал:</b> Новостная лента, вывод текущих программ радиостанции, разработанная система управления контентом сайтом. <br><b>Используемые средства:</b> html, css, php, mySQL, phpmyadmin, flash. <br><b>Адрес в интернете:</b> <a href="http://www.freedanceradio.ru" target="_blank">www.freedanceradio.ru</a> </td> </tr> </table> </td> </tr> <tr name="main-bot" > <td align="center"> <table width="985" height="230" border="0"> <tr> <td BACKGROUND="index/prebot_src.jpg" width="980" height="230" valign="top"> <table border="0"> <tr> <td height="30"> <font face="Verdana"> <b>&nbsp&nbsp&nbspНаучная деятельность</b> </font> </td> </tr> <tr> <td width="270" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>Отчеты по лабораторным работам:</b> <br> <p>Лабораторная работа №1</p> <p>Лабораторная работа №2</p> <p>Лабораторная работа №3</p> <p>Лабораторная работа №4</p> <p>Лабораторная работа №5</p> </span> </font> 21 </td> <td width="445" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>О сайте:</b> <p>Данный веб-сайт создан исключительно для ознакомительных целей в рамках курса магистрской подготовки, дисциплины «Компьютерные технологии в науке и производстве» (кафедра информатики, преподаватель Минасов Ш. М.)</p> <p>Разработчик: магистрант Рыжов Андрей Владимирович, группа АиУ-506</p> </span> </font> </td> <td width="270" valign="top"> <font face="Tahoma"> <span style="font-size: 10pt"> <br><b>Некоторые работы однокурсников:</b> <p>Здесь будет ссылка</p> <p>Здесь будет ссылка</p> </span> </font> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr name="footer" align="center"> <td colspan="3" BACKGROUND="index/bot_src.jpg" width="1000" height="100"> <span style="font-size: 8pt"><font color="#FFFFFF">Copyright. Рыжов Андрей Владимирович © 2010. Все права защищены.<br> Сайт является демонстрационным и предназначен только для некоммерческого использования в научных целях. <br> Любое копирование контента, а также копирование любых частей дизайна сайта запрещено!</font></span> 22 </td> </tr> </table> </center> </body> </html> 23