CSS

7 ago, 2007

Como atualizar o Spry framework para Ajax

Publicidade

Olá pessoal, tudo ótimo com vocês? Espero que sim. Gostaria de lembrá-los sobre o iMasters interCon 2007, que ocorrerá nos dias 26 e 27 de outubro. E ao mesmo tempo reforçar que o evento é uma oportunidade única para a realização de networking, além de podermos entrar em contato pessoalmente e trocar uma idéias. Estarei lá, e você?

O time de desenvolvimento do Dreamweaver finalizou seus trabalhos antes da data de lançamento e, com isso, o Spry 1.4 já foi integrado ao programa. Posteriormente a versão 1.5 do Spry foi lançada e, como o trabalho já estava concluído e fechado, não foi possível lançar o programa com a versão mais recente do Spry.

Veremos como realizar a atualização do Spry no decorrer deste artigo. Tenham em mente que não há uma forma automática de atualizar o Spry. Segundo informações do time de desenvolvimento, uma extensão será desenvolvida para agilizar e facilitar esse processo. Enquanto isso, o trabalho será manual.

Download da nova versão do Spry

Faça o download da versão 1.5 do Spry (ZIP, 3.8 MB)

O Dreamweaver e os grupos de arquivos do Spry

O Dreamweaver utiliza dois grupos de arquivos do Spry. Um são os arquivos utilizados pelo navegadores de internet, isto é, aqueles que o Dreamweaver copia para a pasta referente ao site, e você os envia para o servidor web. O outro é utilizado pelo próprio Dreamweaver, e esses arquivos são responsáveis em renderizar os widgets do Spry na interface do programa; eles são conhecidos como arquivos “design-time”. Quanto a esse último grupo de arquivo, não se preocupe, pois você não precisará atualizá-lo, uma vez que eles nunca mudarão.

Forma de atualizar o Spry

Vou apresentar duas formas de atualizar os arquivos do Spry.

A primeira é simples, descompacte o arquivo que foi baixado e copie os novos arquivos JavaScript e CSS (se julgar necessário) para a pasta referente ao site que utiliza os recursos do Spry. Lembre-se que há uma pasta específica para os arquivos do Spry. Por padrão ela é denominada como SpryAssets.

A segunda forma, é atualizar o grupo de arquivos do Spry utilizados pelo Dreamweaver, ou seja, os arquivos utilizados pelo navegadores de internet, isto é, aqueles que o Dreamweaver copia para a pasta referente ao site, e você os envia para o servidor web. Esse grupo de arquivos estão localizado na pasta de configuração do programa.

Se você considera que não há necessidade de alterar os arquivos do Spry, uma vez que tais arquivos estão trabalhando e lhe servido bem, não há problema. Sendo assim, desconsidere este processo de atualização.

Antes de iniciarmos o processo de atualização, vamos tomar conhecimento de alguns pontos importantes de serem conhecidos.

Como o Dreamweaver lida com os arquivos do Spry

Quando você utiliza algum dos recursos do Spry e salva a página que o utiliza, o Dreamweaver copia o arquivo referente ao recurso para o seu site. Antes de copiá-lo, o Dreamweaver verifica se tal arquivo já existe, se existir, o arquivo não será copiado novamente.

O Dreamweaver sempre e somente copiará o mínimo de arquivo possível. Por exemplo, se você utilizar o recurso Spry Menu Bar, o Dreamweaver irá verificar se os arquivos SpryMenuBar.js e SpryMenuBarHorizontal.css/SpryMenuBarVertical.css existem antes de copiá-los para o seu site.

Mix de arquivos do Spry 1.4 e 1.5

Uma vez atualizado a pasta de configuração do Dreamweaver com os arquivos da versão 1.5 do Spry. Ocorrerá algumas situações em que você, provavelmente, terá um mix de arquivos do Spry, isto é, tendo arquivos da versão 1.4 e 1.5. E isto não acarretará nenhum problema.

Por exemplo, suponhamos que você já utilizou o recurso Spry Menu Bar utilizando os arquivos da versão 1.4 e realizou a atualização dos arquivos para a versão 1.5. Ao criar o mesmo recurso em outra página, porém no mesmo site, você ainda continuará com a versão 1.4. Uma vez que o Dreamweaver não sobrescreve os arquivos. Agora, se você utilizar o Spry Menu Bar em outro site, o Dreamweaver irá copiar os arquivos da versão 1.5.

Na situação acima, em que você já utilizou os arquivos da versão 1.4 e deseja atualizar para a versão 1.5. A solução é copiar os arquivos manualmente para a pasta referente ao site que utiliza os recursos do Spry.

Pasta de configuração do Dreamweaver CS3

Estou utilizando o Windows XP, e portanto, demonstrarei o caminho da pasta de configuração do Dreamweaver referente a esse sistema operacional.

C:\Arquivos de programas\Adobe\Adobe Dreamweaver CS3\configuration

Pasta referente aos arquivos do Spry no Dreamweaver

C:\Arquivos de programas\Adobe\Adobe Dreamweaver CS3\configuration\Shared\Spry

FAÇA BACKUP, SEMPRE.

Faça um backup da pasta referente aos arquivos do Spry. Se algo der errado ou você alterar ou excluir algum arquivo, terá como reverter todo o processo, além de poder guardar uma cópia da versão 1.4 do Spry.

Lista dos arquivos na pasta de configuração que deverão ser atualizados

  • Configuration/Shared/Spry/Data/SpryData.js
  • Configuration/Shared/Spry/Data/SpryXML.js
  • Configuration/Shared/Spry/Data/xpath.js
  • Configuration/Shared/Spry/Effects/SpryEffects.js
  • Configuration/Shared/Spry/Widgets/Accordion/SpryAccordion.css
  • Configuration/Shared/Spry/Widgets/Accordion/SpryAccordion.js
  • Configuration/Shared/Spry/Widgets/CollapsiblePanel/SpryCollapsiblePanel.css
  • Configuration/Shared/Spry/Widgets/CollapsiblePanel/SpryCollapsiblePanel.js
  • Configuration/Shared/Spry/Widgets/MenuBar/SpryMenuBar.js
  • Configuration/Shared/Spry/Widgets/MenuBar/SpryMenuBarHorizontal.css
  • Configuration/Shared/Spry/Widgets/MenuBar/SpryMenuBarVertical.css
  • Configuration/Shared/Spry/Widgets/TabbedPanels/SpryTabbedPanels.css
  • Configuration/Shared/Spry/Widgets/TabbedPanels/SpryTabbedPanels.js
  • Configuration/Shared/Spry/Widgets/ValidationCheckbox/SpryValidationCheckbox.css
  • Configuration/Shared/Spry/Widgets/ValidationCheckbox/SpryValidationCheckbox.js
  • Configuration/Shared/Spry/Widgets/ValidationSelect/SpryValidationSelect.css
  • Configuration/Shared/Spry/Widgets/ValidationSelect/SpryValidationSelect.js
  • Configuration/Shared/Spry/Widgets/ValidationTextarea/SpryValidationTextarea.css
  • Configuration/Shared/Spry/Widgets/ValidationTextarea/SpryValidationTextarea.js
  • Configuration/Shared/Spry/Widgets/ValidationTextField/SpryValidationTextField.css
  • Configuration/Shared/Spry/Widgets/ValidationTextField/SpryValidationTextField.js

Lista dos arquivos no arquivo ZIP do Spry 1.5

No início deste artigo, você baixou um arquivo ZIP referente ao Spry 1.5. Agora, veremos onde está localizado os arquivos do Spry nesse arquivo. Segue a lista:

  • includes/SpryData.js
  • includes/SpryXML.js
  • includes/xpath.js
  • include/SpryEffects.js
  • widgets/accordion/SpryAccordion.css
  • widgets/accordion/SpryAccordion.js
  • widgets/checkboxvalidation/SpryValidationCheckbox.css
  • widgets/checkboxvalidation/SpryValidationCheckbox.js
  • widgets/collapsiblepanel/SpryCollapsiblePanel.css
  • widgets/collapsiblepanel/SpryCollapsiblePanel.js
  • widgets/menubar/SpryMenuBar.js
  • widgets/menubar/SpryMenuBarHorizontal.css
  • widgets/menubar/SpryMenuBarVertical.css
  • widgets/selectvalidation/SpryValidationSelect.css
  • widgets/selectvalidation/SpryValidationSelect.js
  • widgets/tabbedpanels/SpryTabbedPanels.css
  • widgets/tabbedpanels/SpryTabbedPanels.js
  • widgets/textareavalidation/SpryValidationTextarea.css
  • widgets/textareavalidation/SpryValidationTextarea.js
  • widgets/textfieldvalidation/SpryValidationTextField.css
  • widgets/textfieldvalidation/SpryValidationTextField.js

Ufa, terminamos.

Conclusão: realmente se faz necessário o desenvolvimento de uma extensão para que todo esse processo seja facilitado. Como disse, isso está em desenvolvimento, e aguardamos ansiosos por ele.

Um abraço a todos.