Кафедра прикладной математики и информатики


Скачать 136.93 Kb.
НазваниеКафедра прикладной математики и информатики
Дата публикации26.03.2013
Размер136.93 Kb.
ТипЛитература
referatdb.ru > Информатика > Литература


УЧРЕЖДЕНИЕ ОБРАЗОВАНИЯ
«БЕЛОРУССКИЙ ГОСУДАРСТВЕННЫЙ ПЕДАГОГИЧЕСКИЙ УНИВЕРСИТЕТ ИМЕНИ МАКСИМА ТАНКА»

кафедра прикладной математики и информатики
ОТЧЕТ

по вычислительной практике

Выполнил:
студент 501 группы
математического факультета

Белоус А.Ч. _____________

(подпись студента)

Руководитель:
преподаватель кафедры
прикладной математики и
информатики

Шутько Е.И. _____________

(подпись преподавателя)

Минск, 2012
СОДЕРЖАНИЕ

ВВЕДЕНИЕ 4

^ 1 ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ 6

1.1 Описание программного средства CSS 6

1.2 Описание программного средства JavaScript 6

1.3 Описание программного средства Image Ready 7

1.4 Описание программного средства
Macromedia Flash Professional 8 8

^ 2 ВЕРСТКА САЙТА 9

3 ОПИСАНИЕ ЭЛЕКТРОННОГО СРЕДСТВА ОБУЧЕНИЯ 11

ЗАКЛЮЧЕНИЕ 12

ЛИТЕРАТУРА 14

ПРИЛОЖЕНИЯ 15


ВВЕДЕНИЕ


Internet развивается довольно стремительно. Быстро растет количество изданий, посвященных Сети, что предвещает широкое ее распространение даже в далеких от техники областях. Internet превращается из большой игрушки для интеллектуалов в полноценный источник разнообразной полезной информации для любой категории пользователей.

Через десять лет, по прогнозам специалистов, около 50 процентов семей будут использовать его ежедневно. Это будет время, когда любой человек, владеющий компьютером, сможет «скачать» с его помощью статьи, иллюстрации, видео- или аудиоинформацию по любой интересующей его теме. Он сможет получить эту информацию тогда, когда он этого пожелает. Каждый из нас уже сейчас может сделать свой вклад в развитие Internet. Для этого достаточно создать свой Web-сайт и разместить его в Сети.

Для этого необходимо решить следующие частные задачи:

– ознакомиться с современными Интернет-технологиями и, по возможности, использовать их в своей разработке;

– изучить программный инструментарий, применяемый для разработки и создания Web-сайтов;

– выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;

– ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;

– определиться со структурой Web-страниц;

– выбрать стратегию разработки и создания Web-сайта.

Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети.

Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.

Создать Web-страницу непросто, но наверно каждый человек хотел бы попробовать себя в роли дизайнера.

В условиях информатизации общества и доступности все более широкому кругу пользователей электронной литературы систематизация электронных учебных материалов становится наиболее актуальной. Перед учителем встает задача среди множества электронных учебников, пособий, справочников отобрать именно те, в которых наиболее полно, точно и понятно излагается либо вся дисциплина, либо отдельная ее тема.

В рамках вычислительной практики группе студентов необходимо разработать электронное учебное средство к школьному факультативу по дисциплине «Web-конструирование», включающее 11 тем. В каждой из тем должны быть предусмотрены такие этапы работы студентов, как изучение теоретического материала, выполнение типовых практических упражнений, первоначальное закрепление практических навыков (индивидуальные задания по вариантам), контроль теоретических знаний в виде теста.

Совместный в группе анализ поставленной задачи позволил сделать вывод о том, что наиболее успешная ее реализация возможна при создании отдельных тематических Web-сайтов, отражающих содержание всех 11 тем. При создании каждого из сайтов необходимо учесть то, что не только содержание Web-страниц должно раскрывать определенную тему электронного практикума, но и его стилевое оформление, структура, дизайн, все должно быть подчинено главному – наиболее полному и понятному раскрытию темы.

В каждом тематическом сайте должна быть реализована интуитивно понятная навигация. На каждой странице сайта необходимо разместить главное меню. На домашней странице должен быть размещён логотип разрабатываемой темы и информация об авторе сайта. За содержательную основу электронного практикума должны быть взяты учебно-методический материал, разработанный старшим преподавателем Е. И. Шутько.

Сайт необходимо протестировать. Вся размещенная на нем информация должна быть выверена. Все индивидуальные задания должны быть выполнены. Результаты сохранить в отдельной папке.

Одним из этапов вычислительной практики является составление отчета, включающего основных 3 раздела. В каждом из разделов следует описать, как каждая из вышеперечисленных задач реализуется при разработке той или иной лабораторной работы.

При подведении итогов своей работы необходимо отметить отличительные особенности разработанного электронного пособия, его преимущества и недостатки. Указать является ли ваш сайт открытым для дальнейших разработок и каковыми они будут на ближайшую перспективу.

^

1 ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ


При разработке электронного средства обучения был выполнен поиск информации в интернете по таким темам, как «HTML-программирование», «CSS», «JavaScript», «Image Ready», а также был изучен и проанализирован материал по правильному составлению лабораторных работ, тестов.
^

1.1 Описание программного средства CSS


CSS используется создателями web-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого и представления документа. Это разделение увеличивает доступность документа, предоставляет большую гибкость и возможность управления его представлением, а также уменьшает сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом.

CSS при отображении страницы может быть взята из различных источников.

  1. Авторские стили в виде:

– In Line-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style;

– встроенных стилей-блоков CSS внутри самого HTML-документа;

– внешних таблиц стилей, то есть отдельного файла.css, на который делается ссылка в документе.

2. Пользовательские стили: локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.

3. Стиль браузера: стандартный стиль, используемый браузером по умолчанию для представления элементов
^

1.2 Описание программного средства JavaScript


JavaScript – объектно-ориентированный скриптовый язык программирования. Обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

В JavaScript:

– все идентификаторы регистрозависимы;

– в названиях переменных можно использовать буквы, подчёркивание, символ доллара, арабские цифры

– названия переменных не могут начинаться с цифры;

– для оформления однострочных комментариев используются //, многострочные и внутристрочные комментарии начинаются с /* и заканчиваются */.

Структурно JavaScript можно представить в виде трёх чётко различимых друг от друга частей:

  1. Ядро - основа для построения скриптовых языков. Описывает типы данных, инструкции, ключевые и зарезервированные слова, операторы, объекты, регулярные выражения.

  2. Объектная модель браузера – браузероспецифичная часть языка, являющаяся прослойкой между ядром и объектной моделью документа. Основное предназначение объектной модели браузера – управление окнами браузера и обеспечение их взаимодействия.

  3. Объектная модель документа – интерфейс программирования приложений для HTML –документов. Документу можно поставить в соответствие дерево объектов, обладающих рядом свойств, которые позволяют производить с ним различные манипуляции: получение узлов, изменение узлов, изменение связей между узлами, удаление узлов.
^

1.3 Описание программного средства Image Ready


С помощью программы ImageReady проще всего реализуется анимация из заранее подготовленных файлов рисунков, содержащих фазы движения, однако в ней предусмотрена и возможность автоматического расчета промежуточных кадров.

Предварительно созданный в Adobe Photoshop файл рисунка, содержащий в изображении несколько слоев, позволяет быстро получить анимацию, использующую эти слои. Для этого в Photoshop предназначена специальная кнопка Jump to (Перейти) палитры инструментов, которая запускает приложение ImageReady и загружает в него файл, открытый в данный момент в растровом редакторе Photoshop.

Анимации ImageReady сохраняются в формате GIF и могут воспроизводиться заданное число раз, а также повторяться в цикле. Однако они не допускают присоединения аудиофайлов для звукового сопровождения.

Слои обеспечивают также удобный способ композиционного построения изображения из различных графических и текстовых элементов, позволяя выполнять изменения каждого из них без воздействия на остальные элементы. Разделение элементов изображения по слоям также дает возможность применять к ним различные фильтры, получая самые разнообразные эффекты. Концепция слоев важна не только для создания изображений в Photoshop — с появлением каскадных таблиц стилей (CSS — Cascading Style Sheets) Web-дизайнеры могут разрабатывать современные Web-страницы, аналогичным образом располагая по слоям входящие в них текст и графику.

С помощью ImageReady можно создать целую анимированную Web-страницу, использующую комбинацию текстов, рисунков и графических объектов. При этом предварительно следует продумать очередность их появления и перемещения в пределах страницы, которая должна иметь стандартный размер, чтобы полностью отображаться в окне обозревателя. Однако чаще всего ImageReady используют для создания таких интерактивных компонентов Web-страницы, как графические карты либо анимированные кнопки.
^

1.4 Описание программного средства
Macromedia Flash Professional 8


Технологии Macromedia Flash становятся все более популярными среди Web-специалистов. Вначале Flash-технологии использовались преимущественно для создания различных анимированных баннеров и заставок, затем большую популярность приобрели Flash-игры и короткие анимационные Flash-ролики. Параллельно с этим активно развивались онлайновые интерактивные бизнес-приложения: руководства пользователя, рекламные презентации, средства обучения и т.п. Все чаще технология Flash стала применяться для создания сложных интерактивных сайтов и, по сути, в последние годы превратилась в промышленный стандарт для работы с интерактивным контентом.

По мере того, как к сайтам предъявлялись все более высокие требования в плане мультимедийности и интерактивности, требовались и новые средства разработки для обеспечения новых возможностей и более полного контроля над дизайн-процессом. Программа Flash быстро развивалась. Большой интерес вызвал недавний релиз очередной восьмой версии Macromedia Flash. Последняя версия программы выпущена в двух версиях: базовой (Flash Basic 8) и профессиональной (Flash Professional 8).

Flash Professional 8 содержит много совершенно новых особенностей, включая новые графические эффекты, интегрированный независимый видеокодек, поддержку альфа-каналов, высококачественный рендеринг текста с улучшенным контролем сглаживания, усовершенствованные инструменты для работы с текстом, новый видео plug-in для экспорта файлов Flash Video (FLV) из профессиональных видеопродуктов и т.д.

В своей работе я показала некоторые возможности этого программного средства, в частности такие, как:

– изменение свойств объектов, используемых в мультипликации;

– возможность создания интерактивных элементов интерфейса;

– обеспечение экспорта Flash-анимации в формат HTML;

– платформная независимость.

Одно из главных удобств Macromedia Flash Professional 8, принесшее этому продукту широкую популярность, — обеспечение принципа «Build once, deliver anywhere» («Разработал единожды, распространяй везде»). Приложения, созданные на базе Flash, работают на разных платформах Windows, Macintosh, UNIX, PDA и даже в мобильных телефонах. Продукт Macromedia Flash фактически стал стандартом и сегодня установлен на компьютерах 97,6% пользователей Интернета.


^

2 ВЕРСТКА САЙТА


При рассмотрении и изучении различных видов вёрстки сайта было решено, что целесообразнее использовать блочную вёрстку сайта для усиления восприятия темы при проектировании сайта.

Сайт состоит из 6 основных блоков: блок-баннер, блок-фото, заголовок, меню, основная часть, подвал. Карта сайта изображена на рисунке 1.



Рисунок 1 – Карта сайта
Схема гиперссылок главной страницы изображена на рисунке 2.



Рисунок 2 – Схема гиперссылок главной страницы

Макет главной страницы изображен на рисунке 3.



Рисунок 3 – Макет главной страницы
Остальные Web-страницы выполнены в таком же стиле и имеют спокойный и понятный интерфейс. При оформлении сайта были использованы такие стили, как русский абзац, .example.

В основу содержания сайта положена лекция, лабораторная работа, разработанные старшим преподавателем Е. И. Шутько. Однако проведена большая методическая работа по разработке практической работы и созданию теста.

^

3 ОПИСАНИЕ ЭЛЕКТРОННОГО СРЕДСТВА ОБУЧЕНИЯ


Электронное средство обучения разработано по теме: «Фреймы в HTML-документах». Данное электронное средство предназначено для факультативных занятий в школе. В нем присутствуют теоретические сведения, лабораторная работа, практические задания, контроль знаний в виде теста по данной теме.

Главная страница сайта «Главная» содержит программу вычислительной практики, в которой поставлены цели, задачи, содержание, сроки вычислительной практики. А также представлены требования к оформлению отчётной документации, критерии оценки результатов вычислительной практики. Вид страницы изображён на рисунке А.1 в приложении А.

Страница «Лекция» предназначена для ознакомления учащихся с темой: «Фреймы в HTML-документах».Вид страницы изображён на рисунке А.2 в приложении А.

Страница «Лабораторная работа» предназначена для выполнения учащимися лабораторной работы по теме: «Фреймы в HTML-документах». Вид страницы изображён на рисунке А.3 в приложении А.

Страница «Практическая работа» предназначена для выполнения учащимися практической работы, состоящей из 12 вариантов, по теме: «Фреймы в HTML-документах». Вид страницы изображён на рисунке А.4 в приложении А.

На странице «Контроль» находится тест, который необходимо выполнить ученику после изучения теоретического материала и выполнения лабораторной работы. После выполнения этого теста можно судить о том, как ученик усвоил изученный материал. В тесте всего 5 вопросов. За каждый правильный ответ начисляется 1 балл. Время, на выполнение теста- 5 минут. Максимальная оценка- 5 баллов. Вид страницы изображён на рисунке А.5 приложения А.

На странице «Литературные источники» находится список литературы, который был использован при составлении лекции, практической и лабораторной работ, теста. Каждый пункт оформлен в виде ссылки, по которой можно перейти на страничку с материалом. Вид странички изображён на рисунке А.6 приложения А.

Страничка «Отчёт» содержит отчёт по вычислительной практике.

На странице «Контакты» предоставлены сведения о БГПУ им. Максима Танка.

Особенностью страницы является то, что сведения о БГПУ им. Максима Танка представлены на 3 языках: русском, белорусском и английском. Для того чтобы выбрать нужный язык нужно нажать на ссылку под соответствующим флагом. Вид страницы изображен в приложении А на рисунке А.7.


ЗАКЛЮЧЕНИЕ


Сегодня основной задачей школьного курса «Информатики и КТ» является формирование операционного стиля мышления учащихся, компьютерная грамотность выпускника школы предполагает не только умение свободно работать на ПК, но и способность постоянно учиться всему новому согласно требованиям времени, стремительно развивающимся технике и технологиям. Возникает потребность в повышении эффективности урока, а для этого просто необходимо наличие соответствующего технического и программного обеспечения, использование мультимедийных средств, коммуникационных технологий и др.

При изучении темы «Web-конструирование» использование электронных образовательных ресурсов, в том числе мультимедийных презентаций, интерактивных электронных учебников, ресурсов сети Интернет, тестовых оболочек - позволяет легко и непринуждённо изучить довольно сложные вопросы, показать практическую значимость материала и готовый продукт как результат работы.

Кроме того, это позволяет освободить учителя от многих рутинных операций, расширяют возможности организации учебного процесса и позволяют формировать индивидуальные образовательные траектории обучающихся.

Дисциплина «Web-конструирование» призвана содействовать знакомству студентов с компьютерными телекоммуникациями и возможными подходами к разработке гипертекстовых документов, предназначенных для публикации в глобальной компьютерной сети Internet. Она важна с той точки зрения, что позволяет развивать способности учащихся, связанные с общей культурой работы в глобальной сети. Курс закрепляет навыки работы с текстом и графикой, а также навыков программирования и проектирования и разработки информационных систем, являясь, таким образом, прямым продолжением курсов «Информатика и программирование», «Информационные технологии», «Объектно-ориентированное программирование», «Базы данных», «Информационные системы» и «Проектирование информационных систем».

Сегодня применение HTML практикуется во всех без исключения электронных документах, независимо от тематики, величины и коммерческой направленности Интернет проекта.

В ходе вычислительной практики был спроектирован, разработан и протестирован Web-сайт на тему: «Фреймы в HTML-документах».

Созданный сайт в доступной и понятной форме демонстрирует основные этапы работы учащихся на лабораторной работе по данной теме, предоставляя при этом весь необходимый теоретический и практический материал.

Дизайн сайта и его стилевое оформление также способствует более полному и быстрому усвоению изучаемой темы.

Осуществлено программирование страницы Контроль с использованием языка программирования JavaScript. Предложенный на этой странице тест позволяет проверить теоретическую подготовку учащегося.

На остальных страницах предлагается множество практических примеров.

Сайт на тему «Фреймы в HTML-документах» открыт для дальнейших доработок. На ближайшую перспективу планируется при входе на сайт по паролю предоставлять пользователю номер варианта индивидуального задания. На дальнюю, когда все 11 сайтов будут объединены в единый большой под названием «Электронный практикум по дисциплине «Web-конструирование», – по введенной дате делать доступной для использования только одну тему. Для реализации вышеназванных возможностей предполагается использование языка программирования PHP.


ЛИТЕРАТУРА


  1. Бадд, Э. Мастерская CSS: профессиональное применение Web-стандартов. / Э. Бадд, К. Молл, С. Коллизон. – М. : ООО «И. Д. Вильямс», 2007. – 272 с.

  2. Глушаков, С. В. Программирование Web-страниц / С.В. Глушаков, И.А. Жакин, Т.С. Хачиров. – Харьков : Фолио, 2005. – 390 с.

  3. Днепров, А.Г. JavaScript на 100% / А.Г. Днепров. – СПб. : Питер, 2008. – 304 с.

  4. Макфедрис, П. Создание Web-страниц / П. Макфедрис. – М. : АСТ: Астрель, 2005. – 387 с.

  5. Панфилов, К. По ту сторону веб-страницы / К. Панфилов. – М. : ДМК Пресс, 2008. – 440 с.


ПРИЛОЖЕНИЯ


Приложение А

Вид страниц сайта

Рисунок А.1



Рисунок А.2


Рисунок А.3


Рисунок А.4


Рисунок А.5


Рисунок А.6


Рисунок А.7


Рисунок А.8




Похожие рефераты:

Кафедра прикладной математики и информатики
...
Тукенова Ляйля Муратбековна
«информатики и прикладной математики», Алматинского Государственного Университета (агу) им. Абая, г. Алматы
Перечень образовательных программ по видам кафедры прикладной математики и информатики
Образовательные программы повышения квалификации руководящих работников и специалистов
«Информационные технологии в прогнозировании финансовых рядов»
Магистранта факультета прикладной математики и информатики кафедры теории вероятностей и математической статистики
Факультет прикладной математики и информатики
Положительные числа и таковы, что. Найти наименьшее значение, которое может принимать переменная
Афедра информатики и прикладной математики
Проректору по научной работе и экономике председателю редакционно-издательского совета Бргу имени A. C. Пушкина
Факультет прикладной математики и информатики
Методические указания по подготовке, оформлению и защите курсовых и дипломных работ, отчетов по преддипломной практике
Пояснительная записка Дисциплина «Технология программирования»
...
Пояснительная записка Курс «Динамическая теория оценивания финансовых активов»
Кафедра прикладной математики и экономической кибернетики Белорусского государственного экономического университета
Дизайн на компьютере Часть 2
Авторы-составители: Климович Анна Федоровна – кандидат педагогических наук, доцент кафедры прикладной математики и информатики бгпу;...

Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
referatdb.ru
referatdb.ru
Рефераты ДатаБаза