User Interface (in portuguese)

50 %
50 %
Information about User Interface (in portuguese)
Technology

Published on October 2, 2008

Author: bpedro

Source: slideshare.net

User Interface PHP Advanced - 16 de Setembro de 2008 Bruno Pedro <bpedro@tarpipe.com>

PHP Advanced Conteúdo • Template View Pattern • Smarty • Componentes • Projecto • Resumo User Interface 2

PHP Advanced Template View Pattern fonte: Fowler, M., Patterns of Enterprise Application Architecture, p. 350 User Interface 3

PHP Advanced Template View Pattern • Separação real entre lógica e apresentação • A informação aparece nas páginas através de marcadores (tags) específicos • Toda a lógica antes da apresentação não escreve nem devolve HTML • Solução ideal para equipas em que existem programadores e Web designers User Interface 4

PHP Advanced Model, Helper e View Model Helper View <html> <body> Calculator Helper sum 12 + 5 = Calculator multiply {$calc->sum x=12 y=5} ... </body> </html> User Interface 5

PHP Advanced Model, Helper e View • Divisão facilita a separação entre lógica e apresentação • Possibilidade de delegar tarefas em cada uma das camadas a equipas diferentes • Diminui a complexidade do código, facilitando a sua manutenção User Interface 6

PHP Advanced Model User Interface 7

PHP Advanced Model • Implementa a lógica do negócio: • acesso à informação (bases de dados); • algoritmos específicos; • cálculo numérico; • acesso a Web Services. User Interface 8

PHP Advanced Helper User Interface 9

PHP Advanced Helper • Implementa a lógica funcional: • input do utilizador; • paginação de resultados; • adaptação e agregação de informação. User Interface 10

PHP Advanced View User Interface 11

PHP Advanced View • Implementa a lógica de apresentação: • interface com o utilizador; • aparência e estética das páginas; • selecção da informação a apresentar. User Interface 12

PHP Advanced Smarty • Motor de templates com sintaxe simples • Utiliza objectos • Permite compilar templates, melhorando o seu desempenho • Bastante versátil e modular User Interface 13

PHP Advanced Utilização • Código pode ser obtido em http://smarty.php.net/ • Para começar é necessário instanciar um objecto Smarty User Interface 14

PHP Advanced Configurações • $smarty->template_dir: directório onde o Smarty vai interpretar os templates • $smarty->compile_dir: directório onde o Smarty vai gravar os templates compilados • $smarty->cache_dir: directório onde é gravada a cache • $smarty->caching: possibilidade de ligar ou desligar a cache User Interface 15

PHP Advanced Variáveis • Passagem de variáveis que poderão ser usadas pelo template User Interface 16

PHP Advanced Variáveis • {$var} - mostra o conteúdo da variável • {$array[5]} - mostra o conteúdo do 5º elemento do array • {$array.name} - mostra o conteúdo da posição ‘name’ do array • {$obj->name} - mostra o conteúdo do atributo ‘name’ do objecto User Interface 17

PHP Advanced Modificadores • {$name|capitalize}: apresenta em maiúsculas as primeiras letras de todas as palavras • {$today|date_format}: formata a apresentação de uma data e hora • {$title|lower}: converte em minúsculas • {$title|upper}: converte em maiúsculas • {$body|wordwrap:30}: quebra um texto a uma largura específica User Interface 18

PHP Advanced Modificadores • É possível combinar modificadores {$title|capitalize|wordwrap:10} {$text|strip_tags|lower|truncate} User Interface 19

PHP Advanced Funções - capture • Grava numa variável o conteúdo que estiver entre os tags • Exemplo: User Interface 20

PHP Advanced Funções - foreach • Implementa um iterador de arrays • Exemplo: User Interface 21

PHP Advanced Funções - if • Implementa uma condição • Exemplo: User Interface 22

PHP Advanced Funções - include • Inclui outro ficheiro Smarty • O outro ficheiro é interpretado • Todas as variáveis ficam disponíveis no ficheiro incluido • Exemplo: {include file=”ficheiro2.html”} User Interface 23

PHP Advanced Funções - literal • Permite não interpretar um bloco de código • Bastante útil quando temos JavaScript dentro dos templates {literal} Este bloco não é interpretado. {/literal} User Interface 24

PHP Advanced Outras funcionalidades • Muitos outros modificadores e funções • Caching parcial e dependente de identificador • Configurações de segurança • Filtros de templates • Extensível através de plugins User Interface 25

PHP Advanced Separação Lógica Apresentação <html> <body> Calculator Helper sum 12 + 5 = Calculator multiply {$calc->sum x=12 y=5} ... </body> </html> User Interface 26

PHP Advanced Componentes • User • Registo • Autenticação • Configurações • Data • Obtenção e gravação de dados • RSS User Interface 27

PHP Advanced User User firstName lastName username save() load() auth() addConf() ... User Interface 28

PHP Advanced Data Data source ... save() load() search() ... User Interface 29

PHP Advanced RSS RSS source ... get() getItem() ... User Interface 30

PHP Advanced Projecto • Página de registo • nome • username • password • confirmação de password User Interface 31

PHP Advanced Projecto • Página de autenticação • username • password User Interface 32

PHP Advanced Projecto • Configurações • adicionar URL de RSS • remover URL de RSS • listar URLs configurados User Interface 33

PHP Advanced Projecto • Visualização de dados • listagem dos itens dos vários RSS • ordenação • paginação User Interface 34

PHP Advanced Resumo • Template View Pattern • Model, Helper e View • Smarty • Componentes a implementar • Implementação de User Interface User Interface 35

PHP Advanced Questões? User Interface 36

PHP Advanced Mais informação • O meu blog: http://unfoldingtheweb.com/ • Manual de PHP: http://www.php.net/ User Interface 37

Add a comment

Related presentations

Related pages

Multilingual User Interface (MUI) Pack 1 for Windows ...

Multilingual User Interface (MUI) Pack 1 for Windows Embedded Standard 7 SP1 & POSReady 7 (64-bit) ... Portuguese Language Pack; Romanian Language Pack;
Read more

Spanish Translation of “user interface” | Collins English ...

Spanish Translation of “user interface” | The official Collins English-Spanish Dictionary online. Over 100,000 Spanish translations of English words ...
Read more

Download Windows Server 2008 Multilingual User Interface ...

Multilingual User Interface Language Packs (Windows Server® Language Packs) enable a multilingual user interface in a Windows Server® 2008 environment.
Read more

interface - Portuguese translation - bab.la English ...

Translation for 'interface' in the free Portuguese dictionary. More Portuguese translations for: Network Interface Card, network interface card, user ...
Read more

Interface in Portuguese brazil - social.technet.microsoft.com

Interface in Portuguese brazil. ... (Multilingual User Interface), que está disponível via Windows Update para converter menus de sistema, ...
Read more

Installing a Multilingual User Interface (MUI) pack - IBM

Installing a Multilingual User Interface (MUI) pack. ... Brazilian Portuguese (pt-BR), Catalan (ca), Czech (cs), Danish (da), Dutch (nl), Finnish ...
Read more

Vistalizator - change display language in Windows Vista ...

About Windows 7 SP1 MUI Language Packs. MUI stands for Multilingual User Interface. There are full (100%) and partial (80% according to Microsoft) MUI ...
Read more

Natural language user interface - Wikipedia

Natural language user interfaces (LUI or NLUI) are a type of computer human interface where linguistic phenomena such as verbs, phrases and clauses act as ...
Read more

user-interface - Free definitions by Babylon

user-interface - Free definition results from over 1700 online dictionaries
Read more

English user interface and package is installed instead of ...

English user interface and package is installed instead of Português user interface and ... All dialects of Portuguese will install the Brazilian ...
Read more