Categorias
Esta aula surgiu a partir do problema levantando pelo TCC da Ana Gabriela, Ana Carolina, Camila e Luiza do 3ºI de 2016, onde a proposta era criar um calendário de eventos e mostrar as atividades em um aplicativo Android ou iOS. O uso de um banco de dados remoto poderia resolver bem esta problema, porém, […]
O código a seguir faz uso do plugin geolocation do Cordova e também da API da Google Maps. Adicione o plugin em seu projeto e utilize o seguinte código; <!DOCTYPE html> <html> <head> <title>GeoLocation</title> <meta http-equiv=”Content-type” content=”text/html; charset=utf-8″> <meta name=”viewport” content=”width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no”> <style> @-ms-viewport { width: 100vw ; min-zoom: 100% ; zoom: 100% […]
Algumas funções rotineiras são importantes para garantir a eficiência do seu aplicativo. Segue nesta aula algumas funções triviais podem ser programas em funções JS ou programadas diretamente no evento onclick de botões. Botão Sair do aplicativo Sair Mensagem de alerta Normalmente utilizamos o alert do javascript para mandar mensagens ao usuário, mas a biblioteca do […]
Cordova é um framework de desenvolvimento mobile criado pela equipe do Apache para que sua equipe pudesse desenvolvedor suas próprias aplicações (uma história bem semelhante ao BootStrap). O Cordova surgiu a partir do código do fonte do PhoneGap da Adobe. O PhoneGap fazia uso de funções JS para criar aplicações mobile e a equipe da Apache […]
JavaScript ou apenas JS, é uma linguagem que é executada pelo próprio navegador de internet (client-side), diferente do PHP por exemplo que é executada no lado do servidor (server-side). O Js foi desenvolvido pela equipe do Mozaic, o primeiro navegador web que existiu, que mais tarde viraria NetScape e que nos dias atuais, seu descendente […]
Em algumas situações precisamos passar dados para o servidor, seja para um consulta em um banco de dados, ou para gravar alguma informação. O JSON resolve muito bem o transito destes dados onde podemos utilizar parâmetros na URL e tratarmos com um $_GET do lado do servidor para que possamos ler os valores trocados entre […]
Fazer um carrinho de compras é bem simples. Através da API localStorage do HTML 5 podemos facilmente gravar informações no navegador do visitante usando HTML e JS. Criando a página de Produtos Vamos criar algo simples, uma página com 3 produtos na qual você pode adicionar mais depois caso queira, esta página você encontrará no […]
A Multimídia foi um dos fatores decisivos para a popularização da Internet, principalmente com o desenvolvimento dos arquivos Mp3 e MPeG e depois o AVI. O HTML 5 oferece uma excelente forma de incorporar estes elementos multimídia em sua página. Incorporando vídeos do Youtube Em uma garagem de San Francisco (Califórnia, EUA), em fevereiro de […]
O HTML 5 trás consigo diversas APIs que podem ser acionadas via JS. Uma delas é a LocalStorage que funciona igual à um cookie, porém, com espaço maior, melhor organizada, mais segura, não viola a privacidade do visitante do seu site e os dados ficam disponíveis até que realmente o visitante do site decida excluí-los. Se […]
Atenção! Este material está desatualizado em relação às novas versões do Intel XDK. Leia um material mais atual aqui: Como gerar um APK nas novas versões do Intel XDK Esta é a aula 11 do curso de JSON – Veja o cronograma completo aqui. O Intel XDK é um ambiente de desenvolvimento de aplicações HTML 5 e […]
Formulários são elementos do HTML para receber dados do usuário. Formulários são formados por outros elementos chamados de inputs que são os campos que o usuário pode digitar e enviar dados, ou escolher valores. No HTML, os formulários são criados a partir da tag <form> … </form> e os inputs são codificados dentro desta tag. […]
Esta é a aula 05 do curso de JSON – Veja o cronograma completo aqui. Programamos na aula anterior a saída JSON, veja o resultado aqui – http://appcinema.esy.es/mobile/app_ler_ofertas.html. Agora iremos desenvolvedor a interface de nosso aplicativo. Para isso, vamos usar a biblioteca BoostStrap. Considerações sobre o BS para mobile O Bootstrap deve ser baixado e […]
BootStrap é uma biblioteca CSS muito popular para estilização de sites e aplicativos móveis. Criado pela equipe do Twitter como uma forma de padronizar a forma com que seus desenvolvedores programassem. Seu site e sua documentação oficial está disponíveis em http://getbootstrap.com/ A primeira página usando BS Adicione os arquivos CDN dentro da tag head do seu […]
Público Estudantes e desenvolvedores iniciantes em mobile, desenvolvedores front-end e back-end que queiram aprender a conectar aplicações HTML 5 desenvolvidas para dispositivos móveis com banco de dados, tanto para consulta como para edições. Objetivo das aulas Estas aulas apresentam formas alternativas de se obter dados de banco de dados que estão hospedados na WEB. É fato que […]
Esta é a aula 04 do curso de JSON – Veja o cronograma completo aqui. Continuando a aula anterior, agora que temos o retorno de todos os dados do banco de dados, vamos criar o código JS dentro da nossa aplicação mobile. Note que agora iremos programar um arquivo HTML que será executado no nosso aplicativo […]
Esta é a aula 03 do curso de JSON – Veja o cronograma completo aqui. Como já vimos, o aplicativo deve se comunicar com o servidor, do lado do servidor temos o conjunto de códigos PHP aos quais chamaremos de Web Service. Um Web Service tem a função de disponibilizar dados para leitura. Já do lado […]