Iniciando contedos dinmicos

Spry um framework client-side no formato de bibliotecas JavaScript e CSS. Voc poder utiliz-lo em seus novos projetos ou nos j existentes. Atravs do Spry possvel desenvolver interfaces mais ricas e dinmicas, alm da possibilidade de integrar dados no formato XML s pginas HTML. Dessa forma, elas podero exibir contedos dinmicos e sem a necessidade de tais pginas se recarregarem por completo.

Framework
No desenvolvimento de software, um framework uma estrutura de suporte definida em que um outro projeto de software pode ser organizado e desenvolvido. Um framework pode incluir programas de suporte, bibliotecas de cdigo, linguagens de script e outros softwares para auxiliar no desenvolvimento e unir diferentes componentes de um projeto de software. Frameworks so projetados com a inteno de facilitar o desenvolvimento de software, habilitando designers e programadores a gastarem mais tempo determinando as exigncias do software do que com detalhes de baixo nvel do sistema.

Framework um conjunto de classes que colaboram para realizar uma

responsabilidade para um domnio de um subsistema da aplicao.
FAYAD e SCHMIDT

Client-Side
Tipicamente um cliente uma aplicao, tal como um web browser, que roda no computador local ou estao de trabalho, e se conecta com o servidor caso necessrio. As operaes executadas pelo cliente, sem emitir dados sobre a rede, podem tomar menos tempo, usar menos largura de banda, e incorrer pouco risco para a segurana.

Os designers podero criar efeitos visuais como Appear, Fade, Blinds (Up e Down), Grow, Shake, Slide, entre vrios outros. J os programadores tero facilidades ao trabalhar com o Ajax e na exibio de dados armazenados em arquivos XML. Alm desses recursos, tantos para designers quanto para programadores, o Spry oferece alguns widgets que auxiliam na validao de formulrios e na criao de elementos de interfaces.

Widget
Widget um componente de uma Interface Grfica de Usurio (GUI), o que inclui janelas, botes, menus, cones, barras de rolagem, etc.. Alguns widgets tem por objetivo receber dados do usurio e com isso gerar algum tipo de registro, como os controles de formulrio. Componentes como entrada de texto, caixa de seleo, menu de seleo, botes de mltipla escolha e outros so capazes de definir a natureza dos dados a serem coletados, e dessa forma enumerar todas as possibilidades de dados a serem apresentados pelo usurio.

 Os recursos que fazem parte do grupo Spry Data so utilizados para trabalhar com dados em arquivos XML. Atravs desses recursos, poderemos exibir tais dados de diversas maneiras, como por exemplo, em uma tabela ou em uma lista.

Visualizao da aba Data da Insert bar

Os recursos do Spry Data:

Spry XML Data Set - para o funcionamento dos demais recursos necessrio que se utilize, primeiramente, este recurso. Com ele, definimos os dados com os quais iremos trabalhar, ou seja, qual o arquivo XML que ser utilizado. Spry Region - por padro uma tag HTML, a tag <div>, que utilizada como um recipiente para alguns elementos como tabelas e listas. Todos os recursos do Spry Data precisam estar aninhandos a um Spry Region. Se tentarmos inserir algum recurso do Spry Data antes de inserir um Spry Region, o Dreamweaver exibe um lembrete e pergunta se desejamos adicionar um Spry Region. Spry Repeat - utilizado para a criao de um mecanismo de loop entre os dados de um determindo Spry XML Data Set que ir se repetir e exibir os dados enquanto houver itens a serem exibidos. Spry Repeat List - um recurso para exibir os dados em forma de lista. Seja uma lista ordenada, no ordenada, lista de definio, ou um elemento de formulrio do tipo select. Spry Table - h dois tipos de Spry Table: uma tabela simples e outra dinmica. Essa ltima chamada de "dynamic master table" e responsvel por fazer uma ligao entre um Spry Repeat com o intuito de atualizar os dados dinmicamente.

 Um Spry widget um elemento de interface que enriquece a experincia do usurio junto pgina que o utiliza. Ele composto pelas seguintes partes: Estrutura - cdigos HTML que definem a composio estrutural do widget. Comportamento - cdigos JavaScript que controlam as respostas do widget mediante os eventos ocasionados pelo usurio. Apresentao - declaraes CSS que especificam a aparncia do widget. Assim como os widgets, todos os outros recursos do Spry so compostos pelas partes acima citadas. O Dreamweaver CS3 desenvolve e configura todas essas estruturas em poucos e simples cliques.

Visualizao da aba Layout da Insert bar

Visualizao da aba Forms da Insert bar

Os recursos do Spry Widgets:

Spry Menu Bar - utilizados na criao de menus drop-down horizontais ou verticais. Spry Tabbed Panels - um grupo de painis organizados por abas, onde cada uma delas exibida por vez. muito utilizado na exibio de extenso contedo em espaos compactos. Spry Accordion - um grupo de painis "dobrveis", onde cada um deles aberto e visvel por vez. muito utilizado na exibio de extenso contedo em espaos compactos. Spry Collapsible Panel - um painel em que o usurio pode exibir ou esconder seu contedo. Spry Validation text Field - so campos de formulrios que demonstram se o valor digitado em tais campos so vlidos ou no. Spry Validation Textarea - so reas de texto que demonstram se o valor digitado em tais campos representam uma determinada sentena de texto ou no. Spry Validation Checkbox - um checkbox ou um grupo de checkboxes em um formulrio HTML que demonstram se a quantidade de checkbox selecionados pelo usurio, ou a no seleo, uma ao vlida ou no. Spry Validation Select - so campos de formulrio do tipo select ou dropdown menu que demonstram se a opo escolhida em tais campos uma opo vlida ou no.

Os recursos do Spry Effects so utilizados para enriquecer visualmente um elemento HTML utilizando para tal o JavaScript. Esses recursos, ou efeitos, podem ser aplicados em quase todos os elementos HTML. Na maioria das vezes, so utilizados para realar uma informao, criar animao em transies, alterar o estado visual de um elemento por um determinado perodo, entre vrios outros recursos.

Opo de efeitos no painel Behaviors.

Os recursos do Spry Effects:

Appear/Fade - faz com que um elemento aparea ou desaparea da interface utilizando a opacidade de tal elemento. Highlight - muda a cor de fundo, background, de um elemento. Blind Up/Down - efeito que simula uma cortina se abrindo ou fechando. Muito utilizado para esconder ou revelar um determinado contedo. Slide Up/Down - move o elemento para cima ou para baixo. Grow/Shrink - aumenta ou diminui o tamanho de um elemento. Shake - utilizado para sacudir um elemento para a esquerda e para direita. Squish - desaparece com o elemento em direo ao canto superior esquerdo da pgina.

At a prxima!
Professor Jlio Azevedo