Desenvolvimento de Websites

Transcrição

1 Projecto Informação sobre Educação Escola Superior Educação Bragança Vitor Manuel Barrigão Gonçalves Évora, 2003 Sumário Contexto Objectivos Websites / Informação para a Web Desenvolvimento Informação para a Web Molação e Especificação do Sistema Estrutura e Qualida dos Web Educativos Desenvolvimento do Portal dos Catraios Conclusões Visita guiada ao Portal dos Catraios: 2 2

2 Contexto Vivemos numa socieda caracterizada por: Contínua e rápida mutação social, política, económica e tecnológica (redução do período vida das TICs); Recurso crescente a Res Digitais Informação (exigência crescente informação); Novo conceito Educação: Educação ao longo da vida; Alteração dos papéis e atitus do aluno e do professor; Internet - instrumento indispensável ao senvolvimento da socieda da informação (senvolvimento novas TIC); Pais ou encarregados educação cada vez mais investem em materiais ou instrumentos educativos. Exigência crescente : Conteúdos Websites Informação para a Web 3 3 Contexto Estabelecimentos Ensino Querem mostrar o trabalho senvolvido à sua comunida educativa. ESE-IPB Quer estreitar a ligação aos Estabelecimentos Ensino. CAE-Bragança Quer ver fácil e rapidamente veiculadas informações entre as escolas. Alunos e Professores Exigem novas formas comunicação e obtenção informação. Prefiguram-se vários cenários para esta Comunida Educativa: Res Telemáticas, Directórios Educativos, Portais Educativos, Websites Lúdico-didácticos, Ensino à Distância, Centros Recursos on-line, entre outros sistemas baseados na Web. 4 4 Portal para Jardins e Escolas do º Ciclo Ensino Básico 2

3 Objectivos A construção um portal ou outro Sistema Informação para a Web (SIW) poria não ser uma meta prioritária cada escola... Mas, poria constituir um objectivo comum todas elas. Objectivo do projecto: Desenvolver um SIW que favoreça a comunicação entre as Escolas do.º Ciclo e Jardins Infância e, stas com a comunida em geral e com as crianças, seus pais e professores em particular. Este Sistema Informação Educativo para a Web signou-se por Portal dos Catraios O Portal dos Miúdos e Graúdos 5 5 Para tal, Estudar os Molos Desenvolvimento Informação E seleccionar o mais aquado... Informação para a Web Molo Distribuído CLIENTE SERVIDOR MIDDLEWARE Molo Cliente-Servidor Aplicação Cliente Protocolo do serviço Aplicação Servidor Internet 6 6 Cliente Protocolo TCP/IP Servidor 3

4 Informação para a Web Molos centrados no Servidor: Molo baseado em Common Gateway Interfaces; Molo baseado em Server Si Inclus; Molo baseado em Application Programming Interfaces. Molos centrados no Cliente: Molo baseado em Código previamente instalado; Molo baseado em Código móvel (embebido ou inpennte do HTML). Molos Híbridos. Molos suportados por Infra-estruturas Distribuídas: ORB CORBA; ORB Java. 7 7 Informação para a Web Molos baseados no Servidor: Molo baseado em Server Si Inclus HTTP ASP, PHP, JSP ou outro Cliente Servidor Base Dados 8 8 4

5 Informação para a Web Molos baseados no Cliente: Molo baseado em Código Previamente Instalado HTTP Protocolo Cliente Ligação Dinâmica Código Previamente Instalado Documento MIME Servidor APLICAÇÃO responsável pelos documentos MIME 9 9 Informação para a Web Molos baseados no Cliente: Molos baseados em Código Móvel HTTP Protocolo Cliente + Máquina Virtual + Aplicação Aplicação Servidor Código da Aplicação Código Móvel embebido no documento HTML HTTP Pedido Documento HTML Código Móvel inpennte do documento HTML Cliente + Máquina Virtual + Aplicação Resposta Documento HTML Pedido Applet Java Resposta Applet Java Servidor 0 5

6 Informação para a Web Tecnologias suporte aos SIWs: Servidores e Operativos (Windows, Linux...) Servidores e clientes aplicacionais (Servidor Web e Browser Web...) Protocolos Comunicação (IP, TCP, UDP...) Tecnologias e Protocolos Segurança (re e aplicações) Gestão Base Dados (Oracle, SQL-Server...) e respectivos mecanismos conexão (CGI, ASP, PHP...) As tecnologias, por si só, não serão suficientes a menos que sejam acompanhadas estratégias planeamento, senvolvimento e exploração eficientes. Desenvolvimento Informação Enquadramento: Gestão Informação Análise Estratégica SI PSI Definição Estratégica SI Implementação Estratégica SI Operação do Sistema GSI Análise (Requisitos) Administração Recursos Humanos USI Administração das TIC Manutenção DSI Concepção * 2 Projectos Especiais Instalação Construção Varajão, 998 6

7 Desenvolvimento Informação Molo em Cascata: ESTUDO PRÉVIO ANÁLISE PROJECTO LÓGICO PROJECTO FÍSICO CONSTRUÇÃO IMPLEMENTAÇÃO 3 INSTALAÇÃO MANUTENÇÃO Desenvolvimento Informação Molo Iterativo e Incremental: P S I ANÁLISE PROJECTO CONSTRUÇÃO TESTES INSTALAÇÃO Versão ANÁLISE PROJECTO CONSTRUÇÃO TESTES INSTALAÇÃO Versão 2 4 MANUTENÇÃO 7

8 Desenvolvimento Informação Molo Híbrido: Molo em Espiral 5 Desenvolvimento Informação Extensões ao Molo em Espiral Evolutionary Development [Boehm 988]; Rational Unified Process (RUP) [Royce 998], [Kruchten 998], [Jacobson 998]; The WinWin Spiral Mol [Boehm 994]; Mol-Based (System) Architecting and Software Engineering (MBASE) approach [Boehm 999a], [Boehm 999b], [Boehm 2000a]. Molo em Espiral Adaptado para o Desenvolvimento SIWs Desenvolvimento do SIW Planeamento do SIW Utilização/Exploração do SIW 6 Feedback 8

9 Desenvolvimento Informação Molo em Espiral Adaptado para o Desenvolvimento SIWs Primeiros ciclos Tempo Exploração Refinamento Descoberta Produção Manutenção e Avaliação Codificação ANÁLISE DO SISTEMA (Recolha inicial informações) PROTOTIPAR AVALIAR 7 Feedback Desenvolvimento Informação Molo em Espiral Adaptado para o Desenvolvimento SIWs Últimos ciclos Tempo Análise Projecto Estudo Prévio Implementação ANÁLISE (Requisitos) Avaliação Protótipo PROJECTO (Especificação) CONSTRUÇÃO (Codificação e testes) 8 INSTALAÇÂO MANUTENÇÃO 9

10 Molação e Especificação do Sistema Componentes um molo TÉCNICA NOTAÇÃO MODELO FERRAMENTA Um bom molo pen da convergência dos três componentes 9 Molação e Especificação do Sistema Metodologia Metodologias Estruturadas: - Molos baseados na composição funcional; - Molos na perspectiva do algoritmo. Metodologias orientadas por Objectos: - Molos baseados na flexibilida e mutação requisitos; - Molos na perspectiva do objecto ou da classe objectos. Molos Descritivos Análise Concepção Protótipo, Aplicação, Objecto ou Sistema Molos Prescritivos 20 Construção 0

11 Molação e Especificação do Sistema Análise e Projecto Estruturado MODELO DE DADOS MODELO DE PROCESSOS Diagrama Entida-Relação (DER) Estrutura da Informação Diagrama Fluxo Dados (DFD) Tratamentos: Funções e Processos MODELO DA DINÂMICA 2 Diagrama do Ciclo Vida Entida (DCVE) Acontecimentos por Entida Molação e Especificação do Sistema Análise e Projecto orientado por Objectos Rational Unified Process (RUP) Visão Lógica (funcionalida: classes, relações e pacotes) Diagramas Classes Visão Processo (sempenho, escalabilida) Diagramas Componentes Visão Casos Utilização (Visão integradora) Visão Implementação (gestão software, reutilização) Diagramas Componentes e visão em pacotes Visão Distribuição (instalação e comunicação) Diagramas Componentes e Diagramas Instalação 22 As 4 + visões do RUP

12 Estrutura e Qualida dos SIWs Educativos Estruturas Websites: Navegação Dinâmica REDE MATRIZ HIBRIDA RADIAL HIERÁRQUICA Navegação Monótona SEQUENCIAL 23 Estrutura Previsível Estrutura Imprevisível Estrutura e Qualida dos SIWs Educativos Conceito Navegação: A navegação ve ser fácil e intuitiva. Para tal: Profundida dos menus: até 3.º nível da hierarquia (regra dos três cliques) Amplitu dos menus: até 32 opções por página Posição dos menus: consistência e uniformida; Lei Fitts (topo e esquerda) Indicadores contexto: logotipo e título, tipos ligações Metáforas 24 Em suma, os mecanismos apoio à navegação vem responr às questões:??? On estou? De on venho? Para on vou? 2

13 Estrutura e Qualida dos SIWs Educativos Qualida da Informação Autoria: publicação informações acerca da instituição e do autor do conteúdo. Acuida: correcção, precisão, filida ou exactidão do conteúdo. Actualida: indicação da data criação e/ou actualização do conteúdo. Abrangência: percepção da cobertura inerente à estrutura e organização do conteúdo. Objectivida: intificação clara do objectivo principal e nível talhe do conteúdo. 25 Estrutura e Qualida dos SIWs Educativos Usabilida Contudo, alguns problemas pom ser antecipados através da: - avaliação heurística; - avaliação baseada em revisões; - avaliação baseada em molos; - entre outros métodos avaliação da usabilida. Inpenntemente do método, a avaliação será sempre centrada no utilizador 26 3

14 Desenvolvimento do Portal dos Catraios Análise Estratégica SI PSI Definição Estratégica SI - On estamos? - Para on queremos ir? - O que fazer para lá chegar? Implementação Estratégica SI Operação do Sistema GSI Análise (Requisitos) Administração Recursos Humanos USI Administração das TIC Manutenção DSI Concepção * Projectos Especiais Instalação Construção 27 Activida Planeamento do Portal Análise estratégica Tecnologia & Conteúdos Motivação Educação & Formação Áreas do Saber Museus, Arquivos, Bibliotecas, Centros Documentação Conteúdos Culturais Informação CASA Comunicação Multimedia Profissional EMEREC Instituíções Formais Criação Saber Conteúdos Científicos (escolares/académicos) ESCOLA 28 (Escolas e Universidas) Organismos I&D Investigação & Desenvolvimento (Universidas, Empresas,Centros Investigação e Laboratórios) Entidas Criação e Divulgação Artística (Escolas, Universidas, Artistas e Criadores) Conteúdos I&D (estudos/investigações) Conteúdos Artísticos Internet Informação ESCOLA ou UNIVERSIDADE Informação EMPRESAS Tecnologias Multimedia Professor EMEREC Alunos EMEREC TM uso individual Aluno EMEREC TM difusão massiva Comunicação interpessoal mediada Transmissão informação 4

15 Activida Planeamento do Portal Definição estratégica Missão: Favorecer a comunicação entre Escolas do.º Ciclo do Ensino Básico e Educação Infância e, stas, com a comunida em geral e com as crianças e seus pais ou encarregados educação em particular. O todo é mais do que a soma das partes Mas afinal para on queremos ir? Pretenmos dinamizar uma comunida que crescerá e senvolverá sinergias naturalmente, disponibilizando informação todos para todos. 29 Activida Planeamento do Portal Implementação estratégica Missão Objectivos Estratégias Desenvolvimento do Portal O que fazer para lá chegar? O processo Desenvolvimento do Portal dos Catraios será orientado por um Molo Híbrido: o Molo em Espiral Adaptado. Porquê? 30 - Molo iterativo, incremental e evolutivo - Centrado no utilizador - Centrado em abordagens Prototipagem evolutiva - Permitindo abordagens sequenciais em Cascata, se for conveniente. 5

16 Activida Planeamento do Portal Implementação estratégica Mas, convém não esquecer: 3 Principais factores riscos Alteração constante nos utilizadores Falta motivação e envolvimento dos utilizadores Falta comprometimento das Direcções das Escolas (Agrupamentos) Alteração e incompreensão dos requisitos Recursos insuficientes para o projecto Incompreensão do âmbito e objectivos do sistema Barreiras tecnológicas acesso ao Portal Formação dos utilizadores actuais e potenciais Alterações ao âmbito e objectivos do sistema Metodologia inaquada no senvolvimento alguns subsistemas Desenvolvimento do Portal dos Catraios Análise Definição Estratégica Estratégica SI SI PSI Implementação Estratégica SI - Analisar (O que fazer?) - Projectar (Como fazer?) - Criar/Adquirir - Instalar - Manter/Actualizar Operação do Sistema GSI Análise (Requisitos) Administração Recursos Humanos USI Administração das TIC Manutenção DSI Concepção * Projectos Especiais Instalação Construção 32 6

17 Activida Desenvolvimento do Portal Análise Diagrama Casos Utilização (Criança) Seleccionar conteúdos para Educação Infância Seleccionar Conteúdos para.º Ciclo do Ensino Básico Seleccionar actividas lúdico-didácticas Seleccionar histórias Seleccionar actividas lazer e entretenimento Criança Consultar Novidas Pesquisar Escola Enviar dúvida <<extend>> <<extend>> Consultar Website Via Via FAQ (Web/BD) 33 Subscrever Revista dos Miúdos Administrador do Portal (from Pais) Activida Desenvolvimento do Portal Análise Diagrama Activida (Enviar Postal) Recreio dos Catraios Seleccionar tema do postal Seleccionar tipo postal Seleccionar postal Preencher postal Previsualizar postal Não Gosta do postal? Sim Enviar Postal Enviar postal ao stinatário Adicionar postal à base dados 34 Informar do sucesso do envio do postal Voltar ao Recreio dos Catraios 7

18 Activida Desenvolvimento do Portal Análise Diagrama Sequência (Requisição recursos físicos) : Visitante Am biente Professores Central Reservas Colaborador Centro Recursos Entrar na Centro Recursos Físicos Adicionar material apoio Preencher dados pessoais para requisição Iniciar preenchimento requisição Enviar requisição Envi ar requisição por Informa do sucesso da operação Confirmar/Rejeitar requisição Actualizar estado da requisição Mostrar estado da requisição Confirma/Rejeita requisição por 35 Activida Desenvolvimento do Portal Análise Diagrama Classes (Escolas) Colaborador Tipologia Concelho Agrupamento calendário * Boletim 0..* Pe ssoal * Evento..* 0..* * * Escola 0.. * Projecto Galeria 0..* 0..* Curiosidas 0..* Galeria_imagens 0..* Jornal 0..* Clube 0..* 0..* Contrib uto 0..* Tira_BD * * 36 Livros 0..*..* Hi sto ria..* Banda_Desenhada 8

19 Activida Desenvolvimento do Portal Análise Diagrama Componentes <<Application>> Cliente Web <<Application>> Cliente FTP <<Application>> Cliente Mail Servidor DNS IPB Servidor Web IIS Catraios Servidor FTP Catraios Servidor Mail Catraios 37 Servidor Base Dados SQL Activida Desenvolvimento do Portal Análise Diagrama Instalação ou Distribuição Gateway IPB Router2 Router7up I NTERNE T Servidor DNS PC_trabalho2 PC_trabalho Swich Core Swich ESE Servidor Catraios Dominio RPM Impressora 38 9

20 Activida Desenvolvimento do Portal Análise Evolução dos Protótipos 39 Activida Desenvolvimento do Portal Projecto Protótipo Operacional Crianças Professores Pais Comunida Colaboradores 40 20

21 Activida Desenvolvimento do Portal Projecto Estrutura Frames Menu Principal Home Portal (Início) dos Catraios + Miúdos Livro Adicionar Recomendar Contactar Apresentação Pesquisa AJUDA Visitas Favoritos Portal por do Portal (flash) Geral - Aprenr jogando - Sabias que - Ver e ouvir - Animais e vegetais - Como fazer - Campo e Cida - Aprenr jogando - Sabias que - Ler, ver e ouvir - Volta ao Mundo + Jardim dos Catraios (JI) - Noticias - Aprenr fazendo + Escolinha dos Catraios (EB) + ATL - Actividas para os Catraios - Desenhar e pintar + Recreio dos Catraios - Magia e ilusão + Novidas - Viagens na nossa Terra - A minha Página Web + Catálogo Infantil Websites - O nosso Clube - Galeria Escolar - Postais - Conversar (Chat) - Parques Infantis - Passatempos - Fundos - Concursos Menus Secundários Área Informação e respectivos submenus + Professores + Papás & Mamãs + Escolas + Sala do Professor + Sala Recursos + Sala Formação + Catálogo Websites + Dossier Legislação + Painel Informação + Sala Atendimento + Sala TPC e ATL + Sala SOS - Prevenção + Catálogo Websites + Dossier Legislação + Painel Informação + Lista Escolas (Páginas Web) + Instituições Educativas + Dossier Escolar + Publicações Escolares + Eventos e Festas + Projectos e Actividas + Clubes e Grupos + Galeria Trabalhos 4 + Projecto + Apresentação + Apoios e Parcerias + Disposições Legais + Política Privacida + Centro Apoio + Contactos Activida Desenvolvimento do Portal Construção: tecnologias - Arquitectura do Sistema baseado em ASPs e em Código Móvel - Cascading Style Sheets (CSS) - Extensible Mark-up Language (XML) - Animação e multimedia através Flash 42 2

22 Activida Desenvolvimento do Portal Instalação Arquitectura do Portal 43 Activida Desenvolvimento do Portal Instalação Arquitectura do Portal final Servidor Web Portal dos Catraios Servidor BD Portal dos Catraios Servidor FTP Portal dos Catraios Servidor Mail Portal dos Catraios HTML IIS HTTP A S P Bases Dados SQL SGBD - SQL Server e Access2000 Pasta Pasta Escola A... Escola Z Directório FTP FTP Caixa Caixa A... Z Caixas MAIL SMTP / POP3 TCP / IP TCP / IP TCP / IP TCP / IP ftp:// Colaboradores do Portal Aplicações Publicação mail.catraios.pt Internet Cliente Browser Leitor Mail Browser Leitor Mail 44 SMTP HTTP POP3 TCP / IP SMTP HTTP POP3 TCP / IP 22

23 Desenvolvimento do Portal dos Catraios Análise Definição Estratégica Estratégica SI SI PSI Implementação Estratégica SI - Formar os RH - Actualizar as TIC - Introdução dados -Alterações locais Operação do Sistema GSI Análise (Requisitos) Administração Recursos Humanos USI Administração das TIC Manutenção DSI Concepção * Projectos Especiais Instalação Construção 45 Conclusões Retrospectiva do trabalho senvolvido Processo Desenvolvimento ve ser orientado por uma metodologia. A activida DSI ve ser impulsionada pela activida PSI e validada pela activida USI. Molos Iterativos e Incrementais e os Molos Híbridos (em particular Molo em Espiral) são os mais aquados para o Desenvolvimento Informação para a Web O Molo em Espiral adaptado permitiu visualizar e projectar o sistema, centrando-se na análise riscos e no utilizador, e, evolutivamente, construir e validar o sistema a partir um conjunto molos, especificações e protótipos

24 Conclusões Retrospectiva do trabalho senvolvido Análise e Projecto Abordagens orientadas ao Objecto ferramenta Rational Rose Abordagens Estruturadas ferramenta Easy CASE Construção e Avaliação Ciclos prototipar avaliar prototipar Análise Projecto Construção - Instalação Avaliação e Utilização. Validação da Estrutura e organização dos conteúdos 2. Validação da funcionalida dos serviços 47 Conclusões Perspectiva do trabalho a senvolver Produção e publicação conteúdos qualida científica e pedagógica; Dinamização dos serviços e conteúdos (Fóruns, Chats, Histórias On-line...); Melhoria da acessibilida do Portal; Migração do HTML para XML; Efectuar a migração para ASP.NET no caso das páginas dinâmicas; Garantir a segurança das aplicações Web e respectivas transacções (SSL); Estenr ao 2.º e 3.º Ciclos do Ensino Básico

25 Vitor Barrigão Gonçalves Escola Superior Educação Bragança