MÓDULO Programação para Web 2

Tamanho: px
Começar a partir da página:

Download "MÓDULO Programação para Web 2"

Transcrição

1 MÓDULO Programação para Web 2 Introdução ao JSF Java Server Faces

2 Introdução Framework para desenvolvimento de aplicações web em Java Fortemente baseado nos padrões MVC e Front Controller MVC (model-view-controller): padrão de arquitetura que tem por objetivo isolar a lógica de negócio da lógica de apresentação de uma aplicação Modelo: encapsula os dados e as funcionalidades da aplicação. Visão: é responsável pela exibição de informações, cujos dados são obtidos do modelo. Controlador: recebe as requisições do usuário e aciona o modelo e/ou a visão. 2

3 MVC 3

4 OVERVIEW DA TECNOLOGIA 4

5 Conceitos chaves do JSF Componentes Renderers Managed-beans Converters / Validators Navegação Eventos Ciclo de vida (Request Lifecycle) 5

6 Componentes (1) Separa a lógica de negócio da apresentação Cada view é composta por uma hierarquia de componentes 6

7 Componentes (2) Componentes podem ser adicionados na view programaticamente ou via template (JSP por default, ou Facelets para melhor desempenho e fácil desenvolvimento) Componentes são expressos em tags em uma página JSP e em sua maioria são de interface com o usuário Os componentes padrões são divididos em dois grupos Faces Core <f:view>, <f:loadbundle>, <f:param> HTML wrappers <h:datatable>, <h:selectonemenu> Componente = class + [renderer] + tag handler (JSP) 7

8 Renderers Responsável por exibir o componente no cliente São agrupados em render kits Render kit padrão é o HTML, mas podemos ter WML, SVG etc. Efetua o encode (gera HTML do componente) Efetua o decode (seta o componente com os dados da URL query string e do formulário) Resumindo <h:inputtext id= login size= 16 /> <input type= text id= myform:login name= myform:login size= 16 /> 8

9 Managed beans POJO Plain Old Java Objects Podem ser definidos nos escopos: Application, Session, Request e None 9

10 Managed beans 10

11 JSF Value Binding Binda o valor do componente ao managed-bean O binding ocorre através de JSF Expression Language (EL) Semelhante a JSTL, porém usa-se #{} no lugar de ${} Pode-se executar métodos no modelo através de expressões Não é processada imediatamente como na JSTL A partir da JSF 1.2 utiliza-se a Unified Expression Language (JSP 2.1) que resolve problemas de incompatibilidade entre a JSF-EL e JSP-EL 11

12 JSF Value Binding Exemplo (1) login.jsp Objeto meumanagedbean 12

13 JSF Value Binding Exemplo (2) login.jsp Managed-beans são registrados dentro do faces-config.xml 13

14 Converters (1) Tem por finalidade converter e/ou formatar objetos do tipo Java para String e vice-versa Converters são bi-direcionais Managed-bean faz: getasobject() JSP faz: getasstring() JSF já fornece converters padrões para date / time, numbers, etc Você pode implementar seu próprio converter Basta implementar a interface javax.faces.convert.converter Registrar o converter no faces-config.xml O converter pode atuar de forma explícita(id) ou implícita(class) de acordo com a sua configuração no faces-config.xml 14

15 Converters (2) 15

16 Converters (3) Converter é registrado dentro faces-config.xml. Exemplo: registrando um converter para que toda propriedade do tipo org.cejug.model.cpf de qualquer bean use este converter 16

17 Converters (4) - Exemplo Converter declarado explicitamente Ou implicitamente (converter mapeado para objetos do tipo CPF) 17

18 Validators (1) Tem por responsabilidade garantir que o valor informado pelo usuário seja válido Validator trabalha com objetos, não somente com Strings JSF já fornece validators padrões como required, length, range etc Você pode implementar seu próprio validator Basta implementar a interface javax.faces.validator.validator Registrar o validator no faces-config.xml Você pode associar um ou mais validators à um componente 18

19 Validators (2) javax.faces.validator.validator Validators são registrados no faces-config.xml 19

20 Validators (3) - Exemplo Validação para obrigatoriedade e comprimento do campo 20

21 Navegação (1) Navegação de uma página para outra Simples e poderoso sistema de navegação O framework seleciona a próxima view baseado Na view anterior Resultado(outcome) de uma action EL de ação (ex.: #{mbean.user.save}) Qualquer combinação acima Permite wildcard ( * ) para páginas de origem (from-viewid) 21

22 Navegação (2) - Exemplo 22

23 Eventos (1) Componentes geram determinados eventos que por sua vez disparam ações no servidor (método(s) no managed-bean ou listeners) Você também pode implementar listeners de ação associados a outros componentes do formulário Os listeners mais comuns do JSF são ActionListener ValueChangeListener 23

24 Eventos (2) - Exemplo Action event para navegação Action event que executa método no managed-bean 24

25 Eventos (3) - Exemplo Value-change event que executa método após alterar o valor do componente 25

26 Funcionamento do MVC no JSF 26

27 Funcionamento do MVC no JSF 27

28 Configuração JSF A Faces Servlet deve ser configurada no arquivo WEB-INF/web.xml, indicando a classe que a implementa e o padrão de url que será associado a essa servlet. Por exemplo, na configuração abaixo, todas as requisições cujas urls possuam o sufixo.xhtml serão processadas pela Faces Servlet. 28

29 Configuração JSF Adicionar no diretório WEB-INF um arquivo chamado faces-config.xml. Nesse arquivo, podemos alterar diversas configurações do JSF. Mas, a princípio, podemos deixá-lo apenas com a tag facesconfig. 29

30 Configuração do JSF Para utilizar os recursos do JSF, é necessário que a aplicação possua uma implementação JSF. pode ser adicionada manualmente no diretório WEB-INF/lib da aplicação. Se um servidor de aplicação Java EE for utilizado, a inclusão de uma implementação JSF manualmente não é necessária, já que esse tipo de servidor possui, por padrão, uma implementação de JSF. 30

31 Managed Bean Objetos fundamentais de uma aplicação JSF. Suas principais tarefas são: Fornecer dados que serão exibidos nas telas. Receber os dados enviados nas requisições. Executar tarefas de acordo com as ações dos usuários. Para cada página JSP teremos um bean (classe java com get/set) correspondentes. Essa classe é chamada ManagedBean e deve ter um atributo para cada campo da página. Ex: Uma página de login, com nome e senha, deve ter um managed bean com os atributos nome e senha correspondentes. 31

32 Criando um Managed Beans Pode ser definido de duas maneiras. criar uma classe Java e public class TesteBean {... } registrá-la no arquivo faces-config.xml.... <managed-bean > <managed-bean-name>testebean </managed-bean-name> <managed-bean-class>modelo.testebean</managed-bean-class> <managed-bean-scope>request</managed-bean-scope> </managed-bean>... define o nome, a classe e o escopo do managed bean. 32

33 Criando um Managed Beans A segunda forma é criar uma classe Java com a do pacote javax.faces.bean. utilizada a partir da versão 2 do public class TesteBean {... } JSF assumirá que o nome do managed bean é o nome da classe com a primeira letra minúscula. O escopo request será assumido como padrão. 33

34 Criando um Managed Beans Para acessar o valor do atributo numero, precisamos definir um método de leitura. Para alterar o valor do atributo numero, precisamos definir um método de public class TesteBean { private int numero ; public int setnumero(int numero) { this.numero = numero ; } } public int getnumero() { return numero ; } 34

35 Exibindo atributos de um Managed Bean Para exibir o valor de um atributo numero utiliza-se expression language (#{}). <!DOCTYPE html PUBLIC"-//W3C//DTDXHTML 1.0 Transitional// EN" " <html xmlns =" xmlns :h=" <h:head > <title>desenvolvimento Web</title> </h:head > <h:body > Valor : #{testebean.numero} </h:body > </html> 35

36 Alterando atributos de um Managed Bean Para alterar o valor do atributo numero do managed bean testebean, podemos vinculá-lo, por exemplo, a uma caixa de texto em um formulário <!DOCTYPE html PUBLIC"-//W3C//DTDXHTML 1.0 Transitional// EN" " <html xmlns =" xmlns :h=" <h:head > <title>desenvolvimento Web</title> </h:head > <h:body > Valor : #{testebean.numero} <h: form > <h: inputtext value ="#{testebean.numero}"/> <h: commandbutton value ="Altera "/> </h: form > </h:body > </html> 36

37 Alterando atributos de um Managed Bean Importante o vínculo com uma propriedade de um managed bean dá-se por meio dos nomes dos métodos getters e setters, e não pelo nome do atributo. No exemplo, se mantivéssemos o nome do atributo do managed bean mas substituíssemos os nomes dos métodos getnumero() e setnumero() por getvalor() e setvalor(), respectivamente, então os trechos de código XHTML em destaque deveriam ser alterados para Valor : #{testebean.valor} <h: inputtext value ="#{testebean.valor}"/> 37

38 Ações Para implementar as lógicas que devem ser executadas assim que o usuário clicar em um botão ou link, basta criar métodos nas classes dos managed public class TesteBean { private int numero ; public void incrementanumero () { this.numero = numero+1; } } // GETTERS E SETTERS 38

39 Ações Esses métodos de ação podem ser: void: para manter os usuários na mesma tela ou String : para realizar uma navegação entre telas. Exemplo: Para incrementar o valor do atributo numero do managed bean testebean, podemos criar uma página que possui um botão para executar essa ação e associálo ao método incrementanumero() <h:form > <h:commandbutton value ="Incrementa" action="#{testebean.incrementanumero}"/> </h: form > 39

40 Ações Todo managed bean possui um nome único que é utilizado para acessá-lo dentro dos trechos escritos com expression language. Quando utilizamos a por padrão, o JSF assume que o nome do managed bean é o nome da classe com a primeira letra em caixa baixa. Podemos alterar esse nome acrescentado um argumento na (name= teste ) public class TesteBean {... // GETTERS E SETTERS } 40

41 Exemplo Construa TextoBean: import public class TextoBean { private String texto ; public String transformaemcaixaalta() { this.texto = this.texto.touppercase (); return "resposta"; } public String gettexto () { return this.texto ; } } public void settexto ( String texto ) { this.texto = texto ; } 41

42 Exemplo Faça a página index.xhtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " - transitional.dtd"> <html xmlns =" xmlns :ui=" xmlns :h=" xmlns :f=" <h:head> <title>desenvolvimento Web</title > </h:head> <h:body > <h:form > <h:outputlabel value ="Texto : "/> <h:inputtextarea value ="#{textobean.texto}"/> <h:commandbutton value ="Transformar" action="#{textobean.transformaemcaixaalta}"/> </h:form > </h:body > </html > 42

43 Exemplo Construa o formulário que exibirá o texto formatado resposta.xhtml: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " - transitional.dtd"> <html xmlns =" xmlns :ui=" xmlns :h=" xmlns :f=" <h:head> <title>treinamento JSF</title > </h:head> <h:body > <h:outputtext value ="#{textobean.texto}"/> </h:body > </html > 43

44 Processamento de uma requisição 44

45 Processamento de uma requisição Restore View: Na primeira requisição de um usuário, uma nova árvore de componentes que representa a tela desse usuário é gerada. Nas demais requisições (postback) desse mesmo usuário, a árvore de componentes que representa a tela anteriormente enviada a ele é reconstruída. 45

46 Processamento de uma requisição Apply Request Values: a árvore construída na etapa anterior é percorrida e cada um de seus componentes é decodificado. No processo de decodificação, cada componente extrai da requisição atual os dados associados a essa componente e se atualiza comessas informações. Os eventos de ação (como um clique em um link ou em um botão, por exemplo) são identificados. Por padrão, esses eventos são adicionados às filas correspondentes para serem tratados posteriormente (na fase Invoke Application). 46

47 Processamento de uma requisição Process Validations: os componentes que possuem valores submetidos pelo usuário através de formulários são convertidos e validados (caso haja algum validador registrado para esse componente). Se ocorrer algum erro de conversão ou validação, mensagens de erro são adicionadas no contexto da requisição atual e o fluxo é redirecionado para a fase Render Response. Caso contrário, processo continua na fase UpdateModel Values. os eventos de mudança de valor são identificados e tratados ao final desta fase. 47

48 Processamento de uma requisição UpdateModel Values: Os valores contidos em cada componente da árvore, já convertidos e validados na fase anterior, são armazenados em propriedades de objetos definidos pela aplicação (managed beans) 48

49 Processamento de uma requisição Invoke Application: Uma vez que os dados dos componentes já foram convertidos, validados e armazenados nos objetos do modelo, as tarefas correspondentes ao evento que disparou a requisição (normalmente um clique em um botão ou link) serão executadas. A próxima tela a ser apresentada ao usuário é determinada pelo resultado do método que implementa a lógica de negócio executado nesta fase. 49

50 Processamento de uma requisição Render Response: Apróxima tela é gerada e enviada ao navegador do usuário. Uma representação desta tela também é armazenada a fim de ser usada na fase Restore View da próxima requisição. 50

51 Processamento de uma requisição Managed beans estão à disposição da Faces Servlet durante todo o processamento da requisição 51

52 Processamento de uma requisição Nas etapas Render Response e Restore View, a Faces Servlet aciona os managed beans para recuperar os dados que devem ser usados na construção ou reconstrução da árvore de componentes. 52

53 Processamento de uma requisição Na etapa Update Model, a Faces Servlet armazena nos managed beans os dados já convertidos e validados. Na etapa Invoke Application, a Faces Servlet dispara um método em um managed bean responsável pelo processamento da regra de negócio correspondente à requisição atual. 53

54 Processamento de uma requisição Todas as regras de negócio são implementadas no modelo, que também administra os dados da aplicação. Os managed beans acionam o modelo para executar alguma regra de negócio, recuperar ou alterar os dados administrados pelo modelo. 54

55 Processamento de uma requisição As telas da aplicação são definidas na camada de visão. A Faces Servlet acessa essa camada toda vez que necessita construir ou reconstruir a árvore de componentes de uma determinada tela. Isso ocorre nas etapas Restore View e Render Response. 55

56 Exemplo 2 Adivinhe o número! 56

57 Exercício Desenvolva uma aplicação JSF que: receba um número inteiro do usuário, produza um número aleatório entre zero e o número recebido, e exiba esse número na tela do navegador do usuário. 57

58 Criando o Aplicativo Web Crie um aplicativo Web chamado WebGuess Selecione GlassFish como servidor Use o framework JSF Crie o Bean Gerenciado JSF UserNumberBean Escopo: session Pacote: guessnumber 58

59 Criando o Bean Complete Bean Gerenciado JSF UserNumberBean Atributos: Integer randomint; Integer usernumber; String response; Métodos get e set para usernumber Construtor padrão Random randomgr = new Random(); randomint = randomgr.nextint(10); 59

60 Criando o Bean Finalizando o Bean Gerenciado JSF UserNumberBean Faça-o implementar Serializable Informe o nome public class UserNumberBean implements Serializable { 60

61 Criando o Bean Complete Bean Gerenciado JSF UserNumberBean Método getresponse() if ( (usernumber!= null) && (usernumber.compareto(randomint) == 0)) { // Invalidar sessão do usuário FacesContext context = FacesContext.getCurrentInstance(); HttpSession session = (HttpSession) context.getexternalcontext().getsession(false); session.invalidate (); return "É isso aí!"; } return "<p> Desculpe, não é " + usernumber + ". </p> <p> Tente adivinhar de novo... </p>"; 61

62 Alterando o index.xhtml Altere o arquivo index.xhtml <html> para <html xmlns=" xmlns:h=" > 62

63 Alterando o index.xhtml Construa o corpo 63

64 Inclua o form para obtenção do número do usuário <h:form> </h:form> <h:inputtext id="usernumber" size="2" maxlength="2" value = "#{UserNumberBean.userNumber}"/> <h:commandbutton id="submit" value="submit" action = "response"/> 64

65 Coloque uma imagem <div id="right" class="subcontainer"> <h:graphicimage url="/duke.png" alt="duke waving" /> </div> Lembre-se de colocar o recurso da imagem no projeto 65

66 Crie página JSF resposta.xhtml <body> <div id="maincontainer"> <div id="left" class="subcontainer greybox"> <h4><h:outputtext escape="false" value="#{usernumberbean.response}"/></h4> <h:form prependid="false"> <h:commandbutton id="backbutton" value="back" action="index" /> </h:form> </div> <div id="right" class="subcontainer"> <h:graphicimage url="/duke.png" alt="duke waving" /> </div> </div> </body> 66

67 COMPONENTES VISUAIS 67

68 Introdução Telas são definidas em arquivos XHTML. Os componentes visuais que constituem as telas são adicionados por meio de tags. A especificação do JSF define uma grande quantidade de tags e as classifica em bibliotecas. As principais bibliotecas de tags do JSF são: Core ( HTML ( Facelets ( 68

69 Estrutura básica de uma página JSF <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " - transitional.dtd"> <html xmlns =" xmlns :ui=" " xmlns :h=" " xmlns :f=" "> <h:head> <title>treinamento JSF </title> </h:head> <h:body> <h:outputtext value ="Estrutura básica de uma tela JSF"/> </h:body> </html> Conteúdo da página definido na tag <html>, dividido em duas partes: o cabeçalho, <h:head> (e não pela tag <head>), e o corpo, tag <h:body> (e não pela tag <body>). 69

70 Estrutura básica de uma página JSF O uso das tags <h:head> e <h:body> é fundamental para o funcionamento completo das páginas HTML geradas pelo JSF. Ao processar essas tags, na etapa Render Response, o JSF adiciona recursos como scripts e arquivos de estilo na tela HTML que será enviada para o usuário. Esses recursos são necessários para o funcionamento correto dos componentes. 70

71 Formulários definidos através da tag <h:form> (e não pela tag <form>). composto basicamente por: caixas de texto, caixas de seleção, rótulos, botões e Links Ao ser processado, o componente <h:form> gera um formulário HTML configurado para o método POST do HTTP. 71

72 Caixas de TExto <h:inputtext> Permite que o usuário digite uma linha de texto. <h:inputtextarea> Permite que o usuário digite várias linhas de texto. <h:inputsecret> Igual ao <h:inputtext> mas não exibe o que foi digitado (usado em senha) Uma caixa de texto pode ser associada a uma propriedade de um managed bean através do atributo value. Esse vínculo é denominado binding. <h: inputtext value ="#{usuariobean.nome}"/> 72

73 Caixas de TExto Quando o JSF constrói a tela a ser enviada para o usuário, ele recupera o valor da propriedade nome através do método getnome() e guarda esse valor na caixa de texto correspondente. Analogamente, no processamento de uma requisição, o JSF extrai o valor presente na caixa de texto e utiliza o método setnome() para armazenar esse valor na propriedade nome do managed bean UsuarioBean. <h: inputtext value ="#{usuariobean.nome}"/> 73

74 Rótulos <h:outputlabel>. O texto do rótulo é definido pelo atributo value e pode ser associado a uma caixa de texto através do atributo for. O valor do atributo for deve ser igual ao valor do atributo id da caixa de texto que desejamos associar ao rótulo. <h: outputlabel value ="Nome : "for ="nome"/> <h: inputtext id="nome "/> 74

75 Exemplos XMTML <h: outputlabel value ="Nome :"for ="nome"/> <h: inputtext value ="Jonas K. Hirata "id="nome"/> HTML GERADO <label for ="j_idt6:nome ">Nome : </label> <input id="j_idt6:nome type="text name="j_idt6:nome" value ="Jonas K. Hirata"/> RESULTADO 75

76 Exemplos XMTML <h: outputlabel value ="Nome :"for ="nome"/> <h: inputtext value ="#{usuariobean.nome}"id="nome"/> HTML GERADO <label for ="j_idt6:nome ">Nome : </label> <input id="j_idt6:nome type="text name="j_idt6:nome value ="Jonas K. Hirata"/> RESULTADO 76

77 Exemplos XMTML <h: outputlabel value ="Nome :"for ="nome"/> <h: inputtext value ="#{usuariobean.nome}" readonly ="true ""id="nome"/> HTML GERADO <label for ="j_idt6:nome ">Nome : </label> <input id="j_idt6:nome"type="text"name="j_idt6:nome" value ="Jonas Hirata" readonly="readonly "/> RESULTADO 77

78 Exemplos XMTML <h:outputlabel value="cep :"for="cep"/> <h:inputtext value="#{usuariobean.cep} maxlength="9"id="cep"/> HTML GERADO <label for ="j_idt6:cep"> Cep:</ label > <input id="j_idt6:cep"type="text"name ="j_idt6:cep" value =" "maxlength="9"/> RESULTADO 78

79 Exemplos XMTML <h:outputlabel value="texto :"for="texto"/> <h:inputtextarea value="um texto de várias linhas" HTML GERADO id="texto"/> <label for ="j_idt6:texto">texto :</label> <textarea id="j_idt6:texto"name ="j_idt6:texto">um texto de várias linhas </textarea > RESULTADO 79

80 Exemplos XMTML <h:outputlabel value="texto :"for="texto"/> <h:inputtextarea value="um texto de várias linhas" cols ="10"rows ="3"id="texto"/> HTML GERADO <label for ="j_idt6:texto">texto :</label> <textarea id="j_idt6:texto"name ="j_idt6:texto" cols="10"rows="3">um texto de várias linhas </textarea > RESULTADO 80

81 Exemplos XMTML <h:outputlabel value="senha: "for="senha"/> <h:inputsecret value="#{usuariobean.senha}" id="senha"/> HTML GERADO <label for ="j_idt6:senha">senha : </label> <input id="j_idt6:senha "type ="password "name="j_idt6:senha"value=""/> RESULTADO 81

82 Campos Ocultos Podemos adicionar informações que são submetidas automaticamente quando um formulário é enviado ao servidor. Essas informações podem ser inseridas com o componente <h:inputhidden>. Essa tag possui dois atributos principais: value e id. Podemos vincular um campo oculto a uma propriedade de um managed bean, <h:inputhidden id="curso-id"value="#{cursosbean.curso.id}"/> 82

83 Caixas de Seleção <h:selectbooleancheckbox> Permite que o usuário faça seleções do tipo sim ou não. <h:selectmanycheckbox> Permite que o usuário faça múltiplas seleções do tipo sim ou não. <h:selectoneradio>, <h:selectonemenu>, <h:selectonelistbox> Permitem a seleção de uma única opção de um conjunto de opções. <h:selectmanylistbox>, <h:selectmanymenu> Possibilita a seleção de diversas opções de um conjunto de opções. 83

84 Caixas de Seleção Podemos vincular uma caixa de seleção a uma propriedade de um managed bean através do atributo value. exemplo: uma caixa de seleção é associada à propriedade aceito do managed bean ContratoBean. <h:selectbooleancheckbox value="#{contratobean.aceito}"/> Caixas de seleção do tipo <h:selectbooleancheckbox> devem ser vinculadas a propriedades booleanas. 84

85 Caixas de Seleção Opções de uma caixa de seleção (exceto <h:selectbooleancheckbox>) podem ser definidas estática ou dinamicamente. Estaticamente, cada opção pode ser adicionada através da tag <f:selectitem> <h:selectonemenu value ="#{cursosbean.sigladocursoescolhido }"> <f:selectitem itemvalue="c01" itemlabel="orientação a Objetos em Java"> <f:selectitem itemvalue="c02" itemlabel="desenvolvimento Web com JSF2"> </h:selectonemenu> itemvalue define o que será enviado para a aplicação se a opção correspondente for selecionada. itemlabel define a descrição associada à opção correspondente. Essa descrição é exibida para o usuário. 85

86 Caixas de Seleção Dinamicamente <h:selectonemenu value="#{cursosbean.sigladocursoescolhido}"> <f:selectitems value ="#{cursosbean.cursos}" var ="curso" itemvalue ="#{curso.sigla}" itemlabel ="#{curso.nome}"> </h:selectonemenu> A atributo value da tag <f:selectitems> deve ser associado a uma coleção de itens. Todos os itens serão percorridos e adicionados como opção na caixa de seleção. O atributo var é utilizado para definir a variável que armazenará, a cada rodada, o item atual. Essa variável permite que o itemvalue e o itemlabel de cada opção sejam definidos. 86

87 Seleção Única <h:selectonelistbox value="#{cursosbean.sigladocursoescolhido}"> <f:selectitems value ="#{cursosbean.cursos}" var ="curso" itemvalue ="#{curso.sigla}" itemlabel ="#{curso.nome}"> public class CursosBean { private String sigladocursoescolhido; private List <Curso > cursos ; // GETTERS E SETTERS } public class Curso { private String sigla ; private String nome ; } // GETTERS E SETTERS 87

88 Seleção Múltipla <h:selectmanylistbox value="#{cursosbean.sigladocursoescolhidos}"> <f:selectitems value ="#{cursosbean.cursos}" var ="curso" itemvalue ="#{curso.sigla}" itemlabel ="#{curso.nome}"> public class CursosBean { private List<String> sigladocursoescolhidos; private List <Curso > cursos ; // GETTERS E SETTERS } public class Curso { private String sigla ; private String nome ; // GETTERS E SETTERS } 88

89 Seleção com Pseudo-opção Caso seja para não apresentar nenhuma das opções disponíveis selecionada. <h:selectonemenu value="#{cursosbean.sigladocursoescolhido}"> <f:selectitem itemlabel ="Nenhum"noSelectionOption="true> <f:selectitems value ="#{cursosbean.cursos}" var ="curso" itemvalue ="#{curso.sigla}" itemlabel ="#{curso.nome}"> </h:selectonelistbox> Se essa pseudo-opção estiver selecionada no momento em que o formulário for submetido, a propriedade correspondente receberá o valor null. Muitas vezes, a pseudo-opção é utilizada simplesmente para exibir uma mensagem ao usuário, como Escolha uma opção ou Selecione um item. 89

90 Exemplos XMTML <h:outputlabel value="ex-aluno"for="exaluno"/> <h:selectbooleancheckbox value ="#{cursosbean.exaluno}" id="exaluno"/> HTML GERADO <label for ="j_idt6:exaluno">ex-aluno</ label > <input id="j_idt6:exaluno"type="checkbox" name="j_idt6:exaluno"/> RESULTADO 90

91 Exemplos XMTML <h:selectmanycheckbox value="#{cursosbean.siglasdoscursosescolhidos}" layout ="pagedirection "> <f:selectitems value ="#{cursosbean.cursos}" var="curso" itemvalue="#{curso.sigla}" itemlabel="#{curso.nome}"/> </h: selectmanycheckbox > 91

92 Exemplos HTML GERADO <table > <tr > <td > <input name="j_idt6:j_idt27"id="j_idt6:j_idt27:0"value="c01" type="checkbox "/> <label for ="j_idt6:j_idt27:0"class=""> Orientação a Objetos em Java </label > </td > </tr > <tr > <td > <input name ="j_idt6:j_idt27"id="j_idt6:j_idt27:1"value ="C02" type ="checkbox "/> <label for ="j_idt6:j_idt27:1"class =""> Desenvolvimento Web com JSF2 e JPA2</label > </td > </tr > <tr > <td > <input name ="j_idt6:j_idt27"id="j_idt6:j_idt27:2"value ="C03" type ="checkbox"/> <label for="j_idt6:j_idt27:2"class=""> Design Patterns em Java </label> </td> </tr> </table> 92

93 Exemplos RESULTADO 93

94 Exemplos XMTML <h:selectoneradio value="#{cursosbean.siglasdoscursosescolhidos}" layout ="linedirection "> <f:selectitems value ="#{cursosbean.cursos}" var="curso" itemvalue="#{curso.sigla}" itemlabel="#{curso.nome}"/> </h:selectoneradio > RESULTADO 94

95 Exemplos XMTML <h:selectonemenu value="#{cursosbean.siglasdoscursosescolhidos}"> <f:selectitem itemlabel="escolha um curso" noselectionoption="true" <f:selectitems value ="#{cursosbean.cursos}" var="curso" itemvalue="#{curso.sigla}" itemlabel="#{curso.nome}"/> </h:selectonemenu > RESULTADO 95

96 Exemplos XMTML <h:selectonelistbox value="#{cursosbean.siglasdoscursosescolhidos}"> <f:selectitems value ="#{cursosbean.cursos}" var="curso" itemvalue="#{curso.sigla}" itemlabel="#{curso.nome}"/> </h:selectonelistbox > RESULTADO 96

97 Exercícios Crie um projeto Web ExercJSF01 Crie uma classe chamada Pessoa, contendo como atributos nome (string) e idade (int). Crie os métodos get/set public class Pessoa { private String nome; private String idade; // get e set Crie uma classe PessoaBean contendo como atributo pessoa e pessoas (lista de Pessoa) além dos métodos get/set. No construtor, crie alguma objetos Pessoa e adicione a pessoas 97

98 Exercícios Crie a página pessoa.xhtml contendo um formulário para o usuário digitar e enviar o nome e a sua idade. Faça um teste. Acrescente em pessoa.xhtml o trecho de código para exibir os dados do usuário: O nome do usuário é <b>#{pessoabean.pessoa.nome}</b> e sua idade é <b>#{pessoabean.pessoa.idade}</b>. 98

99 Exercícios Crie o método cadastrarpessoa em PessoaBean que vai adicionar a pessoa na lista de pessoas. 99

100 Exercícios Crie uma classe ConversorMonetário, contendo três atributos: as String de, para, e o Double valor. Adicione um método para converter e um para armazenar o resultado da conversão. 100

101 public class ConversorMonetarioBean { private String de; private String para; private Double valor; private Double resultado; private Map<String, Double> taxas = new LinkedHashMap<String, Double>(); /** * Creates a new instance of ConversorMonetarioBean */ public ConversorMonetarioBean() { this.taxas.put("real", 1.0); this.taxas.put("dolar", 1.84); this.taxas.put("euro", 2.33); this.taxas.put("peso", 0.42); } public void converte() { this.resultado = valor * taxas.get(de) / taxas.get(para); } 101

102 Exercícios Crie o arquivo conversor-monetario.xhtml 102

103 Botões e Links <h:commandbutton> e <h:commandlink> Enviam os dados de um formulário HTML para o servidor através do método POST do HTTP. <h:button> e <h:link> Realizam requisições HTTP do tipo GET. As URLs das requisições são geradas pelo JSF a partir do atributo outcome. <h:outputlink> Também realiza requisições HTTP do tipo GET, mas exige que a URL de destino seja explicitamente especificada. 103

104 Botões e Links Os componentes <h:commandbutton> e <h:commandlink> são usados para submeter formulários HTML por meio do método POST do HTTP. Esses dois componentes podem ser associados a métodos de ação de um managed bean através dos atributos action e actionlistener. <h:commandbutton value ="Adiciona curso" action ="#{cursosbean.adicionacurso}"/> <h:commandlink value ="Remove curso" action="#{cursosbean.removecurso }"/> 104

105 Textos Para inserir textos em uma página, podemos usar os componentes <h:outputtext> e <h:output-format>. O texto exibido por tais componentes é definido pelo atributo value. <h:outputformat> permite diversos tipos de formatação do texto que será exibido. <h:outputformat value="preço do produto {0} : R$ {1} "> <f:param value="#{lojabean.produto.nome }"/> <f:param value="#{lojabean.produto.preco }"/> </h:outputformat> 105

106 Imagens O componente <h:graphicimage> é usado para inserir imagens. Podemos indicar o caminho da imagem através dos atributos value ou url. Esses dois atributos são exatamente iguais. <h:graphicimage value ="/imagens/teste.png"/> Pode ser usada uma biblioteca de imagens. Criar um diretório na pasta /resources e adicionar as imagens nele. Ex: diretório /resources/imagens <h:graphicimage library="imagens"name ="teste.png"/> 106

107 Exercício No arquivo conversor-monetario.xhtml, use a tag <h:outputformat> para exibir o resultado do conversormonetário. <h:outputformat value=" {0} em {1} equivale a {2} em {3} " rendered ="#{conversormonetariobean.resultado!= null }"> <f:param value="#{conversormonetariobean.valor }"/> <f:param value="#{conversormonetariobean.de}"/> <f:param value="#{conversormonetariobean.resultado }"/> <f:param value="#{conversormonetariobean.para }"/> </h:outputformat> 107

108 Componentes de Organização <h:panelgrid> Organiza os elementos em uma grade. <h:panelgroup> Permite que diversos componentes sejam tratados como um único componente. <h:panelgrid> - organiza componentes em forma de uma grade. atributo columns - configura a quantidade de colunas 108

109 Exemplo <h:panelgrid columns ="2"> <h:outputlabel value ="Nome do curso:"for="nome"/> <h:inputtext value ="#{cursosbean.curso.nome}"id="nome"/> <h:outputlabel value="descrição:"for="descricao"/> <h:inputtextarea value="#{cursosbean.curso.descricao}" id="descricao"/> <h:outputlabel value="carga horária:"for="carga-horaria"/> <h:inputtext value ="#{cursosbean.curso.cargahoraria}" id="carga-horaria "/> <h:commandbutton action ="#{cursosbean.cadastracurso}" value ="Cadastrar"/> </h:panelgrid > 109

110 PanelGroup Usado para inserir mais de um componente em uma mesma célula de um <h:panelgrid>. Ex: adicionar um ícone de um relógio ao lado do rótulo Carga horária: (imagem e o rótulo na mesma célula) <h:panelgroup> <h:outputlabel value="carga horária:"for="carga-horaria"/> <h:graphicimage library ="imagens"name="relogio.png"/> </h: panelgroup > 110

111 Tabelas <h:datatable> usado para a criação de tabelas. Associação de uma lista de elementos a um <h:datatable> é feita através do atributo value. O componente gera uma linha para cada item da lista. Os itens da lista podem ser acessados através de uma variável definida pelo atributo var. 111

112 Exemplo <h:datatable value ="#{cursosbean.cursos}"var ="curso"> <f:facet name ="header">lista de cursos </f:facet > <h:column > <f:facet name ="header">sigla </f:facet > #{curso.sigla} </h:column > <h:column > <f:facet name ="header">nome </f:facet > #{curso.nome } </h:column > <h:column > <f:facet name ="header">descrição </f:facet > #{curso.descricao } </h:column > <h:column > <f:facet name ="header">adicionar turma </f:facet > <h:commandlink value ="Adicionar turma" action ="#{cursosbean.adicionarturma(curso)}"/> </h:column > </h:datatable > 112

113 Exemplo Resultado 113

114 Exercício Criar uma relação de pessoas participantes do curso. Criar uma classe para modelar as pessoas (Pessoa) Criar um managed bean que forneça a lista de pessoas para uma tela de listagem de pessoas. (PessoaBean) Criar uma tela parcial para mostrar dados apenas de uma pessoas dentro de um item de uma lista html. (pessoainfo.xhmtl) Criar uma tela principal de listagem de pessoas (listapessoas.xhtml) 114

115 Pessoa public class Pessoa { private String nome; private String dtnasc; public String getdtnasc() { return dtnasc; } public void setdtnasc(string dtnasc) { this.dtnasc = dtnasc; } public String getnome() { return nome; } } public void setnome(string nome) { this.nome = nome; } 115

116 PessoaBean public class PessoaBean { private List <Pessoa> pessoas = new ArrayList <Pessoa>() ; /** * Creates a new instance * of PessoaBean */ public PessoaBean() { Pessoa p = new Pessoa(); p.setnome("ana Maria"); p.setdtnasc("10/10/10"); this.pessoas.add(p); p = new Pessoa(); p.setnome("jose Maria"); p.setdtnasc("10/10/10"); this.pessoas.add(p); } p = new Pessoa(); p.setnome("maria Jose"); p.setdtnasc("10/10/10"); this.pessoas.add(p); p = new Pessoa(); p.setnome("mariana"); p.setdtnasc("10/10/10"); this.pessoas.add(p); public List<Pessoa> getpessoas() { return pessoas; } public void setpessoas (List<Pessoa> pessoas) { this.pessoas = pessoas; } } 116

117 pessoainfo.xhtml <ui:composition xmlns=" xmlns:h=" xmlns:ui=" <li > <h:outputtext value ="Nome: #{pessoa.nome }"/> <br/> <h:outputtext value ="Data Nascimento: #{pessoa.dtnasc}"/> </li > </ui:composition > 117

118 listapessoas.xhtml <?xml version='1.0' encoding='utf-8'?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <ui:composition template ="/WEB-INF/TEMPLATES/template.xhtml" xmlns=" xmlns:h=" xmlns:f=" xmlns:ui=" <ui:define name ="conteudo"> <h:outputlabel value="lista de Pessoas" style="color:red" /> <ul> <ui:repeat var ="pessoa" value ="#{pessoabean.pessoas}"> <ui:include src ="pessoainfo.xhtml "> <ui:param name ="pessoa" value ="#{pessoa}"/> </ui:include > </ui:repeat > </ul > </ui:define > </ui:composition > 118

119 Mensagens Durante o processamento de uma requisição, podemos adicionar mensagens que podem ser exibidas na página de resposta. FacesMessage mensagem = new FacesMessage ("Turma adicionada"); FacesContext.getCurrentInstance().addMessage (null,mensagem ); O primeiro parâmetro do método addmessage() define qual componente será associado à mensagem adicionada. null indica que a mensagem é considerada global, ou seja, ela não será associada a nenhum componente específico 119

120 Mensagens Na tela, para exibir todas as mensagens geradas no processamento da requisição através do componente <h:messages>. Para exibir apenas as mensagens globais, utilize o atributo globalonly <h:messages globalonly="true" /> 120

121 JavaScript e CSS Podemos adicionar recursos como scripts e arquivos de estilos (CSS) usando diretamente as tags <script> e <link> do HTML. Porém, o JSF define outra maneira de inserir esses recursos nas páginas da aplicação. Tais recursos podem ser inseridos com as tags <h:outputscript> e <h:outputstylesheet>. A utilização dessas tags facilita a criação de componentes visuais personalizados ou o gerenciamento de recursos que dependem de regionalidade. <h:outputscript name ="tst.js" library ="javascript" target="head" /> <h:outputstylesheet name="tst.css" library ="css" /> 121

122 Exercício No diretório WebContent, crie um diretório chamado resources. Dentro de resources, crie um diretório chamado css. Crie um arquivo chamado teste.css contendo o estilo desejado e adicione-o ao diretório WebContent/resources/css. 122

123 Exercício body { font-family : arial, helvetica, sans-serif ; font-size : 14px; } h1 { color : #006699; font-size : 18px; } ul { list-style-type : square ; } input { background-color : #E6E6FA ; border : solid 1px #000000; } 123

124 Exercício Use a tag <h:outputstylesheet> para incluir o arquivo de estilos na página definida por pessoas.xhtml. Use a tag <ui:repeat> para exibir as pessoas. <h:outputstylesheet name="teste.css" library="css"/> 124

125 Exercício Considere a página de adição e listagem de pessoas. Modifique sua aplicação de forma que uma mensagem de confirmação seja exibida na tela após o usuário adicionar uma nova pessoa. 125

126 Outros componentes <ui:remove> comentar (ou excluir) partes de código XHTML de uma aplicação o trecho de código dentro dessa tag é removido durante o processamento de uma página JSF. podemos usar os delimitadores <!-- e --> do XML para comentar o código <ui:remove > <h:outputtext value="sobrenome: #{testebean.sobrenome}" /> </ui:remove > 126

127 Outros componentes <ui:repeat> iterar sobre coleções. Possui dois atributos obrigatórios: value: associa-se a uma coleção de objetos var: define o nome da variável usada para referenciar cada um dos elementos da coleção. <h:outputtext value =" Alguns cursos: " /> <ul > <ui repeat value ="#{testebean.cursos }" var = curso"> <li > <h:outputtext value ="#{ curso.sigla }: #{ curso.nome }" /> </li > </ui:repeat > </ul > 127

Introdução. <facelets> Templates. Configurações. Componentes. Prof. Enzo Seraphim

Introdução. <facelets> Templates. Configurações. Componentes. Prof. Enzo Seraphim Introdução Templates Configurações Componentes Prof. Enzo Seraphim Definição Linguagem de descrição de páginas (PDL Page Description Language) criada para JSF. Estabelece templates que suportam

Leia mais

JavaServer Faces (JSF) Leonardo Murta (leomurta@ic.uff.br)

JavaServer Faces (JSF) Leonardo Murta (leomurta@ic.uff.br) JavaServer Faces (JSF) Leonardo Murta (leomurta@ic.uff.br) Especificação/IDE/Implementação Esse curso foi preparado em 03/2015 usando a seguinte especificação, IDE e implementação Especificação JavaServer

Leia mais

MÓDULO Programação para Web 2

MÓDULO Programação para Web 2 MÓDULO Programação para Web 2 USANDO O JSF Continuação Interdependência e Injeção Instâncias de Managed Beans podem conversar entre si para dividir o processamento das requisições dos usuários de acordo

Leia mais

Anotações e Navegação no JSF 2.0

Anotações e Navegação no JSF 2.0 1/16 Anotações e Navegação no JSF 2.0 Simplifique a navegação e a configuração XML com o JSF 2.0 Aprenda a utilizar anotações e navegações implícita e condicional em suas aplicações JSF 2.0 MARCEL TOKARSKI

Leia mais

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,

Leia mais

Mais sobre uso de formulários Site sem Ajax

Mais sobre uso de formulários Site sem Ajax Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher

Leia mais

Material de apoio a aulas de Desenvolvimento Web. Tutorial Java WEB JSP & HTML & CSS & CLASSE & OBJETOS. AAS - www.aas.pro.

Material de apoio a aulas de Desenvolvimento Web. Tutorial Java WEB JSP & HTML & CSS & CLASSE & OBJETOS. AAS - www.aas.pro. Material de apoio a aulas de Desenvolvimento Web Tutorial Java WEB JSP & HTML & CSS & CLASSE & OBJETOS AAS - www.aas.pro.net Março-2012 Este pequeno tutorial tem como objetivo conduzir o programador passo-a-passo

Leia mais

Programando em PHP. Conceitos Básicos

Programando em PHP. Conceitos Básicos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web

Leia mais

Scriptlets e Formulários

Scriptlets e Formulários 2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,

Leia mais

Java II. Sérgio Luiz Ruivace Cerqueira sergioruivace@gmail.com

Java II. Sérgio Luiz Ruivace Cerqueira sergioruivace@gmail.com Java II Sérgio Luiz Ruivace Cerqueira sergioruivace@gmail.com Por quê JSP? Com Servlets é fácil Ler dados de um formulário Recuperar dados de uma requisição Gerar informação de resposta Fazer gerenciamento

Leia mais

Aula 03 - Projeto Java Web

Aula 03 - Projeto Java Web Aula 03 - Projeto Java Web Para criação de um projeto java web, vá em File/New. Escolha o projeto: Em seguida, na caixa Categorias selecione Java Web. Feito isso, na caixa à direita selecione Aplicação

Leia mais

JSF e PrimeFaces. Professor: Ricardo Luis dos Santos IFSUL Campus Sapucaia do Sul

JSF e PrimeFaces. Professor: Ricardo Luis dos Santos IFSUL Campus Sapucaia do Sul JSF e PrimeFaces Professor: Ricardo Luis dos Santos IFSUL 2015 Agenda Introdução Desenvolvimento Web Java Server Faces Exercício 2 Introdução Ao longo dos anos diversas linguagens de programação foram

Leia mais

DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0

DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0 DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0 Índice 1 - Objetivo 2 - Descrição do ambiente 2.1. Tecnologias utilizadas 2.2. Estrutura de pastas 2.3. Bibliotecas já incluídas 3 - Características gerais 4 - Criando

Leia mais

Use a Cabeça! FREEMAN, Eric e Elisabeth. HTML com CSS e XHTML BASHMAN, Brian / SIERRA Kathy / BATES, Bert. Servlets & JSP

Use a Cabeça! FREEMAN, Eric e Elisabeth. HTML com CSS e XHTML BASHMAN, Brian / SIERRA Kathy / BATES, Bert. Servlets & JSP Use a Cabeça! FREEMAN, Eric e Elisabeth. HTML com CSS e XHTML BASHMAN, Brian / SIERRA Kathy / BATES, Bert. Servlets & JSP Software cliente: browser e outros Protocolo HTTP Infraestrutura de transporte

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB

INTRODUÇÃO AO DESENVOLVIMENTO WEB INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Um formulário é uma área que

Leia mais

Associação Carioca de Ensino Superior Centro Universitário Carioca

Associação Carioca de Ensino Superior Centro Universitário Carioca Desenvolvimento de Aplicações Web Lista de Exercícios Métodos HTTP 1. No tocante ao protocolo de transferência de hipertexto (HTTP), esse protocolo da categoria "solicitação e resposta" possui três métodos

Leia mais

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Formulários e JavaScript Como visto anteriormente, JavaScript pode ser usada para

Leia mais

WEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 1 CDI - Curso de Webdesign - Prof. Paulo Trentin Objetivos para esta aula Debater sobre

Leia mais

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1

Leia mais

JSF2 e AJAX. Desenvolvimento Web com. Construa aplicações Web mais interativas e elegantes

JSF2 e AJAX. Desenvolvimento Web com. Construa aplicações Web mais interativas e elegantes Desenvolvimento Web com JSF2 e AJAX Construa aplicações Web mais interativas e elegantes Wagner Borges (wagner@quebrandoparadigmas.com): é formado em Sistemas de Informação pela FACID e especializado em

Leia mais

Arquitetura de Aplicações JSP/Web. Padrão Arquitetural MVC

Arquitetura de Aplicações JSP/Web. Padrão Arquitetural MVC Arquitetura de Aplicações JSP/Web Padrão Arquitetural MVC Arquitetura de Aplicações JSP/Web Ao projetar uma aplicação Web, é importante considerála como sendo formada por três componentes lógicos: camada

Leia mais

SUMÁRIO Acesso ao sistema... 2 Atendente... 3

SUMÁRIO Acesso ao sistema... 2 Atendente... 3 SUMÁRIO Acesso ao sistema... 2 1. Login no sistema... 2 Atendente... 3 1. Abrindo uma nova Solicitação... 3 1. Consultando Solicitações... 5 2. Fazendo uma Consulta Avançada... 6 3. Alterando dados da

Leia mais

Arcabouço para o desenvolvimento de aplicações Web com foco na construção da interface de usuário.

Arcabouço para o desenvolvimento de aplicações Web com foco na construção da interface de usuário. JAVA SERVER FACES Arcabouço para o desenvolvimento de aplicações Web com foco na construção da interface de usuário. Combina Struts e Swing (conceitual) Como o Struts: Permite o controle/gerenciamento

Leia mais

Manual do Painel Administrativo

Manual do Painel Administrativo Manual do Painel Administrativo versão 1.0 Autores César A Miggiolaro Marcos J Lazarin Índice Índice... 2 Figuras... 3 Inicio... 5 Funcionalidades... 7 Analytics... 9 Cidades... 9 Conteúdo... 10 Referência...

Leia mais

JavaServer Faces. Parte 2

JavaServer Faces. Parte 2 JavaServer Faces Parte 2 Recapitulando Aplicações web são aplicações que executam em um servidor Recebem requisições de usuários Retornam respostas ao usuário Browsers só entendem e exibem html O servidor

Leia mais

DESENVOLVENDO APLICAÇÃO UTILIZANDO JAVA SERVER FACES

DESENVOLVENDO APLICAÇÃO UTILIZANDO JAVA SERVER FACES DESENVOLVENDO APLICAÇÃO UTILIZANDO JAVA SERVER FACES Alexandre Egleilton Araújo, Jaime Willian Dias Universidade Paranaense (Unipar) Paranavaí PR Brasil araujo.ale01@gmail.com, jaime@unipar.br Resumo.

Leia mais

COMO FUNCIONA UM FORMULÁRIO

COMO FUNCIONA UM FORMULÁRIO FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,

Leia mais

Criando uma agenda simples com NetBeans 6.5

Criando uma agenda simples com NetBeans 6.5 Criando uma agenda simples com NetBeans 6.5 (Swing application framework e Beansbinding) Já faz algum tempo que escrevi uma agenda simples usando o Eclipse com o Visual Class Editor. Demorei em torno de

Leia mais

INTRODUÇÃO À TECNOLOGIA SERVLETS

INTRODUÇÃO À TECNOLOGIA SERVLETS PROGRAMAÇÃO SERVIDOR EM SISTEMAS WEB INTRODUÇÃO À TECNOLOGIA SERVLETS Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar o conceito aplicações orientada a serviços via web Apresentar o papel dos contentores

Leia mais

Curso de Java. Geração de Páginas WEB através de JSP. Todos os direitos reservados Klais

Curso de Java. Geração de Páginas WEB através de JSP. Todos os direitos reservados Klais Curso de Java Geração de Páginas WEB através de JSP Todos os direitos reservados Klais JSP e Servlets Servletsconstituem um mecanismo conveniente para a geração de páginas HTML dinâmicas e seu tratamento

Leia mais

Java para WEB. Servlets

Java para WEB. Servlets Servlets Servlets são classes Java que são instanciadas e executadas em associação com servidores Web, atendendo requisições realizadas por meio do protocolo HTTP. Servlets é a segunda forma que veremos

Leia mais

Desenvolvimento de aplicações Web. Java Server Pages

Desenvolvimento de aplicações Web. Java Server Pages Desenvolvimento de aplicações Web Java Server Pages Hamilton Lima - athanazio@pobox.com 2003 Como funciona? Servidor web 2 Internet 1 Browser 3 Arquivo jsp 4 JSP Compilado 2 Passo a passo 1 browser envia

Leia mais

WebWork 2. João Carlos Pinheiro. jcpinheiro@cefet-ma.br

WebWork 2. João Carlos Pinheiro. jcpinheiro@cefet-ma.br WebWork 2 João Carlos Pinheiro jcpinheiro@cefet-ma.br Versão: 0.5 Última Atualização: Agosto/2005 1 Agenda Introdução WebWork 2 & XWork Actions Views Interceptadores Validação Inversão de Controle (IoC)

Leia mais

Componentes no Java EE

Componentes no Java EE Unidade III Componentes no Plataforma Java Enterprise Edition Adiciona ao Java suporte para: Desenvolvimento de Aplicações Web: JSP, Servlets e Componentes de Negócio: Interconexão com Sistemas Legados:

Leia mais

Módulo e-rede Prestashop v1.0. Manual de. Instalação do Módulo. estamos todos ligados

Módulo e-rede Prestashop v1.0. Manual de. Instalação do Módulo. estamos todos ligados Módulo e-rede Prestashop v1.0 Manual de Instalação do Módulo estamos todos ligados ÍNDICE 01 02 03 04 Introdução 3 Versão 3 Requerimentos 3 Manual de instalação 4 05 06 4.1 Instruções iniciais 4 4.2 Instalação

Leia mais

CONTRA CONTROLE DE ACESSOS E MODULARIZADOR DE SISTEMAS

CONTRA CONTROLE DE ACESSOS E MODULARIZADOR DE SISTEMAS MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA CONTRA CONTROLE DE ACESSOS E MODULARIZADOR DE SISTEMAS MANUAL

Leia mais

Programação Orientada a Objetos com PHP & MySQL Cookies e Sessões. Prof. MSc. Hugo Souza

Programação Orientada a Objetos com PHP & MySQL Cookies e Sessões. Prof. MSc. Hugo Souza Programação Orientada a Objetos com PHP & MySQL Cookies e Sessões Prof. MSc. Hugo Souza Se você precisar manter informações sobre seus usuários enquanto eles navegam pelo seu site, ou até quando eles saem

Leia mais

Introdução. Componentes básicos. Componentes avançados. PrimeFaces. Prof. Enzo Seraphim

Introdução. Componentes básicos. Componentes avançados. PrimeFaces. Prof. Enzo Seraphim Introdução Componentes básicos Componentes avançados PrimeFaces Prof. Enzo Seraphim PrimeFaces Biblioteca de componentes de código aberto para JavaServer Faces, desenvolvido pela Prime Tecnologia. Iniciado

Leia mais

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.

Leia mais

Rational Requirements Composer Treinamento aos Analistas de Qualidade e Gestor das Áreas de Projeto

Rational Requirements Composer Treinamento aos Analistas de Qualidade e Gestor das Áreas de Projeto Rational Requirements Composer Treinamento aos Analistas de Qualidade e Gestor das Áreas de Projeto Objetivos do Treinamento Apresentar as principais funcionalidades do Rational Requirements Composer relacionadas

Leia mais

Manual do Almoxarifado SIGA-ADM

Manual do Almoxarifado SIGA-ADM Manual do Almoxarifado SIGA-ADM DIRETORIA DE GESTÃO DA TECNOLOGIA DA INFORMAÇÃO(DGTI) MARÇO/2012 Requisição de Almoxarifado Requisições O sistema retornará a tela do menu de Administração. Nela selecione

Leia mais

JSF Facelets. Como Facelets muda a forma de desenvolver com JSF

JSF Facelets. Como Facelets muda a forma de desenvolver com JSF JSF Facelets Como Facelets muda a forma de desenvolver com JSF Agenda JSF 1.x JSF e JSP Facelets JSF 2.0 JSF Framework MVC Eventos (Observadores) Manter o estado da View Uma árvore de componete JSF JSF

Leia mais

JSF - Controle de Acesso FERNANDO FREITAS COSTA

JSF - Controle de Acesso FERNANDO FREITAS COSTA JSF - Controle de Acesso FERNANDO FREITAS COSTA ESPECIALISTA EM GESTÃO E DOCÊNCIA UNIVERSITÁRIA JSF Controle de Acesso Antes de iniciarmos este assunto, é importante conhecermos a definição de autenticação

Leia mais

Está apto a utilizar o sistema, o usuário que tenha conhecimentos básicos de informática e navegação na internet.

Está apto a utilizar o sistema, o usuário que tenha conhecimentos básicos de informática e navegação na internet. 1. Descrição Geral Este manual descreve as operações disponíveis no módulo VTWEB Client, cuja finalidade é gerenciar cadastros de funcionários, realização de pedidos e controle financeiro dos pedidos.

Leia mais

Acessando um Banco de Dados

Acessando um Banco de Dados Acessando um Banco de Dados Introdução Agora que você já está craque em JSP e já instalou seu servidor, vamos direto para a parte prática! Neste tutorial vamos aprender a acessar um banco de dados. Para

Leia mais

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova. 3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao

Leia mais

Manual SAGe Versão 1.2 (a partir da versão 12.08.01)

Manual SAGe Versão 1.2 (a partir da versão 12.08.01) Manual SAGe Versão 1.2 (a partir da versão 12.08.01) Submissão de Relatórios Científicos Sumário Introdução... 2 Elaboração do Relatório Científico... 3 Submissão do Relatório Científico... 14 Operação

Leia mais

Curso de Aprendizado Industrial Desenvolvedor WEB

Curso de Aprendizado Industrial Desenvolvedor WEB Curso de Aprendizado Industrial Desenvolvedor WEB Disciplina: Programação Orientada a Objetos II Professor: Cheli dos S. Mendes da Costa Servidor de Aplicações WEB Tomcat Servidor Tomcat Foi desenvolvido

Leia mais

Manual 2010 Webmaster

Manual 2010 Webmaster Manual 2010 Webmaster Menu 1. Acesso ao sistema 2. Campanhas 2.1 Ver Campanhas Disponíveis 2.2 Minhas Campanhas 3. Formatos 3.1 Banners Automáticos 3.2 Banners Manuais 3.3 E-mail Marketing 3.4 Vitrines

Leia mais

1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2.

1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2. 1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2. Editando um Artigo 4.3. Excluindo um Artigo 4.4. Publicar

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aulas 09 e 10 Fernando F. Costa nando@fimes.edu.br Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode

Leia mais

Além do JSF: Matriz de Campos com Recursos e Práticas Incomuns

Além do JSF: Matriz de Campos com Recursos e Práticas Incomuns Décio Heinzelmann Luckow (decioluckow@gmail.com): é bacharel em Sistemas de Informação pela Univille e pósgraduando em Gestão de Projetos pela Sustentare Escola de Negócios. Já trabalhou com as linguagens

Leia mais

Site do Advogado Manual

Site do Advogado Manual Site do Advogado Manual Acesso ao site www.seudominio.com.br (em breve) www.siteadv.com.br/seudominio Para acessar a área administrativa, utilize o seguinte endereço: www.seudominio.com.br/restrito (em

Leia mais

Anote aqui as informações necessárias:

Anote aqui as informações necessárias: banco de mídias Anote aqui as informações necessárias: URL E-mail Senha Sumário Instruções de uso Cadastro Login Página principal Abrir arquivos Área de trabalho Refine sua pesquisa Menu superior Fazer

Leia mais

Cenários do CEL. Acessar ao sistema

Cenários do CEL. Acessar ao sistema Cenários do CEL Acessar ao sistema Permitir que o usuário acesse ao Sistema de Léxicos e Cenários nas seguintes condições: logando-se, quando já estiver cadastrado; ou incluindo usuário independente, quando

Leia mais

MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA

MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA SACI LIVRE SISTEMA DE ADMINISTRAÇÃO DE CONTEÚDO INSTITUCIONAL

Leia mais

Manual do Usuário CFCWeb BA

Manual do Usuário CFCWeb BA ÍNDICE Acesso ao sistema... 2 Tela Principal... 3 Cadastro de Candidatos... 5 Agenda Teórico... 6 Agenda Prático... 7 Consulta Agendamentos do Candidato por Serviço... 9 Cadastro de Grade Horária... 10

Leia mais

MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte

MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte MANUAL JOOMLA 2.5 PORTAL INTERNET Ministério do Esporte SUMÁRIO 1.0 - Módulo Administração... 1 2.0 Banner randômico... 2 2.1 Adicionar novo slide... 2 2.2 Excluir slide... 6 3.0 Artigos... 7 3.1 Adicionar

Leia mais

www.coldfusionbrasil.com.br

www.coldfusionbrasil.com.br www.coldfusionbrasil.com.br 2000 TRABALHANDO COM E-MAILS 3 ENVIANDO E-MAILS COM CFMAIL 3 ENVIANDO E-MAIL BASEADO EM UM FORMULÁRIO 4 UTILIZANDO QUERY PARA ENVIAR E-MAILS 5 ENVIANDO E-MAIL PARA MÚLTIPLOS

Leia mais

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo.

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. Manual de Instruções ECO Editor de Conteúdo Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. O ECO é um sistema amigável e intui?vo, mas abaixo você pode?rar eventuais dúvidas e aproveitar

Leia mais

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Formulários HTML Aula 07: Formulários e Frames HTML Os formulários HTML são utilizados, geralmente, como entradas de dados prépreenchimento,

Leia mais

Série ArcGIS Online I. Aprenda em 20. Módulo 4. Configure pop-ups. www.academiagis.com.br

Série ArcGIS Online I. Aprenda em 20. Módulo 4. Configure pop-ups. www.academiagis.com.br Série ArcGIS Online I Aprenda em 20 Módulo 4 Configure pop-ups Junho/2015 academiagis@img.com.br www.academiagis.com.br 1 Configure pop-ups No módulo 3, você trabalhou com várias propriedades diferentes

Leia mais

Construtor de sites SoftPixel GUIA RÁPIDO - 1 -

Construtor de sites SoftPixel GUIA RÁPIDO - 1 - GUIA RÁPIDO - 1 - Sumário Introdução...3 Por que utilizar o Construtor de Sites?...3 Vantagens do Construtor de Sites...3 Conceitos básicos...3 Configuração básica do site...5 Definindo o layout/template

Leia mais

1 Criar uma entity a partir de uma web application que usa a Framework JavaServer Faces (JSF)

1 Criar uma entity a partir de uma web application que usa a Framework JavaServer Faces (JSF) Sessão Prática II JPA entities e unidades de persistência 1 Criar uma entity a partir de uma web application que usa a Framework JavaServer Faces (JSF) a) Criar um Web Application (JPAsecond) como anteriormente:

Leia mais

Criando um script simples

Criando um script simples Criando um script simples As ferramentas de script Diferente de muitas linguagens de programação, você não precisará de quaisquer softwares especiais para criar scripts de JavaScript. A primeira coisa

Leia mais

Curso de Capacitação em Gerenciador de Conteúdo PLONE

Curso de Capacitação em Gerenciador de Conteúdo PLONE Curso de Capacitação em Gerenciador de Conteúdo PLONE 1 Índice Estrutura Viewlets 21 Portlets 26 2 Estrutura Intermediário Depois de conhecer a estrutura principal do Plone e realizar as configurações

Leia mais

02 - Usando o SiteMaster - Informações importantes

02 - Usando o SiteMaster - Informações importantes 01 - Apresentação do SiteMaster - News Edition O SiteMaster foi desenvolvido para ser um sistema simples de gerenciamento de notícias, instalado em seu próprio computador e com configuração simplificada,

Leia mais

Ferramentas para Multimídia e Internet - 1486

Ferramentas para Multimídia e Internet - 1486 1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato

Leia mais

Prática em Laboratório N.01 Criando um Serviço Web via Console

Prática em Laboratório N.01 Criando um Serviço Web via Console Prática em Laboratório N.01 Criando um Serviço Web via Console O objetivo criar um serviço Web via console usando apenas um editor de texto. Obtenha os arquivos da Prática N.01 Você deve recuperar os arquivos

Leia mais

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.). HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a

Leia mais

O código acima descreve o formulário com uma caixa de texto e dois botões

O código acima descreve o formulário com uma caixa de texto e dois botões Formulários Formulários permitem que os usuários interajam com um servidor Web passando informações. Assim, através da Web, se pode ler e gravar informações em Banco de Dados, gerando enormes possibilidades

Leia mais

Aula 09 - Atualização de uma tabela dinâmica. Aula 09 - Atualização de uma tabela dinâmica. Sumário. Atualizando a tabela dinâmica

Aula 09 - Atualização de uma tabela dinâmica. Aula 09 - Atualização de uma tabela dinâmica. Sumário. Atualizando a tabela dinâmica Sumário Atualizando a tabela dinâmica Exibição de páginas em planilhas separadas Detalhando / ocultando os dados da planilha Gráfico dinâmico Gráfico dinâmico (cont.) Alterando a formatação do gráfico

Leia mais

UNIVERSIDADE FEDERAL DO AMAPÁ NÚCLEO DE TECNOLOGIA DA INFORMAÇÃO. Manual de Avaliação de Desempenho Cadastro

UNIVERSIDADE FEDERAL DO AMAPÁ NÚCLEO DE TECNOLOGIA DA INFORMAÇÃO. Manual de Avaliação de Desempenho Cadastro UNIVERSIDADE FEDERAL DO AMAPÁ NÚCLEO DE TECNOLOGIA DA INFORMAÇÃO Manual de Avaliação de Desempenho Cadastro UNIFAP MACAPÁ-AP 2013 S U M Á R I O 1 Tela de Login...2 2 Acessando ao submenu cadastro de avaliação

Leia mais

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL.

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Procuraremos mostrar os principais procedimentos para fazer um cadastro de registros numa base de dados MySQL utilizando a linguagem

Leia mais

TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com

TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com Luiz Leão luizleao@gmail.com http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação

Leia mais

Minha primeira aplicação utilizando Java Server Faces + Glassfish

Minha primeira aplicação utilizando Java Server Faces + Glassfish Minha primeira aplicação utilizando Java Server Faces + Glassfish Este tutorial apresenta de forma simples, como iniciar no desenvolvimento com o framework Java Server faces 1.2, utilizando-se o servidor

Leia mais

Omega Tecnologia Manual Omega Hosting

Omega Tecnologia Manual Omega Hosting Omega Tecnologia Manual Omega Hosting 1 2 Índice Sobre o Omega Hosting... 3 1 Primeiro Acesso... 4 2 Tela Inicial...5 2.1 Área de menu... 5 2.2 Área de navegação... 7 3 Itens do painel de Controle... 8

Leia mais

Finalizando o Pedido (Tarefa G) Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br)

Finalizando o Pedido (Tarefa G) Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br) Finalizando o Pedido (Tarefa G) Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br) Feedback do Cliente Com os itens no carrinho é hora de permitir a finalização da venda Operação conhecida como "Check Out"

Leia mais

Os componentes de um formulário são: Form, Input, Select e AreaText

Os componentes de um formulário são: Form, Input, Select e AreaText HTML Formulário O elemento FORM, da HTML, é o responsável por prover documentos interativos no ambiente WWW de forma que uma pagina web exibida a um usuário possa submeter um conjunto de dados, informados

Leia mais

Introdução ao Tableau Server 7.0

Introdução ao Tableau Server 7.0 Introdução ao Tableau Server 7.0 Bem-vindo ao Tableau Server; Este guia orientará você pelas etapas básicas de instalação e configuração do Tableau Server. Em seguida, usará alguns dados de exemplo para

Leia mais

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2.

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2. Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Formulários Durante a navegação em websites é comum que sejam solicitadas informações

Leia mais

Módulo e-rede OpenCart v1.0. Manual de. Instalação do Módulo. estamos todos ligados

Módulo e-rede OpenCart v1.0. Manual de. Instalação do Módulo. estamos todos ligados Módulo e-rede OpenCart v1.0 Manual de Instalação do Módulo estamos todos ligados ÍNDICE 01 02 03 04 Introdução 3 Versão 3 Requerimentos 3 Manual de instalação 4 05 06 4.1 vqmod 4 4.2 Instalação e ativação

Leia mais

Portal Sindical. Manual Operacional Empresas/Escritórios

Portal Sindical. Manual Operacional Empresas/Escritórios Portal Sindical Manual Operacional Empresas/Escritórios Acesso ao Portal Inicialmente, para conseguir acesso ao Portal Sindical, nos controles administrativos, é necessário acessar a página principal da

Leia mais

Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR

Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR Novell Teaming - Guia de início rápido Novell Teaming 1.0 Julho de 2007 INTRODUÇÃO RÁPIDA www.novell.com Novell Teaming O termo Novell Teaming neste documento se aplica a todas as versões do Novell Teaming,

Leia mais

Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web

Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web Introdução Formulários rios & Conteúdo Dinâmico Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA A Web surgiu inicialmente como uma nova forma de comunicação de informações, fazendo uso de

Leia mais

Aula 01 - Formatações prontas e condicionais. Aula 01 - Formatações prontas e condicionais. Sumário. Formatar como Tabela

Aula 01 - Formatações prontas e condicionais. Aula 01 - Formatações prontas e condicionais. Sumário. Formatar como Tabela Aula 01 - Formatações prontas e Sumário Formatar como Tabela Formatar como Tabela (cont.) Alterando as formatações aplicadas e adicionando novos itens Removendo a formatação de tabela aplicada Formatação

Leia mais

CONSTRUÇÃO DE BLOG COM O BLOGGER

CONSTRUÇÃO DE BLOG COM O BLOGGER CONSTRUÇÃO DE BLOG COM O BLOGGER Blog é uma abreviação de weblog, qualquer registro frequênte de informações pode ser considerado um blog (últimas notícias de um jornal online por exemplo). A maioria das

Leia mais

Curso de Capacitação em Gerenciador de Conteúdo PLONE

Curso de Capacitação em Gerenciador de Conteúdo PLONE Curso de Capacitação em Gerenciador de Conteúdo PLONE 1 Índice Customização Acionar modo debug 3 Propriedades Básicas 10 Arquivos de Customização 15 2 Customização Intermediário Com a definição do posicionamento

Leia mais

Processo de Envio de email

Processo de Envio de email Processo de Envio de email Introdução O envio de documentos de forma eletrônica vem sendo muito utilizado, assim o envio de arquivos, relatórios, avisos, informações é realizado via e-mail. O sistema disponibiliza

Leia mais

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 2 Continuação do Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 3 Capítulo 2 - Site do Dreamweaver

Leia mais

Síntese das discussões do fórum Livro-APF: Julho/2010

Síntese das discussões do fórum Livro-APF: Julho/2010 Síntese das discussões do fórum Livro-APF: Julho/2010 Assunto: Estimativa de Aumento de Produtividade Data: 01/07/2010 Link: http://br.groups.yahoo.com/group/livro-apf/message/2577 Dúvida: Existe alguma

Leia mais

Manual do Sistema "Vida Controle de Contatos" Editorial Brazil Informatica

Manual do Sistema Vida Controle de Contatos Editorial Brazil Informatica Manual do Sistema "Vida Controle de Contatos" Editorial Brazil Informatica I Vida Controle de Contatos Conteúdo Part I Introdução 2 1 Vida Controle... de Contatos Pessoais 2 Part II Configuração 2 1 Configuração...

Leia mais

MANUAL DO ADMINISTRADOR LOCAL. Entidade Municipal

MANUAL DO ADMINISTRADOR LOCAL. Entidade Municipal MANUAL DO ADMINISTRADOR LOCAL Entidade Municipal Abril / 2011 ÍNDICE Objetivos do Sistema de Registro de Integrado - REGIN... 3 Principais Módulos do Sistema... 4 Módulo Controle de Acesso... 5 Módulo

Leia mais

MANUAL DE UTILIZAÇÃO DO WEBMAIL SBC

MANUAL DE UTILIZAÇÃO DO WEBMAIL SBC MANUAL DE UTILIZAÇÃO DO WEBMAIL SBC SUMÁRIO 1 - Tela de Login...03 2 - Caixa de Entrada...04 3 - Escrever Mensagem...06 4 - Preferências...07 4.1 - Configurações Gerais...07 4.2 - Trocar Senha...07 4.3

Leia mais

Manual de Utilização do PLONE (Gerenciador de página pessoal)

Manual de Utilização do PLONE (Gerenciador de página pessoal) Manual de Utilização do PLONE (Gerenciador de página pessoal) Acessando o Sistema Para acessar a interface de colaboração de conteúdo, entre no endereço http://paginapessoal.utfpr.edu.br. No formulário

Leia mais

Análise de Dados do Financeiro

Análise de Dados do Financeiro Análise de Dados do Financeiro Introdução Para reunir em um só local as informações de contas a pagar e receber cadastradas e/ou geradas no sistema TTransp existe a interface de análise de dados do financeiro.

Leia mais

Manual do usuário. v1.0

Manual do usuário. v1.0 Manual do usuário v1.0 1 Iniciando com o Vivo Gestão 1. como fazer login a. 1º acesso b. como recuperar a senha c. escolher uma conta ou grupo (hierarquia de contas) 2. como consultar... de uma linha a.

Leia mais

Repeater no GASweb. Regiões

Repeater no GASweb. Regiões Repeater no GASweb Por: Rodrigo Silva O controle de servidor Repeater é um container básico que permite a você criar uma lista de qualquer informação que deseja em uma página Web. Ele não tem uma aparência

Leia mais