Segunda aula apresentada no curso de Ciência da Computação da ASPER, na disciplina de Tópicos em Ambiente Web, comentando sobre os principais conceitos de projeto para produção de páginas web

1. Produção de
Páginas para Web
CURSO DE CIÊNCIA DA COMPUTAÇÃO
DISCIPLINA TÓPICOS EM AMBIENTE WEB
PROF. MESSIAS R. BATISTA

2. 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

3. Avaliação e
Projeto
3

4. 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

5. Assunto da
Avaliação
TUDO!
5

6. Partes
importantes de
uma página web
6

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

8. Usabilidade
8

9. Usabilidade
9

10. Usabilidade
Apresentação de Trabalho
Ainda sobre...
10

11. Frameworks
11

12. Material Lite
12

13. Responsividade
13

14. O Fluxo
Princípio de
Responsividade
14

15. Unidades
Relativas
Princípio de
Responsividade
15

16. Breakpoints
Princípio de
Responsividade
16

17. Max e Min-
Width
Princípio de
Responsividade
17

18. Objeto Filho
18

19. Mobile ou
Desktop First
19

20. WebFonts vs
Fontes do
Sistema
20

21. Imagens
Bitmap
vs Vetores
21

22. Fases de
Desenvolvimento
de um Website
22

23. Fases
Principais
▫ Planejamento;
▫ Criação;
▫ Estruturação;
▫ Desenvolvimento;
23

24. Fases de um
projeto de
website
24

25. Fases
Principais
1.Entrevista de Requisitos;
2.Reunião de Sketch;
3.Desenvolvimento de Protótipo;
4.Validação;
5.Entrega;
25