Home

SITESEED - Departamento de Engenharia Informática

1. e erereeearenne rare ntarenaa Fig 29 Threads dofOrUM sis cisL aces iaagaso E ALDIR sao ATOS Ta GOO TA REZA CERA SO ha SEE Ta DDD OGRO TE HUGO COSTA 990710 7 SITESEED 1 Introdu o 1 1 Escolha do Siteseed para este projecto A raz o pela qual escolhi o Siteseed deve se ao facto de achar que uma aplica o com muitas potencialidades mas que ainda n o possui a devida notoriedade um produto nacional escrito numa linguagem que neste momento a mais utilizada na Internet e acima de tudo gratuito Ao escrever este documento pretendo informar quer os aspectos melhores quer os piores desta aplica o e deste modo contribuir para quem como eu tamb m j estive procura de um gestor de conte dos minha experi ncia com o Siteseed adv m de ter estado numa empresa de webdesign onde trabalhei intensamente durante mais de ano nesta ferramenta e por for a das circunstancias necessitei de efectuar altera es no pr prio c digo fonte o que me obrigou a conhecer o Siteseed muito minuciosamente Al m de que desde que me lembro tenho vindo a experimentar todo o tipo de aplica es open source deste g nero na tentativa de encontrar o melhor gestor de conte dos Assim sendo este documento foi elaborado sem consultas a outros documentos externos at gt porque n o h excep o de um documento de apresenta o do Siteseed da pr pria MrNet que me ajudou a fornecer alguns factos relativos ao
2. Fig 7 Modo de visualiza o de comandos Deste modo uma pessoa que nunca teve contacto com programa o pode efectuar querys complexas nossa base de dados Ao editarmos um objecto de p gina temos dois tipos de vista apenas ver os comandos ou ver o c digo Caixa de texto onde podemos combinar os comandos pr prios do Siteseed com HTML PHP Javascript etc HUGO COSTA 990710 27 FOULS LIKE HOME Horah Jones COUNT RASIE amp FRIENDS Coumt Basto EDANY Q PLATINUM Fig 8 Exemplo de listagem num objecto de p gina PROXIMOSLANM THE ART D DVD Brothers Moucton SITESEED SMENTOS AMENTOS Duan Ouran Saybia Ed Harcourt The finn Neste exemplo podemos ver como a constru o duma p gina deste tipo extremamente simples no Siteseed Cada arco colorido um conjunto de artigos com layouts espec ficos O c digo seria algo como lt table gt SIL Secco lispan2 gt INSERT last howmany 3 columns 3 ee Sli QI sede INSERT last howmany 4 columns 2 LEC seis INSERT last howmany 6 columns 3 INSERT last howmany 6 columns 3 sy Ed Z EIES lt table gt HUGO COSTA 990710 size 100 box 1 layout 1 size 100 box 2 layout 5 size 100 box 3 layout 3 size 100 box 3 layout 2 28 subjects 1 subjects 3 subjects 5 subjects 21 SITESEED 6 3 Interfaces Um site normalmente apresenta uma estrutura composta por um cabe alho um menu uma rea onde aparece os conte
3. B sitese E O article E O bo B cvs O imagesbo O include CD interfaces DB sections O surveys O users 5 cache B cvs O images O include O object O passwds 5 siteseed H E E E E E EH H E E E H E Fig 2 Estrutura de ficheiros do siteseed Tamb m utilizado o ImageMagickTMs para manipula o server side de imagens Com o ImageMagickIM poss vel ao utilizador efectuar o upload e posterior redimensionamento das imagens mantendo estas a mesma propor o largura altura Embora oficialmente n o existe nenhuma vers o para Windows poss vel correr o Siteseed neste sistema operativo Para isso podemos utilizar por exemplo o FoxServ que um pacote de instala o Apache MySQL PHP que consegue que o Siteseed corra no Windows claro que com menos fiabilidade 3 ActiveXQ a denomina o de um tipo de tecnologia desenvolvida pela Microsoft baseada em componentes COM De grosso modo estes componentes s o controlos que integram ferramentas com funcionalidades elaboradas num Web Browser 4 WYSIWYG What you see is what you get Apresenta uma interface de edi o visual com componentes semelhantes aos que o utilizador em regra est habituado gerando numa camada inferior invis vel o c digo HT ML 5 ImageMagickTM E um conjunto de ferramentas e bibliotecas externas que permitem ler escrever e manipular imagens HUGO COSTA 990710 15 SITESEED 5 2 Funcionalida
4. htaccess para o ficheiro htpasswd Verificar se o utilizador est criado no ficheiro htpasswd bem como a sua password Authorization Required This server could not verify that you are authorized to access the document requested Either you supplied the wrong credentials e g bad password or your browser doesn t understand how to supply the credentials required Apachef 3 22 Server at orangeye dnsalias com Port 80 Erro a efectuar upload de imagens O webserver necessita de ter permiss es de escrita para a pasta das imagens images chmod Verificar tamb m o dono da pasta chown O artigo n o aparece no site Verifique se o artigo j est aprovado Verifique o layout do attigo Verifique o tema ao que o artigo est inserido HUGO COSTA 990710 39 SITESEED 10 Manual de Utiliza o sta sec o do documento tem como objectivo a explica o do funcionamento do Siteseed oferecendo ao utilizador uma ajuda na utiliza o desta ferramenta Nela ser descrito a utiliza o da ferramenta para os tr s diferentes n veis de acesso Nota As imagens utilizadas s o retiradas de v rios backoffice s de modo a constatarmos as poss veis customiza es As cores da aplica o est o definidas como vari veis no ficheiro config php enquanto que as imagens utilizadas est o na pasta images bo sendo pottanto apenas necess rio edita las e grava las com o mesmo nome HUGO COSTA 990
5. de grande import ncia pois a inclus o dos artigos no site dependem em grande parte do tema em que est o inclu dos Actividades Centro de Estudos 16 Biblioteca 12 Centro de Estudos 15 Destaques HOME 18 Docentes 6 N Informa es 8 Informa es Centro de estudos 17 Licenciaturas 4 Menus 1 Not cias Centro de Estudos 14 Not cias Docentes 7 Not cias Licenciaturas 9 Not cias P s Gradua es 5 P s Gradua es 3 Publica es 13 Sec es 2 Secretaria 10 UNIVA 11 r r r r r r r r r r r r r r 10 4 3 9 COMENT RIOS Permite colocar com o artigo uma zona de inser o de coment rios com a possibilidade de entrada no f rum e de atribui o de pontua o ao artigo HUGO COSTA 990710 50 SITESEED Nenhuma Coment rios Forum sem Classifica o Forum com Classifica o 10 4 3 10 CLASSIFICA O Permite definir uma classifica o para o artigo para selec o de artigos por classifica o Ao 10 4 3 11 MANUAL Abre uma janela com ajuda relativa ao utilizador Novamente um link para o site do manual do Siteseed 10 4 3 12 LIMITADO AOS UTILIZADORES Permite restringir a sua visualiza o a certos utilizadores definidos na caixa de texto Apenas os usernames dos utilizadores definidos nesta caixa poder o ver este artigo Esta funcionalidade destinada para quando existem reas reservadas no site qu
6. gt lt gt Sheadline 6 include object show php 2 gt lt head gt lt body bgcolor amp FFFFFF text 000000 leftmargin 0 topmargin lt Interface Top menu gt lt headline 5 include object show php gt lt C Main content area with a left side menu area gt lt table width 100 border 0 cellspacing 20 gt v lt m Code after main content lt td gt Fig 24 Edi o de uma interface HUGO COSTA 990710 75 As interfaces s o feitas em rela o a conte dos assim existem dois do conte do e outro de c digo de SITESEED Dentro destes campos edit veis podemos colocar desde HTML PHP Javascript CSS etc O que normalmente iria ficar em ficheiros colocado nestes dois campos Adicionalmente poderemos chamar objectos j existentes na base de dados tais como objectos EE de p gina ou artigos Para fazer isto basta colocar a Sheadline 2 identifica o do objecto e chamar o ficheiro que se Sevalme 1 encarrega de fazer o render object show php require object show php para o caso de ser um objecto de p gina e ne article show php para o caso de ser um artigo Uma vez que isto c digo PHP tem de se colocar as tags lt gt Caso dentro do objecto exista c digo PHP para que este seja interpretado necess rio tamb m inicializar a vari vel evalme HUGO COSTA 990710 76 10 10 5 Formul rios SITESEED O Siteseed por defeito j
7. tr s alguns formul rios O formul rio assenta numa parte de c digo onde juntamente com HTML s o colocadas as macros necess rias Do lado direito existem tabelas informativas do nome dos campos e do nome das macros lt FORM NAME Farmd gt lt table videh 1004 bocders0 gt lt ee gt lt td vidth 40s gt Name lt br gt lt INPUT NANE pubcom name TYPE text NAXLENGTH DO SIZE 35 VALUES gt lt td gt lt td vidth 0t gt E mail lt br gt lt INPUT NAME pubcom email TYPE text NAXLENGTH 60 SIIE 30 VALUES gt lt ltd gt lt te gt lt table gt lt table vidth 1004 gt lt tr gt lt td vidth 100 gt Comment lt br gt lt TEXTAREA NAME pubcom text TYPE cexcarea RONS 10 COLS 75 WRAP PHYSICAL gt lt TEXTAREA gt lt itdb lt te gt lt table gt Cbr gt lt INPUT NANE Enviar TIPES aubmit VALUES Send gt Fig 25 Edi o de formul rios Campos Desen o pubcom name Nome do Utizador pubcom emal Emai do Unzador pubcom tutlo Titulo do Coment rio pubcom text Texto do Coment rio pubcom class Class ca o do Coment rio Desen o pubcom myname logn do unlzador registado pubcom_myfullname Fulllame do utlzador registado pabcom myemail emad do utikzador registado Cada tipo de formul rio possui diferentes tipos de campos e macros associadas Bem como no caso de formul rios de login ainda existe dois campos que indicam o link para onde redireccionada
8. no linux este o administrador supremo pelo que n o poder ser removido HUGO COSTA 990710 31 SITESEED 6 5 Cache Um gestor de conte dos assim como qualquer outro tipo de aplica o web din mica produz um grande numero de acessos base de dados Este facto agrava se ainda mais no caso do siteseed devido ao seu modo de funcionamento Quando um utilizador clica num artigo necess rio buscar antes de mais quais os campos pertencentes ao artigo depois necess rio buscar os conte dos de cada campo de seguida faz se outra query para saber qual o layout a ser utilizado e ainda nova leitura para ver qual a interface caso esta possua agregados outros objectos o processo repete se Se isto fosse uma listagem de v rios artigos ent o est vamos a olhar para v rias centenas de acessos base de dados isto apenas para um pedido Quando o site de grande trafego esta situa o torna se de tal modo grave que muitas vezes o visitante pura e simplesmente n o consegue visualizar o site chegando inclusivamente a obter timeouts no seu browser Esta situa o cr tica sobretudo em sites de grande aflu ncia parcialmente resolvida com a adop o de um mecanismo de cache Embora n o seja a solu o para todos os problemas estes tipos de mecanismo s o uma forma eficaz para o congestionamento de pedidos Essencialmente o que a cache faz conseguir responder a um pedido de visualiza o de p gina provocando uma resposta ig
9. o de um conte do O seguinte exemplo mostra como se poder alterar o conte do existente no site nomeadamente alterando um Docente j inserido 1 Seleccionar o Docente que se quer alterar da listagem que apresentada MODERNA Bir FT EDN PORTO copyright Orangeye Solu es digitais Lda todos os direitos reservados 11 Docente E Docente Maria Le o Artigos De admin 2002 05 29 18 23 45 gt 2002 05 29 18 23 45 Aprovado por admin 2002 05 29 18 23 45 Listagem Novo 10 Docente Docente Danis Bois De admin 2002 05 29 18 13 57 gt 2002 05 29 18 13 57 Aprovado por admin 2002 05 29 18 19 01 Todos z 4 Docente o Docente Dr Susana Pereira Gomes Mota Todos De admin 2002 05 14 12 33 22 gt 2002 05 14 12 33 22 Aprovado por admin 2002 07 01 16 24 06 E Anterior Seguinte Uma pr visualiza o do artigo aparece no inicio estando os campos poss veis de ser alterados dispostos em baixo Poder o ser feitas ent o as altera es desejadas No fim caso de deseje gravar as altera es catrega se no bot o Gravar situado na parte inferior da p gina do lado esquerdo ou ent o Cancelar caso n o se deseja guardar as altera es bot o situado na parte inferior direita da p gina 12 A pr visualiza o do artigo mostra o com um aspecto que poder ser diferente do que est no site Dever ser levado em conta para efeitos de visualiza o do texto n o
10. 10 Ao ultrapassar um tempo definido por defeito o browser apresenta uma p gina de informa o de erro indicando que por algum motivo n o foi poss vel visualizar a p gina HUGO COSTA 990710 32 SITESEED 7 Pontos fortes 1 Cache Utilizando um mecanismo de cache bastante simples consegue que o Siteseed produza um desempenho muito bom no que toca a rapidamente responder a v rios pedidos Sendo ideal para sites pesados de muito trafego 2 Fiabilidade Uma vez que o Siteseed j possui um bom grau de matura o ap s correctamente feita a instala o apresenta um funcionamento com uma excelente fiabilidade e seguran a 3 Previews Na edi o de conte dos no Backoffice temos sempre a possibilidade de pr visualizar algum conte do na sua forma final mas sem que ele seja colocado online Deste modo qualquer tipo de testes efectuados transparente ao utilizador 4 Controlo sobre constru o Todas as estruturas que aparecem no site podem ser editadas desde o modo como os menus v o aparecer coloca o do topo e do rodap at ao aspecto dos artigos todos podem ser editados 5 Filosofia de jornal O Siteseed nasceu com a filosofia de funcionamento de um jornal deste modo o gestor de conte dos indicado para organiza es que funcionam com essa l gica HUGO COSTA 990710 33 SITESEED 8 Pontos fracos 1 Usabilidade Para um utilizador que nunca utilizou um gestor de conte dos a
11. 990710 87
12. Cache de p ginas completas Interface web para gest o da cache Cache TTL definida ao segundo para p ginas est ticas Gest o de modelos de interface Numero ilimitado de interfaces que fazem com que todas as sec es possam possuir um aspecto pr prio Interfaces podem incluir ficheiros do disco utilizando a fun o include do PHP Completa liberdade na utiliza o de HTML e PHP na elabora o das interfaces Ferramentas de monitoriza o do site CRM e Data Mining O Siteseed pode registar e identificar cada ac o que o utilizador efectuou no site Dados desses registos s o guardados em ficheiros simples separados por tabs para f cil exporta o para programas ou pacotes de CRM e Data Mining Ac es podem ser lidas em tempo real atrav s de programas internos de visualiza o Utilizadores podem ser controlados atrav s de cookies para registo e identifica o de m ltiplas visitas Sistema de mensagens notas para os utilizadores do backoffice Sistema de mensagens orientado a objectos entre os utilizadores do backoffice objectos qualquer pessoa que edite o objecto e artigos qualquer pessoa que edite o artigo Notas podem ser apagadas pelos destinat rios e podem assumir estados de read unread Podem ser utilizados para gest o interna de projectos 7 TTL Time to Live TTL Um campo no cabe alho IP que indica quantos hops s o permidos a um pacote at este ser de
13. Novo onde criado um novo objecto de p gina HUGO COSTA 990710 60 SITESEED 10 9 1 1 COMO SELECCIONAR COPIAR E REMOVER Tendo sido escolhida a op o Editar executada uma listagem de todos os objectos de p gina al m do numero e nome do objecto aparece do lado direito duas fun es respeitantes ao mesmo de copiar e remover 43 Destaques Cursos Copiar Remover 33 Destaques Docentes Copiar Remover 38 Destaques Licenciaturas Copiar Remover 34 Destaques P gina principal cy Remover 31 Destaques P s Gradua es Coprdr Remover 47 Destaques Publica es Copiar Remover 67 Destaques Secretaria Copiar Remover Escolhendo copiar um objecto igual ao escolhido criado mantendo o mesmo nome mas com um numero diferente 43 Destaques Cursos Copiar Remover 33 Destaques Docentes Copiar Remover 38 Destaques Licenciaturas Copiar Remover 34 Destaques P gina principal Copiar Remover 70 Destaques P gina principal Copiar NU 31 Destaques P s Gradua es Copiar Remover 47 Destaques Publica es Copiar Remover 67 Destaques Secretaria Copiar Remover A remo o feita seleccionando remover no objecto em quest o A elimina o irrevers vel O objecto seleccionado clicando no t tulo 43 Destaques Cursos Copiar Remover 33 Destaques Docentes Copiar Remover 38 Destaques Licenciaturas Copiar Remover 34 Destaques dba Gp Copiar Remov
14. a p gina quando o login bem sucedido e outro para quando mal sucedido HUGO COSTA 990710 SITESEED 10 10 6 Gest o de utilizadores Um utilizador para poder entrar no BackOffice tem de possuir duas coisas uma conta de utilizador criada e uma password 10 10 6 1 CONTA DE UTILIZADOR A conta permite configurar para al m de alguns dados pessoais tais como username nome email qual o n vel de acesso para o referido utilizador e mais importante uma configura o espec fica Deste modo poderemos por exemplo criar um editor que poder apenas editar algumas p ginas ou um t cnico que apenas pode modificar as stylesheets etc Editor de acessos ao backoffice Pode classificar Logm Nome E mail Status artigos como admin webmaster suprer T cnicos Todos x Inibido de editar Seleccionar Tudo Limpar Anular O Caixas O Campos OLayouts OTemas O Sec es do Site C Formul nos Olletesface O Staff DUt zadores O Criar Copiar Objectos de P gina OForm Dcss Objectos de Pagina Inibido de editar Seleccionar Tudo Limpas Anular O Editonal Entry page content C Interface get the page context C Interface HTML HEADER tale amp meta C Interface latest survey Fig 26 Editor de acessos HUGO COSTA 990710 78 SITESEED 10 10 6 2 PASSWORD Nas vers es iniciais do Siteseed as passwords tinham de ser registadas fisicamente no servidor ou seja teria de haver um administrador nas instala
15. aparece um conjunto de caixas que permitem definir certos par metros do artigo 10 4 3 1 NOTAS Permitem inserir uma nota referente ao artigo em quest o A sua visualiza o constar no in cio do artigo ao qual est o relacionadas 10 4 3 2 OP ES DO EDITOR Definem o estado do artigo apenas um artigo aprovado poder ser inserido no site Por Aprovar Por Aprovar 3 HUGO COSTA 990710 48 SITESEED 10 4 3 3 IMPORTA O DE WORD Permite enviar ficheiros de formato Word extens o doc 10 4 3 4 FICHEIROS Permite enviar imagens e associa las a um determinado artigo de modo a poder inclu las no site Enviar Listagem k 10 4 3 5 DATA DE PUBLICA O Define a data de publica o de um artigo A inclus o de um artigo no site depender da sua data de publica o Deste modo poderemos fazer aparecer um determinado artigo numa data espec fica Data de publica o 2002 07 03 17 45 39 Data 2002 P ja Horas ha fia fo o Manter Data Manter Data b Alterar Data 10 4 3 6 CAIXAS Caixa com que aparecer o artigo na pr visualiza o Por defeito fica com nenhuma seleccionado HUGO COSTA 990710 49 SITESEED Nenhuma 10 4 3 7 LAYOUT O layout escolhido para o artigo ser o qual o artigo apresenta na pr visualiza o A sua escolha dever ser de acordo com o contexto do artigo Centro de Estudos Resumo 10 4 3 8 TEMAS associa o a um tema
16. artigos da sec o Jornalistas eeee eee eee Fig 12 Busca dos artigos com a palavra docente eres 46 Fig 13 Listagem dos artigos ea i aieeaa E sasintL Ia EA EA E su adnti A Fig 14 Formato da informa o do artigo na listagem areas Fig 15 Bot o para inser o de um novo artigo re reearerr tara niarenaa Fig 16 Campos de edi o de um artigo ear aeee naarenna nana Fig 17 Pr visualiza o de um artigo rear aaaree aa aaare na aaaranaaas Fig 19 Sec o de Editores enterin lira as Dia Gasa dor R vis SIS GLS ha sado rasa S E AAA Fig 19 rea de edi o de um layout issssstiteeeerseereeeasaeaeaeasasarasasasarartcenteeeersearaaao Fig 20 Edi o de uma caixa bOX rerni AR AE E ran EARE AEE AAA EAA Fig 21 Cria o de campos dos artigoS sseseresssrrsnssrresinaesisnndarnnnentannasnananniananatnaanniannaanan anaana Fig 22 Edicao de temo Sa aa ATEEN E E T ETO RE Fig 23 Edi o deiUmarSCC O as iE E RA REE E R Fig 24 Edi o de uma internfaCO eiiieaen rantre En n E EREA AR TAE AATA EEEREN ERE Fig 29 Edi o de formul rios raora ar EEE T E ERRE AE an D o Fig 26 Editoride aCeSsSOS nioa N EAE A EE R DE Fig 27 Painel de gest o de passwordS sssessrseessrriseerrssiinnsdtttnnedtinasstenaaattnnedetaneatdnaasaeanaaanna Fig 28 Gest o de campos dos utilizadores
17. do layout Isso da responsabilidade do t cnico HUGO COSTA 990710 56 SITESEED Siteseed backoffice Microsoft Internet Explorer MODERNA Brekofr ES PORTO copyright Orangeye Solu es digitais Lda todos os direitos reservados Dr Susana Pereira Gomes Mota Mestrado em Est tica Tecnologias e Cria es Art sticas Universidade Paris VIII Bacharelato em Psicologia Universidade Paris V spgm coldmail com Docente Dr Susana Pereira Gomes Mota spomfcoldmail com fox Susana Pereira Gomes Mota a Fig 17 Pr visualiza o de um artigo HUGO COSTA 990710 57 SITESEED 10 7 Remo o de conte dos A remo o de artigos apenas poss vel para utilizadores definidos como Editores ou T cnicos Os artigos para serem eliminados por quest es de seguran a t m de ter o estado Por Aprovar Assim para remover Artigos Taegen mo Todos z Remover Todos Por Aprovar Remove h arreen eure armas ea Seleccionar Remover na zona de artigos Tamb m aqui poss vel utilizar as op es da listagem ou seja pode se optar por ver por temas etc Seleccionar o bot o Remover relativo ao artigo pretendido Remover 47 P s Gradua o 1 Gest o empresarial Anterior Seguinte O artigo fica automaticamente eliminado A utiliza o da remo o dever ser sempre ponderada pois poder levar ao desaparecimento de dados importantes HUGO COS
18. dos e um rodap No entanto podemos ter sec es do nosso site em que pretendemos estruturas diferentes ou at mesmo aspectos e cores completamente distintos Estas estruturas no Siteseed s o denominadas interfaces ou skins e podem existir em n mero ilimitado Deste modo podemos indicar que pretendemos visualizar a nossa p gina principal com um aspecto e depois clicar num artigo e entrar numa sec o completamente diferente No Siteseed esta indica o de qual a interface a utilizar pode ser referenciada pelo endere o atrav s do par metro visual Assim o link index php article 5724 amp visual 3 Portugueses na Vela Pupila da Cho 470 clero mo um share me nesta regata bo o 4 Permite visualizar o artigo com o site apresentando o aspecto visual 3 Mas se a E a A Gis composta por Abuaro Marivo Miguel Mares tod tro pe O nem Tom quisermos que o artigo seja apresentado com o ice em sea ea amas 10 da gor com ga 65 portos antava Lima foi 20 na quarta regata da Cinse CNI Laser revutado que o tas beisar para o 11 posto da gera com imo fado site noutro layout apenas temos de mudar o OSTO aa aa o da Gamme Tropa sendo agora 19 da gera com 64 portos numero do visual para outra skin que desejemos index php article 57 2 amp visual 6 Essencialmente mostra o mesmo artigo mas numa sec o diferente Esta l gica de dissociar os conte dos do layout apresenta in meras vantagens desde evita
19. edit veis o campo Name onde podemos especificar um nome para a interface o campo onde colocamos o c digo anterior ao conte do e o campo onde colocamos o c digo posterior ao conte do Podemos colocar c digo PHP c digo HTML efectuar includes chamar artigos ou outros objectos do Siteseed directamente etc Para chamar um objecto de pagina basta definir qual o id do objecto headline 47 E incluir o ficheiro object show php que se encarrega de mostrar o objecto Caso o ficheiro tenha c digo PHP necess rio colocar a vari vel evalme a 1 Mas nem sempre necess rio indicar qual a interface que pretendemos Esta defini o pode ser impl cita na sec o que pretendemos visualizar por exemplo quando chamamos a p gina principal index php n o especificamos qual a interface no entanto ela aparecemos por Name CORKPANEL URL optional interface interace CORKPANEL Content by default Noteng ID 8 Comments Without Comments Comment s Layout Modity defeito Assim existe uma rea no BackOffice onde podemos configurar efectivamente as sec es do nosso site e especificar entre outras coisas qual a skin por defeito HUGO COSTA 990710 30 SITESEED 64 N veis de Acesso O Siteseed distingue 3 pap is distintos no backoffice as pessoas que inserem conte dos jornalistas as que gerem sec es do site e aprovam esses conte dos editores e as que criam o aspecto de tudo o q
20. es do servidor ou com acesso por um terminal SSH que teria de entrar e editar o ficheiro htpasswd Mais tarde foi incorporado no Siteseed um ficheiro capaz de editar directamente as passwords Gest o de Passwords ivartvnhtml siteseed bo htpasswd Duplo clique para seleccionar admin Fig 27 Painel de gest o de passwords Embora bastante r stico cumpre a sua finalidade Depois de criar a conta de utilizador o administrador ter de vir a este painel e criar o nome do utilizador e sua password HUGO COSTA 990710 79 10 10 7 Campos dos utilizadores SITESEED Para guardar os dados dos utilizadores existem um conjunto de campos Podemos inclusive acrescentar mais ou modificar os restantes Os formul rios v o depois interagir com estes campos Nome Tipo Tamanho s para texto Necess rio para iniciar sess o login text 30 Sim password password 16 Sim email text 50 N o karma int N o FullName text 100 N o Adicionar novo campo Depois de FullName Fig 28 Gest o de campos dos utilizadores HUGO COSTA 990710 SITESEED 10 10 8 F rum O f rum uma das funcionalidades do Siteseed que bastante rudimentar Seguramente q gur podemos encontrar no mercado muito melhores scripts tamb m de utiliza o gratuita e Section Content By Mads Str msnes on 2002 02 26 21 31 02 o You create a subject and classify the articles By pls on 200 e Multi lingual interf
21. feito por colaboradores externos 80 do desenvolvimento em 2004 foi feito por colaboradores externos Forte aposta na forma o e apoio a empresas que utilizam o Siteseed Custo de desenvolvimento desceu mais de 75 permitindo executar projectos mais depressa menos de 30 dias com base em t cnicos com menor prepara o Criou mercado para justificar o desenvolvimento de novas vers es Siteseed 2 0 e Siteseed NG 2 SourceForge net o maior site de desenvolvimento de software Open Source Possui o maior reposit rio de Open Source code e aplica es dispon veis na internet HUGO COSTA 990710 10 SITESEED 3 Ferramenta Open Source eguindo o modelo de desenvolvimento de software preconizado pelo movimento open source que tem como expoentes m ximos o sistema operativo Linux e o servidor Web Apache a Mr Net disponibiliza on line o c digo fonte da plataforma de software Siteseed Assim esta tem vindo a ser desenvolvida n o s pela equipa de programa o da Mr Net mas tamb m por t cnicos e programadores espalhados pelo mundo que auditam o c digo corrigem erros e prop em novas funcionalidades Este Um modelo de modelo tem por objectivo permitir desenvolver software de forma desenvolvimento mais c lere com maior qualidade e seguran a pelo menos este o inovador principio No entanto no caso do Siteseed a passagem deste software a open source ainda demasiado recente para que em termos p
22. o j est prometida pelos homens da MrNet O Siteseed vai evoluir consideravelmente em aspectos onde perdia muito para os seus rivais e de algumas dessas futuras vantagens que agora j se falam destacam se Versioning Exist ncia de vers es de import ncia fundamental na sua utiliza o como uma ferramenta de trabalho em grupo Significa que poderemos ter o registo de v rias vers es de um mesmo conte do permitindo que se possa avaliar a evolu o do mesmo e o trabalho de v rias pessoas em simult neo Roll back na base de dados Ir ser poss vel voltar atr s depois de efectuar uma opera o se nos atrependermos de ter apagado por exemplo um artigo poderemos efectuar um undo da opera o Facto esse que vem fornecer um valor inestim vel na facilidade de utiliza o Abandono da autentica o via htaccess Ir facilitar a migra o do Siteseed para outros Sistemas Operativos bem como vem dar mais facilidade na gest o de utilizadores Ao contr rio de gestores de conte dos como o Zope ou o TYPO3 o aspecto pouco polido e funcionamento demasiado b sico do Siteseed um factor que se espera que evolua consideravelmente A not ria falta de configura es os aspectos funcionais e mesmo o grafismo deveriam sofrer remodela es profundas no sentido de tornar o Siteseed uma aplica o na verdadeira acep o da palavra HUGO COSTA 990710 83 SITESEED 11 2 O CMS no futuro Por aquilo que tem sido v
23. os artigos de temas 1 e 2 INSERT last howmany 8 layout 1 box 2 columns 2 subjects 1 2 Apresenta 8 artigos Os artigos que aparecem s o os mais recentes e que fazem parte dos temas 1 e 2 Aplica ao primeiro artigo o layout 1 e ao segundo artigo o layout 3 Aplica ao primeiro artigo a box 2 e ao segundo artigo a box 4 Mostra os artigos numa coluna Mostra o artigo 4 e artigo 36 quando a data do artigo 36 expirar substitu do j INSERT articles layout 1 3 box 2 4 columns 1 id 4 36 3 2 q pelo artigo 3 quando a data do artigo 3 expirar substitu do pelo artigo 2 HUGO COSTA 990710 68 SITESEED Apresenta os 10 artigos mais recentes relativos ao tema 3 Exclui os artigos 1 3 e 204 Insere os artigos em 2 colunas INSERT set order date desc howmany 10 exclude 1 3 204 columns 2 size 100 subjects 3 Os artigos ocupam 100 do espa o 4 dispon vel HUGO COSTA 990710 69 SITESEED 10 10 rea de T cnico Embora comercialmente os criadores do Siteseed queiram vender esta ferramenta como algo em que n o necess rio conhecer linguagens de programa o a verdade que na rea de t cnico n o s precisamos de conhecer bem PHP e HT ML como necessitamos ainda de um bom per odo de experimenta o para que consiga se trabalhar convenientemente com esta aplica o 10 10 1 Componentes visuais 10 10 1 1 LAYOUT No Siteseed um artigo por si s apenas um conjunto de campos com dados
24. para que estes sejam visualizados no site necess rio associar um layout Este layout cont m a estrutura e os campos que ser o mostrados Entrando na edi o de um layout do lado esquerdo temos os campos nome do layout depois os campos seguintes s o similares aos encontrados numa tabela de HTML ou seja recriam automaticamente a estrutura de uma tabela sem que seja necess rio escrever qualquer linha de c digo sendo que esta estrutura composta pelo t tulo rea de cabe alho rea de texto e rea de rodap Nemo A dat imp or mic Area de tipala apenas para camas com mob sa Aiea de sbe ado centes gt b gt iOl lt bre cemterr Area de texto hian tat Fig 19 rea de edi o de um layout Para que sejam visualizados os diferentes campos neste layout basta colocar uns identificadores dados pelas macros que est o referenciadas na tabela do lado direito Assim ao colocar uma dada macro a aplica o sabe que nesse local ir colocar a informa o contida no campo respectivo HUGO COSTA 990710 70 SITESEED 10 10 1 2 CAIXAS As caixas servem para dar efeitos particulares aos layouts Assim um artigo pode ser visualizado com a mesma estrutura layout mas em cores e borders diferentes Anches 1 Img Cor Cena Esquerda Ing Cos Baxo Esquerda Img Cor Cima Leha ImgfCor Bano Lunha Coe Content FFFFFF w 9 Coe Footer PEEEEEE Img Cor Cima Dreta Img Cor Baixo Direta Ir
25. vindas Assim no Siteseed basta criar um objecto de p gina colocar a informa o de boas vindas que queremos e depois basta chamar qual o tipo de artigos que queremos ver tema de que forma queremos ver esses artigos layout e quantos queremos ver isto utilizando um comando pr prio do Siteseed de utiliza o bastante intuitiva Tituto Subt tulo Imagem o E T tulo Sub t tulo Sub titulo Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto Fig 6 Estrutura e vistas de um artigo HUGO COSTA 990710 26 SITESEED 6 2 Mecanismo de listagem de artigos Talvez das particularidades mais brilhantes do Siteseed seja o modo como ele chama e lista artigos Atrav s de um conjunto de comandos pr prios da aplica o poss vel a algu m com apenas o conhecimento ligeiro da respectivas sintaxes chamar numa p gina uma s rie de artigos indicando o seu aspecto quantidade de artigos a visualizar ordena o etc Titulo do Objecto de P gina Editorial Entry page content INSERT article size 100 columns 1 box 1 layout 1 artigo 1 INSERT last howmany 10 exclude 1 skip 0 columns 1 size 100 box 1 layout 1 s
26. 0 10 9 rea de Editores 61 10 9 1 Objectos de P gina 61 10 9 2 Comandos para a inser o de artigos 65 10 10 rea de T cnico 71 10 10 1 Componentes visuais7 1 10 10 2 Artigos 73 10 10 3 Sec es do Site 75 10 10 4 Interfaces 76 10 10 5 Formul rios 78 10 10 6 Gest o de utilizadores79 10 10 7 Campos dos utilizadores 81 10 10 8 F rum 82 10 10 9 Utilit rio Procurar e Substituir 82 10 11 Limpeza da Cache 83 Futuro 84 11 1 O que se espera do Siteseed 84 11 2 O CMS no futuro 85 Conclus o 86 Bibliografia 88 SITESEED ndice de figuras Fig 1 Logotipo do Siteseed s s iusis asi neoseraangs niea tapa paid o nana idas Eae Ena aa Fig 2 Estrutura de ficheiros do siteseed erre rare arara aaaranaas Fig 3 P gina principal do GULDEI Grupo de utilizadores de Linux do Departamento de Engenharia Inform tica do ISEP EAR Fig 4 P gina principal do Laborat rio NET do DEI renas Fig S Componente AcllveX sis missas E r ces log rapa a usa S IE aaa TELS ue ENTE STS c ad Fig 6 Estrutura e vistas de um artigo rrareraaanaaeea na nnarenaa nara Fig 7 Modo de visualiza o de comandos erre eaaeeana near atenas Fig 8 Exemplo de listagem num objecto de p gina rear Fid 9 lt Janela de Login ssa ciais A A Ita sed AEE iate SD Fig 10 Imagem da rea de administra o do Siteseed rea Fig 11 rea dos
27. 1 Guardar Ver HTML Preview Permite fazer uma pr visualiza o do page object Permite mudar de vistas entre ver apenas os comandos do page object e o conteudo completo do page object comandos e HTML Guarda as altera es HUGO COSTA 990710 62 SITESEED Para sair do modo de edi o dos objectos de p gina sem guardar as altera es basta seleccionar menu ou listagem na parte superior da p gina menu volta para a p gina de entrada do BackOffice enquanto que listagem volta para a listagem dos objectos de p gina 10 9 1 3 LAYOUT O layout a maneira como o artigo ser apresentado no site o mesmo artigo poder ser apresentado de diversas formas assim o mesmo artigo poder ser chamado com layouts diferentes A cria o de layouts da responsabilidade do t cnico o Editor apenas pode chamar layouts que j estejam criados 10 9 1 4 BOX A box corresponde caixa onde inserido o artigo poder definir uma border volta do artigo ou a cor de fundo do mesmo Tamb m da responsabilidade do t cnico a cria o das boxes o Editor apenas pode utilizar as existentes 10 9 1 5 TEMA Os temas s o definidos pelo t cnico pelo que s o apenas a t tulo informativo para o Editor A associa o de um artigo a um tema possibilita que se possam fazer listagem de artigos que correspondem a determinados temas Carregando no tema chamada uma janela em que realizada uma lista
28. 710 40 SITESEED 10 1 Autentica o na ferramenta 10 1 1 Acesso ao BackOffice Para aceder ao Back Office do Siteseed bastar no mesmo browser onde est a visualizar o site acrescentar bo ou seja no endere o que j escreveu para aceder ao site Universidade Moderna Porto Microsoft Internet Explorer File Edit View Favorites Tools Help Back O Ai Qsearch Favorites 4 Address E http fporto umoderna pt NAAATAT D acrescentar Siteseed backoffice Microsoft Internet Explorer Fie Edit view Favorites Tools Help SBak O A Search Favorites Address a http porto umoderna pt bo NANNEDNIA 10 1 2 Login do utilizador Logo que escreva o endere o para aceder ao BackOffice uma janela aparece para introdu o do user name e do password Enter Network Password xl Please type your user name and password Site orangeye dnsalias com Realm moderna backoffice User Nara pn Password po I Save this password in your password list Cancel Fig 9 Janela de Login HUGO COSTA 990710 41 SITESEED 10 2 BackOffice A parte superior do BackOffice uma frame est tica pelo que mant m se inalter vel por todas as sec es Nela existem tr s bot es menu manual notas e a imagem de um peixe O bot o menu chama a p gina principal o manual chama uma ajuda ao utilizador ou seja aponta para o site de ajuda do Siteseed onde o utilizador
29. ASP est o apoiadas em HTML pelo que possuem um funcionamento limitado pelos seus componentes b sicos tais como caixas de texto select boxes radio buttons etc Opera es como drag and drop s o imposs veis ou melhor eram at a algum tempo atr s Hoje come am a aparecer uma s rie de componentes que permitem utilizar bibliotecas dos pr prios browsers permitindo por exemplo drag and drop de imagens redimensionamento de imagens etc Editores denominados Rich text editor ou RTE permitem exibir as mesmas caractet sticas e funcionalidades de um editor de texto mas a funcionar num browser Infelizmente ainda existem limita es nomeadamente com a compatibilidade destes componentes em diferentes browsers e sistemas operativos uma vez que uma vasta maioria ainda funciona apenas em browsers do tipo Microsoft Internet Explorer e em PC s com Windows HUGO COSTA 990710 22 SITESEED 5 3 4 Instala o A instala o do Siteseed muito arcaica desprovida do cada vez mais usual wizard tal como acontece com o TYPO3 ou o Zope o facto que bastante simples do que neste ultimo Salienta se tamb m o facto de quase n o haver op es ou escolhas na instala o Depois tem algo que muito til a primeira vez que entramos na aplica o nos perguntado se queremos come ar com uma base de dados vazia ou se queremos preenche la com conte dos de demonstra o que consistem num site com
30. DEPARTAMENTO DE ENGENHARIA INFORM TICA A 4 a f gt A ED 12 5 SA stiuto supe SEIC or de engennana do porio 2003 2004 SITESEED A SOLU O OPEN SOURCE DE DESENVOLVIMENTO E GEST O DE CONTEUDOS WEB Por HUGO PINHO DA COSTA 990710 Orientador ENG ANT NIO COSTA Data SETEMBRO 2004 SITESEED Dedicado minha namotada que me tem aturado este tempo todo SITESEED Agradecimentos Os agradecimentos v o para o meu orientador Eng Ant nio Costa que me deu toda a liberdade necess ria para a boa realiza o deste documento Ao S rgio Lopes que me ajudou em pequenas coisas muito importantes SITESEED Resumo O seguinte documento tem como principal objectivo dar a conhecer a ferramenta Siteseed aplica o open source de origem portuguesa que permite efectuar todo o desenvolvimento e gest o de um website Para al m de factos e panorama actual ser o apresentados todas as caracter sticas relevantes pontos fortes em que este gestor de conte dos se destaca e os seus pontos fracos Ser o explicados pormenores importantes do seu funcionamento e ser inclu do um manual de utiliza o e de instala o Depois de ler este documento espera se que o leitor consiga construir uma opini o em rela o a esta aplica o e deste modo verificar se o Siteseed poder ser uma solu o tanto para uma utiliza o no presente como no futuro Indice 1 Introdu o 9 1 1 Escolha do Siteseed para este p
31. TA 990710 58 SITESEED 10 8 Inser o de Coment rios E poss vel colocar coment rios respeitantes aos artigos existentes A zona Coment rios permite visualizar esses mesmos coment rios optando por visualiza los de acordo com os argumentos 1 2 e escolhendo a quantidade de coment rios por p gina 1 Titulo do Artiao 2 Estado do Artigo Por aprovar Aprovados 3 Quantidade de Coment rios por p gina Coment rios Por Aprovar v Listagem 10 por P gina 4 Bot o para executar a listagem HUGO COSTA 990710 59 SITESEED 10 9 rea de Editores Esta rea de acesso exclusivo aos utilizadores definidos como Editores A estes cabe a responsabilidade de fazer a revis o e posterior aprova o ou remo o dos artigos propostos 10 9 1 Objectos de P gina Os objectos de p ginas s o p ginas que incluem artigos e programa o de modo a criarem o layout pretendido para suportar todas as altera es edi o remo o e cria o de artigos e manterem coerente o design do site Deste modo o manuseamento destes objectos implica a responsabilidade do que aparecer ao publico via browser Objectos de P gina Editar Novo Sondagens Utilizadores Fig 18 Sec o de Editores As op es apresentadas na rea Editores para os Objectos de p gina s o Editar onde executada uma listagem de todos os objectos existentes e onde permitido editar e remover os existentes e
32. TESEED 10 3 Listagem de Artigos Todos os conte dos presentes no site encontram se no BackOffice sob a forma de artigos assim a visualiza o e edi o do conte do efectua se listando os artigos existentes de modo a encontrar o pretendido A listagem dos artigos poder ser feita de diversas maneiras de forma a facilitar a busca do artigo ou artigos pretendidos 1 Listagem de artigos 2 Inserir Novo Artigo 3 Listagem por palavra a inserir 4 Listagem por Tipo de Artigo 5 Listagem por Tema 6 Listagem por utilizadores 7 Listagem por estado de artigo Fig 11 rea dos artigos da sec o Jornalistas Para os artigos existem duas opera es poss veis que s o vis veis a qualquer utilizador Listagem 1 e Novo 2 que permitem inserir e listar artigos Carregando unicamente no bot o Listagem 1 efectuada uma listagem de todos os artigos existentes ou aqueles cujo o utilizador possua permiss es de visualiza o A chamada da listagem mesmo que possua alguns dos par metros 3 4 5 6 7 sempre iniciada pelo premir do bot o Listagem listagem pode no entanto ser especificada podendo ser listados os artigos por t tulo 3 por tipos de artigo 4 por tema 5 por autores dos artigos 6 ou por estado dos artigos 7 HUGO COSTA 990710 44 SITESEED Assim escrevendo na caixa 3 executa se uma listagem de todos os artigos que tenham no seu t tulo a palavra docente Fi
33. ace By Ken on 2002 03 02 20 39 49 o Really depends on the site E Py pls on 2002 0 Fig 29 Threads do forum 10 10 9 Utilit rio Procurar e Substituir Este utilit rio embora til deve ser utilizado com muito cuidado Depois de efectuar a substitui o a ac o n o pode ser reposta Procurar e Substituir Procura texto na base de dados do projecto e substih Procurar texto Substituir por HUGO COSTA 990710 81 SITESEED 10 11 Limpeza da Cache mecanismo de cache do Siteseed traduz se num aumento de performance consider vel para o site O seu funcionamento no entanto produz um aumento consider vel do tamanho da base de dados Apagar p ginas individuais poss vel atrav s do BackOffice limpar Apagar todas as p ginas directamente esta cache Para isso existem dois bot es que permitem limpar todas as p ginas individuais e tamb m limpar toda a cache existente Esta ac o perfeitamente inofensiva e pode ser realiza as vezes que se entender O sistema ap s a remo o da cache ir recome ar a gerar nova cache para os pr ximos pedidos HUGO COSTA 990710 82 SITESEED 11 Futuro 11 1 O que se espera do Siteseed assar O Siteseed para uma licen a BSD veio sem d vida trazer muitos benef cios As contribui es de v rios programadores v o permitir melhorar funcionalidades existentes e introduzir novas pelo menos isso o que se espera No entanto uma revolu
34. ag Cor Liha Esquerda Img Cos Laiha Direta R J 1 pocel border Cor do border 4000F0O z Magem 5 Fig 20 Edi o de uma caixa box Nos campos dever ser colocado o c digo hexadecimal da cor desejada E poss vel mudar a cor do cabe alho do texto do rodap do border e inclusive recriar uma envolucro para a nossa tabela usando imagens Dever ser dado o caminho f sico das imagens respectivas 10 10 1 3 CSS O Siteseed permite que n o sejam necess rios qualquer tipo de ficheiros externos Para utilizar style sheets o t cnico poder efectuar upload de um ficheiro com as classes que pretende e assim desse modo depois utilizadas no site da mesma maneira que se tivesse um ficheiro externo HUGO COSTA 990710 74 SITESEED 10 10 2 Artigos 10 10 2 1 CAMPOS Na edi o de campos poss vel criar novos campos para os artigos ou editar os existentes Esta rea foi das primeiras a receber aten o por parte dos entusiastas do Siteseed Recentemente foi alvo de melhoramentos a n vel de tipos de campo poss veis Agora permite v rios tipos simples escolha m ltipla select box radio button etc Bem como permite algo muito importante que a possibilidade de existirem valores por defeito Estrutura cempenrates dot artigos cimpanent No Inpe esquam Z Sop adres v Ceden akea Leha Fig 21 Cria o de campos dos artigos Pesquisa Percorrendo as op es temos inicialmente uma c
35. alguns objectos entre dos quais um exemplo de uma interface com autentica o layouts artigos etc Deste modo temos logo um exemplo concreto de como devemos implementar um site em Siteseed e evitamos perder horas a seguir tutoriais e a fazer exemplos hello world De resto toda a configura o do Siteseed feita atrav s de um ficheiro denominado config php que se encontra na raiz da aplica o A edi o de par metros tem de ser exclusivamente atrav s de um editor de texto Wizard Instala o passo a passo com janelas gr ficas que de um modo f cil e intuitivo permite ao utilizador instalar uma aplica o o vulgar next next next HUGO COSTA 990710 23 SITESEED 5 4 Vantagens Licen a Uma das principais vantagens do Siteseed a sua licen a que vem possibilitar o uso de uma ferramenta muito completa sem qualquer custo de utiliza o Multi utilizador O facto de ser orientada para um grupo de trabalho sem duvida uma mais valia no sentido que possibilita a exist ncia de v rios indiv duos dentro da administra o com acessos distintos e mais do que isso com pap is distintos na pr pria hierarquia de trabalho na manuten o de um site Web based Uma vez instalado num servidor o Siteseed possibilita que n o tenha que existir quaisquer ficheiros na constru o do website Deste modo todos os respons veis na gest o e constru o do site para al m de poderem aceder de qualqu
36. ambienta o ao Siteseed poder ser dif cil no in cio O Backoffice desta ferramenta n o particularmente brilhante na usabilidade toda a l gica funcional intuitiva empregue em produtos Microsoft passou completamente ao lado dos programadores da Mr Net pelo que o que espera ao utilizador esperar que a habitua o traga facilidade na utiliza o 2 Aspecto r stico O aspecto do Siteseed no seu back end demasiado b sico e mal constru do Salta demasiado vista o simplismo note se simplismo e n o simplicidade de algumas das suas funcionalidades chegando por vezes a dar a sensa o que uma aplica o ainda a dar os seus primeiros passos 3 Edi o de c digo em caixas de texto O modo como editamos o c digo no Siteseed deixa muito a desejar Utilizar caixas de texto n o pr tico nem seguro assim como torna todo o processo lento 4 Componentes Rich Text A utiliza o destes componentes cada vez mais usual nos gestores de conte dos pelas mais valia acrescida O Siteseed por seu lado utiliza apenas um nico componente e ainda por cima de natureza muito incompat vel 5 Toler ncia a falhas Outro aspecto negativo a pouca ou nenhuma toler ncia a falhas Na remo o de qualquer objecto n o existe nenhum processo de rollback da opera o Uma vez feito irrevers vel N o existem tamb m protec es nas inser es de dados pelo que incorrec es na inser o de um artigo
37. che 1 Deve incluir mod_php 2 Dever estar a aceitar htaccess autentica o b sica de utilizadores 3 Utilizar mod_ssl para aceder ao backoffice tamb m muito aconselhado por raz es de seguran a PHP 1 Dever ter um php ini completo algumas distribui es por defeito n o trazem nenhum ficheiro de configura o do php 2 A op o magic quotes deve estar disabled Sen o o Siteseed perde muito tempo de CPU a remover slashes que n o deveriam de estar logo de in cio SITESEED O download da ultima vers o est vel pode ser obtido em http sourceforge net projects siteseed O ficheiro de instala o do tipo tgz Exemplo siteseed 1 5 1 tgz Embora a instala o n o seja complicada aconselhado que se tenha conhecimentos de administra o de sistemas do tipo Unix HUGO COSTA 990710 36 SITESEED 9 3 Instala o passo a passo 1 Copiar o ficheiro script tags pl inclu do no arquivo 2 Correr o ficheiro instal pP root computer teste install pl Siteseed 1 5 1 install script version started 3 Dar o full path para o webserver docs directory N o colocar barra no fim path est correcto path est INCORRECTO lhomelwwwlhtdocs 4 Dar o nome do projecto um direct rio ser criado em home www htdocs utilizando o mesmo nome do projecto dado uma palavra 4 8 caracteres root computer teste sshome lhomelwwwlhtdocs ssdefs lhomelww
38. conte dos a maneira como podemos criar a estrutura do nosso site Na maioria destas aplica es a estrutura gerada automaticamente de acordo com configura es e onde depois apenas temos acesso a E stylesheets ou macros de modo a que possamos modificar as Programa o de posi es e aspectos dos menus cabe alhos rodap s etc No p ginas quase ao Siteseed o t cnico que constr i e coloca o c digo utilizado para gosto dos criar o aspecto da p gina seja este em HTML PHP Javascript etc programadores Isto sem sombra de d vida aquilo que qualquer profissional do webdesign procura que controlo sobre a p gina Notou se realmente este facto numa situa o particular em que a MrNet foi for ada a alterar o m todo como os artigos estavam a ser apresentados numa listagem apenas porque havia um lt br gt s entre artigos Um bom programador na constru o de um website vai ao rigor de um pixel pelo que nunca iria deixar aparecer um elemento demasiado pouco rigoroso O Siteseed agora permite configurar o c digo que faz a transi o entre artigos nas listagens Todo o c digo que aparece no nosso site edit vel desde a estrutura principal menus artigos etc Ora este um dos pontos fortes do Siteseed mas ao mesmo tempo tamb m um dos seus grandes pontos fracos No Siteseed o c digo mantido em caixas de texto denominadas TEXTAREAS estas est o muito longe de ser o suporte preferido para editar c digo Um prog
39. des Mais vantagens para os editores do site Templates gr ficos ilimitados Sistema de classifica o tem tica de artigos sem limite de t picos Gest o do staff do site e comunidades de utilizadores Pr publica o de artigos Sondagens de opini o Artigos privados Hierarquia de edi o aprova o de artigos por editor Para os programadores Acesso ao c digo fonte Motor de pesquisa incorporado Suporte a m ltiplos objectos editoriais programados em PHP Sistema de cache incorporado base de dados e ficheiros Gest o de sec es e t picos Gest o integrada de CSS Completa separa o de conte dos design e programa o Mensagens internas para pessoas e objectos artigos templates interfaces etc XML import export e dumps para Data mining Gest o de Conte dos Editor de conte dos com funcionalidades WYSIWYG Preview do artigo no web browser no backoffice Pode fazer se o preview dos artigos em qualquer layout e pode ser atribu do um determinado aspecto por defeito Validador de HTML integrado Data o de artigos possibilitando a coloca o de artigos apenas em determinadas datas especificadas Importa o de documentos do Microsoft Word respeitando tanto as formata es como as tabelas Upload de ficheiros directamente do web browser Resizing das imagens directamente do web browser com visualiza o imediata do
40. e necessitam de autentica o HUGO COSTA 990710 5 SITESEED 10 4 4 Guardar o artigo Depois de efectuado o preenchimento para guardar a informa o basta carregar no bot o Guardar que se encontra na parte inferior esquerda da p gina Eueu N o obrigat rio o preenchimento de todos os campos do attigo no entanto esteticamente poder surgir locais vazios na p gina o aspecto do site depende do que inserido nos artigos HUGO COSTA 990710 52 SITESEED 10 5 Inserir imagens 10 5 1 Procedimento Depois de editar os campos de um attigo ignorando o campo da imagem fazer Guardar O artigo guardado na base de dados do portal a associa o de imagens a este artigo agora poss vel Na caixa Ficheiros existe dois comandos enviar e Listagem 1 Escolher enviar Enviar Lista g Uma nova janela do browser aparece Enviar um novo ficheiro Ficheiro Browse Descri o o T E Enviar 2 Clicar em browse para seleccionar a imagem que pretende enviar Pode se colocar uma descri o para a imagem ser o texto que aparece quando o cursor do rato encontra se por cima da imagem 3 Clicar em Enviar HUGO COSTA 990710 53 SITESEED Caso o envio da imagem tenha sido bem sucedido a imagem aparecer com 3 caixas de texto por baixo com c digo HT ML escrito Mais a possibilidade de alterar o tamanho da imagem em baixo Link normal para imagem lt img src images articl
41. eal para todo um conjunto de programadores que utilizam o PHP diariamente e desse modo n o necessitam de ter de aprender novas linguagens Enquanto que outros CMS possuem grandes comunidades envolvidas em desenvolver novas funcionalidades melhorar e criar m dulos adicionais em que se destacam o PHPNuke e o Zope o Siteseed ainda v tima da sua ainda muito recente passagem a open source Por enquanto leva vantagens a n vel comercial em que a utiliza o do Siteseed em 2 3 dos sites dos canais televisivos portugueses uma prova de que este produto fi vel e poderoso No entanto se o futuro n o trouxer grandes evolu es a esta ferramenta ficar seriamente amea ada por outros produtos do g nero que j se mostram bem mais ambiciosos Por mim acho que a busca para o melhor gestor de conte dos deve continuar sempre Caso tivesse a meu cargo a necessidade de gerir um portal de informa o sem d vida que o Siteseed seria a minha op o No entanto se quisesse um gestor de conte dos para um site institucional optaria n o pelo Siteseed mas talvez pelo TYPO3 ou pelo Mambo HUGO COSTA 990710 85 SITESEED Caso pretendam conhecer outros CMS um bom local o site http www opensourcecms com HUGO COSTA 990710 86 SITESEED 13 Bibliografia MrNet 2004 PDF Publicit rio Szteseed A solu o de desenvolvimento e gest o de conte dos Web http www mrnet pt http www siteseed org HUGO COSTA
42. er 31 Destaques P s Gh Jua es Copiar Remover 47 Destaques Publica es Copiar Remover 67 Destaques Secretaria Copiar Remover anin T racenl Cnniar Pamnywar HUGO COSTA 990710 61 SITESEED 10 9 1 2 DESCRI O DO MODO DE EDI O MODERNA Zona de pr visualiza o UR E IVERSIDADE ar do objecto de p gina copyright Orangeye Solu es digitais Lda todos os direitos resados Voltar para listagem Objecto de P gina Actual XXKP s Gradua o A P s Gradua o em Pedagogia Perceptiva do Movimento Abriu candidaturas esta semana ver KKKCandidaturas AS candidaturas dever o ser feitas esta semana teste Clica aqui para preencheres um question rio A editar Destaques P gina principal 34 Escrever Nota Visualiza o dos layouts Manuzd existentes T tulo do objecto E de pedina Comandos para Visualiza o dos temas existentes 44 f s Gradua es inser o de artigos Temas de Artigos Actividades Centro de Estudos 16 Biblioteca 12 Centro de Estudos 15 Destaques HOME 18 Docentes 6 Informa es 8 Informa es Centro de estudos 17 Licenciaturas 4 Menus 1 Not cias Centro de Estudos 14 Not cias Docentes 7 Not cias Licenciaturas 9 Not cias P s Gradua es 5 P s Gradua es 3 Publica es 13 Sec es 2 Secretaria 10 UNIVA 1
43. er parte acedem todos ao mesmo c digo fonte Renova o do design do site Uma das vantagens do Siteseed possibilitar a exist ncia de skins ilimitadas no nosso site Assim como poss vel pr visualizar modifica es i e sem que o visitante sequer saiba Deste modo poss vel estar a trabalhar num novo aspecto geral ou parcial do nosso site sem que para isso seja necess rio trabalhar em servidores de teste muitas das vezes sem os conte dos reais onde gostar amos de ensaiar o novo aspecto A migra o do velho para o novo aspecto assim muito f cil e acima de tudo r pida HUGO COSTA 990710 24 SITESEED 5 5 Desvantagens Links O Siteseed por si s um motor funcional que gere todos os conte dos apoiado num nico ficheiro principal denominado index php que tem como fun o a visualiza o de conte dos O modo como ele distingue diferentes pedidos atrav s de par metros que recebe ou em caso de n o receber nenhum de mostrar o que est definido por defeito Assim index php article 3 amp layout 4 mostraria o artigo 3 com o layout 4 S que este modo de funcionamento pode levar a erros nos links e possibilita tamb m que possa haver a cria o de links errados por parte de navegadores mais dados experimenta o Podendo inclusive visualizar sec es do site ainda em constru o ou algo que os respons veis do site n o tivessem como objectivo divulgar Felizmente no Siteseed todos os a
44. es 36 fotol jpg width 86 height 112 alt texto colocado na descri o horder 0 gt Selecionar e Copiar Colocar a imagem direita com o texto a contornar pela esquerda lt img src images articles 36 fotol jpg width 86 heighr 112 alt texto colocado na descri o align right gt Selecionar e Copiar Colocar a imagem esquerda com o texto a contornar pela direita lt img src images articles 36 fotol jpg width 86 height 112 alt texto colocado na descri o horder 0 align left gt Selecionar e Copiar Tamanho da Imagem Mudar tamanho para 86 x 2 Alterar tamanho 4 Carregar no 1 bot o Seleccionar e Copiar 5 Colocar no campo em quest o o cursor basta seleccionar a zona branca 6 Fazer paste ingl s ou colar portugu s HUGO COSTA 990710 54 SITESEED A Siteseed backoffice Microsoft Internet Explorer Fie Edit View Favorites Tools Help daBe Cut Cerit Copy Ctrl C Addres Goc Buscar web Geus Select All Ctrl Find on This Page Ctrl F DZ NETO VER RISE DEASDEE 728 MM PORTO copyright Orangeve Sa Utilize o menu do browser ou ent o fa a no teclado Ctrl V No campo onde queria mos inserir uma imagem aparece agora o c digo HTML que vimos anteriormente numa das 3 caixas de texto 7 Fa a Gravar As altera es ficam registadas na base de dados HUGO COSTA 990710 55 SITESEED 10 6 Altera
45. g 8 Listagem Novo docente Tadina 5 Fig 12 Busca dos artigos com a palavra docente 36 Destaque Teste Docente Not ciaDestaque De admin 2002 06 06 16 51 38 gt 2002 06 06 16 51 38 Aprovado por admin 2002 06 07 12 09 29 siegem Novo ocente 12 Destaque Docente Not cia 3 De admin 2002 05 29 18 28 49 gt 2002 05 29 18 28 49 Aprovado por admin 2002 05 29 18 30 19 11 Docente Docente Maria Le o De admin 2002 05 29 18 23 45 gt 2002 05 29 18 23 45 Aprovado por admin 2002 05 29 18 23 45 10 Docente Docente Danis Bois De admin 2002 05 29 18 13 57 gt 2002 05 29 18 13 57 Aprovado por admin 2002 05 29 18 19 01 4 Docente Docente Dr Susana Pereira Gomes Mota De admin 2002 05 14 12 33 22 gt 2002 05 14 12 33 22 Aprovado por admin 2002 07 01 16 24 06 Anterior Seguinte ocente Fig 13 Listagem dos artigos Para escolher o artigo pretendido bastar clicar no t tulo 4 Docente Docente Dr Susana Pereira Gomps Mota De admin 2002 05 14 Po 2002 05 14 12 33 22 Aprovado por admin 2002 07 01 16 24 06 Fig 14 Formato da informa o do artigo na listagem HUGO COSTA 990710 45 SITESEED Na listagem o artigo aparece com alguma informa o adicional que permite conhecer por exemplo quem foi o autor quem autorizou a publica o desse mesmo artigo a data e hora de cria o N do Artigo Tema T
46. gem dos artigos inclu dos no respectivo tema HUGO COSTA 990710 63 SITESEED 10 9 2 Comandos para a inser o de artigos A inser o de artigos realizada atrav s do comando INSERT Este comando produz a chamada a um ou v rios artigos podendo ser colocado texto ou outros elementos antes ou depois destas listagens Para este comando funcionar deve ficar numa linha isolada de quaisquer outros elementos tais como texto imagens etc Titulo do Objecto de P gina Destaques P gina principal Programa do Objecto de P gina INSERT last layout 57 subjects 8 O comando INSERT chama um artigo article v rios articles ou uma lista de artigos last Os artigos para aparecerem correctamente no site necessitam de ser associados a um layout e a uma box caso se omita esta a box ser vazia por defeito HUGO COSTA 990710 64 SITESEED 10 9 2 1 SINTAXE De seguida ser o apresentadas algumas sintaxes de comandos no entanto dever sempre consultar o manual online do Siteseed para ter acesso sempre a todos os comandos actualizados INSERT article articles text Par metros size em pixels ou Yo box modelo da box layout modelo do layout columns par metro opcional diz respeito ao numero de colunas que se pretende para apresenta o dos artigos id article numero do artigo pretendido Caso se pretenda usar v rios artigos usar v rgulas a separar os n meros Us
47. heckbox que permite que se possa ou n o efectuar pesquisas no motor de pesquisa do site por este campo respectivo Nome nome do campo que aparece quando editamos o artigo Tipo de campo select box com os v rios tipos de campos poss veis Para modificar o tipo de campo basta seleccionar o pretendido e clicar em gravar Automaticamente poder o aparecer novos par metros dependendo da escolha feita Ordem a ordem pela qual os campos aparecem no artigo Colunas largura do campo que aparece na edi o do campo Linhas altura do campo que aparece na edi o do campo Bytes Numero de caracteres que o campo aceita Coment rio para os editores Permite adicionar um coment rio que ser vis vel aos editores na altura da edi o do artigo VE Visual Editor Permite que o campo possa ter ou n o funcionalidades do editor visual HUGO COSTA 990710 72 SITESEED 10 10 2 2 TEMAS Os temas que permitem que um artigo possa ser identificado por um determinado assunto Temas Para classifica o de artigos Inserir novo Tema ID Temas Apagar 1 Installation Fi Fig 22 Edi o de temas HUGO COSTA 990710 73 SITESEED 10 10 3 Sec es do Site Na rea das sec es do site poss vel recriar a estrutura de todo o site Visualizamos as v rias sec es numa estrutura do tipo arvore Embora as sec es no Siteseed estejam ainda um pouco subdesenvolvidas de
48. isto a utiliza o de gestores de conte dos nas otganiza es vai se massificar O CMS vai se tornar uma ferramenta de uso quotidiano que integrar um conjunto de ferramentas necess rias para agilizar processos e organizar trabalhos no seio das organiza es Calend rio agenda gest o documental newsletters etc ser o funcionalidades banais que qualquer CMS apresentar A curto ou m dio prazo a tend ncia marcante ser de todos os CMS comerciais que n o tenham uma grande empresa por tr s passarem para open source necessidade de evolu o s ser poss vel com uma comunidade interessada por tr s n o como produto isolado O aspecto comercial ser obtido na implementa o e forma o destas ferramentas e n o na venda das mesmas HUGO COSTA 990710 84 SITESEED 12 Conclus o O Siteseed um gestor de conte dos que n o perfeito O facto de ser open source ainda n o tr s assim tantas vantagens para agilizar o seu desenvolvimento A instala o f cil mas o aprender a mexer e criar um site de raiz ainda uma tarefa complicada No entanto um produto com um potencial enorme possui uma performance muito boa uma fiabilidade a toda a prova e acima de tudo gratuito A sua filosofia de funcionamento claramente baseada num jornal no entanto gra as sua especificidade nica tudo o que vis vel poder ser programado e sua liga o ao PHP n o apenas no c digo fonte torna se o ve culo id
49. l da aplica o mas n o obriga a sua atribui o HUGO COSTA 990710 11 SITESEED 4 Actualidade 4 1 Gestores de conte dos As ferramentas de Content Management System ou gestores de conte dos parecem ter vindo para ficar A sua utiliza o crescente por parte das organiza es prova o aspecto vantajoso da sua utiliza o Das in meras vantagens podemos salientar R pida e f cil disponibiliza o de informa o Permitem gerir sites com informa o actualizada ao segundo actualiza o pode ser feita por todos os membros integrantes de uma empresa em vez de uma nica entidade Contornam a necessidade de saber linguagens de programa o WEB para colocar informa o online Estas ferramentas encontram se em praticamente todo o tipo de linguagens desde ASP PHP JSP Python etc e acopladas a v rios tipos de bases de dados relacionais desde SQLServer Oracle MySQL DB2 etc Uma destas linguagens no entanto emergiu se como sendo a mais utilizada o PHP Aliado a ele veio o MySQL tamb m hoje a base de dados mais popular em todo o mundo No mercado de hoje essencialmente podemos encontrar dois g neros de CMS como produto comercial desenvolvido por empresas como a Oracle Microsoft RedDot etc ou ent o um produto open source que surge da cria o ou ideia de um indiv duo e que depois desenvolvido por toda uma comunidade de entusiastas O Siteseed nasceu como sendo do primeiro g nero ma
50. momento permitem que se possa colocar valores por defeito nas diferentes sec es Default install page ca E Inserir rea Assim se quisermos escolher por exemplo FOGN qual a interface que queremos que a nossa p gina principal possua basta clicar em Alterar e seleccionar da selectbox qual a Inserir rea interface que queremos As interfaces que aparecem s o todas as que foram definidas no nosso sistema Podemos tamb m escolher o que que pretendemos para essa p gina se queremos um objecto de pagina um artigo um motor de busca ou sem nada 1 Search engine 1 Nome Default install page Interface Default interface i Conte do por defeito Objecto de p gina v ID el Fig 23 Edi o de uma sec o HUGO COSTA 990710 74 SITESEED 10 10 4 Interfaces A gest o de interface permite criar nova interfaces ou ent o alterar ver copiar ou remover interfaces existentes A op o ver interessante pois permite que se possa pr visualizar uma dada interface se bem que o Gest o d e Inte rface seu funcionamento por vezes tenha alguns problemas 1 Default interface Alterar ven Copiar Remover Novo Interface campos um de c digo antes depois do conte do Name Default interface Code before main content lt myheadline Sheadline 7 gt lt html gt lt head gt lt Interface HTML HEADER title meta
51. o de id 1 7 50 Insere o artigo 1 este substitu do quando o artigo 7 atingir a data de publica o que igualmente substitu do pelo artigo 50 quando este atingir a sua data de publica o Nolimits permite fazer a chamada do comando sem levar qualquer tipo de par metro box size columns HUGO COSTA 990710 65 INSERT last SITESEED Par metros howmany numero m ximo de artigos skip permite excluir os artigos mais recentes exclude permite excluir um ou mais artigos size em pixels ou Yo box modelo da box layout numero dos layouts utilizados separados por v rgulas columns par metro opcional diz respeito ao numero de colunas que se pretende para apresenta o dos artigos subject numero do tema ou temas dos artigos que pretendemos inserir Para m ltiplos temas separar por v rgula ex subjects 1 2 8 HUGO COSTA 990710 66 SITESEED INSERT set order date asc desc determina a ordem dos artigos por datas crescentes caso seja date asc coloca os artigos por datas decrescentes caso seja date desc date a determina a ordem por data de aprova o date s determina a ordem por data de submiss o title determina a ordem por t tulo id determina a ordem por numero do artigo HUGO COSTA 990710 67 SITESEED 10 9 2 2 EXEMPLOS DE UTILIZA O Aplica aos artigos o layout 1 Aplica aos artigos a box 2 Mostra os artigos em 2 colunas di Insere
52. os s o compostos por v rios campos Se quisermos ter artigos para o tema noticia e outros artigos para o tema produto por exemplo Em que nos primeiros necess rio a exist ncia de um campo titulo resumo texto e autor e nos segundos necess rio os campos nome refer ncia quantidade e pre o O que acontece que ao editarmos um artigo este apresenta todos os campos existentes mesmo que n o fa am nenhum sentido tal como existir o campo pre o e quantidade para um artigo do tema not cia Este facto provoca confus o quando existem muitos campos HUGO COSTA 990710 25 SITESEED 6 Modo de Funcionamento 6 1 Conte dos e layouts O Siteseed distingue p ginas em concreto denominadas objectos de p gina e distingue blocos de informa o denominados artigos Normalmente um artigo apresentado sobe diversas formas como destaque na primeira p gina por exemplo ao clicar no mesmo aparece o artigo completo ou tamb m pode ser apresentado em diversos locais como apenas um pequeno t tulo ou seja um campo daquele bloco de informa o No fundo a informa o deste artigo a mesma s que apresentada de diferentes formas Assim o Siteseed guarda todos os campos na Base de Dados e depois utiliza layouts diferentes de modo a mostrar a informa o sob diferentes vistas Normalmente num site o que pretendemos para a primeira p gina colocarmos os t tulos de algumas not cias em destaque e colocarmos alguma informa o de boas
53. podem levar a resultados desastrosos no aspecto do site quer por quebrar completamente com o layout quer por apresentar dados trocados A funcionalidade find and replace um exemplo flagrante de um desastre prestes a acontecer pois caso qualquer campo da base da dados coincida com a palavra pretendida modifica o sem qualquer prompt nem qualquer mecanismo de rollback 6 Documenta o A documenta o do Siteseed resume se a um manual online Embora a ideia de existir um site com toda a informa o pass vel de ser consultado por todos e que em regra seria mantido actualizado seja muito boa o certo que este manual poderia ser mais rigoroso no sentido de que existem aspectos que permanecem pouco ou at nada documentados HUGO COSTA 990710 34 9 Instala o 9 1 Requisitos T cnicos Sistema Operativo Base de Dados Espa o em disco Processador Mem ria HUGO COSTA 990710 SITESEED Qualquer Sistema Operativo que consiga lidar com Apache MySQL Perl ImageMagic e WvWare Ex Linux OpenBSD FreeBSD e Mac OS Microsoft Windows pode tamb m ser utilizado com HS 5 ou Apache MySQL v4 3 6 e superiores 2MB ficheiros O upload das imagens efectuado para uma pasta pelo que deveremos ter reservado espa o para futuros uploads qualquer da fam lia X86 64 MB 35 SITESEED 9 2 Pr instala o Antes de come ar a instala o deve certificar os seguintes aspectos Apa
54. poder encontrar ajuda detalhada sobre todas as funcionalidades existentes E o bot o notas que permite inserir mensagens que poder o ser vis veis por todos os utilizadores do sistema Clicando no peixe poss vel seleccionar qual a l ngua do BackOffice Gra as a contribui es de v rias pessoas estrangeiras neste Z O English momento j poss vel ver o BackOffice em 6 l nguas diferentes EM Portugu s Ao clicar em Alterar a l ngua seleccionada gravada numa cookien Deste modo o Siteseed vai se lembrar da l ngua E Deutsch escolhida pelo utilizador na pr xima vez que entrar no BackOffice A l ngua que aparece sempre por defeito D 7 OF configurada no ficheiro config php ran ais EE O Nederlands rs O Espa ol 11 Cookie um pequeno ficheiro que permite guardar informa es no computador do utilizador normalmente servem para guardar defini es HUGO COSTA 990710 42 SITESEED itescod TEC beeem sientan meros usem etem gia vio tabus sa ertoe meme atue Fig 10 Imagem da rea de administra o do Siteseed A frame inferior composta por 3 sec es Jornalistas Editores e T cnicos Sendo que um utilizador definido como jornalista n o v as outras sec es enquanto que um utilizador definido como Editor j v a sua sec o bem como a sec o jornalistas O utilizador definido como t cnico v todas as sec es HUGO COSTA 990710 43 SI
55. projecto 1 2 Nomenclatura e linguagem do documento No decorrer deste documento ser o utilizados regularmente termos em ingl s isto porque quer na pr pria aplica o quer no contexto em que esta aplica o se insere n o fazia sentido traduzir Tamb m devido ao uso intensivo e corrente destas palavras n o dei nenhuma formata o diferente s mesmas Como o Siteseed nasceu como aplica o de gest o de um jornal digital muitas das terminologias adoptadas e filosofia de funcionamento constatam isso mesmo Mecanismo de recolha de conte dos e aprova o N veis de acesso na rea de administra o etc No documento s o apresentados pontes fortes e fracos do Siteseed e vantagens e desvantagens do Siteseed A diferen a reside nos primeiros serem em rela o a outros gestores de conte dos ou seja pontos em que o Siteseed leva vantagem ou perde enquanto que as vantagens e desvantagens s o caracter sticas que igualmente j existem noutros gestores de conte dos mas que se evidenciam no Siteseed HUGO COSTA 990710 8 SITESEED 1 3 O que o Siteseed iteseed uma plataforma de software open source para o desenvolvimento e gest o de conte dos para websites vulgo CMS Content Management System Com o Siteseed poss vel desenvolver websites complexos sem necessidade de recorrer a programa o O design gr fico as funcionalidades e os conte dos do website s o geridos atrav s de um interface Web permitindo a per
56. r ticos possamos constatar avan os significativos A pr pria MrNet muito cautelosa na integra o e divulga o de novas funcionalidades devido a n o interferir nos seus interesses comerciais Para os utilizadores da plataforma Siteseed este modelo de desenvolvimento apresenta vantagens consider veis O Siteseed desenvolvido e testado por uma comunidade a n vel global com uma experi ncia heterog nea O processo de desenvolvimento de novas funcionalidades e de correc o de erros substancialmente mais r pido O c digo fonte est sempre dispon vel para auditorias de qualidade e seguran a O c digo fonte permite aos nossos clientes assegurar o desenvolvimento in house sempre que se justifique Os utilizadores t m ao seu dispor m dulos adicionais que acrescentam novas funcionalidades os quais poder o ser desenvolvidos por outras empresas em todo o mundo 3 1 Vantagens da Licen a BSD O Siteseed pode ser inclu do parcialmente ou na totalidade em qualquer outro projecto sem autoriza o da MrNet A licen a BSD nos projectos derivados do Siteseed pode ser substitu da por qualquer outra open source ou qualquer outra nica limita o real imposta a quem utilizar o c digo do Siteseed que o nome da MrNet n o pode ser utilizado para efeitos de promo o ou para facilitar a venda do software A MrNet agradece o cr dito pela autoria do Siteseed algures no manua
57. r a redund ncia da informa o at facilitar a ri sento cet altera o do aspecto dos sites sem modificar os EST a EE com 63 sermos Custas Limas Mi DEM ne quarta regla da Chove Laser resstado que o tas bataar para o 11 posso de geral com conte dos 3i mortes Jeena Pratas Int e 724 cioueticada na qarta regata No BackOffice fazemos toda a gest o das interfaces podendo modificar existentes visualizar no local copiar e remover O numero id associado a cada interface nico e ser este o numero do visual que pretendemos referenciar Backussco esse COPYN murer Gest o de Interface Interface APCOR j ne Cied osiad Sanmersd Interface CORKPANEL jane Cies Dosiad Esmscad Blank interface iAnsad Tiso Coziad anmezi Interface EXTRANET jasssad 404 Dogiad Ranorad intesface de teste ajtecad Diad Gariat Eemases 3 Interlace form aned bias Dosiad Escsesd Norn Interface HUGO COSTA 990710 29 Name Htetace APCOR Code defore main content frequestHeadiine Shesdiine frequestirt cie fart cia frequestiction faction frequestView fuieus frequest ptioan foprion frequestSub ption fsuboption frequestLayout Slapout frequest ID id ifii language f language ENG SlanguagelD 2 tiso flanguage PT flanguagelD 1 Code ster mam content tevalmess fhesdiines47 include object shov php SITESEED Cada interface possui 3 campos
58. ramador precisa de um bom editor pois este agiliza muito o trabalho Ora editar c digo numa caixa de texto muito pass vel a que aconte a grandes desastres at porque uma vez gravando o objecto j n o poss vel voltar atr s Uma maneira de dar a volta a esta situa o fazer sempre o c digo num editor e s depois copiar e colar para a caixa de texto outra maneira ser fazer include de um ficheiro externo na pr pria caixa de texto S que n o pr tico 8 Tag HTML que provoca uma nova linha do ingl s break Este elemento no webdesign n o utilizado pelo simples facto de que n o rigoroso Depende de muitos factores e varia de browser para browser Em vez disso utilizado uma imagem transparente do tamanho de um pixel HUGO COSTA 990710 20 SITESEED 5 3 3 Componente WYSIWYG Cada campo de um artigo pode ser editado utilizando quer uma caixa de texto quer um componente Rich text editor Este permite que um utilizador que n o conhe a c digo HTML possa construir e aplicar formata es cria o de tabelas bem como um conjunto de funcionalidades semelhantes ao que podemos encontrar num editor de texto e depois de um modo transparente ao utilizador recria por baixo o c digo HTML uve III II ut um DE SB o A BZ UR Background pesquisa de mercado destinada a monitorizar as atitudes dos consumidores r O presente documento resume os principais resultados ob
59. resultado Classifica o de artigos por tema Op o de criar debates p blicos em forums com threads associadas a cada artigo Sistema de classifica o de artigos Aprova o de artigos pelos editores HUGO COSTA 990710 16 SITESEED Gest o de Coment rios Inser o edi o e remo o de coment rios deixados pelos visitantes com a possibilidade de transforma o imediata desse coment rio num artigo Arquivo de coment rios Seguran a do backoffice Autentica o de utilizadores atrav s de login password personalizados atrav s das funcionalidades do Web browser 3 n veis de acesso jornalista editor e programador Personaliza o de qualquer n vel de acesso com restri es por tema p gina ou no caso dos programadores por fun o Suporte do protocolo de encripta o SSL 128 bits no acesso ao backoffice Gest o de p ginas e objectos de p gina Utiliza o de uma linguagem pr pria simples e flex vel na cria o e manuten o dos objectos de p gina Gest o visual de conte dos de qualquer p gina totalmente parametriz vel atrav s de interface Web Numero de objectos de p gina ilimitado Op o de inser o autom tica de artigos por ordem cronol gica Inser o autom tica de tickers6 Inser o de forms nos objectos de p gina Inser o de coment rios deixados pelos visitantes Preview de todos os objectos de p gina Gest o da es
60. roduto portugu s criado pela Mr Net empresa especialista na presta o de servi os desenvolvimento de software e consultoria Web sediada em Lisboa Esta empresa que teve o seu aparecimento em 1998 desenvolveu uma solu o para uma necessidade emergente que tem especial import ncia nos dias de hoje a gest o de conte dos Web De in cio o Siteseed era vendido a 1000 d lares americanos por licen a Passagem do qe servidor caso fosse para uma utiliza o comercial significa que era Siteseed a poss vel para uma empresa possuir v rios sites em Siteseed desde que open source estes tivessem alojados no mesmo servidor e pagar apenas uma licen a facto esse de especial import ncia sobretudo para empresas de Webdesign que possu am diversos clientes Em finais do ano 2003 a empresa alterou radicalmente a filosofia do Siteseed passando este a ser open source com uma licen a BSD e estar representado no sourceforge Esta altera o estrat gica deveu se ao facto de que como software open source poderia ganhar muito com o desenvolvimento e contribui es de toda uma comunidade de programadores At 2003 as contribui es eram praticamente inexistentes geradas apenas pela necessidade de altera es de c digo adi es de funcionalidades por parte de empresas de Webdesign e para que estas se reflectissem em vers es posteriores 2 1 Resultados pr ticos para a MrNet do projecto Mais de 50 do desenvolvimento em 2002 2003 foi
61. rojecto 9 1 2 Nomenclatura e linguagem do documento 9 1 3 O que o Siteseed 10 2 Hist ria 11 2 1 Resultados pr ticos para a MrNet do projecto 11 3 Ferramenta Open Source12 3 1 Vantagens da Licen a BSD 12 4 Actualidade 13 4 1 Gestores de conte dos 13 4 2 implementa es do Siteseed 14 5 Caracter sticas 16 5 1 Tecnologia 16 5 2 Funcionalidades 17 5 3 Destaques 20 5 3 1 Dinamismo 20 5 3 2 Controlo sobre constru o 21 5 3 3 Componente WYSIWYG22 5 3 4 Instala o 24 5 4 Vantagens 25 5 5 Desvantagens 26 6 Modo de Funcionamento27 6 1 Conte dos e layouts 27 6 2 Mecanismo de listagem de artigos 28 6 3 Interfaces 30 6 4 N veis de Acesso 32 6 4 1 Jornalistas 32 6 4 2 Editores 32 6 4 3 T cnico 32 6 5 Cache 33 7 Pontos fortes 34 8 Pontos fracos 35 9 Instala o 36 9 1 Requisitos T cnicos 36 9 2 Pr instala o 37 9 3 Instala o passo a passo38 SITESEED 10 11 12 13 SITESEED 9 4 Troubleshootting 40 Manual de Utiliza o 41 10 1 Autentica o na ferramenta 42 10 1 1 Acesso ao BackOffice 42 10 1 2 Login do utilizador 42 10 2 BackOffice 43 10 3 Listagem de Artigos 45 10 4 Inser o de conte dos48 10 4 1 Cria o de umartigo 48 10 4 2 Preenchimento dos campos 49 10 4 3 Op es do artigo 49 10 4 4 Guardar o artigo 53 10 5 Inserir imagens 54 10 5 1 Procedimento 54 10 6 Altera o de um conte do 57 10 7 Remo o de conte dos59 10 8 Inser o de Coment rios 6
62. rtigos para serem vis veis no site tem de ser aprovados deste modo a ac o anterior j n o tem tantos efeitos indesejados Localiza o dos artigos Um problema que o Siteseed possui o facto de necessitar de par metros para conseguir localizar artigos no espa o do site isto quando chamamos um artigo para ele saber que deve ser visualizado na rea x tem de levar como par metro amp visual x O problema quando fazemos uma pesquisa todos os artigos devolvidos apresentam o mesmo layout assim se tivermos artigos de sec es diferentes eles v o mostrar todos os artigos na mesma sec o definida para o resultado da pesquisa Deste modo podermos ter de ver artigos em sec es desenquadradas com o conte do dos mesmos O Siteseed original que toda a gente tem acesso n o resolve por si s este problema pelo que nas implementa es da pr pria MrNet existem par metros adicionais que n o existem nas vers es de download publico Mods ou Plugins Mods a g ria utilizada para m dulos adicionais que muitas das vezes s o criados por entusiastas Estes m dulos permitem a integra o da aplica o original com funcionalidades acrescidas ou at mesmo a modifica o da aplica o para exibir outro funcionamento Ora no caso do Siteseed n o existem ainda estes m dulos para download publico Os que existem s o da pr pria MrNet Sendo que s o usados para obter vantagem comercial Tipos de artigo No Siteseed os artig
63. s evolui para o segundo HUGO COSTA 990710 12 SITESEED 4 2 Implementa es do Siteseed Fruto da capacidade da MrNet e da maturidade e aplica o comercial desta ferramenta de gest o de conte dos podemos j ver o Siteseed em grandes projectos nacionais ICEP Portugal Website promocional do Euro 2004 me im we Pontos a reto DAS Quer aperta CS cy dO ud espe E re Sm pata sorgar Siro pee SIC EMI Music Grupo EMI Portugal HUGO COSTA 990710 13 SITESEED VIANETWORKS VIA NET WORKS Portugal pi np Sp o dom tm et edt um arama sain pr E i fosi e ODA Ome yee Diu Dis N opa meman tde s meto iesi m a emasa morari da TRA ss eoq Lan Matuto aa pariste poemama hwaens be mapan o aeaio da AI Marie hda Meeta te teta ne pome merunstandin am internado mer eo do pedeo Mais turismo Edi o de 2004 do Portugal Hotel Guide Para ver mais exemplos de websites utilizando o Siteseed podem consultar o site da MrNet http www mrnet pt HUGO COSTA 990710 44 SITESEED 5 Caracter sticas 5 1 Tecnologia O Siteseed uma aplica o PHP MySQL que funciona em sistemas operativos do tipo Unix Toda a programa o em PHP excep o apenas para um componente ActiveX que permite ao utilizador editar um conte do com funcionalidades WYSIWYG Isto apesar de j estar programada a altera o deste componente para algo que n o utilize ActiveX 8
64. scartado ou devolvido HUGO COSTA 990710 48 SITESEED 5 3 Destaques Os seguintes destaques do Siteseed n o s o necessariamente aspectos positivos S o sim aspectos fundamentais no conhecimento desta ferramenta e nas suas capacidades 5 3 1 Dinamismo maioria dos gestores de conte dos open source que encontramos nos mercado possuem uma estrutura de inser o de conte dos fixa obrigando a que todo o que seja colocado no site possua um aspecto similar a vulgar estrutura de 3 colunas exemplo disso o PHPNuke Embora isto seja ideal para alguns conte dos n o indicado para quando o que pretendemos a altera o de p ginas completas ou quando pretendemos tipos de conte dos que possuam mais dinamismo e liberdade Podemos verificar isso mesmo nestes dois sites utilizados pelo Departamento de Inform tica do ISEP sm eso emp cp a Fig 3 P gina principal do GULDEI Grupo de utilizadores de Linux do Departamento de Engenharia Inform tica do ISEP Fig 4 P gina principal do Laborat rio NET do DEI Por exemplo a estrutura dos artigos que aqui aparece fixa com possibilidade de um titulo texto uma imagem e pouco mais No caso do Siteseed cada artigo pode ter uma estrutura com campos ilimitados e onde podemos dar o aspecto que quisermos a esses artigos HUGO COSTA 990710 19 SITESEED 5 3 2 Controlo sobre constru o Uma das grandes diferen as do Siteseed em rela o a outros gestores de
65. sonaliza o dos acessos ao sistema de acordo com o perfil dos diferentes utilizadores O Siteseed por isso uma ferramenta de trabalho em grupo que permite gerir todos os detalhes de design estrutura e conte do de um website de forma independente Tudo o que utilizado na constru o e manuten o do site mantido numa base de dados pelo que n o s o necess rios ficheiros Para um utilizador que pretende inserir conte dos no site apenas tem de preencher alguns campos e aprovar o conte do que por sua vez correctamente formatado e integrado no site automaticamente isto tudo numa parte BackEnd denominada BackOffice Modelo de funcionamento de O Siteseed nasceu vocacionado para ser um gestor de jornais um jornal online pelo que da adv m parte da sua filosofia Jornalistas inserem conte dos editores aprovam e t cnicos encarregam se da electr nico N constru o do site O Siteseed uma aplica o aberta o seu c digo fonte vis vel pelo que poder inclusive ser modificado Como gestor de conte dos din mico tem um funcionamento muito leve gra as a um mecanismo de cache que lhe fornece uma performance muito aceit vel Siteseed Fig 1 Logotipo do Siteseed 1 BackEnd Nos gestores de conte dos denomina se BackEnd a rea de administra o de acesso reservado onde feita toda a gest o do site publico Front End HUGO COSTA 990710 9 SITESEED 2 Hist ria Siteseed um p
66. tidos na ltima fase da Estrutura da pesquisa e pesquisa foi conduzida em tr s mercados EUA Austr lia e Reino Unido e Os inquiridos foram recrutados na qualidade de Consumidores Regulares e Foram inclu dos v rios outros crit rios com vista a equilibrar os resultado e Esta pesquisa tinha como objectivo confirmar resultados de estudos anteri Fig 5 Componente ActiveX S que o componente utilizado no Siteseed est longe de ser o ideal O facto de ser ActiveX obriga a que apenas funcione em sistemas da Microsoft o que n o deixa de ser uma contradi o natureza open source deste projecto Mais grave ainda o facto de que por vezes teima em n o funcionar no pr prio Internet Explorer Felizmente cada vez mais est o a aparecer componentes WYSIWYG que podem ser utilizados gratuitamente ao contr rio do que acontecia at muito recentemente onde eram vendidos a pre os bastante elevados A altera o deste componente por outro lado para outro de funcionamento similar j se encontra na forja HUGO COSTA 990710 24 SITESEED Doda d COMPONENTES RTE O uso intensivo deste tipo de componentes a tend ncia emergente Um bom exemplo o TYPOS Este gestor de conte dos utiliza em abund ncia estas novas ferramentas oferecendo ao utilizador t pico que n o sabe programa o um conjunto de funcionalidades inestim veis Ao contr rio de aplica es em Java as aplica es programadas em linguagens como o PHP ou
67. trutura do Web site Gest o das sec es do site numa estrutura do tipo rvore Numero ilimitado de sec es Numero hier rquico de n veis das sec es ilimitado Layout e programa o das sec es independente Fun es internas em PHP para inserir e actualizar os menus de navega o Registo de Utilizadores Estrutura dos campos definidos para o registo de utilizadores completamente configur veis defini o do numero e tipo de campos utilizados Acesso a artigos sec es e p ginas pode ser restringido a utilizadores registados Autentica o de utilizadores e forms de registo podem ser acedidos a partir de qualquer p gina do site P ginas podem ser manipuladas em tempo real dependendo de ac es ou prefer ncias efectuadas pelo utilizador 6 Tickers Elemento gr fico que visa chamar a aten o de um determinado texto utilizando para isso texto a piscar HUGO COSTA 990710 47 SITESEED Sistema de Inqu ritos Cria o de inqu ritos atrav s de interface web Estrutura de inqu ritos completamente configur veis Numero ilimitado de inqu ritos simult neos Inser o de inqu ritos em qualquer sec o p gina do site Arquivo de resultados dos inqu ritos Visualiza o de resultados utilizando gr ficos ou barras coloridas Sistema interno de Cache Cache de artigos gerados em v rios tipos de layout TTL7 configur vel para cada objecto de p gina
68. tulo do Artigo 4 Docente Docente Dr Susana Pereira Gomes Mot De admin 2002 05 14 12 33 22 gt 2002 05 14 12 33 22 Aprovado por admin 2002 07 01 16 24 06 Respons vel Data e Hora de aprovac o Autor Data e Hora de cria o Data e Hora em que o artigo expira HUGO COSTA 990710 46 SITESEED 10 4 Inser o de conte dos 10 4 1 Cria o de um artigo A inser o de qualquer tipo de conte do segue os seguintes passos 10 4 1 1 ESCOLHA DO TIPO DE ARTIGO Na zona dos attigos seleccionar Novo Fig 15 Bot o para inser o de um novo artigo MODERNA BOEKO eo PORTO copyright Orangeye Solu es digitais Lda todos os direitos reservados P s Gradua o 1 Gest o empresarial curso de P s Gradua o em Gest o Empresarial EDITOR VISUAL 800x600 1024x763 e Fig 16 Campos de edi o de um artigo HUGO COSTA 990710 47 SITESEED 10 4 2 Preenchimento dos campos O t tulo o que aparecer nas listagens do BackOffice e sempre o primeiro campo a preencher Visto que todas as pesquisas dos artigos s o feitas pelo t tulo este deve possuir um nome que rapidamente ofere a ao utilizador uma descri o do seu conte do Com o bot o que se encontra na parte inferior direita da p gina poss vel ver uma pr visualiza o de como ficar o artigo a ee 10 4 3 Op es do artigo Na parte direita da p gina na edi o do artigo
69. ual mas com um numero de acessos menor ou at em alguns casos n o necessitando de efectuar pedidos base de dados No Siteseed o mecanismo de cache funciona de duas maneiras utilizando a pr pria base de dados que possui uma tabela de cache onde s o guardados quer artigos nos seus diversos layouts quer p ginas completas j em formato html e prontas a mostrar isto num nico campo do tipo BLOB Visto que um dos acessos mais r pidos que podemos ter numa base de dados relacional o select o Siteseed sempre que tem de construir a visualiza o de um artigo de uma p gina etc antes verifica sempre se o mesmo j existe em cache caso exista mostra o Opera o essa t o r pida que em termos pr ticos igual a visualizar uma p gina est tica Caso n o exista em cache recriado novamente e depois de respondido o pedido maquina destino guardado esse mesmo pedido na tabela de cache para futuros pedidos Para lidar com informa o desactualizada sempre que o artigo modificado no BackOffice a cache desse artigo limpa Inclusive podemos tamb m limpar toda a tabela de cache existente Outra maneira com a convers o autom tica de p ginas din micas em est ticas Atrav s de uma configura o quer do ficheiro config php do Siteseed quer de configura es no SO poss vel que de modo autom tico se visualize uma p gina outrora din mica mas que agora se apresenta como uma normal p gina HTML
70. ue aparece no site t cnicos Jornalistas Pesquisa Inser o e edi o de conte dos Editores Revis o e aprova o de conte dos gest o de reas do site T cnicos Elabora o da parte visual e programa o do site 6 4 1 Jornalistas Com o n vel de permiss o mais baixo apenas podem editar os seus pr prios artigos e em que estes ter o de ser posteriormente aprovados por um editor ou seja n o aparecem logo no site No backoffice visualizam apenas um motor de pesquisa interno que lhes permite visualizar os artigos 6 4 2 Editores O utilizador com o n vel de permiss o editor tem a seu cargo a gest o dos artigos criados ele quem decide quais os artigos que ir o aparecer no site sendo portanto o respons vel m ximo por todos os conte dos Web que ser o colocados on line A seu cargo tem tamb m a possibilidade de criar novas p ginas desde claro que possua conhecimentos de como funciona o Siteseed Al m disso tem tamb m acesso a todas as funcionalidades que o jornalista tem 6 4 3 T cnico Num papel completamente diferente vem o n vel de acesso m ximo denominado t cnico que adquire fun es de relevo na cria o do design do site layout dos artigos style sheets formul rios question rios etc Um utilizador definido como t cnico tem acesso s funcionalidades definidas nos n veis inferiores Por defeito ap s a instala o criado o utilizador admin semelhan a do root
71. wlhtdocs ssdefs article lhomelwwwlhtdocs ssdefs cache lhomelwwwlhtdocs ssdefs object lhomelwwwlhtdocs ssdefs include lhomelwwwilhtdocs ssdefs bo lhomelwwwlhtdocs ssdefs bo imagesbo em lhomelwwwihtdocs ssdefs bolimagesbo ve restssesmesesmesessesmesessesmesessesmeneanes lhomelwwwlhtdocs sshome bo include lhomelwwwilhtdocs sshome bo interfaces lhomelwwwihtdocs sshome bo surveys lhomelwwwlhtdocs sshome bo sections lhomelwmwwlhtdocs sshome bolusers 5 Editar o ficheiro home www htdocs ssdefs config php HUGO COSTA 990710 37 SITESEED 6 Se n o tiver instalado ssl via mod ssD editar o ficheiro home www htdocs ssdefs bo directory htaccess e remover a linha SSLRequireSSL 7 Criar um utilizador utilizando o comando htpasswd c homelwwwlhtdocs ssdefs bo htpasswd admin 8 Apontar o web browser para http yourhost ssdefs bo setup php 9 Caso o setup php tenha criado as tabelas na base de dados correctamente o Siteseed est pronto a ser utilizado HUGO COSTA 990710 38 SITESEED 9 4 Troubleshootting Ao escrever o endere o do backoffice n o aparece nenhuma p gina Possivelmente o endere o de Document Root do Apache est errado Verificar o ficheiro http conf Aparece o prompt de login mas ap s 3 vezes continua a n o entrar Verificar o caminho especificado no ficheiro

SITESEED - Departamento de Engenharia Informática

Contents

Download Pdf Manuals

Related Search

Related Contents

SITESEED - Departamento de Engenharia Inform&aacute;tica

Contents

Download Pdf Manuals

Related Search

Related Contents

SITESEED - Departamento de Engenharia Informática