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

transcript

“The World of the Internet”, make it simple, please!

By Jorge Silva

Nome da Formação | Nome do FormadorInternet - make it Simple please! by @JMTSILVA

Expectativas vs

Proposta

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;

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++).

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!

Axiomas 3h passam a correr! Informática = Murphy’s law? Emergent Learning

WWW vs

Internet

WWW (“mesh”)

"Information Management: A Proposal" - CERN ‘89

WWW(“mesh”)

Internet: Arquitetura Cliente/Servidor

Software?

HTTP (Protocolo) /HTML (Linguagem)

Protocolos vs

Linguagens

HTTP (Protocolo) /HTML (Linguagem)

Esquema & F12

HTML: A linguagem da web(estrutura de documentos .html e Tags)

head bodyp ul

li liUm Dois

O meu awebsit

titleO

Titulo

<open>conteúdo<close>

A minha primeira página web!

Coffee break!

1º Página/ Website

Estático

Desafio – O Nosso Website!

http://www.w3schools.com/tags/

1.Criar a proposta de página2.Validar com o Formador3.Criar um directório no ambiente de

trabalho: equipaX4.Abrir notepad++5.Criar um documento: equipaX.html6.Estruturar o documento (Tags HTML)7.Ver no browser

Online: Alojamento/Domínios

(Exemplos)

Registo/Login

Strong PWDs

Login/Register (1/2)

Login/Register (2/2)

What’s wrong with my pa$$w0rd? (1)

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;

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;

What’s wrong with my pa$$w0rd? (4)

Servidores Seguros

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/

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!

Retrospectiva - “Serious Game” (1/2)

Retrospectiva - “Serious Game” (2/2)

Speed Boat!

Parabéns! Obrigado!

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

Technology