Projecto de Informação sobre Educação Vitor Manuel Barrigão Gonçalves Évora, 2003 Desenvolvimento de Websites Portal dos Catraios – um projecto para a

Projecto de Informação sobre Educação

Vitor Manuel Barrigão Gonçalves

Évora, 2003

Desenvolvimento de WebsitesPortal dos Catraios – um projecto para a Web

Escola Superior de Educação de Bragança

Desenvolvimento de Websites Portal dos Catraios – um projecto para a Web

22

Sumário

Contexto

Objectivos

Websites / Sistemas de Informação para a Web

Desenvolvimento de Sistemas de Informação para a Web

Modelação e Especificação do Sistema

Estrutura e Qualidade dos Sistemas Web Educativos

Desenvolvimento do Portal dos Catraios

Conclusões

Visita guiada ao Portal dos Catraios: http://www.catraios.pt


33

Contexto

Contínua e rápida mutação social, política, económica e tecnológica (redução do período de vida das TICs);

Recurso crescente a Redes Digitais de Informação(exigência crescente de informação);

Novo conceito de Educação: Educação ao longo da vida;

Alteração dos papéis e atitudes do aluno e do professor;Internet - instrumento indispensável ao desenvolvimento da

sociedade da informação (desenvolvimento de novas TIC);

Pais ou encarregados de educação cada vez mais investem em materiais ou instrumentos educativos.

Exigência crescente de:Conteúdos Websites Sistemas de Informação para a Web

Vivemos numa sociedade caracterizada por:


44

Contexto

Estabelecimentos de EnsinoQuerem mostrar o trabalho desenvolvido à sua comunidade educativa.

ESE-IPBQuer estreitar a ligação aos Estabelecimentos de Ensino.

CAE-BragançaQuer ver fácil e rapidamente veiculadas informações entre as escolas.

Alunos e ProfessoresExigem novas formas de comunicação e de obtenção de informação.

Prefiguram-se vários cenários para esta Comunidade Educativa:

Redes Telemáticas, Directórios Educativos, Portais Educativos, Websites Lúdico-didácticos, Sistemas de Ensino à Distância, Centros de Recursos on-line, entre outros sistemas baseados na Web.

Portal para Jardins e Escolas do 1º Ciclo Ensino Básico


55

Objectivos

Objectivo do projecto:Desenvolver um SIW que favoreça a comunicação entre as Escolas do 1.º Ciclo e Jardins de Infância e, destas com a comunidade em geral e com as crianças, seus pais e professores em particular.

Este Sistema de Informação Educativo para a Web designou-se por

Portal dos Catraios – O Portal dos Miúdos e Graúdos

A construção de um portal ou outro Sistema de Informação para a Web (SIW) poderia não ser uma meta prioritária de cada escola...

Mas,

poderia constituir um objectivo comum de todas elas.

Para tal,Estudar os Modelos de Desenvolvimento de Sistemas de InformaçãoE seleccionar o mais adequado...


66

MIDDLEWARE

CLIENTE SERVIDOR

Modelo Distribuído

Internet

Cliente Servidor

Protocolo do serviço

Protocolo TCP/IP

Aplicação Cliente Aplicação Servidor

Modelo Cliente-Servidor

Sistemas de Informação para a Web


77

•Modelos centrados no Servidor: Modelo baseado em Common Gateway Interfaces; Modelo baseado em Server Side Includes; Modelo baseado em Application Programming Interfaces.

• Modelos centrados no Cliente: Modelo baseado em Código previamente instalado; Modelo baseado em Código móvel (embebido ou independente do HTML).

• Modelos Híbridos.

• Modelos suportados por Infra-estruturas Distribuídas: ORB CORBA; ORB Java.



88

• Modelos baseados no Servidor: Modelo baseado em Server Side Includes

Cliente

H T T PASP, PHP,

JSP ou outro

Servidor

Base deDados



99

• Modelos baseados no Cliente: Modelo baseado em Código Previamente Instalado

Cliente Servidor

APLICAÇÃOresponsável pelosdocum entos M IME

H T T P

CódigoPreviam ente

Instalado

LigaçãoDinâm ica

Docum entoMIME

Protocolo



1010

• Modelos baseados no Cliente: Modelos baseados em Código Móvel

Cliente Servidor

Códigoda

Aplicação

H T T P

Máquina V irtual+

Aplicação

Aplicação

Protocolo

+

Cliente

Servidor

H T T P

Máquina V irtual+

Aplicação

+

Pedido Docum ento HTML

Resposta Docum ento HTML

Pedido Applet Java

Resposta Applet Java

Código Móvel embebido no documento HTML

Código Móvel independente do documento HTML



1111


Tecnologias de suporte aos SIWs:

• Servidores e Sistemas Operativos (Windows, Linux...)

• Servidores e clientes aplicacionais (Servidor Web e Browser Web...)

• Protocolos de Comunicação (IP, TCP, UDP...)

• Tecnologias e Protocolos de Segurança (rede e aplicações)

• Sistemas de Gestão de Base de Dados (Oracle, SQL-Server...)

• e respectivos mecanismos de conexão (CGI, ASP, PHP...)

As tecnologias, por si só, não serão suficientes a menos que sejam acompanhadas de estratégias de planeamento, desenvolvimento e exploração eficientes.


1212

USI DSI

Análisede

Sistemas(Requisitos)

Manutençãode

Sistemas

Instalaçãode

Sistemas

Construçãode

Sistemas

Concepçãode

Sistemas*

PSI

AnáliseEstratégica

SI

ImplementaçãoEstratégica

SI

DefiniçãoEstratégica

SI

Administraçãode

RecursosHumanos

ProjectosEspeciais

AdministraçãodasTIC

Operaçãodo

Sistema

GSI

* Projecto de Sistemas (Especificação)

Varajão, 1998

Desenvolvimento de Sistemas de InformaçãoEnquadramento: Gestão de Sistemas de Informação


1313

Desenvolvimento de Sistemas de Informação

Modelo em Cascata:

ANÁLISE

PROJECTOLÓGICO

PROJECTOFÍSICO

CONSTRUÇÃOIMPLEMENTAÇÃO

INSTALAÇÃOMANUTENÇÃO

ESTUDO PRÉVIO


1414

Desenvolvimento de Sistemas de Informação Modelo Iterativo e Incremental:

ANÁLISE

PROJECTO

CONSTRUÇÃO

TESTES

P S I

ANÁLISE

PROJECTO

CONSTRUÇÃO

TESTES

MANUTENÇÃO

INSTALAÇÃO

Versão 2

INSTALAÇÃO

Versão 1


1515

Desenvolvimento de Sistemas de Informação Modelo Híbrido: Modelo em Espiral


1616


Modelo em Espiral Adaptado para o Desenvolvimento de SIWs

Planeamento do SIW Utilização/Exploração do SIW

Desenvolvimento do SIW

Feedback

Extensões ao Modelo em Espiral• Evolutionary Development [Boehm 1988];

• Rational Unified Process (RUP) [Royce 1998], [Kruchten 1998], [Jacobson 1998];

• The WinWin Spiral Model [Boehm 1994];

• Model-Based (System) Architecting and Software Engineering (MBASE) approach [Boehm 1999a], [Boehm 1999b], [Boehm 2000a].


1717


Modelo em Espiral Adaptado para o Desenvolvimento de SIWs Primeiros ciclos

Feedback

ANÁLISE DO SISTEMA(Recolha inicial de inform ações) PR O T O T IPAR AVALIAR

Exploração

Codificação

Produção

Refinamento

Descoberta

Manutençãoe Avaliação

Tempo


1818


Modelo em Espiral Adaptado para o Desenvolvimento de SIWs Últimos ciclos

ANÁLISE(Requisitos)

PROJECTO(Especificação)

CONSTRUÇÃO(Codificação e testes)

INSTALAÇÂOMANUTENÇÃO

Análise

Protótipo

Implementação

Projecto

Estudo Prévio

Avaliação

Tempo


1919

Modelação e Especificação do SistemaComponentes de um modelo

TÉCNICA

MODELO

Um bom modelo depende da convergência dos três componentes


2020


Metodologia

• Metodologias Estruturadas:- Modelos baseados na decomposição funcional;- Modelos na perspectiva do algoritmo.

• Metodologias orientadas por Objectos:- Modelos baseados na flexibilidade e mutação de requisitos;- Modelos na perspectiva do objecto ou da classe de objectos.

Análise

Construção

Concepção

Modelos Descritivos

Modelos PrescritivosProtótipo, Aplicação,Objecto ou Sistema


2121


Diagrama de Fluxo de Dados (DFD)Tratamentos: Funções e Processos

Diagrama Entidade-Relação (DER)Estrutura da Informação

MODELO DA DINÂMICA

Diagrama do Ciclo de Vida de Entidade (DCVE)Acontecimentos por Entidade

MODELO DE PROCESSOSMODELO DE DADOS

Análise e Projecto Estruturado de Sistemas


2222


Análise e Projecto orientado por Objectos Rational Unified Process (RUP)

Visão de Implementação(gestão de software, reutilização)

Diagramas de Componentes e visão em pacotes

Visão Lógica(funcionalidade:

classes, relações e pacotes)Diagramas de Classes

Visão de Distribuição(instalação e comunicação)

Diagramas de Componentes e Diagramas de Instalação

Visão de Processo(desempenho, escalabilidade)Diagramas de Componentes

Visão deCasos de Utilização

(Visão integradora)

As 4 + 1 visões do RUP


2323

Estrutura e Qualidade dos SIWs Educativos

Estruturas de Websites:

HIBRIDA

REDE

HIERÁRQUICA

RADIAL

EstruturaImprevisível

EstruturaPrevisível

NavegaçãoMonótona

NavegaçãoDinâmica

MATRIZ

SEQUENCIAL


2424


Navegação:

Em suma,os mecanismos de apoio à navegação devem responder às questões:

Onde estou?De onde venho?Para onde vou?

• Profundidade dos menus: até 3.º nível da hierarquia (regra dos três cliques)

• Amplitude dos menus: até 32 opções por página

• Posição dos menus: consistência e uniformidade; Lei de Fitts (topo e esquerda)

• Indicadores de contexto: logotipo e título, tipos de ligações

• Metáforas

Conceito

A navegação deve ser fácil e intuitiva.Para tal:

? ? ?


2525


Qualidade da Informação

• Autoria:publicação de informações acerca da instituição e do autor do conteúdo.

• Acuidade:correcção, precisão, fidelidade ou exactidão do conteúdo.

• Actualidade:indicação da data de criação e/ou actualização do conteúdo.

• Abrangência:percepção da cobertura inerente à estrutura e organização do conteúdo.

• Objectividade:identificação clara do objectivo principal e nível de detalhe do conteúdo.


2626


Usabilidade

Contudo,alguns problemas podem ser antecipados através da:- avaliação heurística;- avaliação baseada em revisões;- avaliação baseada em modelos;- entre outros métodos de avaliação da usabilidade.

Independentemente do método, a avaliação será sempre centrada no utilizador


2727

Desenvolvimento do “Portal dos Catraios”

- Onde estamos?- Para onde queremos ir?- O que fazer para lá chegar?


2828

Análise estratégica

TMuso

individualProfessorEMEREC

AlunosEMEREC

TMdifusãomassiva

ESCO LA

AlunoEMEREC

ProfissionalEMEREC

Com unicaçãoM ultim edia

Comunicaçãointerpessoal

mediada

Transmissãode informação

T ecnologiasM ultim edia

Museus,Arquivos,

Bibliotecas,Centros de Docum entação

Instituíções Form aisde Criação de Saber

(Escolas e Universidades)

Organism os de I&DInvestigação & Desenvolv im ento

(Universidades, Em presas,Centrosde Investigação e Laboratórios)

Entidades de Criação e DivulgaçãoArtística

(Escolas, Universidades, Artistas eCriadores)

Áreas do Saber

CASA

EM PRESAS

ESCOLA ou UNIVERSIDADE

Internet

Informação

Informação

Informação

Tecnologia & Conteúdos Educação & FormaçãoMotivação

Actividade de Planeamento do Portal


2929

“O todo é mais do que a soma das partes”

Definição estratégica

Missão:

Favorecer a comunicação entre Escolas do 1.º Ciclo do Ensino Básico e de Educação de Infância e, destas, com a comunidade em geral e com as crianças e seus pais ou encarregados de educação em particular.

Pretendemos dinamizar uma comunidade que crescerá e desenvolverá sinergias naturalmente, disponibilizando informação de todos para todos.

Mas afinal para onde queremos ir?



3030

Implementação estratégica

Missão Objectivos Estratégias Desenvolvimento do Portal

O que fazer para lá chegar?

O processo de Desenvolvimento do “Portal dos Catraios” será orientado por

um Modelo Híbrido: o Modelo em Espiral Adaptado.

Porquê?

- Modelo iterativo, incremental e evolutivo

- Centrado no utilizador

- Centrado em abordagens de Prototipagem evolutiva

- Permitindo abordagens sequenciais em Cascata, se for conveniente.



3131

Implementação estratégica

Principais factores de riscos

• Alteração constante nos utilizadores

• Falta de motivação e envolvimento dos utilizadores

• Falta de 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 de acesso ao Portal

• Formação dos utilizadores actuais e potenciais

• Alterações ao âmbito e objectivos do sistema

• Metodologia inadequada no desenvolvimento de alguns subsistemas

Mas, convém não esquecer:



3232


- Analisar (O que fazer?)- Projectar (Como fazer?)- Criar/Adquirir- Instalar- Manter/Actualizar


3333

Análise

Actividade de Desenvolvimento do Portal

Diagrama de Casos de Utilização (Criança)

Seleccionar conteúdos para Educação de Infância

Seleccionar Conteúdos para 1.º Ciclo do Ensino Básico Seleccionar actividades

lúdico-didácticas

Seleccionar actividades de lazer e entretenimento

Consultar Novidades

Consultar WebsitePesquisar Escola

Seleccionar histórias

Subscrever Revista dos Miúdos

Criança

Administrador do Portal

(from Pais)

Enviar dúvida

Via Email Via FAQ (Web/BD)

<<extend>>

<<extend>>


3434

Análise


Diagrama de Actividade (Enviar Postal)

Seleccionar tipo de postal

Seleccionar postal

Seleccionar tema do postal

Preencher postal

Previsualizar postal

Gosta do postal?

Enviar Postal

Enviar postal ao destinatário

Adicionar postal à base de dados

Informar do sucesso do envio do postal

Voltar ao Recreio dos Catraios

Não

Sim

Recreio dos Catraios


3535

Análise


Diagrama de Sequência (Requisição de recursos físicos)

: VisitanteAmbiente Professores Central de

ReservasColaborador Centro

de Recursos

Entrar na Centro de Recursos Físicos

Adicionar material de apoio

Iniciar preenchimento de requisição

Preencher dados pessoais para requisiçãoEnviar requisição

Enviar requisição por email

Confirmar/Rejeitar requisição

Actualizar estado da requisição

Mostrar estado da requisição

Informa do sucesso da operação

Confirma/Rejeita requisição por email


3636

Análise


Diagrama de Classes (Escolas)

Colaborador Tipologia calendário

Projecto

Boletim

Curiosidades

Evento0..*0..*

Pessoal

*

1

*

1

Jornal Clube

Galeria

Galeria_imagens

0..*

1

0..*

1

Historia

Contributo

*

1..*1..*

*

Banda_Desenhada

Tira_BD

*

1..*1..*

*

Livros

Escola

1..*

1

1..*

1

1

1

1

*

1

*

1

0..*

1

0..*

1

0..*

1

0..*

1

0..*

1

0..*

1

0..*

1

0..*

1

0..*

1

0..*

10..*

10..*

1

0..*

1

0..*

1

0..*

1

0..*

1

0..*

1

0..*

1

0..*

1

0..*

1

Concelho

*

1

*

Agrupamento

*

1

*

1


3737

Análise


Diagrama de Componentes

Servidor Web IIS Catraios

Servidor Mail Catraios

Servidor FTP Catraios

Cliente FTP<<Application>>

Cliente Web<<Application>>

Cliente Mail<<Application>>

Servidor Base de Dados SQL

Servidor DNS IPB


3838

Análise


Diagrama de Instalação ou de Distribuição

Servidor DNS

Swich ESE

Swich Core

Gateway IPB

Servidor Catraios

INTERNET

Dominio RPM

Impressora

PC_trabalho1PC_trabalho2

Router21 Router7up


3939

Análise


Evolução dos Protótipos


4040

Projecto


Protótipo Operacional

Crianças

Professores

Pais

Comunidade

Colaboradores


4141

Projecto


Estrutura de Frames

Área de Informaçãoe

respectivos submenus

Menu Principal

Men

us S

ecun

dári

osPortal

dosCatraios

+ Miúdos

+ Professores

+ Papás & Mamãs

+ Escolas

+ Projecto

+ Jardim dos Catraios (JI)+ Escolinha dos Catraios (EB1)+ ATL - Actividades para os Catraios+ Recreio dos Catraios+ Novidades+ Catálogo Infantil de Websites

+ Sala do Professor+ Sala de Recursos+ Sala de Formação+ Catálogo de Websites+ Dossier de Legislação+ Painel de Informação

+ Sala de Atendimento+ Sala de TPC e ATL+ Sala SOS - Prevenção+ Catálogo de Websites+ Dossier de Legislação+ Painel de Informação

+ Lista de Escolas (Páginas Web)+ Instituições Educativas+ Dossier Escolar+ Publicações Escolares+ Eventos e Festas+ Projectos e Actividades+ Clubes e Grupos+ Galeria de Trabalhos

+ Apresentação+ Apoios e Parcerias+ Disposições Legais+ Política de Privacidade+ Centro de Apoio+ Contactos

Home(Início)

Livro deVisitas

AdicionarFavoritos

RecomendarPortal

Contactarpor Email

Apresentaçãodo Portal (flash)

PesquisaGeral

AJUDA

- Aprender jogando- Sabias que- Ver e ouvir- Animais e vegetais- Como fazer- Campo e Cidade

- Aprender jogando- Sabias que- Ler, ver e ouvir- Volta ao Mundo- Noticias- Aprender fazendo

- Desenhar e pintar- Magia e ilusão- Viagens na nossa Terra- A minha Página Web- O nosso Clube- Galeria Escolar

- Postais- Conversar (Chat)- Parques Infantis- Passatempos- Fundos- Concursos


4242

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 de Flash


4343

Instalação


Arquitectura do Portal


4444

Instalação


Arquitectura do Portal final

Cliente

Servidor W ebPortal dos Catraios

http://w w w .catraios.ptftp://w w w .catraios.pt

mail.catraios.pt

InternetColaboradores do Portal

Servidor MailPortal dos Catraios

TCP / IP

SMTP / PO P3

Caixas M AIL

Servidor BDPortal dos Catraios

TCP / IP

HTTP

Browser

SMTPPO P3

Leitor Mail

Servidor FTPPortal dos Catraios

TCP / IP

HTTP

IIS

HTM LASP

TCP / IP

SG BD - SQ L Servere Access2000

SQ L

Bases Dados

TCP / IP

HTTP

Browser

SMTPPO P3

Leitor Mail

AplicaçõesPublicação

TCP / IP

FTP

Directório FTP

Pasta PastaEscola A ... Escola Z

Caixa CaixaA ... Z


4545


- Formar os RH- Actualizar as TIC- Introdução de dados-Alterações locais


4646

Retrospectiva do trabalho desenvolvido

Conclusões

•Processo de Desenvolvimento deve ser orientado por uma metodologia.

•A actividade de DSI deve ser impulsionada pela actividade de PSI e validada pela actividade de USI.

•Modelos Iterativos e Incrementais e os Modelos Híbridos (em particular Modelo em Espiral) são os mais adequados para o Desenvolvimento de Sistemas de Informação para a Web

•O Modelo em Espiral adaptado permitiu visualizar e projectar o sistema, centrando-se na análise de riscos e no utilizador, e, evolutivamente, construir e validar o sistema a partir de um conjunto de modelos, especificações e protótipos.


4747

Retrospectiva do trabalho desenvolvido

Conclusões

• Análise e ProjectoAbordagens orientadas ao Objecto – ferramenta Rational RoseAbordagens Estruturadas – ferramenta Easy CASE

• Construção e AvaliaçãoCiclos “prototipar – avaliar – prototiparAnálise – Projecto – Construção - Instalação

• Avaliação e Utilização1. Validação da Estrutura e organização dos conteúdos2. Validação da funcionalidade dos serviços


4848

Perspectiva do trabalho a desenvolver

Conclusões

• Produção e publicação de conteúdos de qualidade científica e pedagógica;

• Dinamização dos serviços e conteúdos (Fóruns, Chats, Histórias On-line...);

• Melhoria da acessibilidade 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);

• Estender ao 2.º e 3.º Ciclos do Ensino Básico.


4949

Vitor Barrigão GonçalvesEscola Superior de Educação de Braganç[email protected]

http://[email protected]

Documents

Projecto de Informação sobre Educação Vitor Manuel Barrigão Gonçalves Évora, 2003 Desenvolvimento de Websites Portal dos Catraios – um projecto para a