Médio Integrado Aula Thatiane de Oliveira Rosa

Tamanho: px

Começar a partir da página:

Download "Médio Integrado Aula 01 2014 Thatiane de Oliveira Rosa"

Thomas Arruda Sanches
9 Há anos
Visualizações:

1 Aplicativos Web e Webdesign Aula Thatiane de Oliveira Rosa 1

2 Roteiro Apresentação da disciplina e Introdução ao HTML Desenvolvimento de Web sites e Sistemas Web; Projeto de sites web; 2

3 Quem é quem? Thatiane de Oliveira Rosa Formação: Bacharel em Sistemas de Informação; Especialista em Educação, Comunicação e tecnologias Contemporâneas. Mestranda em Modelagem de Sistemas Computacionais. thatiane@ifto.edu.br 3

4 WWW World Wide Web: Definição: Sistemas de informação formados por hipertextos e hipermídias, que é fácil de ser utilizado, interativo, dinâmico, distribuído e portável (Lemay, 2002). 4

5 WWW World Wide Web: Hipertexto: Tecnologia que possibilita realizar a leitura/navegação de informações textuais de forma não-linear, baseado no que deseja saber em seguida (utilização de links). Exemplo: Hipermídia: Documento hipertexto que incorpora textos, gráficos, sons, imagens e animações. Exemplo: r7.com 5

deseja saber em seguida (utilização de links). Exemplo: www.wikipedia.

6 WWW World Wide Web: Interativo: processo de comunicação estabelecido entre usuário e máquina, onde o usuário informa a ação que deseja executar e a máquina responde ao seu comando. Exemplo: Exemplos de ações interativas na web: Formulários web; Bate-papo; Jogos; Dentre outros. 6

máquina responde ao seu comando. Exemplo: http://www.kidcitymuseum.

7 WWW World Wide Web: Dinâmico: possibilidade de realizar modificações/atualizações de forma fácil e constante das informações publicadas em websites e sistemas Web. Exemplo: 7

e constante das informações publicadas em websites

8 WWW World Wide Web: Distribuído: possibilidade de disponibilização global de informações. Sendo que tais informações são armazenadas em computadores denominados servidores Web. Servidor web: computadores que recebem solicitações de diversos outros computadores, denominados clientes, e respondem a tais solicitações. 8

Sendo que tais informações são armazenadas em computadores denominados

9 WWW World Wide Web: Portável: pode ser acessada em diferentes computadores (PC, notebook, pocket PC, tablet, Iphone, celular), independente do hardware, sistema operacional e navegador (browsers). 9

10 Web Sites: Conceituação e Aplicabilidade Definição: Conjunto de páginas ou documentos acessíveis na internet por meio de um navegador. Em tais páginas os usuários (internautas) podem visualizar informações diversas sobre o assunto abordado, normalmente são disponibilizadas informações estáticas. 10

Em tais páginas os usuários (internautas) podem visualizar informações

11 Web Sites: Conceituação e Aplicabilidade Aplicabilidade: Permite disponibilizar/divulgar informações (textos, imagens, vídeos, áudio) a uma grande quantidade de indivíduos; Possibilita rápido acesso às informações divulgadas; Permite estabelecer ligação/relação com outros web sites e sistemas web, por meio de hiperlinks. 11

quantidade de indivíduos; Possibilita rápido acesso às informações divulgadas;

12 Conceituação e Aplicabilidade Sistema Web: Definição: Consiste também em um conjunto de páginas acessíveis na internet, por meio de um navegador, porém é uma tecnologia um pouco mais complexa, se comparada aos web sites. Uma vez que oferece recursos mais avançados, como por exemplo, formulários dinâmicos, mecanismos de busca e manipulação de informações de forma dinâmica. 12

13 Conceituação e Aplicabilidade Sistema Web: Aplicabilidade: Gerenciamento (disponibilização e modificação) de informações de forma dinâmica e rápida; Permiti realizar compras e vendas de produtos e serviços por meio da web (E-Business); Permiti estabelecer comunicação rápida entre pessoas temporalmente e geograficamente separadas ( s, Chats, Fóruns); Possibilita encontrar informações diversas de forma ágil (Mecanismos de busca); Permite realizar o processo de educação a distância (EAD); Dentre outras. 13

estabelecer comunicação rápida entre pessoas temporalmente e geograficamente separadas (E-mails, Chats, Fóruns); Possibilita

14 Categorias e Exemplos de WebSistes e Pessoais: Empresariais: Notícias: g1.globo.com; Sistemas Web 14

americanas.com; www.capimdouradosc.com.br.

15 Categorias e Exemplos de WebSistes e Institucionais araguaina.ifto.edu.br; Governamentais: Científicos: scholar.google.com.br. Sistemas Web 15

presidencia.gov.br; www.agricultura.gov.br. Científicos: www.

16 Web sites: Ferramentas e Tecnologias de Ferramentas: Editor de texto; Navegador web (browser). Desenvolvimento Tecnologias: Linguagem de Marcação (Ex.: HTML). 16

17 Sistemas Web: Ferramentas e Tecnologias de Ferramentas: Ambientes robustos próprios para o desenvolvimento de sistemas de informações; Desenvolvimento Gerenciadores de Bancos de Dados; Dentre outras ferramentas. Exemplos: NetBeans; Microsoft Visual Studio; Eclipse. 17

informações; Desenvolvimento Gerenciadores de Bancos de Dados;

18 Sistemas Web: Tecnologias: Ferramentas e Tecnologias de Desenvolvimento 18

19 Anatomia do Site Web Home Page O site da web Páginas web 19

20 Definição do Tema Informações pessoais; Hobbies ou interesses especiais; Publicações (Jornais revistas); Perfis da empresa; Documentação on-line; Entretenimento; Educacionais. 20

21 Definição de Metas Defina quais os objetivos da criação do seu web site: O que os visitantes irão encontrar no web site? Que tipo de informação será encontrada? Como será a navegação do web site? 21

22 Divisão do Conteúdo em Tópicos Organize o assunto do web site em tópicos: Baseando-se no tema estabelecido, deve-se escolher os principais assuntos que serão abordados; Isto irá auxiliar na definição dos menus necessários. 22

23 Navegabilidade do Site Web Hierárquica; Linear; Linear com alternativas; Linear e hierárquica. 23

24 Navegabilidade do Site Web Hierárquica: 24

25 Navegabilidade do Site Web Linear: 25

26 Navegabilidade do Site Web Linear com alternativas: 26

27 Navegabilidade do Site Web Linear e hierárquica: 27

28 LEMAY, Laura. Aprenda a Criar Páginas Web com HTML e XHTML em 21 dias. São Paulo. Pearson Education, Referências 28

29 Aplicativos Web e Webdesign Aula Thatiane de Oliveira Rosa 29

Documentos relacionados

Médio Integrado Aula 02 2014 Thatiane de Oliveira Rosa

Médio Integrado Aula 02 2014 Thatiane de Oliveira Rosa Aplicativos Web e Webdesign Aula 02 2014 Thatiane de Oliveira Rosa 1 Roteiro Tema: Introdução ao HTML Introdução ao HTML; Tags Estruturais; Títulos; Cabeçalhos; Parágrafos; 2 HTML HTML Hypertext Markup