Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)

Post on 12-Apr-2017

73 views 1 download

Transcript of Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)

Produção de Páginas para Web

CURSO DE CIÊNCIA DA COMPUTAÇÃODISCIPLINA TÓPICOS EM AMBIENTE WEB

PROF. MESSIAS R. BATISTA

Agenda Avaliação e Projeto

Partes importantes de uma página web;

Fases de desenvolvimento de um website;

Fases de projeto de um website;

2

Avaliação e Projeto

3

NP1

Composição da NP1 (10,0 pontos)

▫ Projeto – 3,0 pontos▫ Avaliação escrita – 7,0 pontos

Projeto consiste:

Entrevistar uma pessoa que tenha um negócio e deseje desenvolver um site para sua empresa ou organização.

▪ (1,0) Realizar entrevista de requisitos;▪ Pesquise um modelo de briefing na internet e

aplique;▪ O professor vai disponibilizar um modelo no

moodle;

▪ (1,0) Faça um resumo dos requisitos pedidos pelo seu cliente;

▪ (1,0) Crie um sketch com base no resumo e no briefing do cliente;

4

Assunto da Avaliação

TUDO!

5

Partes importantes de uma página web

6

Usabilidade

▫ Facilidade de aprendizado: a utilização do sistema requer pouco treinamento;

▫ Fácil de memorizar: o usuário deve lembrar como utilizar a interface depois de algum tempo;

▫ Maximizar a produtividade: a interface deve permitir que o usuário realize a tarefa de forma rápida e eficiente;

▫ Minimizar a taxa de erros: caso aconteçam erros, a interface deve avisar o usuário e permitir a correção de modo fácil;

▫ Maximizar a satisfação do usuário: a interface deve dar-lhe confiança e segurança.

7

Usabilidade

8

Usabilidade

9

Usabilidade

Apresentação de TrabalhoAinda sobre...

10

Frameworks

11

Material Lite

12

Responsividade

13

O Fluxo

Princípio de Responsividade

14

Unidades Relativas

Princípio de Responsividade

15

Breakpoints

Princípio de Responsividade

16

Max e Min-Width

Princípio de Responsividade

17

Objeto Filho

18

Mobile ou Desktop First

19

WebFonts vs Fontes do Sistema

20

Imagens Bitmap vs Vetores

21

Fases de Desenvolvimentode um Website

22

Fases Principais

▫Planejamento;

▫Criação;

▫Estruturação;

▫Desenvolvimento;

23

Fases de um projeto de website

24

Fases Principais

1.Entrevista de Requisitos;

2.Reunião de Sketch;

3.Desenvolvimento de Protótipo;

4.Validação;

5.Entrega;

25