Desenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface

Desenvolvimento ágil com Zend Framework e Yahoo! User Interface Itajaí, 30 de maio de 2009 PHP-SC Conf 2009 Domingos Teruel Desenvolvedor Web

Experiência Profissional

Tecnólogo em Computação especialista em Sistemas Web e Interfaces;
Atua na área de desenvolvimento e implementação de projetos de Software Livre Web;
Desenvolvedor PHP desde 1999
Analista de Sistemas desde 2005 na instituição BIREME/OPAS/OMS;

Quem está na Platéia

Estudantes?
Curiosos / Entusiastas?
Fãs de Software Livre?
Desenvolvedores PHP?
Desenvolvedores de outras linguagens?
Todas as opções acima!
Nenhuma da Opções acima!

Nesta palestra Pretende-se dar uma rápida visão no desenvolvimento de aplicações web usando como ferramentas o Framework da Zend junto com o Framework JavaScript desenvolvido pelo Yahoo!, Y! User Interface. Demonstrar porque o Y!UI pode ser o complemento perfeito para o ZF, e de como poderá ajuda-lo a construir aplicações web mais eficientes e interativas, com simplicidade e com todos os recurso da WEB2.0

Contextualizando

Porque trabalhar com PHP se existe o ASP, JSP, .NET, Python, Rubi ...?

Excelente Custo/Benefício
Perfomance / Robustez / Escalabilidade
Curva de aprendizagem curta
Liberdade de desenvolvimento
Software Livre
Multi-plataformas
Interoperabilidade
GRANDE COMUNIDADE ATIVA

Quem está usando PHP?

O Framework da Zend

Visão Geral
Prover um framework de alta qualidade para o desenvolvimento de Aplicações Web.
Seguindo o espírito PHP, o Zend Framework dispõe de poderosas funcionalidades que são facilmente implementadas pelos desenvolvedores, com foco nos desafios da construção de uma aplicação web moderna e segura

O Zend Framework

Framework “Self-Service”: Use apenas o necessário para sua aplicação;
Tenha facilidade para integrar com outras ferramentas/frameworks;
Fracamente acoplado;
PHP5
Incorpora tendências da Web atual (Web Services, XML, Ajax, etc)

O Zend Framework

Acordo de Licença requerido aos que contribuem com código, atualizações ou documentações;
Licenciado sob a licença new BSD (Livre);
Certificação Oficial ( Zend Framework Certification – ZFC );
Ativamente mantido pela ZEND

O Zend Framework

Você confia em algo sem documentação?

Documentação
Estabilidade
Todos os componentes são rigorasamente testados;
Todos os componentes dever ser documentados para os desenvolvedores com casos de uso

Por que devo usar o Zend Framework?

Simplicidade, porém poderoso
Toda parte incômoda dos bits, já está feita e documentada!
Possui componentes para a maioria das atividades rotineiras do desenvolvimento web
Projeto moderno: PHP5, OO, Paterns
Documentação completa e de fácil acesso
Foco na regra de negócio

Por que devo usar o Zend Framework

É um framework, não apenas um conjunto de componentes;
“ Cola” para construir aplicações;
Alta Produtividade;
Componentes desenvolvidos e testados juntos
Use somente o que você precisa, mas
Ele sempre será distribuído em sua totalidade
Ainda possui integração com outros (Pear, Smarty, Jquery, DoJo, ...)

Arquitetura

Zend Framework provê

Model – View – Controller
Manipulação de dados: Banco de Dados, JSON, XML, PDF, Busca...
Internacionalização, datas e moedas
Web Services: consumo e disponibilização
Serviços de infra-estrutura: autenticação, controle de acesso, configuração, cache, log, mail, session, e muito mais...

Só mais um reforço!

Padrão de condificação ZEND
Todas as classes são completamente testadas por PHPUnit
Revisão por pares e aprovação de todo o código
Rica documentação on-line
Grupos, Comunidades, Wikis, listas de discussões...
Projeto apoiado por grandes Players

Players! Quer mais? Acesse: http://zendframework.com/about/casestudies

Por que Zend Framework + Y!UI?

PHP Framework
JavaScript Framework
CSS Framework
Ambiente de desenvolvimento integrado

Helpers

Controllers
Widgets
Validação

Debugging

Console integrado de log

Yahoo! User Interface, ou Y!UI

“ A biblioteca Yahoo! User Interface (Y!UI) é uma coleção coerente de provimento de recursos javascript e CSS que facilita a construção de aplicações web interativas baseadas nos diferentes Navegadores Web. Só para começar, componentes como o Event Utility, opera sobre uma camada transparente e está lá para facilitar a programação croos-browser. Como também possui widgets que podem ser inseridos no seu layout padrão.” yui Team

Por que Yahoo! User Interface

Escalabilidade industrial para o Javascript, DHTML e Ajax
Yahoo! Design Patterns Library

Soluções de interface comum e padronizada para concepção de interfaces personalizadas (design)

Suporta os principais navegadores do mercado

Forte preocupação em manter a compatibilidade com as mais abrangentes tecnologias aplicadas nos navegadores (Front-end Solutions)

Documentação

Farta e detalhada documentação com exemplos de toda a API

Quem está usano Y!UI

Mas o que o Y!UI oferece

Ambiente de debugging (Logger + Console)
Event System (unobtrusive design)
Conexão: AJAX, XML, XHR
Efeitos e Animações
Drag & Drop + Autocomplete
Dialogs, Menus, Overlays, Tootips, Windows
Browser History Manager
Controles: Button, Slider, Calendar...

Mas o que o Y!UI oferece

Y!UI CSS Framework

Netraliza os estilos para maior coerencia entre navegadores
Suporte para tipografia e dimensionamentos de fontes

Quick Grids / Layouts consistentes

Maisd de 1000 wireframes
Online constructor

Base de estilos consistentes dos elementos mais comuns

Suporte a SKIN, SAM o skin padrão

O que é preciso saber para desenvolver?

Para desenvolver uma aplicação que utilize YUI é recomendado bom conhecimento de XHTML e CSS, noções de DOM e JAVASCRIPT
Quais ferramentas utilizar?

Navegador: Firefox
Add-ons:

Firebug
Html Validator
Tamper data
Web Developer
YSlow

O que é preciso para desenvolver?

Usar ferramentas para controle de versão

O que é preciso para desenvolver

Faça uso de uma IDE, não seja Xiita, elas estão ai para auxiliar nosso trabalho.

NetBeans PHP
Eclipse PDT
PHPedit
Aptana (Plugin para o Y!UI)
Zend Studio for Eclipse*

O que é preciso para desenvolver

Baixar as versões estáveis do ZF e Y!UI

Zend Framework 1.8.2

http://framework.zend.com/download

Yahoo! User Interface 2.7.0

http://developer.yahoo.com/yui/download/

Entendendo a integração

Camada de negócios

Definir comunicação entre o Model e o View

JSON
JSARRAY
XML
XHTML

Camada de Negócios

Camada de negócios

Como preparar sua aplicação para o YUI

Definir o escopo do recurso a ser utilizado na interface
Loader

Menor Perfomance
Dificuldade em trabalhar com aplicações complexas que utilizam componente DataTable

Event

Maior performance
Fácil implementar com componente DataTable e Windows

Para aonde caminha Y!UI

Y!UI 3.X

Mais Leves (menos K-weight sobre o core da página para a maioria dos usos)
Mais rápido (com menos requisições http, menos escrita de código e compilação, um código mais eficiente)
Mais consistente (nomenclatura comum, assinaturas de eventos, widget e toda a APIs da biblioteca), mais potentes (fazer mais com menos implementação código)
mais segurança (mais seguro e fácil de expor a vários desenvolvedores trabalhando no mesmo ambiente, maior facilidade de correr em sistemas de terceiros)
Melhoras na engine de namespaces