Page 1

http://labs.adobe.com/technologies/spry/

Link

http://labs.adobe.com/technologies/spry/demos/ 1.6 Dreamweaver CS3 XML

Version

JS

AJAX Technology

CSS HTML

Components Effects Transitions Data Little Overlap

Flex Framework

Benefits

Navigate Present

Ability to View Information in more meaning way Why?

Efficiency of task completion Cool factor GUI Mode: Follow Wizard or Dialogs to add Basically Functionality Code Mode: Modifying an Existing Code Example with your own data Multiple Examples for inspiration Own Data

Original Development

Unique usage of the Spry Framework SQL Server Oracle

Data dynamic

Developer Levels of Spry

XML Feed on the Fly Master / Detail Record Updating

Application

Original Development + Middleware

ColdFusion Languages

Built-Into Server

ASP.NET JSP

Rearchitect using Spry

Existing Part of Site

Websites

Spry

Strategy Points

Web Applications

New Site

Applications

Flex

File Management

Location of assets Global variable for the location Spry.Data.XMLDataSet

Fully Qualified Classpath

JavaScript

The more user nteractivity can have in your Spry Apps

The more events you know in JavaScript

xmlns:spry="http://ns.adobe.com/spry"

Adding the Spry Namespace

<script type="text/javascript" src="includes/xpath.js"></script>

Want to work with XML

new Spry.Data.XMLDataSet();

Fully Qualified Classpath

Basic use of the Constructor

<head></head>

<script type="text/javascript" src="includes/SpryData.js"></script>

Spry Data & Dynamically Render It

<head></head>

Tutorial var dsGallery = new Spry.Data.XMLDataSet("photos.xml", "/gallery/photos/photo"); 2 DataSets

XML Feed (photos.xml)

Spry Framework

XML

var dsData = new Spry.Data.XMLDataSet("photos.xml", "/gallery");

<sitename>Adobe Web Photo Gallery</sitename>

Node

Boeing Photos Using Spry

Case Study

Safe / Test area in which to work Code Files

Removing excess

Directories Learn a step at a time how to replace data

Steps

Replace with Boeing Data / CLAF

Personalize

CSS Images

Rearrange the assets Dynamically Driven

XML Javascript

Title Description Link

Large Image Credits

Reverse Engineering Code Examples

Negative Photo Credit

Match Benchmarks Goal Alt

Thumbnail To-Do

Title (Negative Photo ID)

CLAF CSS

Re-Arrange Assets

Support Existing Site Architecture Reuse on multiple projects

XML WebService JSP

Data Driven Improvement

XML on the fly Database

ASPX CFM

Consider Caching Meta Image

Uploading Files

Text Input HTML Type of Data

Dates

Text Input 3 Text Input (mm/dd/yy)

Accordion DHTML (Widgets)

Components

Forms

Text Input with Auto-Suggest (Enhanced) Date Picker

Make them feel intelligent, restrict their mistakes, and do no scold them Key Goals

Efficient Coolness factor

Flash Forms

Flex Spry Widgets HTML

Security

ASP.NET Middleware

ColdFusion Java

Database

Spry Framework.mmap - 6/25/2008 - Michael D. Kollen

Oracle SQL Server

Create Thumbnails

From Large

Array of Photos

Information about the gallery

foo  

barfsd fsd fsd fsd fsd

Read more
Read more
Similar to
Popular now
Just for you