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

“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?

<Left Blank to explain during class >


HTTP (Protocolo) /HTML (Linguagem)

<Left Blank to explain during class >


Protocolos vs

Linguagens


HTTP (Protocolo) /HTML (Linguagem)

Esquema & F12


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

html

head bodyp ul

li liUm Dois

O meu awebsit

e

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

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


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 ([email protected])

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

SSL


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/

http://heartbleed.com/


Q&A


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!

http://www.w3schools.com/



http://www.independent.co.uk/life-style/gadgets-and-tech/news/25-years-of-the-world-wide-web-the-inventor-of-the-web-tim-bernerslee-explains-how-it-all-began-9185040.html







http://www.webat25.org/




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