Образец отчета преддипломной практики
реклама
ФЕДЕРАЛЬНОЕ АГЕНТСТВО СВЯЗИ ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ БЮДЖЕТНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ «СИБИРСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ И ИНФОРМАТИКИ» ФАКУЛЬТЕТ ЗАОЧНОГО ОБУЧЕНИЯ Кафедра прикладной математики и кибернетики ОТЧЕТ О ПРОХОЖДЕНИИ ПРЕДДИПЛОМНОЙ ПРАКТИКИ Выполнил: студент группы ЗП-71 Петрова А.В. Руководитель практики доцент Кафедры прикладной математики и кибернетики к.т.н., доцент Иванов И.И. Оценка – «________________». Новосибирск - 2015 Содержание Введение ...................................................................................................................................................3 2.2 Стадии разработки .............................................................................................................................4 2.3 Программные средства ......................................................................................................................4 2.3.1 Adobe Flash Professional CS5..........................................................................................................4 2.3.2 Adobe Dreamweaver CS5.5..............................................................................................................5 2.4 Языки программирования .................................................................................................................5 2.4.1 Описание языка HTML...................................................................................................................5 2.4.2 Описание языка PHP.......................................................................................................................6 2.4.3 Описание языка CSS .......................................................................................................................7 2.4.4 Описание языка MySQL .................................................................................................................7 2.4.5 Описание языка JavaScript .............................................................................................................8 2.4.6 Описание языка ActionScript 3.0 ...................................................................................................8 2.5 Постановка задачи ...........................................................................................................................10 Заключение .............................................................................................................................................10 Список использованных источников ...................................................................................................10 Введение Практика проходила в Федеральном государственном образовательном бюджетном учреждении высшего профессионального образования «Сибирский государственный университет телекоммуникаций и информатики» на Кафедре прикладной математики и кибернетики. Период прохождения практики: с 01 февраля по 01 марта 2012 года. Целью практики было проанализировать существующие методы разработки сайтов, определить основные требования и используемое программное обеспечение и языки программирования. 2.2 Стадии разработки Разработка дипломного проекта включается в себя следующие этапы: - разработка дизайна; - верстка страниц; - реализация функционала сайта; - наполнение контентом; - тестирование; 2.3 Программные средства 2.3.1 Adobe Flash Professional CS5 Adobe Flash Professional – это средство разработки flash-контента от компании Adobe, входящее в широко известную платформу Adobe Flash. Это визуальное средство для дизайна и программирования, применяемое с целью создания мультимедийного содержимого, включающего графику, видео, аудио, анимацию и интерактивность, представляет собой ведущую среду разработки профессионального интерактивного контента. Adobe Flash Professional используется программистами для создания приложений путём объединения кода на языке ActionScript с нарисованными изображениями, анимацией и мультимедийными элементами. Разработка Flash была начата компанией FutureWave, создавшей пакет анимации FutureSplash Animator. В 1996 году FutureWave была приобретена компанией Macromedia, которая переименовала FutureSplash Animator в Flash[2]. В 2005 году компании Macromedia и Adobe объединили свои усилия по развитию этой платформы, которая с тех пор из Macromedia Flash официально переименовалась в Adobe Flash. Лучшим в своём деле Adobe Flash Professional CS делают широкие возможности для разработчика и огромный набор полезных функций. Я приведу самые важные из них: Ведущие отраслевые инструменты анимации. Реализована возможность создавать и редактировать анимационные переходы при помощи инструментов редактирования по временной шкале и редактора движения, а так же обратная кинематика для создания естественных движений для анимации персонажей. Улучшенные инструменты рисования. Эффектная и точная разработка графических объектов при помощи инструмента Smart Shape и мощных дизайнерских инструментов. Фильтры и эффекты наложения. Возможность создавать привлекательный контент, добавляя выразительные визуальные эффекты для текста, кнопок и видеоклипов. Профессиональные инструменты для работы с видео. Простота и легкость внедрения видеоклипов в проекты, эффективные средства преобразования видео. Интеграция с другими средами разработки компании Adobe. Возможность выполнения сквозного редактирования растровых изображений при помощи Adobe Photoshop CS5, импорта файлов непосредственно из Adobe InDesign CS5.5, тесная интеграция с Adobe Flash Builder 4.5. Создание контента для мобильных устройств. Возможность использования Adobe Device Central для разработки, просмотра и тестирования контента, предназначенного для самых различных мобильных и потребительских устройств. Межплатформенная поддержка. Разработка приложений возможна в таких средах как Mac OS и Windows (Таблица 1.1). Редактор ActionScript. Ускорения процесса разработки при помощи встроенных функций редактора ActionScript [4]. 2.3.2 Adobe Dreamweaver CS5.5 Adobe Dreamweaver CS5.5 – это среда разработки различных проектов. Программное обеспечение для веб-дизайна Adobe Dreamweaver CS5 содержит интуитивно понятный визуальный интерфейс для создания и редактирования веб-сайтов, что делает его незаменимым помощником web-разработчика. Основные достоинства Adobe Dreamweaver: визуальное отображение модели CSS, а также удобные средства включения и отключения свойств CSS без необходимости чтения кода или приобретения отдельных утилит; Возможность тестирования страницы перед публикацией, используя обновленную функцию интерактивного просмотра. Интерактивный просмотр теперь использует последнюю версию механизма рендеринга WebKit, который обеспечивает полноценную поддержку HTML5; Подсказка по кодированию нестандартизированных файлов в Dreamweaver, а также улучшенные средства подсказки по сторонним PHP-библиотекам и системам управления контентом, в том числе WordPress, Drupal и Joomla; Возможности точного контроля над разработкой веб-проектов при настройке элементов страниц и создании выразительных эффектов; Подсказка по пользовательским классам PHP; Быстрое создание веб-сайтов на базе отраслевых стандартов при помощи заготовок макетов CSS; Разработка веб-сайты при помощи мощных средств создания кода CSS. Просмотр модель CSS в визуальном режиме в Dreamweaver без необходимости редактирования кода CSS вручную даже во внешних таблицах стилей; Работать с Adobe Dreamweaver CS5.5 разработки возможно в таких средах как Mac OS и Windows. 2.4 Языки программирования Самыми широко распространёнными языками программирования для создания сайтов являются HTML, PHP, JavaScript и язык стилей CSS. Без них не обойтись ни одному вебмастеру. Так же в дипломном проекте используется язык ActionScript 3.0 для создания flashсодержимого. Для обращения к базам данных используется язык MySQL. 2.4.1 Описание языка HTML HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») стандартный язык разметки документов в Интернете. Он был разработан британским учёным Тимом Бернерсом-Ли в 1989-1991 годах и создавался как язык обмена научной и технической документацией. Гипертекстовые документы (HTML-страницы) интерпретируются браузером клиента в удобное для них представление, которое позволяет просматривать различного вида информацию (текст, графика). С помощью средств форматирования HTML можно составить сложную иерархическую структуру из HTML-страниц. HTML – теговый язык разметки. Любой документ на этом языке представляет собой набор элементов, причем начало и конец каждого элемента обозначается тегами – специальными пометками. Элементы могут быть пустыми, вложенными и иметь атрибуты, определяющие какие-либо их свойства. Кроме элементов в HTML-документах есть сущности – специальные символы, начинающиеся с амперсанта. Одним из принципов языка HTML является многоуровневое вложение элементов. Самым внешним элементом является <HTML> </HTML>, так как между его начальным и конечным тегами должна находится вся web-страница. Текст документа состоит из элементов: заголовок и тело, которые выделяются соответствующими тэгами: <head> и <body>. В заголовке содержится служебная информация, не показываемая на странице – например, ключевые слова для поисковых машин или подключаются скрипты. Размещение информации в заголовке желательно, но не обязательно. Внутри <head> и </head> расположены тэги <title></title>, обозначающие заголовок браузера. Тело – это часть, в которую помещается содержимое документа. Она включает предназначенный для отображения текст и тэги, которые используются браузером. Тэги содержат информацию о способе отображения текста. С помощью тэгов, кроме этого создаются ссылки на файлы, содержащие дополнительные данные, и обозначают точки привязки, посредством которых документы связываются с другими документами. Для перехода от одного документа к другому используются гиперссылки. Гиперссылка – это фрагмент текста или изображение, которое является указателем на другой документ или объект. Связывание страниц осуществляется при помощи разметки HTML. С помощью тега <a> создается ссылка, которая указывает на какой-либо адрес в сети, который задаётся внутри тега. Эти адреса называются универсальными указателями ресурсов (URL). Графические и мультимедийные элементы в HTML-документ не встраиваются, а только указываются в разметке их местоположение, сами эти элементы находятся отдельно. Язык HTML даёт нам широчайшую основу для творчества и разработки сайтов, возможности которой мы можем значительно увеличить с помощью динамического HTML или JavaScript. 2.4.2 Описание языка PHP PHP (Hypertext Preprocessor, первоначально Personal Home Pages – означает «Препроцессор Гипертекста») – это широко используемый язык сценариев общего назначения с открытым исходным кодом. Это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на web-сервере. PHP позволяет создавать качественные web-приложения за короткие сроки, получая продукты, легко модифицируемые и поддерживаемые в будущем. PHP прост для освоения, и вместе с тем способен удовлетворить запросы профессиональных программистов. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических вебсайтов. Благодаря этому языку появляется возможность легко создавать динамические сайты. Файлы, созданные таким образом, хранятся и обрабатываются на сервере. Когда посетитель запрашивает документ с РНР, скрипт обрабатывается не браузером посетителя, как, например, JavaScript, а сервером, и посетителю передаются только результаты работы. Точно так же работает CGI – программа, написанная на С или Perl. Но в отличие от CGI код PHP-программы можно встраивать в любое место HTML-страницы, что является основным преимуществом. Синтаксис PHP подобен синтаксису языка Си. Некоторые элементы, такие как ассоциативные массивы и цикл foreach, заимствованы из Perl. PHP можно разделить на язык и библиотеку функций. Существует большое количество инструментальных средств для РНР, интерфейсы ко всем популярным СУБД (системам управления базами данных), почтовым протоколам, разделяемой памяти, графическим файлам, архивам и множество других инструментов. Преимущество PHP в том, что можно встраивать свою программу в готовую HTMLстраницу с помощью открывающих и закрывающих тегов, которая затем выполняется сервером, а клиенту передаются результаты работы. Ещё одно преимущество делает PHP особенно популярным - он распространяется бесплатно. Причем, с открытыми исходными кодами (Open Source). На PHP написано огромное количество сценариев различной сложности и ориентации, которые в основном, также распространяются бесплатно. Основным недостатком РНР, является то, что по своей идеологии РНР изначально был ориентирован на написание небольших скриптов. Несмотря на то, что ядро несколько раз переписывалось, РНР не пригоден для использования в сложных проектах – при исполнении больших скриптов производительность системы резко падает. К тому же, РНР является псевдокомпилируемым языком и вследствие этого не может сравниться по скорости с компилируемым С. Однако при написании небольших программ, когда весь проект состоит из многих небольших страниц с кодом, вступают в силу накладные расходы на загрузку в память и вызов CGI-программы, написанной на С. 2.4.3 Описание языка CSS CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) – формальный язык описания и оформления внешнего вида документа, появившийся в следствии развития HTML. Основной целью разработки CSS являлось разделение описания логической структуры вебстраницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Таблицу стилей нужно написать всего один раз при создании сайта для каждого из устройств, на котором планируется вывод информации. К тому же таблица стилей может быть единой для целого сайта. И, следовательно, не нужно будет повторять одни и те же описания стилей на каждой из страниц. Размещение всей стилевой информации в одном внешнем файле открывает и другие полезные возможности – изменив содержимое только одного стилевого файла, можно сменить весь дизайн сайта. Причем никаких других изменений не понадобится. Использование CSS может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода. 2.4.4 Описание языка MySQL Одна из самых популярных СУБД, которые используются в web-программировании, – MySQL. Она предназначена для создания небольших баз данных и поддерживает некоторое подмножество языка запросов SQL. SQL (язык структурированных запросов) – это специально разработанный стандарт языка запросов к базам данных. В нем присутствуют такие команды, как: создание/удаление таблицы; создание новых записей в заданной таблице; поиск и группировка записей, в том числе сразу в нескольких связанных между собой таблицах; удаление записей, удовлетворяющих некоторому критерию; обновление некоторых полей в указанных записях. MySQL характеризуется большой скоростью, устойчивостью и легкостью в использовании. MySQL был разработан компанией TcX для внутренних нужд, которые заключались в быстрой обработке очень больших баз данных. Краткий перечень возможностей MySQL: поддерживается неограниченное количество пользователей, одновременно работающих с базой данных; количество строк в таблицах может достигать 50 млн.; быстрое выполнение команд. Возможно MySQL – самый быстрый сервер из ныне существующих; простая и эффективная система безопасности. MySQL – это программа-сервер, постоянно работающая на компьютере. Клиентские программы посылают ей специальные запросы через механизм сокетов, она их обрабатывает и запоминает результат. Затем, также по специальному запросу клиента, весь этот результат или его часть передается обратно. Структура MySQL трехуровневая: базы данных – таблицы – записи. Один сервер MySQL способен поддерживать сразу несколько баз данных, доступ к которым может разграничиваться именем пользователя и паролем. Зная эти регистрационные сведения, можно работать с конкретной базой данных (например, создавать и удалять таблицы, добавлять записи). 2.4.5 Описание языка JavaScript JavaScript — прототипно-ориентированный скриптовый язык программирования и обычно используется как встраиваемый язык для доступа к объектам приложений. В том числе, и в HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Целью разработки JavaScript было создание языка, встраимого в HTML. Первоначально язык назывался LiveScript и предназначался как для программирования на стороне клиента, так и для программирования на стороне сервера. Затем язык переименовали, и он приобрёл огромную популярность. JavaScript обладает рядом свойств объектно-ориентированного языка, но реализованное в языке прототипирование обусловливает отличия в работе с объектами по сравнению с традиционными объектно-ориентированными языками. Кроме того, JavaScript имеет ряд свойств, присущих функциональным языкам — функции как объекты первого класса, объекты как списки, анонимные функции, замыкания — что придаёт языку дополнительную гибкость. С помощью JavaScript на web-странице можно сделать то, что невозможно сделать стандартными тэгами HTML. Скрипты выполняются в результате наступления каких-либо событий, инициированных действиями пользователя. Так же JavaScript может обращаться к внешним свойствам и методам Java-апплетов, встроенных в страницу HTML. Так как программы на JavaScript выполняются на клиентском компьютере, вопросы защищенности информации выступают на первый план. С помощью JavaScript нельзя читать клиентские файлы и записывать что-либо на диск. Тем не менее, язык JavaScript полностью отвечает потребностям большинства webмастеров – это простой и мощный язык, позволяющий превратить статические HTMLдокументы в интерактивные. Для добавления JavaScript-кода на страницу, можно использовать теги <script></script>, которые рекомендуется, но не обязательно, помещать внутри контейнера <head>. Контейнеров <script> в одном документе может быть сколько угодно. Так же скрипт может быть вынесен в отдельный документ или расположен внутри тега. JavaScript – интерпретируемый язык, то есть для исполнения программы не требуется предварительная компиляция. Текст программы интерпретируется и сразу же исполняется. JavaScript поддерживается всеми известными браузерами, что делает его одним из самых популярных языков программирования. 2.4.6 Описание языка ActionScript 3.0 ActionScript – это средство объектно-ориентированного программирования, и официальный язык платформы Adobe Flash, применяемый для создания приложений и управляемого с помощью сценариев мультимедийного содержимого для воспроизведения в клиентских средах выполнения Flash (например, в приложении Flash Player). Изначально ActionScript задумывался как простой инструмент для управления анимацией, но со временем превратился в полноценный язык программирования, который сегодня используется для создания разнообразного содержимого и приложений для сети Интернет, мобильных устройств и персональных компьютеров. Основополагающие принципы, заложенные в ActionScript, делают его удобным средством решения разнообразных задач для программистов, работающих в разных сферах, и разрабатывающих разные приложения. Например, аниматору нужно написать всего несколько сток кода на языке ActionScript, чтобы остановить воспроизведение анимации. Дизайнеру интерфейса требуется несколько сотен строк кода, чтобы добавить интерактивность в интерфейс мобильного телефона. А с помощью нескольких тысяч строк кода ActionScript разработчик приложений может создать полноценную программу для чтения электронной почты в веб-браузере или автономно. ActionScript как язык появился с выходом пятой версии мультимедийной платформы Macromedia Flash (позднее Adobe Flash), которая стала первой программируемой на ActionScript средой разработки. Первая реализация языка называлась ActionScript 1.0 Flash 6 и являлась прототипным языком программирования, то есть были реализованы все три принципа объектноориентированного программирования. В 2004 году компания Macromedia представила новую версию ActionScript 2.0 вместе с выходом обновленной среды Flash 7, в которой было введено строгое определение типов и основанное на классах программирование. Этот язык является надстройкой над ActionScript 1.0. Проверка типов и работа с иерархией классов осуществляется во время компиляции, которая заканчивается генерацией байткода, так же, как и в ActionScript 1.0. В 2006 году вышла последняя на сегодняшний день версия языка Flash – ActionScript 3.0 – в среде программирования Adobe Flex (технология для ускорения и упрощения разработки насыщенных веб-приложений), а позже в Adobe Flash 9[2]. ActionScript 3.0 представляет собой, по сравнению с предшествующим ActionScript 2.0, качественно новый язык. Он использует новую виртуальную машину AVM 2.0 и, вместо прежнего формального синтаксиса классов, представляет возможность настоящего классового объектно-ориентированного программирования. ActionScript 3.0 обеспечивает возрастание скорости обработки инструкций, по сравнению с предыдущими версиями ActionScript, до семисот раз. ActionScript 3.0 позволяет работать с бинарными данными, с BitMap, что так же обеспечивает отличный прирост производительности. С помощью динамической трансляцией кода (JIT – технология компиляции байт-кода в машинный код непосредственно во время работы программы), ActionScript 3.0 по скорости производительности приблизился к таким языкам программирования, как Java и C#. С выходом ActionScript 3.0 структура языка усложнилась, появились пакеты и новые типы данных. И хотя все эти нововведения повлекли за собой значительное увеличение кода, появилось множество новых возможностей этого языка программирования. Вот некоторые из них: Первоклассная поддержка наиболее распространенных объектно-ориентированных конструкций, например, классов, объектов и интерфейсов. Однопоточная модель исполнения кода. Проверка типов на этапе выполнения. Дополнительная проверка типов на этапе компиляции. Динамические возможности, позволяющие, например, создавать новые методыконструкторы и переменные на этапе выполнения. Исключения, генерируемые на этапе выполнения. Поддержка языка XML в качестве одного из встроенных типов данных. Пакеты для организации библиотек кода. Пространства имен для уточнения идентификаторов. Регулярные выражения. ActionScript 3.0 – это мощный, удобный и быстрый инструмент создания красочных, интерактивных и полезных приложений. 2.5 Постановка задачи В данном дипломном проекте требуется разработать сайт для IT-отдела филиала Сбербанка, который бы отвечал следующим требованиям: - Система хранения и управления информацией; - Разделение прав пользователей (три группы пользователей – администратор, пользователь, гость) и разграничение их доступа к информации; - Простота в общении с пользователем; - Простота в обслуживании сайта; - Сайт должен содержать информацию для клиентов; - Дизайн сайта должен соответствовать цветовой гамме СберБанка, то есть должен быть ориентирован на светло-зелёные тона. Заключение В процессе прохождения практики был проведен анализ существующих средств и языков разработки сайтов, проанализированы существующие аналоги, разработан дизайн сайта, самостоятельно изучен язык программирования ActionScript 3.0. Список использованных источников 1 Мук, К. ActionScript 3.0 для Flash. Подробное руководство. - СПб.: Питер Прес; Русская редакция, 2009. — 992 с.: ил. 2 Wikipedia, the free encyclopedia [Электронный ресурс] : Cвободная общедоступная многоязычная универсальная энциклопедия. — Режим доступа: – доступа: http://en.wikipedia.org/wiki/Main_Page. — Загл. с экрана. — яз. англ. 3 Adobe [Электронный ресурс]: Веб-сайт компании http://www.adobe.com/ru/. — Загл. с экрана. — яз. рус., англ. Adobe. Режим
