Programação web 1 e 2 - material de aulas

Planejamento da disciplina Programação Web 2 (2019.1)

SLIDES:

• Conceitos Básicos
• Estrutura de um website
• HTML
• CSS
• JavaScript

Material adicional:

Curso de HTML Básico do MDN - Mozilla Developer Network
Curso de HTML do W3Schools   (clique no ícone do globo terrestre para mudar o idioma)
Apostila Fundamentos de Desenvolvimento Web

Tecnologia e Turismo - 2019.1

Material de aulas da disciplina Tecnologia e Turismo
Turmas Gestão de Turismo V - 2019.1 e Guia de Turismo I

OBS: Para fazer o download, clique nos links abaixo e depois no botão "Save" que aparece logo acima do slide.

1 - Conceitos de informática e arquitetura do computador

  Uso do mouse e teclado
 Conceitos de sistemas operacionais

Sistema operacional - conceitos de interfaces gráficas

2 - Editor de textos

3 - Editor de textos (dicas e tópicos avançados)

4 - Apresentação de slides

5 - Planilha de cálculo

6 - Tecnologias e dispositivos a favor do turismo
7 - Sistemas de Informações

OBS: Para baixar os slides, clique no botão "Save (save this document)" ao visualizar o documento no SlideShare.

Programação Web II - CSS -

ENDEREÇO ONDE ESTÃO OS EXEMPLOS DA AULA:

https://github.com/maurojansen/progamacao_web

(localize o arquivo, copie e cole o código no seu SublimteText)


CURSOS ONLINE DE HTML. CSS e JAVASCRIPT:

https://www.w3schools.com/html/default.asp

https://learn.freecodecamp.org

Mini computador portátil para uso educacional ou pessoal

Os Single Board Computers (SBC's) ou computadores de placa única são pequenos computadores, com apenas uma placa mãe de tamanho pequeno e com as seguintes características gerais:

• Tamanho pequeno: o formato do Raspberry tem o tamanho de um cartão de crédito. O Raspberry Pi zero é ainda menor, porém tem menos memória. Existem outras placas maiores e mais potentes também, porém um pouco mais caras;
• Baixo consumo de energia: geralmente funcionam com 5 ou 12V e consomem de 1 a 3 amperes, podendo ser alimentados por fonte de alimentação ou mesmo "power banks" usados em smartphones;
• Processadores ARM ou x86 (Intel Atom ou Core M)
• Velocidade de processamento média a alta: 1,2 a 1,4GHz (no caso do Raspberry), 1,6GHz (Rock64) e até 2,6GHz (LattePanda Alpha 800)
• Memória RAM de 1 a 8 GB
• Custo baixo ou médio (proporcional ao poder de processamento): o Raspberry é o melhor custo/benefíco, a +/- R$ 160,00 (US$ 40) via importação ou R$ 230,00 comprando de revendedores no Brasil. O LattePanda Alpha custa US$ 298,00 e tem processador Core M7 de 7ª geração (o mesmo potencial de um MacBook)
• A maioria já vem com rede wifi ou cabeada, bluetooth, portas USB e saída de vídeo HDMI

Esses computadores têm tido grande popularidade ultimamente no uso em projetos "makers" (inventores), Internet das Coisas e no meio educacional.

Os modelos mais conhecidos são: Raspberry Pi, Asus TInker Board, Pine Rock64, LattePanda, Dentre eles, o mais utilizado no meio educacional é o Raspberry, pela estabilidade do seu sistema operacional (Raspbian) e pelo conjunto de softwares que já vem instalado.

Para usar uma placa dessa para dar aulas.estudar, pesquisar ou mesmo compor um laboratório, a configuração que sugiro (com valores médios) é:

• Placa Raspberry 3B+ (3B plus): R$ 230,00
• Fonte de alimentação padrão de 3A (um power bank é útil também): R$ 50,00
• Caixa de alumínio para proteção e dissipação do calor, evitando o uso de mini-ventiladores: R% 50,00
• Cartão de memória classe 10 (alta velocidade) de 16GB ou maior (recomendável 32GB): R$ 50,00
• Teclado e mouse sem fio: R$ 90,00
• Cabo HDMI: R$ 15,00
• TOTAL: R$ 485,00

Sugestões de links para compra:

Mini Teclado e mouse sem fio (R$ 56 + 22): https://produto.mercadolivre.com.br/MLB-913657461-teclado-e-mouse-usb-sem-fio-24-ghz-mini-slim-pc-tablet-_JM

Raspberry Pi3 B+ Plus 1.4ghz Com Fonte (R$ 279,00): https://produto.mercadolivre.com.br/MLB-1109320856-raspberry-pi3-b-plus-14ghz-com-fonte-_JM

Kit Acessórios P/ Raspberry Pi 3 - Case Alumínio + fonte (R$ 65,00 + 22 = 87,00): https://produto.mercadolivre.com.br/MLB-1055566667-kit-acessorios-p-raspberry-pi-3-case-aluminio-_JM

Placa Raspberry pi 3B+ (R$ 218): https://produto.mercadolivre.com.br/MLB-1127391460-raspberry-pi-3-model-b-plus-pi3-14ghz-lancamento-2018-_JM?quantity=1

Kit case aluminio, fonte e cartão 32GB  (R$ 130 frete grátis): https://produto.mercadolivre.com.br/MLB-1055576860-kit-acessorios-p-raspberry-pi-3-32gb-case-aluminio-12x-_JM?quantity=1

Raspberry Pi3 B+ Plus 1.4ghz Com Fonte

https://produto.mercadolivre.com.br/MLB-1109320856-raspberry-pi3-b-plus-14ghz-com-fonte-_JM?quantity=1

Raspberry Pi 3 Model B+ Plus Pi3 1.4ghz Lancamento 2018

https://produto.mercadolivre.com.br/MLB-1127391460-raspberry-pi-3-model-b-plus-pi3-14ghz-lancamento-2018-_JM?quantity=1

Kit básico Raspberry 3B, fonte, case em alumínio e cartão 32GB (R$ 400,00):

Kit básico Raspberry 3B com fonte e case em alumínio (335,00):

https://produto.mercadolivre.com.br/MLB-1064354066-kit-basico-raspberry-pi-3-case-aluminio-_JM?quantity=1

Kit Raspberry 3B+ com case alumínio (R$ 199,00)

https://produto.mercadolivre.com.br/MLB-830689486-raspberry-pi3-model-b-quadcore-12ghz-com-case-em-aluminio-_JM?quantity=1

Case de alumínio (R$ 45,00):

https://produto.mercadolivre.com.br/MLB-966758190-case-de-aluminio-para-raspberry-pi-3-b-_JM?quantity=1

Placa Rock64 4GB (US$ 45,00)

https://www.pine64.org/?product=rock64-media-board-computer

Programação: Esboçar o algoritmo ajuda a criar o programa

Boa noite pessoal,

Venho lembrar para vocês a dica básica que sempre falo em sala de aula e coloco no quadro, que é fazer um ESBOÇO (algoritmo) do que seria a solução do problema proposto.

Esse esboço do algoritmo deve ser feito lembrando das estruturas (sequencial, condiciaonal e as de repetição) é um esboço do que vai ser o programa.

Exemplo não computacional:

Algoritmo AtravessarRua
   Olhar para a direita
   Olhar para a esquerda
   Se estiver vindo algum veículo (carro, moto, bicicleta) de algum lado
      Não atravesse
   Senão
      Atravesse
   FimSe
FimAlgoritmo


Para ilustrar isso, coloco abaixo 3 exemplos mais "computacionais", cada um tendo algo parecido ou sendo uma evolução do anterior:

Exemplo 1: Fazer um programa para listar os números pares de 1 a 100:

Para num de 1 ate 100
  Se o número for par (resto da divisão de num por 2 = 0)
    imprime o numero
FimPara


Exemplo 2: Fazer um programa para pedir números e somar esses números. Quando o usuário digitar zero o programa deve parar e mostrar o total.

Zerar o total
Repita
  Pede para o usuário digitar o numero
  acumula esse numero digitado no total (total=total+numero)
Até que numero=0
Mostra o total


Exemplo 3 (variação do exemplo 2): Fazer um programa para pedir números até que o usuário digite zero, quando o programa deve parar e mostrar quantos números pares e quanos numeros impares o usuario digitou

Zerar o total de pares
Zerar o total de impares
Repita
  Pede para o usuário digitar o numero
  Se numero for par (resto da divisão de num por 2 = 0)
    incrementa total de pares
  Senao Se numero não for zero
    incrementa total de impares
  FimSe
Até que numero=0
Mostra o total de pares
Mostra o total de impares

Estudo e atividades sobre Programação Orientada a Objetos

Atividades das aulas dos dias 12, 13 e 14/12/2018:

• Ler o capítulo referente à Aula 2 da Apostila Programação Orientada a Objetos - Curso Tècnico em Informática - IFES  (páginas 35 a 48)
• Executar os exemplos Java no Eclipse (classe Conta com métodos depositar e sacar)
• Responder as atividades da páginas 47 e 48.

Respostas:

• Pág. 47, Exercício 1, mais a alteração da conta com limite sugerida por mim:
• Classe conta já alterada com o atributo  limite
• Programa usaConta feito para testar a classe conta
• Pág. 47, Exercício 2: caixaEletronico -  programa que cria instância da classe Conta e permite depositar e sacar uma ou mais vezes

Programação web: Atividade de criação de formulário

Apostila, pág. 84, exercício 1 resolvido (formulário de acesso)



Para hoje, faça o exercício 5 da pág. 84 (Formulário web de cadastro de clientes) seguindo as instruções da apostila e o exercicio anterior resolvido.