Sistemas Hipermédia sh@di.fc.ul.pt 2011/2012 FCUL Departamento de Informática Carlos Duarte Horários, Corpo docente T 5ª-feira, 16h30-1830, sala 6.2.49 TP1 5ª-feira, 18h30-20h00, sala 6.2.49 TP2 6ª-feira, 16h30-18h00, sala 3.1.09 Carlos Duarte T + TP1 Gabinete 6.3.25 cad@di.fc.ul.pt Luís Carriço TP2 Gabinete 6.3.23 lmc@di.fc.ul.pt nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 1 1
Agenda Introdução Conteúdos Aspectos Administrativos nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 2 INTERNET nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 3 2
Complexidade Sistemas Hipermédia Utilização da Web Ubiquidade (Serviços baseados na localização) Web semântica (Sistemas de recomendação) Colaborativo (Chats, P2P) Web social (Blogs, Filtros colaborativos) Transaccional (Online banking) Workflows (e-government) Portais (comunidades, empresas) Interactivo (Exposições virtuais) Centrado em documentos (páginas estáticas) Evolução histórica nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 4 Internet Disponibilidade Global Permanente Uniforme (!) Informação Aplicação nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 5 3
Características Relacionadas com o produto Conteúdo (é rei) Centrado no documento / multimédia Qualidade Dinâmico Hipertexto Não linearidade Desorientação e excesso de carga cognitiva Apresentação (interface) Estética Auto-explicativo nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 6 Características Relacionadas com a utilização Contexto social (os utilizadores) Espontaneidade Multi-culturalidade Contexto tecnológico Qualidade do serviço Multi-plataforma Contexto natural Globalidade Disponibilidade nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 7 4
Características Relacionadas com o desenvolvimento Equipa Multidisciplinaridade; Média de idades; Comunitária Infra-estrutura técnica Não homogénea; Imaturidade Processo Flexibilidade; Paralelismo Integração Interna (legacy systems); Externa nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 8 Características Evolução Mudança contínua Pressão competitiva Ritmo rápido either you are fast or irrelevant (Tsichritzis 2000) nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 9 5
Estatísticas 2010 Websites 255 milhões de websites visitados até Dezembro de 2010 21.4 milhões de websites novos em 2010 Domínios 202 milhões de nomes de domínio em Outubro de 2010 7% de aumento no número de domínios relativamente ao ano anterior nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 10 Estatísticas 2010 Utilizadores 1.97 bilhões de utilizadores (Junho 2010) 14% de aumento relativamente ao ano anterior nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 11 6
Estatísticas 2010 Email 107 triliões de emails enviados 294 biliões de emails por dia 1.88 biliões de utilizadores que enviam emails 2.9 biliões de contas de email 480 milhões de novos utilizadores 89,1% de emails são spam nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 12 Estatísticas 2010 Social media 152 milhões de blogs 25 bilhões de tweets em 2010 100 milhões de novas contas de Twitter 175 milhões de utilizadores do Twitter 7.7 milhões de seguidores da @ladygaga 600 milhões de utilizadores do Facebook 250 milhões de novos utilizadores do Facebook 30 bilhões de conteúdos partilhados no Facebook por mês nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 13 7
Estatísticas 2010 Vídeos 2 biliões de visualizações no YouTube por dia 35 horas carregadas para o YouTube por minuto +2 biliões de visualizações no Facebook por mês Imagens 5 biliões de imagens alojadas no Flickr +3000 imagens carregadas para o Flickr por minuto +3 biliões de fotos carregadas para o Facebook por mês nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 14 Na Internet A nossa capacidade de focar a atenção é cada vez menor The addictive nature of web browsing can leave you with an attention span of nine seconds the same as a goldfish, BBC, 2002 twitter.com 140 caracteres 12seconds.tv 12 segundos Quanto mais palavras adicionar a uma página Web, mas as pessoas vão lê-la na diagonal, Nielsen, 2008 a quantidade de informação disponível é cada vez maior nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 15 8
Quais são os principais ingredientes de um Website bem construído? nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 16 CONTEÚDOS E ASPECTOS ADMINISTRATIVOS nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 17 9
Tópicos Arquitectura de Informação Organização Desenho de Navegação Desenho de Conteúdos Desenho de Interacção Usabilidade Acessibilidade Personalização nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 18 Livros Information Architecture for the World Wide Web, Peter Morville, Louis Rosenfeld, 3rd edition, O'Reilly Media, 2006 Don't Make Me Think: A Common Sense Approach to Web Usability, Steve Krug, 2nd edition, New Riders Press, 2009 Outros livros no sítio da cadeira nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 19 10
O que vamos fazer Ler, escutar e discutir Ler antes das aulas Apresentações nas aulas Participar nas discussões Projecto prático Desenhar Desenvolver Avaliar nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 20 Avaliação 1 ensaio (6 páginas), entregue até 27/10/2011 15% 1 ensaio (6 páginas), entregue até 22/12/2011 15% Projecto em grupo (2 elementos) Controlo a 10 e 11 de Novembro 15% Entrega final a 15 e 16 de Dezembro Documentação 10% Produto 15% Apresentação 5% Apresentações nas aulas 20% Presenças (65% das aulas) 5% nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 21 11
Projecto Projecto A (classificação máxima: 20 valores) Submeter ideias até às 18 horas do dia 21/09/2011 para sh@di.fc.ul.pt Enviar 2 slides (1 minuto) e uma página em formato PDF Apresentação na próxima semana Possibilidade de projecto comum com a disciplina de Computação Móvel Requisito: HTML5 Projecto B (classificação máxima: 18 valores) Website para publicitar o DI junto de escolas secundárias Requisito: HTML5 Projecto C (classificação máxima: 16 valores) Avaliação de um Website ou serviço Web Produto = Documentação Enviar Website ou serviço candidato até às 18 horas do dia 21/09/2011 para sh@di.fc.ul.pt nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 22 Website Anúncios Fórum Regras Bibliografia Horários Classificações Slides Tipicamente colocados online antes da aula http://mocho.di.fc.ul.pt/p/sh Conteúdos públicos nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 23 12
Próxima semana Teórica Perspectiva histórica dos Sistemas Hipermédia Teórico-Prática Apresentações das vossas ideias para os projectos nmg, paa, lmc, cad 2000...2011 http://si.di.fc.ul.pt/hipermedia 24 13