Programação para Dispositivos Móveis. WebService (Estudo de caso: banco de dados externo)
|
|
- Tânia Sabrina de Lacerda
- 5 Há anos
- Visualizações:
Transcrição
1 Programação para Dispositivos Móveis WebService (Estudo de caso: banco de dados externo)
2 Introdução Na aula de hoje criaremos uma aplicação responsável por enviar dados para um webservice e receber uma resposta do mesmo. Utilizaremos a API Volley e, no servidor, um webservice em PHP A estrutura do projeto é definida no próximo slide
3 Introdução Envia dados para a nuvem Servidor Web
4 Introdução Armazena os Dados Servidor Web
5 Introdução Solicita Dados na Nuvem Servidor Web
6 Introdução Processa requisição Servidor Web
7 Introdução Devolve os dados ao usuário Servidor Web
8 Introdução AppControler Detalhes EnviarDados iot/api/post.php iot/api/retornadados.php iot/index.php MainActivity Banco de Dados Servidor Web
9 iot/api/post.php Servidor iot/api/post.php iot/api/retornadados.php iot/index.php O conteúdo do diretório API é composto por dois arquivos POST.PHP RETORNADADOS.PHP Estes arquivos são chamados de BackEnd, e é como o motor de funcionamento de toda nossa aplicação do lado do servidor Servidor Web Banco de Dados
10 iot/api/post.php Servidor iot/api/post.php iot/api/retornadados.php iot/index.php A comunicação entre o cliente (APP) e o servidor será por meio do método POST Existem dois tipos de métodos de comunicação GET - Quando utilizamos o GET, os parâmetros são passados no cabeçalho da requisição. (Ex.: URL de vídeos do youtube); POST - O POST, ao contrário do GET, envia os parâmetros no corpo da requisição HTTP. Ele encapsula os dados no corpo da requisição e consegue transportar mais dados que o GET. Por isso será o método utilizado por nós. No próximo slide segue o código do arquivo post.php Servidor Web Banco de Dados
11 iot/api/post.php Servidor iot/api/post.php iot/api/retornadados.php iot/index.php <?php //abre a conexão com o banco mysql $connection = mysqli_connect("end_servidor","nome_usuario","senha_do_usuario","nome_base"); or die("error ". mysqli_error($connection)); Banco de Dados // recebe a requisição do aplicativo $mtitulo = $_POST['titulo']; $mdata = $_POST['data']; $mnoticia = $_POST['noticia']; Servidor Web echo "Resposta: ".$mtitulo." "; $sql_query = "INSERT INTO minhatabela (titulo,noticia,data) VALUES ('$mtitulo', '$mnoticia', '$mdata')"; if (mysqli_query($connection, $sql_query)) { echo "Notícia postada com sucesso!!!"; } else { echo "Erro: ". $sql_query. "<br>". mysqli_error($connection); }?> mysqli_close($conn);
12 iot/api/post.php Servidor iot/api/retornadados.php iot/api/retornadados.php iot/index.php Como o nome do arquivo diz, a função dele é retornar uma resposta para a requisição do usuário Banco de Dados Este arquivo faz uma consulta no banco de dados por todas as notícias cadastradas Servidor Web Em seguida, retorna uma string no formato JSON
13 iot/api/post.php Servidor iot/api/retornadados.php iot/api/retornadados.php iot/index.php <?php //conecta-se com o banco de dados $con = new mysqli("end_servidor","nome_usuario","senha_do_usuario","nome_base"); mysqli_set_charset($con,"utf8"); Banco de Dados if($con->connect_errno){ } echo "Erro ao conectar: ". $con->connect_erro; //comando para pegar todas noticias $sql2 = "select * from minhatabela"; Servidor Web //executa no bd $retorno = $con->query($sql2); while($registro = $retorno->fetch_array()){ } $emparray[] = $registro; //apresenta a string json na tela echo json_encode($emparray);?>
14 iot/api/post.php Servidor iot/index.php iot/api/retornadados.php iot/index.php Se o conteúdo do diretório API é o BackEnd, saindo dela temos o arquivo index.php que é o FrontEnd, ou a parte visualizada pelo usuário Servidor Web Banco de Dados
15 iot/api/post.php Servidor iot/index.php iot/api/retornadados.php iot/index.php <!DOCTYPE html> <html lang="pt"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initialscale=1"> </head> <title>senai News</title> <!-- Bootstrap --> <link href="ext/bootstrap.min.css" rel="stylesheet"> <body style="background-color: #f9f9f9"> <div class="container"> </span> <div class="row"> <div class="col-md-1"></div> <div class="col-md-10" style="margin-top: 60px"> <h3>senai News </h3><p>24 horas no ar </p> <span class="label label-success"> arieldias.com <span class="label label-danger" style="margin-left: 10px; margin-right: 10px;"> By: Ariel Dias </span> <?php //abre a conexão com o banco de dados $connection = mysqli_connect("end_servidor","nome_usuario","senha_do_usuario", "nome_base") or die("error ". mysqli_error($connection));?> $sql = "select * from minhatabela"; $result = mysqli_query($connection, $sql) or die("error in Selecting ". mysqli_error($connection)); while($row =mysqli_fetch_assoc($result)) { } 20px;"> $emparray[] = $row; <table class="table table-hover" style="margin-top: </div> <tr class="success"> </tr> <td><b>id</b></td> <td><b>tópico</b></td> <td><b>notícia</b></td> <?php foreach( $emparray as $vale):?> <tr class ="info"> <td> <?php echo $vale['id'];?> </td> <td> <?php echo $vale['title']." (".$vale['time'].")";?> </td> <td> <?php echo $vale['news'];?> </tr> </td> <?php endforeach;?> <?php </table> //close the db connection mysqli_close($connection);?> </div> <div class="col-md-1"></div> <script language="javascript"> window.onload = function () { settimeout('location.reload();', 10000); } </script> <script src=" min.js"></script> </body> </html> <script src="ext/ootstrap.min.js"></script> Servidor Web Banco de Dados
16 iot/api/post.php Servidor iot/api/retornadados.php iot/index.php Acesse: end_servidor/iot No meu caso: arieldias.com/iot Banco de Dados Servidor Web
17 AppControler Cliente (APP) Detalhes EnviarDados MainActivity Do lado do cliente, no caso o APP, utilizaremos uma API para auxiliar o desenvolvimento A API que utilizaremos é a Volley Volley é uma API HTTP desenvolvida pelo Google e foi introduzida pela primeira vez durante o Google I/O Essa API é usada para transmitir dados pela rede. Na verdade, torna a rede mais rápida e fácil para o Google Apps. Está disponível através do repositório AOSP (Android Open Source Project).
18 AppControler Cliente (APP) API Volley Detalhes EnviarDados MainActivity Volley usa o conceito de caches para melhorar o desempenho do aplicativo. Quando o usuário solicita os mesmos dados, em vez de chamar do servidor, o Volley mostra-o diretamente do recurso de economia de cache e, assim, melhora a experiência do usuário.
19 AppControler Cliente (APP) API Volley Detalhes EnviarDados MainActivity Classe RequestQueue O Volley é uma biblioteca de rede gerenciada pelo RequestQueue e usada principalmente para fins de rede menores no Android. Para usá-lo, primeiro é necessário instanciar o RequestQueue e, mais tarde, você pode iniciar ou parar o pedido, adicionar ou cancelar o pedido e acessar o (s) cache (s) de resposta. RequestQueue queue = Volley.newRequestQueue(this); Após instanciar RequestQueue, uma solicitação deve ser criada. As classes de solicitação padrão já incluídas na biblioteca Volley são solicitação String, solicitação JSON e solicitação de imagem.
20 AppControler Cliente (APP) API Volley Detalhes EnviarDados MainActivity RequestConstructor Recebe 4 parâmetros JsonObjectRequest request = JsonObjectRequest(Request.Method.GET, url, new ResponseListener(), new ErrorListener()); 1º Parametro - Request.Method.GET: O GET é usado para ler. Você também pode usar POST (para criar), PUT (para atualizar / substituir), DELETE (para excluir), PATCH (para atualizar / modificar) e muito mais.
21 AppControler Cliente (APP) API Volley Detalhes EnviarDados MainActivity RequestConstructor Recebe 4 parâmetros JsonObjectRequest request = JsonObjectRequest(Request.Method.GET, url, new ResponseListener(), new ErrorListener()); 1º Parametro - Request.Method.GET: O GET é usado para ler. Você também pode usar POST (para criar), PUT (para atualizar / substituir), DELETE (para excluir), PATCH (para atualizar / modificar) e muito mais. 2º Parâmetro - URL: O URL que responderá ao pedido HTTP.
22 AppControler Cliente (APP) API Volley Detalhes EnviarDados MainActivity RequestConstructor Recebe 4 parâmetros JsonObjectRequest request = JsonObjectRequest(Request.Method.GET, url, new ResponseListener(), new ErrorListener()); 1º Parametro - Request.Method.GET: O GET é usado para ler. Você também pode usar POST (para criar), PUT (para atualizar / substituir), DELETE (para excluir), PATCH (para atualizar / modificar) e muito mais. 2º Parâmetro - URL: O URL que responderá ao pedido HTTP. 3º Parâmetro Listener de conclusão bem sucedida: Para onde seus dados irão após a conclusão bem-sucedida da solicitação.
23 AppControler Cliente (APP) API Volley RequestConstructor Recebe 4 parâmetros JsonObjectRequest request = JsonObjectRequest(Request.Method.GET, url, new ResponseListener(), new ErrorListener()); 1º Parametro - Request.Method.GET: O GET é usado para ler. Você também pode usar POST (para criar), PUT (para atualizar / substituir), DELETE (para excluir), PATCH (para atualizar / modificar) e muito mais. 2º Parâmetro - URL: O URL que responderá ao pedido HTTP. 3º Parâmetro Listener de conclusão bem sucedida: Para onde seus dados irão após a conclusão bem-sucedida da requisição. 4º Parâmetro Listener de conclusão com erro: O que será dito se houve um problema com sua requisição. Detalhes EnviarDados MainActivity
24 AppControler Cliente (APP) API Volley Detalhes EnviarDados MainActivity Abra o Android Studio Crie um projeto com Empty Activity Dê o nome de ConexaoWebService O primeiro passo para utilizarmos a API Volley é adicionar a dependência no arquivo build.gradle No próximo slide apresento o build.gradle com a dependência (em vermelho).
25 AppControler Cliente (APP) build.gradle Detalhes EnviarDados MainActivity dependencies { implementation filetree(dir: 'libs', include: ['*.jar']) implementation 'com.android.support:appcompat-v7:28.0.0' implementation 'com.android.support.constraint:constraintlayout:1.1.3' implementation 'com.android.volley:volley:1.1.0' testimplementation 'junit:junit:4.12' androidtestimplementation 'com.android.support.test:runner:1.0.2' androidtestimplementation 'com.android.support.test.espresso:espresso-core:3.0.2 } IMPORTANTE: APÓS REALIZAR A ALTERAÇÃO, PRESSIONE A OPÇÃO SYNC NOW NA PARTE SUPERIOR DA TELA
26 AppControler Cliente (APP) API Volley Detalhes EnviarDados MainActivity Nós faremos uma consulta a internet, certo? Então precisamos solicitar no AndroidManifest.xml a permissão para acesso a internet A solicitação de permissão abaixo, deve ficar logo antes da TAG <application <uses-permission android:name="android.permission.internet" />
27 AppControler Cliente (APP) API Volley Teremos 4 classes, cada uma com responsabilidades distintas MainActivity esta é a classe da activity inicial, quando o aplicativo é executado esta o conteúdo desta activity é o primeiro a ser desenhado na tela aqui a activity possui um listview que consulta o webservice e recupera os dados no banco para mostrar na tela nesta activity temos 2 botões: Adicionar Notícia e Atualizar Notícia também nesta activity, ao clicar sobre um item da lista, é invocada uma nova activity com os detalhes da notícia esta classe possui o método fetchingdata(), que é o coração da aplicação, responsável por realizar a conexão com o webservice e as requisições Veja o código no anexo Detalhes EnviarDados MainActivity
28 AppControler Cliente (APP) API Volley Detalhes EnviarDados MainActivity Teremos 4 classes, cada uma com responsabilidades distintas EnviarDados esta activity é invocada pela activity inicial (MainActivity) nela temos 3 campos para inserir dados e 1 botão ao clicar no botão os dados são enviados para o webservice, o qual insere no banco de dados Veja o código no anexo
29 AppControler Cliente (APP) API Volley Detalhes EnviarDados MainActivity Teremos 4 classes, cada uma com responsabilidades distintas Detalhes esta activity também é invocada pela activity inicial (MainActivity) nela são apresentados os detalhes da notícia nesta classe temos o método postarnoticia, que é a ação do botão ao clicar, o aplicativo se conecta a URL realizando uma requisição por meio da classe AppControler Veja o código no anexo
30 AppControler Cliente (APP) API Volley Detalhes EnviarDados MainActivity Teremos 4 classes, cada uma com responsabilidades distintas AppControler esta classe não é uma activity ela é responsável por realizar as requisições Veja o código no anexo
31 Cliente (APP) API Volley Após tudo desenvolvido, agora execute o APP! Abra no navegador da internet o seguinte endereço: arieldias.com/iot Esta página apresenta todas as inserções no banco através do APP Ela atualiza a cada 5 segundos a procura de novos dados no banco
Desenvolvimento Web II
Desenvolvimento Web II Web Service PHP Rest Frameworks: Slim e Laravel (get/ post / put / delete) Gil Eduardo de Andrade Web Service Introdução: Um web service pode ser definido como uma tecnologia que
Leia maisUTILIZAÇÃO DA BIBLIOTECA DIMEPSAT PARA ANDROID
UTILIZAÇÃO DA BIBLIOTECA DIMEPSAT PARA ANDROID Neste manual você irá aprender como desenvolver com a biblioteca do SAT Dimep para Android, que é distribuída no formato Android Archive Library. Para demonstrar
Leia maisComo criar um banco de dados usando o mysql
Como criar um banco de dados usando o mysql 1º Passo: Tenha instalado em seu computador o software XAMPP. Clique aqui para fazer o download. 2º Passo: O XAMPP faz a instalação normal, apenas clicando next,
Leia maisAplicativos móveis com HTML5
Aplicativos móveis com HTML5 Preparando o ambiente de desenvolvimento O código HTML pode ser escrito em qualquer editor de texto comum. Você pode utilizar o editor padrão do seu sistema operacional (Bloco
Leia maisTRABALHO FINAL 20 Pontos
Técnico em Informática Integrado ao Ensino Médio Algoritmos e Banco de Dados Profa. Cleiane Gonçalves Oliveira TRABALHO FINAL 20 Pontos O trabalho final deverá constar os três seguintes tipos de funções:
Leia maisDesenvolvimento de Aplicações para Internet Aula 5
Desenvolvimento de Aplicações para Internet Aula 5 Celso Olivete Júnior olivete@fct.unesp.br www.fct.unesp.br/docentes/dmec/olivete Na aula passada Linguagem PHP: Introdução tiposdedados operadores estruturas
Leia maisPROJETO WEB: Java. Prof Fernando Gomes
PROJETO WEB: Este projeto nos mostra uma página JSP que contém um formulário para digitarmos um número inteiro. Na mesma página, o sistema retorna se esse número é primo ou não - caso não seja primo, retorna
Leia maisPHP. SQL / MySQL Ligação a base de dados Selecção e visualização de registos Adicionar, Eliminar, Pesquisar e Editar registos
PHP SQL / MySQL Ligação a base de dados Selecção e visualização de registos Adicionar, Eliminar, Pesquisar e Editar registos Acesso a bases de dados com PHP 1.º - Captar os dados 2.º - Estabelecer a ligação
Leia maisJAVASCRIPT. Desenvolvimento Web I
JAVASCRIPT Desenvolvimento Web I JavaScript HTML Conteúdo - ( Markup language) CSS Apresentação (Style Sheet language) JavaScript (Programming language) Uso de JavaScript : Validação de formulários, galerias
Leia maisCapítulo 7. A camada de aplicação
Capítulo 7 A camada de aplicação slide 1 slide 2 DNS Sistema de Nomes de Domínio O espaço de nomes DNS Registros de recursos de domínio Servidores de nome slide 3 O espaço de nomes DNS (1) Parte do espaço
Leia maisTécnico Integrado em Informática. Programação WEB (PRW) Introdução ao PHP
Técnico Integrado em Informática Programação WEB (PRW) Introdução ao PHP Prof. César Alberto da Silva Introdução ao PHP Delimitadores de código PHP //tag de abertura // Código PHP aqui!!! //tag de fechamento
Leia maisCriando o primeiro projeto para entender a estrutura do app
File > New > New Project Criando o primeiro projeto para entender a estrutura do app Escolha o tipo de projeto. Tenha sempre atenção a versão mínima da API a ser utilizada no projeto. Normalmente, quando
Leia maisRetrofit. Criar um novo projeto. Selecionar a API. Retrofit para consumir Web Service Luiz Eduardo Guarino de Vasconcelos
Retrofit Criar um novo projeto Selecionar a API Empty Activity MainActivity Finish. Adicionar Novas Dependências Menu File > Project Structure Modulo app > Aba Dependencies Clique em adicionar (+) no canto
Leia mais<HTML> Vinícius Roggério da Rocha
Vinícius Roggério da Rocha www.monolitonimbus.com.br O que é HTML? HTML = HyperText Markup Language ou Linguagem de Marcação de Hipertexto Linguagem: maneira de se comunicar (entre máquinas, pessoas
Leia maisConexão com Banco de Dados, Inserção, exclusão e atualização de registros
Conexão com Banco de Dados, Inserção, exclusão e atualização de registros Vamos criar um banco de dados no MySQL. Inicie o WampServer Abra o HeidSQL Crie o código SQL para criar o banco de dados e a tabela.
Leia maisConstruindo 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 maisDesenvolvimento de Aplicações para Internet Aula 11
Desenvolvimento de Aplicações para Internet Aula 11 Celso Olivete Júnior olivete@fct.unesp.br www.fct.unesp.br/docentes/dmec/olivete jquery Na aula passada: Selecionando atributos Manipulando CSS Inserindo
Leia mais22/05/2012 CRIANDO UM PROJETO COM TELAS ESTRUTURA DA APLICAÇÃO LOGIN BANCO DE DADOS TAREFAS PHP MYSQL PARTE 2
CRIANDO UM PROJETO COM TELAS Páginas com formulário Acesso ao banco de dados PHP MYSQL PARTE 2 Luciana Balieiro Cosme ESTRUTURA DA APLICAÇÃO LOGIN BANCO DE DADOS # Coluna Nome e Tipo 1 codigo int(11) AUTO_INCREMENT
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir Linguagem PHP Mail() e BD @wre2008 1 Sumário Função mail(); Conexão com Banco de dados; @wre2008 2 Envio de e-mail O comando mail(): é a função do PHP para envio de e-mail.
Leia maisDesenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo
Parte I Prof. Vicente Paulo de Camargo Páginas com podem ser desenvolvidas com editor de texto simples Existem, no entanto, alguns editores interessantes, que facilitam a edição de páginas É o caso de
Leia maisManual do usuário people
Manual do usuário people http://people.ufpr.br/ Sumário 1. O que é?... 3 2. Como é feito o acesso... 3 3. O Que pode ser feito no people.ufpr.br?... 3 4. Espaço de Armazenamento... 3 5. Como é feito a
Leia maisProgramação para Internet I
Programação para Internet I Aula 6 PHP: Include, Require, Variáveis de ambiente Prof. Teresinha Letícia da Silva leticiasfw@yahoo.com.br Inclusão de arquivos com Include e Require no PHP Uma técnica muito
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Curso de Sistemas de Informação Prof. Dr. Daniel A. Furtado Módulo 10 Web Dinâmica Introdução ao AJAX AJAX Introdução
Leia maisPHP INTEGRAÇÃO COM MYSQL PARTE 2
ABRIR CONEXÃO PHP INTEGRAÇÃO COM MYSQL PARTE 2 Professor: Leonardo Pereira Email: leongamerti@gmail.com Facebook: leongamerti Material de Estudo: http://www.leonti.vv.si Antes de podermos acessar informações
Leia mais<link rel="stylesheet" type="text/css" href="imagens.css" />
Este código é responsável pela visualização html. exibição de Imagens
Leia maisTutorial sobre Activity: Como carregar um fragmento do mapa para a tela do celular
Tutorial sobre Activity: Como carregar um fragmento do mapa para a tela do celular Esse tutorial tem por objetivo mostrar como criar uma activity que carrega um fragmento do mapa do google maps para a
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 9 Cookies HTTP e Sessões Prof. Dr. Daniel A. Furtado 2 Cookies Um cookie HTTP (ou simplesmente cookie) é um pequeno
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Curso de Sistemas de Informação Prof. Dr. Daniel A. Furtado Módulo 9 Cookies HTTP e Sessões Programação para Internet
Leia maisDesenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete)
Desenvolvimento de Sistemas Web Prof. Leandro Roberto Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) JavaScript Eventos Alguns eventos de uma página HTML podem ser interceptados e programados
Leia maisTECNOLOGIAS DE ACESSO A BASES DE DADOS. Profª Ana Paula Cação Maio de 2018
PROGRAMAÇÃO E SISTEMAS DE INFORMAÇÃO MÓDULO 17-A TECNOLOGIAS DE ACESSO A BASES DE DADOS Profª Ana Paula Cação Maio de 2018 CONTEÚDOS 1. Métodos de Ligação a Bases de Dados 2. Arquitectura de Componentes
Leia maisPor Fernando Koyanagi
Por Fernando Koyanagi Características principais Leitura da Temperatura Leitura da Umidade Montagem Vamos ao código Primeiro passo é incluir as libs que iremos utilizar. A lib do DHT pode ser adicionada
Leia maisBanco de dados MySQL suporte@ideon.net.br Bancos de dados MySQL permitem armazenar inúmeras informações de um modo fácil de acessar. Os bancos de dados propriamente não são fáceis de ler por humanos. Bancos
Leia maisRedes de Computadores
Redes de Computadores Camada de Aplicação HTTP FTP SMTP Slide 1 Mensagem de Requisição HTTP linha de pedido (comandos GET, POST,HEAD ) linhas de cabeçalho Carriage return, line feed indica fim da mensagem
Leia maisLogin. Criar uma pasta Repositories na raiz do projeto. Criar uma classe Funcoes.cs dentro da pasta Repositories.
Criar uma pasta Repositories na raiz do projeto. Login Criar uma classe Funcoes.cs dentro da pasta Repositories. using System; using System.Collections.Generic; using System.Linq; using System.Web; using
Leia maisCriando um site de Notícias - com Administração de Dados
Criando um site de Notícias - com Administração de Dados Nesta criação imagine que o internauta acessará um endereço http://localhost/sitenoticias para q o mesmo visualizeas e que o administrador do site
Leia maisPROJETOS EXEMPLO DE ASP.NET MVC
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIAS E TECNOLOGIAS DO RIO GRANDE DO NORTE PROFESSOR: JOSÉ ANTÔNIO DA CUNHA PROJETOS EXEMPLO DE ASP.NET MVC Projeto 1: Projeto 2: Implementando o CRUD em ASP.NET MVC,
Leia maisDesenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br
Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor
Leia maisPHP (Seções, Cookies e Banco de Dados)
PHP (Seções, Cookies e Banco de Dados) André Tavares da Silva andre.silva@udesc.br Seções Basicamente, as seções são métodos que preservam determinados dados ativos enquanto o navegador do cliente estiver
Leia maisHTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Leia maisAplicação MVC + Entity + MySQL
Configurar Layout.cshtml Pasta Views/Shared/_Layout.cshtml Alterar Title @viewbag.title Exemplo de Aplicação Alterar Application name @Html.ActionLink("Entity + MySQL", "Index", "Home",
Leia maisDesenvolvimento Web II
Desenvolvimento Web II Linguagem PHP PHP Orientado a Objeto / Banco de Dados (PDO) https://secure.php.net/manual/pt_br/ Gil Eduardo de Andrade PHP Orientado a Objeto O PHP é uma linguagem de script que
Leia maisCriando uma página de Recados com acesso restrito ( Facebook )
Criando uma página de Recados com acesso restrito ( Facebook ) 1 - Comece criando o banco de dados ( comece dando o nome que facilite vc reconhece-lo ex. adrianoface este nome não poderá conter espaços
Leia maisTutorial de utilização da aplicação no lado servidor com Firebase
Tutorial de utilização da aplicação no lado servidor com Firebase André Luiz Silveira Marinho 1. Pré-requisitos: Um dispositivo que execute Android 2.3 (Gingerbread) ou mais recente e o Google Play Services
Leia maisProfessor Jefferson Chaves Jefferson de Oliveira Chaves
Professor Jefferson Chaves jefferson.chaves@ifc-araquari.edu.br Introdução ao Ambiente Cliente x Servidor; Os métodos GET e POST; Formulários HTML; Validação de dados; HTML, CSS e JavaScript (somente
Leia maisMônica Oliveira Primo de Lima Edervan Soares Oliveira TRABALHO SOBRE PROTOCOLO HTTP
Mônica Oliveira Primo de Lima Edervan Soares Oliveira TRABALHO SOBRE PROTOCOLO HTTP 1. FORMATO DA MENSAGEM HTTP Assim como todo protocolo, o HTTP tem possui definições de como devem ser as mensagens. Existem
Leia maisDe forma simples, para a execução de comandos SQL com JDBC, precisa-se da instancia de três classes Java. São elas: Nome da classe Função
.1 JDBC A linguagem Java possui classes que permitem a com um banco de dados. Essas classes fazem parte do pacote JDBC (Java Database Connectivity), uma API (Application Program Interface) que permite
Leia maisAJAX (Asynchronous Javascript And XML)
AJAX (Asynchronous Javascript And XML) André Tavares da Silva andre.silva@udesc.br AJAX O nome AJAX foi idealizado por Jesse James Garrett, que definiu o objeto XMLHttpRequest. O AJAX não é uma linguagem
Leia maisAplicação de cadastros Mobile Phonegap
Aplicação de cadastros Mobile Phonegap Introdução: Neste artigo aprenderemos a criar uma aplicação mobile de cadastros. Usaremos o Visual Studio, Phonegap e o Node.Js Descrição detalhada do sistema 1-
Leia maisFigura 1 Tela principal da disciplina
CONTEÚDO DAS AULAS O conteúdo das aulas pode estar distribuído em documentos de texto, telas web programadas ou na própria tela central do ambiente. Tanto os arquivos de texto como as páginas web são acessadas
Leia maisEstruturas de Comunicação de Dados Aula 3 Camadas de Aplicação e Transporte
Estruturas de Comunicação de Dados Aula 3 Camadas de Aplicação e Transporte Escola Maria Eduarda Ramos de Barros Curso técnico em redes de computadores Carpina - PE Roteiro Aplicações de Rede Transporte
Leia maisProgramação WEB (JSP + Banco Dados) Eng. Computação Prof. Rodrigo Rocha http://www.materialdeaula.com.br
Programação WEB (JSP + Banco Dados) Eng. Computação Prof. Rodrigo Rocha http://www.materialdeaula.com.br JSP (Java Server Pages) - JavaServer Pages (JSP) - Tecnologia de programação serverside - Permite
Leia maisFinalidade dos formulários
ENTENDENDO O FORMULÁRIO Na opinião de muitos a criação de formulários na linguagem HTML é uma das áreas mais importantes no desenvolvimento web. Diferentemente de outras marcações HTML o formulário não
Leia maisDesvantagens: a) Dependência b) Complexidade de modificação do framework c) Códigos desnecessários que podem deixar o programa pesado
FRAMEWORK Uma das definições mais básicas é que Framework é um template com diversas funções que podem ser usadas pelo desenvolvedor. Mas vamos fazer uma analogia com uma caixa de ferramentas. Template
Leia maisParadigmas de Programação React Native
Paradigmas de Programação React Native Cliente HTTP Axios Acessando Web Services e APIs Gil Eduardo de Andrade CLIENTE HTTP AXIOS Introdução: O Axios é um cliente (biblioteca) que permite efetuar requisições
Leia maisFTIN FORMAÇÃO TÉCNICA EM INFORMÁTICA. Módulo de Programação Prof. Bruno Maciel
FTIN FORMAÇÃO TÉCNICA EM INFORMÁTICA Módulo de Programação Prof. Bruno Maciel Competências a serem trabalhadas nessa aula Conectar PHP com MySQL Comandos PHP para acesso ao MySQL Utilizando comandos no
Leia maisRedes de Computadores
Redes de Computadores HTTP Prof. Thiago Dutra Agenda Definição de HTTP Hipertexto Características do HTTP O HTTP e a Web Conexões HTTP Mensagens HTTP Cookies Caches Web GET Condicional
Leia maisAULA 2 VISÃO BÁSICA DE CLASSES EM PHP
AULA 2 VISÃO BÁSICA DE CLASSES EM PHP Antes de mais nada, vamos conhecer alguns conceitos, que serão importantes para o entendimento mais efetivos dos assuntos que trataremos durante a leitura desta apostila.
Leia maisProgramação para Android. Aula 08: Persistência de dados SQL
Programação para Android Aula 08: Persistência de dados SQL Persistência de dados Na maioria das aplicações precisamos ter algum tipo de persistência de dados. Para guardar informações de forma persistente
Leia maisBanco de Dados. -Aprendendo conceitos -Usando o SQL Conf para: -Conectar no banco de dados -Criar, alterar, excluir e consultar estruturas de tabelas
Banco de Dados -Aprendendo conceitos -Usando o SQL Conf para: -Conectar no banco de dados -Criar, alterar, excluir e consultar estruturas de tabelas O que é banco de dados? São conjuntos de registros dispostos
Leia maisFigura 1: Eclipse criação de um Dynamic Web Project
Prática da Disciplina de Sistemas Distribuídos Web Services Parte 2 IFMA DAI Professor Mauro Lopes C. Silva 1. Criação de um Serviço Rest Utilizando a configuração realizada na prática anterior, iremos
Leia maisif( document.dados.tx_ .value=="" document.dados.tx_ .value.indexof('.
grupes - Grupo de Estudos Espaço de Saberes
Leia maiscrudgenerator Passos slimphp/extra/crudgenerator/view/index_view.php A tela abaixo m ostra o p rimeiro passo
crudgenerator O crudgenerator é u m gerador de aplicações baseadas no slimphp. Com po ucos passos é possível criar u m a nova aplicação funcional, baseada e m u ma tabela de banco de da dos. Passos 1.
Leia maisPROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza
PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução App de exemplo Implementação do exemplo Testes realizados
Leia maisInternet e Programação Web
COLÉGIO ESTADUAL PEDRO MACEDO Ensino Profissionalizante Internet e Programação Web 3 Técnico Prof. Cesar 2014 1. PHP e MySQL O MySQL é o gerenciador de banco de dados mais usado com o PHP. Existem muitas
Leia maisDesenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes
Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção
Leia maisConceitos de Ajax Exemplos de uso do Ajax no braço, muitos exemplos, muito código (HTML, CSS, JavaScript, PHP, XML, JSON)
Márcio Koch 1 Currículo Formado na FURB em Ciência da Computação Pós graduado em Tecnologias para o desenvolvimento de aplicações web Mestrando em Computação Gráfica na UDESC Arquiteto de software na Senior
Leia maisSumário. 1- Notícias. 1.1 Publicando uma nova notícia Blocos de edição
O site desenvolvido pela SH3 é intuitivo, totalmente gerenciado através de um painel de administração. Nele o usuário responsável será mantenedor de todas as informações e configurações existentes, podendo
Leia maiscadastro de usuários utilizando Ajax e PHP para inserir os dados em uma tabela MySQL.
cadastro de usuários utilizando Ajax e PHP para inserir os dados em uma tabela MySQL. Vamos então a criação do banco de dados que iremos chamar de banco_cliente e também de nossa tabela chamada clientes
Leia maisSumário. Capítulo 1 O que é o PHP?... 19. Capítulo 2 Instalação do PHP... 23. Capítulo 3 Noções básicas de programação... 25
9 Sobre o autor... 8 Introdução... 15 Capítulo 1 O que é o PHP?... 19 Características do PHP...20 Gratuito e com código aberto...20 Embutido no HTML...20 Baseado no servidor...21 Bancos de dados...22 Portabilidade...22
Leia maisNota de Aplicação. Relatório em HTML no Vijeo Citect 1.0. Suporte Técnico Brasil. Versão:
Nota de Aplicação Relatório em HTML no Vijeo Citect Versão: 1.0 Suporte Técnico Brasil Especificações técnicas Hardware: Software: Versão: Vijeo Citect 7.40 SP 2 SQL Server 2012 Suporte Técnico Brasil
Leia maisHTML: INTRODUÇÃO TAGS BÁSICAS
HTML: INTRODUÇÃO TAGS BÁSICAS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Definição Editores HTML Estrutura básica de um documento
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir Linguagem de Script e PHP @wre2008 1 Sumário Introdução; PHP: Introdução. Enviando dados para o servidor HTTP; PHP: Instalação; Formato básico de um programa PHP; Manipulação
Leia maisDesenvolvimento de Aplicações para Internet
Desenvolvimento de Aplicações para Internet CSS Celso Olivete Júnior olivete@fct.unesp.br HTML Formatando o documento... Formulário Responsável por fazer a interação entre os dados fornecidos pelo usuário
Leia maisLidando com Armazenamento de Dados
Lidando com Armazenamento de Dados Paulo Ricardo Lisboa de Almeida 1 Armazenamento de Dados A grande maioria das aplicações possuem algum mecanismo para armazenagem de dados Dados de usuários Permissões
Leia maisDesenvolvedor Web Docente André Luiz Silva de Moraes
Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável
Leia maisFrameworks para interfaces móveis
Frameworks para interfaces móveis Vamos agora incrementar o projeto do nosso aplicativo em HTML5 com um framework para interfaces móveis. Nesse tutorial usaremos o Ratchet que é um framework gratuito para
Leia maismkdir /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 maisAplicativo Android para compartilhamento de informações sobre saúde alimentar
Aplicativo Android para compartilhamento de informações sobre saúde alimentar Aluno(a): Gabriel Gustavo Spengler Orientador: Alexander Roberto Valdameri Roteiro Introdução Objetivos do trabalho Fundamentação
Leia maisGestão Unificada de Recursos Institucionais GURI
Documentação de Sistemas Gestão Unificada de Recursos Institucionais GURI Módulo de Newsletters - NWT Versão 1.15 Última revisão: 12/03/2018 2018 Versão: 1.15 Documentação: André L.M. Camargo Revisão:
Leia maisAJAX. Prof. Marcos Alexandruk
Prof. Marcos Alexandruk m.alexandruk@hotmail.com Asynchronous JavaScript and XML Não é uma "nova tecnologia" Utiliza os recursos já existentes do JavaScript Jesse James Garret utilizou o termo pela primeira
Leia maisDesenvolvimento de Aplicações para Internet Aula 6
Desenvolvimento de Aplicações para Internet Aula 6 Celso Olivete Júnior olivete@fct.unesp.br Na aula passada 1. Desenvolvimento do banco de dados 2. Desenvolvimento da interface do sistema 3. Desenvolver
Leia maisTUTORIAL CURSO DE CERTIFICAÇÃO EM PSICOLOGIA POSITIVA.
TUTORIAL CURSO DE CERTIFICAÇÃO EM PSICOLOGIA POSITIVA www.psicologiapositivaead.com.br Apresentação Este material é destinado aos participantes do curso de certificação em Psicologia Positiva. Mostra como
Leia maisUniversidade Federal de Uberlândia Faculdade de Computação Projeto de Programação para Internet Prof. Dr. Daniel A Furtado
Universidade Federal de Uberlândia Faculdade de Computação Projeto de Programação para Internet Prof. Dr. Daniel A Furtado Descrição Geral Desenvolver um website para uma loja virtual que atenda às especificações
Leia maisWeb Design Aula 10: Formulários - Parte2
Web Design Aula 10: Formulários - Parte2 Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Textarea Select FieldSet e Legend Atributo Action Atributo Method Exercício Form Um formulário
Leia maisProgramação Web Aula 2 XHTML/CSS/XML
Programação Web Aula 2 XHTML/CSS/XML Departamento de Informática UFPR 17 de Fevereiro de 2014 1 Histórico 2 Funcionamento 3 Atributos 4 HTML5 Estrutura de uma arquivo HTML5 Validação Tags básicas Seleção
Leia maisMINICURSO LARAVEL 5.5 Gil Eduardo de Andrade
MINICURSO LARAVEL 5.5 Gil Eduardo de Andrade Download: www.gileduardo.com.br/downloads/minicurso_laravel.zip 1. BAIXANDO O COMPOSER Referência https://getcomposer.org/download/ Baixando o Composer No terminal,
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 10 Web Dinâmica Introdução ao AJAX Prof. Dr. Daniel A. Furtado AJAX Introdução AJAX = Asynchronous JavaScript
Leia maisMoodle FAMUR MANUAL DO ACADÊMICO
Moodle FAMUR Versão 2.14 MANUAL DO ACADÊMICO Acesse: www.faculdademurialdo.com.br ou moodle.faculdademurialdo.com.br/moodle/ Versão do Manual: 012015 Sumário Moodle, o que é? Como acessar o Moodle Interface
Leia maisTECNOLOGIA EM REDES DE COMPUTADORES - 3º PERÍODO ADS - ADMINISTRAÇÃO DE SERVIDORES Grupo: Alexandre - Leonel - Mateus - Ricardo
TECNOLOGIA EM REDES DE COMPUTADORES - 3º PERÍODO ADS - ADMINISTRAÇÃO DE SERVIDORES Grupo: Alexandre - Leonel - Mateus - Ricardo SERVIDOR WEB O Servidor WEB é o programa responsável pela publicação de documentos,
Leia maisMini-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 maisPROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza
PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução App de exemplo Implementação do exemplo Testes realizados
Leia maisAula 1 Acesso a Banco de Dados
Laboratório de Banco de Dados Aula 1 Acesso a Banco de Dados Prof. Josenildo Silva jcsilva@ifma.edu.br Introdução O JDBC (Java Database Connectivity) foi criado com o intuito de fornecer aos programadores
Leia maisClasse PHP Client. A classe Zend\Http\Client fornece uma interface para realizar pedidos HTTP.
Classe PHP Client A classe Zend\Http\Client fornece uma interface para realizar pedidos HTTP. O método send() é usado para submeter o pedido ao servidor remoto. Estes pedidos retornam um objeto Zend\Http\Response
Leia maisEste ambiente é utilizado em diversas instituições no mundo, sendo uma das principais plataformas educacionais online.
Guia prático Moodle O que é Seja bem-vindo a plataforma Moodle. O Moodle é um sistema de gestão do ensino e aprendizagem, ou seja, é um aplicativo desenvolvido para ajudar o educador a criar cursos on-line,
Leia maisMANUAL DE UTILIZAÇÃO DO SISTEMA GLPI
MANUAL DE UTILIZAÇÃO DO SISTEMA GLPI Versão 4.0 Março de 2017 Objetivo: Esse manual tem como objetivo auxiliar os usuários da reitoria e dos câmpus quanto à utilização do GLPI, sistema de aberturas de
Leia maisINTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO
INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO Introdução JQuery é uma biblioteca JavaScript desenvolvida para simplificar os scripts client-side que interagem com o HTML. Ela foi lançada em janeiro de
Leia maisMany-to-many. Mapear no Context Na classe Context.cs, dentro do método OnModelCreating, adicionar o trecho
Many-to-many Adicionar o relacionamento Transporte Clientes Na classe Transporte.cs Adicionar o relacionamento public virtual ICollection Clientes get; set; Na classe Cliente.cs Adicionar o relacionamento
Leia maisRedes de Computadores
Prof. Universidade Federal de Mato Grosso do Sul brivaldo@facom.ufms.br 18 de maio de 2017 Visão Geral 1 Visão Geral 2 3 4 Web e o HTTP Relembrando rapidamente, página web é construída com objetos um objeto
Leia maisC A P I T U L O 10 F U N Ç Õ E S I N T E R N A S P H P P A R A B A N C O D E D A D O S
C A P I T U L O 10 F U N Ç Õ E S I N T E R N A S P H P P A R A B A N C O D E D A D O S Para desenvolver um sistema que utilizará um banco de dados, precisamos estabelecer uma conexão entre a linguagem
Leia mais