The word of the internet - make it simple, please!

232 visualizações

Publicada em

[In Portuguese] Workshop - Apresentar conceitos base de forma simplificada e descomplexada através da criação de um website estático e utilizando uma ferramenta de texto.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
232
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
1
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

The word of the internet - make it simple, please!

  1. 1. “The World of the Internet”, make it simple, please! By Jorge Silva
  2. 2. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA
  3. 3. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Objetivos Apreender os conceitos base da Internet, estrutura e protocolos utilizados; Adquirir conhecimento sobre a estrutura de páginas HTML; Entender os processos de registo e login; Conhecer alguns conceitos de segurança, como servidores seguros e o porquê de palavras-chave fortes;
  4. 4. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Estratégia Apresentar os conceitos chave de forma simplificada e descomplexada através da criação de um website estático e utilizando uma ferramenta de texto (notepad/notepad++).
  5. 5. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Plano de ação 15 m - Introdução e expectativas; 15 m - Estrutura da Internet - Arquitetura cliente e servidor; 15 m - WWW vs Internet; 30 m - Protocolos e linguagens na web (HTTP, FTP, HTML); 1h - Demonstração, criação e colocação online de um website estático desenvolvido pelos vários grupos no workshop; 15 m - “Servidores seguros” e SSL; 15 m - Processo de registo, login e palavras-chave fortes; 15 m - Q&A Planning is Guessing!
  6. 6. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Axiomas 3h passam a correr! Informática = Murphy’s law? Emergent Learning
  7. 7. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA
  8. 8. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA WWW (“mesh”) "Information Management: A Proposal" - CERN ‘89
  9. 9. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA WWW(“mesh”)
  10. 10. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Internet: Arquitetura Cliente/Servidor Software ? <Left Blank to explain during class >
  11. 11. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA HTTP (Protocolo) /HTML (Linguagem) <Left Blank to explain during class >
  12. 12. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA
  13. 13. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA HTTP (Protocolo) /HTML (Linguagem) Esquema & F12
  14. 14. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA HTML: A linguagem da web (estrutura de documentos .html e Tags) html head body p ul li li Um Dois O meu a website title O Titulo <open>conteúdo<close>
  15. 15. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA A minha primeira página web!
  16. 16. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Coffee break!
  17. 17. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA
  18. 18. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Desafio – O Nosso Website! http://www.w3schools.com/tags/ 1.Criar a proposta de página 2.Validar com o Formador 3.Criar um directório no ambiente de trabalho: equipaX 4.Abrir notepad++ 5.Criar um documento: equipaX.html 6.Estruturar o documento (Tags HTML) 7.Ver no browser
  19. 19. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Online: Alojamento/Domínios (Exemplo s)
  20. 20. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA
  21. 21. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Login/Register (1/2)
  22. 22. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Login/Register (2/2)
  23. 23. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA What’s wrong with my pa$$w0rd? (1)
  24. 24. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA What’s wrong with my pa$$w0rd? (2) Os sites dão pistas!? Nome de utilizador: Telefone (eg. Facebook) Email (primeiro.ultimo@empresa.pt) NIF (finanças) Mensagens de validação;
  25. 25. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA What’s wrong with my pa$$w0rd? (3) Força bruta /Ataque dicionário: Repetição de palavras: eg. “jorgejorge”; Username = password; Exemplos típicos: 111111, Benfica, 123456, password, querty, nome123, nome dos filhos/cônjuge/namorado + ano nascimento; Curioso! 40% das pessoas introduzem um “!” quando se pede para introduzir um símbolo especial;
  26. 26. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA What’s wrong with my pa$$w0rd? (4)
  27. 27. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA
  28. 28. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Servidores “Seguros”/Protocolo SSL (1/2) HeartBleed = “When it is exploited it leads to the leak of memory contents from the server to the client and from the client to the server.” Truques ;) http://heartbleed.com/
  29. 29. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA
  30. 30. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Resources – find out more! Tools Notepad++, Komodo Edit, Aptana, Eclipse, Netbeans, Visual Studio Express, ... Sites http://www.w3schools.com 25 years of WWW http://www.webat25.org/ Internet!
  31. 31. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Retrospectiva - “Serious Game” (1/2)
  32. 32. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA Retrospectiva - “Serious Game” (2/2)
  33. 33. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA
  34. 34. Nome da Formação | Nome do Formador Internet - make it Simple please! by @JMTSILVA

×