Веб-программирование FLEX

Содержание

 

 

 

Введение

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

Данная работа выполнена  в среде Flex.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1 Анализ задачи и обзор аналогов

 В рамках представленного курсового проекта необходимо разработать он-лайн мультемедийный учебник по теме создание интерактивных приложений на Adobe Flex Builder.

На сайте  производителя прдставлен продукт  под названием TourDeFlex, являющийся AIR приложением и содержащий в себе «готовые рецепты» по тем или иным вопросам касающихся создание приложений на Adobe Flex.

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2 Разработка интерфейса

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

На рисунке 1 приведён пример интерфейса учебника.

Рисунок 1 – Интерфейс  учебника

Как видно из приведённого рисунка — навигация интуитивна понятна. В левой части распологается  древовидное меню. В правом окне реализованно отображение контента в соответствии с выбранным пунктом  меню.

В верхней части распологаются дополнительные кнопки — помогающие лучше ориентироваться в контенте.

 

 

 

 

 

3 Реализация динамической загрузки  данных

В готовом проекте  реализована динамическа подгрузка  контента. Что позволяет быстро добавить новые части к учебнику.

Для построения меню и загрузки данных используется файл — data.xml, который имеет структуру приведённую в примере 1.

Пример 1

    <item name="Ветвь">

     <item name="Лист1" src="index.html" keyword="Деревья, динамическая загрузка данных" comp="1"/>

     <item name="Лист2" src="ex_1.html" keyword="работа с html, основы mxml"         comp="2"/>

    </item>

Структура интуитивна понятна. Поле  name отвечает за отображение данного пункта в меню.  src указыват на путь загрузки контента.  Keyword отвечает за поиск уроков, а comp указывает насколько данный урок сложен для понимания.

Содержание  разделов хранится в html страницах.

Заключение

 

Данная работа выполнена  в среде Flex.

В ходе разработки была более  глубоко изучена среда разработки Adobe Flex Builder, что позволит в будующем лучше использовать данный програмный продукт для реализации потребностей обучения.

В данный момент в системе  присутствует четыре урока, различной  степени сложности.

Разработка учебника проведена в полном обьёме. Были выполнены все формальные требования.

Приложение

 

Код data.xml

<?xml version="1.0" encoding=""utf-8"?>

<item name="Меню">

    <item name="Введение">

     <item name="Введене" src="cont/index.html"/>

    </item>

 

<item name="Уроки">

     <item name="Простое Flex приложение" src="cont/ex1.html" keyword="флекс, создание приложения, Flex" comp="1"/>

<item name="Создание и настройка БД" src="cont/ex2.html" keyword="базы данных, создание БД, настройка БД" comp="2"/>

<item name="Использование различных SDK" src="cont/ex3.html" keyword="SDK, смена SDK" comp="1"/>

<item name="Создание курсора" src="cont/ex4.html" keyword="курсор, создание курсора" comp="3"/>

    </item>

 

<item name="Автор">

     <item name="Об авторе" src="cont/last.html"/>

    </item>

</item>