Programação em Web
SGC/CMS
INSTITUTO SUPERIOR DE CIENCIAS E TECNOLOGIA
DE MOÇAMBIQUE
Escola Superior de Informática
Licenciatura em Engenharia Informática
Docente: Ruben Manhiça
Maputo, 21 de fevereiro de 2025
02/21/2025 Anotações da aula de Programação Web 2
Conteúdo da Aula
1. Introdução aos CMS
– Definição;
– Conceitos basicos
2. Tipos de CMS
3. Vantagens
4. Desvantagens
02/21/2025 Anotações da aula de Programação Web 3
Introdução
• A Internet tem se tornado um meio de comunicação cada vez
mais indispensável.
• Web 2.0 - Necessidade de sites mais interativos e atualizados
diariamente.
• Possível apenas com a utilização de sites dinâmicos.
02/21/2025 Anotações da aula de Programação Web 4
Introdução
• Normalmente, teríamos uma equipe de designers e de
programadores para o desenvolvimento de um site desse porte.
• Dependência de um webmaster para a actualização.
02/21/2025 Anotações da aula de Programação Web 5
Introdução
• Limitações desse modelo:
– Administração do site fica ligada a um computador específico (senhas
de FTP, licenças de uso de programas, etc)
– Modificações acidentais podem resultar em links não funcionais,
problemas de formatação, alterações no design e até mesmo a
indisponibilidade do site inteiro.
– Com o tempo, as páginas criadas ficam “perdidas”.
02/21/2025 Anotações da aula de Programação Web 6
Introdução
• Fazendo uma analogia à Engenharia Civil, é como se
fizéssemos um “remendo na planta” sempre que
quiséssemos ampliar a casa.
• Solução:
– CMS (Content Management System)
02/21/2025 Anotações da aula de Programação Web 7
O que é CMS?
• CMS (Content Management System) é um sistema de gestão
de conteúdo, cujo objetivo é exatamente o de estruturar e
facilitar a criação, administração, distribuição, publicação e
disponibilidade da informação.
SGC = CMS = ECM*
Sistema Gestor de Conteúdo
Content Management System
Enterprise Content Management
02/21/2025 Anotações da aula de Programação Web 8
O que é CMS?
Um CMS faz tudo isso!??
Deve ser muito complexo
então. Aposto que é muito
mais complicado trabalhar
com um CMS.
02/21/2025 Anotações da aula de Programação Web 9
O que é CMS?
• Depois de instalado, um CMS oferece ferramentas simples que
podem ser acedidas de qualquer navegador, permitindo realizar
todo o processo de gestão, desde a criação até ao arquivo de
conteúdos.
02/21/2025 Anotações da aula de Programação Web 10
Como Obter um CMS?
• Pacotes comerciais: Sistemas que compra e instala.
Normalmente são muito caros e difíceis de se instalar,
configurar e manter. Bom nível de suporte técnico;
• Pacotes Open-Source: Possuem uma grande comunidade de
desenvolvedores, que mantêm bons softwares, onde compra
com valores mais acessíveis, ou instala gratuitamente. Podem
possuir grande quantidade de recursos e actualizações, mas
podem apresentar problemas de falta de suporte técnico;
02/21/2025 Anotações da aula de Programação Web 11
Como Obter um CMS?
Provedor de serviços de aplicação de CMS: Em vez de instalar
em seu servidor, um provedor oferece a tecnologia para si. Seu
trabalho é configurar modelos e permissões. Este modelo pode ser
de baixo custo (alguns gratuitos) e com ótimos níveis de suporte;
Desenvolvimento de CMS personalizado: Em casos específicos,
pode-se desenvolver seu próprio CMS totalmente novo ou
personalizar um a partir de um modelo pronto, baseado em um
modelo open-source. Demanda de muito tempo para
desenvolvimento, e pode levar à suporte contínuo.
02/21/2025 Anotações da aula de Programação Web 12
Quem utiliza CMS?
• Produtos de CMS para diversos níveis de negócios:
– comércio eletrônico;
– educação;
– blogs diversos;
– relacionamento e gestão de clientes;
– eventos e celebridades;
– suporte técnico.
• Organizações que utilizam versões open source:
– Nasa;
– MIT;
– Nokia;
– UEM;
– National Geographic;
– O governo Moçambicano;
– O Senhor que voz fala. O/
02/21/2025 Anotações da aula de Programação Web 13
Vantagens
• A habilidade necessária para trabalhar com um CMS não vai
muito além dos conhecimentos necessários para editar um
texto no Word
• Estruturação do processo de autoria
– Toda a equipe poderá contribuir, cada um na sua área de actuação
e conhecimento
• Diminuição do tempo necessário para a criação de novas
páginas e atualizações das já publicadas
02/21/2025 Anotações da aula de Programação Web 14
Vantagens
• Maior flexibilidade
– Para acrescentar ou editar conteúdos de forma descentralizada e
em qualquer lugar
• Maior segurança
• Gestão de versão dos conteúdos
• Diminuição dos custos de manutenção
02/21/2025 Anotações da aula de Programação Web 15
Vantagens
• Modularização
– API para criação de módulos é bem flexível e prática, possibilitando a
integração de funcionalidades sem interferência no núcleo do sistema
NÚCLEO CALENDÁRIO
FÓRUM
ÁLBUM DE FOTOS
02/21/2025 Anotações da aula de Programação Web 16
Vantagens
• Software Livre
– Elimina custos com licença de uso e garantem acesso ao código
fonte
• Alto ganho de produtividade e baixo custo de desenvolvimento
02/21/2025 Anotações da aula de Programação Web 17
Desvantagens
• Como em todo framework, trabalhar com um “modelo” pré-
concebido implica em aceitar algumas características,
restrições ou limitações desse “modelo”.
• A aparência do site, apesar da relativa facilidade da
customização, também fica de certa forma limitada pelo sistema
de templates do CMS.
02/21/2025 Anotações da aula de Programação Web 18
Desvantagens
• Necessidade de aprendizagem
– Requer um certo tempo de estudo e análise para um perfeito
entendimento e aproveitamento de todas as suas funcionalidades
02/21/2025 Anotações da aula de Programação Web 19
Tipos de CMS (1)
• CMS para websites e portais web: Possibilitam criação e
organização de conteúdo, manipulação e aparência,
automação de tarefas administrativas, definir permissões para
utilizadores e colaboradores. Ex.:
Drupal
Joomla
Mambo
PHP-Nuke
EZ Publish
02/21/2025 Anotações da aula de Programação Web 20
Tipos de CMS (2)
• CMS para WIKI: sites colaborativos, como a wikipédia,
provendo possibilidade de gestão de conteúdo de forma
colectiva. Ex.:
MediaWiki
phpBB
02/21/2025 Anotações da aula de Programação Web 21
Tipos de CMS (3)
• SGC para comércio eletrônico: trazem funcionalidades para
gestão de produtos categorizados e apresentação em vitrines
virtuais, com recursos avançados para o comércio eletrônico,
tais como carrinho de compras, cálculo de frete, integração com
meios de pagamentos, integração com softwares
administrativos, listas de desejo. Ex.:
Os Commerce
Zen Cart
Magento
Cube Cart
02/21/2025 Anotações da aula de Programação Web 22
Tipos de CMS (4)
• CMS para blogs: recursos para gestão de blogs, como
publicação de artigos, categorias, buscas, comentários,
controle de layout. Ex.:
Wordpress
Nucleus
B2Evolution
02/21/2025 Anotações da aula de Programação Web 23
Tipos de CMS (5)
• CMS para CRM: recursos para gestão de relacionamento com
clientes, com recursos de abertura e gestão de chamadas de
suporte, integração com e-mail marketing. Ex.:
Help Center Live
osTicket
PHP suport tickets
02/21/2025 Anotações da Aula de Programação em Web 24
Tipos de CMS (6)
• CMS para Redes Sociais: recursos para gestao de redes
sociais, mural, gestao de circulos, perfis de utilizadores, grupos,
forums, partilha e muito mais, ex:
• Oxwall
• BuddyPress
• Monox
02/21/2025 Anotações da Aula de Programação em Web 25
Tipos de CMS (7)
• CMS do tipo LMS (Learning Management Systems): São CMS
usados para Gestão de Ensino
Exemplos:
Moodle
Edmodo
Amadeus LMS
BlackBoard
Casos Reais
• www.uem.mz - joomla
• http://www.mtv.co.uk/ - Drupal
• http://www.ticfaced.uem.mz/- Moodle
• http://research.yahoo.com/ - Drupal
• http://blog.us.playstation.com/ - Wordpress
• http://alphabit.co.mz/ - Wordpress
• http://isctem.ac.mz/ - EZPublish
• http://www.portaldogoverno.gov.mz/ - EZPublish
02/21/2025 Anotações da aula de Programação Web 27
Conclusão
• Sistemas CMS permitem que um website ou portal
razoavelmente complexo seja criado com uma rapidez e baixo
custo impossíveis de serem obtidos através do
desenvolvimento tradicional, partindo “do zero”
• Permitem que utilizadores leigos em webdesign possam
contribuir com conteúdo diretamente sem precisar de
intermediários
02/21/2025 Anotações da aula de Programação Web 28
Divisão de Grupos
1. Começando do meu lado Direito, os estudantes deverão
ordenamente contar de 1 a 6;
2. Contando…
3. Todos numeros iguais fazem parte do mesmo grupo
02/21/2025 Anotações da Aula de Programação em Web 29
TPC
• Cada grupo deverá trazer o seu CMS até a primeira aula da
semana 4 (Preferencialmente em powerpoint)… A partir desse
dia os grupos irão fazer uma apresentação basica em 15
minutos sobre o seu CMS escolhido. Nesta apresentação
devem obrigatoriamente incluir:
– Nome do CMS;
– Proposito;
– Quem inventou e Mantem;
– Requisitos Gerais e Processo de Instalação;
– Justificar a escolha do CMS
– Apresentação do Projecto
• A apresentação no Geral vai contar para a nota do projecto de
disciplina
02/21/2025 Anotações da aula de Programação Web 30
Turma A
• Grupo 1:
– Muhammad Faiçal
– Tamara Fumo
– Purvik Bavescumar
– Nayambi Muchanga
– Helenio Lucas
– Stelio Nunes (Passar para B - 1)
• Grupo 2
– Cayenne Dlate
– Nicole Buque
– Alan Francisco (Passar para B - 2)
– Clesio Antonio Juma
– Melvin Chemane
• Grupo 3
– Yuneiza Dossá
– Melissa Correia
– Roan Timane
– Kenny Jossefa
– Keidy Chiponde
• Grupo 4
– Lassy Inguane
– Ryazy Abdurremane
– Kayra Magaia
– Armando Matusse
– Carmo Sambo
• Grupo 5
– Darson Saice
– Pratham Manicant
– Kaamilah Cassamo
– Rosina Vilanculos
– Billy Raul
• Grupo 6
– Muhammad Kheisan
– Cleyton Sitoe
– Adilson Muianga
– Marcos Bonifacio
– Olimpia Sautiane
• Grupo 7
– Layza Chichava
– Muhammad Shabir
– Kelton Silvestre
– Tania Rosa
– Kayl Berimbau
02/21/2025 Anotações da aula de Programação Web 31
Turma B
• Grupo 1:
– Laerson Mogas
– Francisco Jamo Jr
– Yunisse Langa
– Julia Mutimuculo (Passar para A - 1) - Conf
– Saldon Salvador
• Grupo 2
– Elton Lopes
– Paulo Coelho
– Tiago Correia
– Waila Bahule (Passar para A - 2)
– Melanie Otacala
• Grupo 3
– Patrick Langa
– Shelven Miambo
– Vlad Nguila
– Ilven Guedes
– Cassio Canda
• Grupo 4
– Yunus Suelmia
– Kelvin Sibambo
– Thewyn Arone
– Luana Cristina
– Edson Nhacule
• Grupo 5
– Eden Sitoe
– Shontelle Friães
– Luana Wanga
– Edson Manhiça
– Sizwe Ramiro
• Grupo 6
– Yassin Daúd
– Edney Fernandes
– Suely Buque
– Isaque Mavila
– Shakila Mariano
• Grupo 7
– Marcos Jonias
– Jose Luis
– Anwar Machado
– Edilson Castro
FIM!!!
Duvidas e Questões?

0.1. Uso de CMS Na disciplina de Programacao.pptx

  • 1.
    Programação em Web SGC/CMS INSTITUTOSUPERIOR DE CIENCIAS E TECNOLOGIA DE MOÇAMBIQUE Escola Superior de Informática Licenciatura em Engenharia Informática Docente: Ruben Manhiça Maputo, 21 de fevereiro de 2025
  • 2.
    02/21/2025 Anotações daaula de Programação Web 2 Conteúdo da Aula 1. Introdução aos CMS – Definição; – Conceitos basicos 2. Tipos de CMS 3. Vantagens 4. Desvantagens
  • 3.
    02/21/2025 Anotações daaula de Programação Web 3 Introdução • A Internet tem se tornado um meio de comunicação cada vez mais indispensável. • Web 2.0 - Necessidade de sites mais interativos e atualizados diariamente. • Possível apenas com a utilização de sites dinâmicos.
  • 4.
    02/21/2025 Anotações daaula de Programação Web 4 Introdução • Normalmente, teríamos uma equipe de designers e de programadores para o desenvolvimento de um site desse porte. • Dependência de um webmaster para a actualização.
  • 5.
    02/21/2025 Anotações daaula de Programação Web 5 Introdução • Limitações desse modelo: – Administração do site fica ligada a um computador específico (senhas de FTP, licenças de uso de programas, etc) – Modificações acidentais podem resultar em links não funcionais, problemas de formatação, alterações no design e até mesmo a indisponibilidade do site inteiro. – Com o tempo, as páginas criadas ficam “perdidas”.
  • 6.
    02/21/2025 Anotações daaula de Programação Web 6 Introdução • Fazendo uma analogia à Engenharia Civil, é como se fizéssemos um “remendo na planta” sempre que quiséssemos ampliar a casa. • Solução: – CMS (Content Management System)
  • 7.
    02/21/2025 Anotações daaula de Programação Web 7 O que é CMS? • CMS (Content Management System) é um sistema de gestão de conteúdo, cujo objetivo é exatamente o de estruturar e facilitar a criação, administração, distribuição, publicação e disponibilidade da informação. SGC = CMS = ECM* Sistema Gestor de Conteúdo Content Management System Enterprise Content Management
  • 8.
    02/21/2025 Anotações daaula de Programação Web 8 O que é CMS? Um CMS faz tudo isso!?? Deve ser muito complexo então. Aposto que é muito mais complicado trabalhar com um CMS.
  • 9.
    02/21/2025 Anotações daaula de Programação Web 9 O que é CMS? • Depois de instalado, um CMS oferece ferramentas simples que podem ser acedidas de qualquer navegador, permitindo realizar todo o processo de gestão, desde a criação até ao arquivo de conteúdos.
  • 10.
    02/21/2025 Anotações daaula de Programação Web 10 Como Obter um CMS? • Pacotes comerciais: Sistemas que compra e instala. Normalmente são muito caros e difíceis de se instalar, configurar e manter. Bom nível de suporte técnico; • Pacotes Open-Source: Possuem uma grande comunidade de desenvolvedores, que mantêm bons softwares, onde compra com valores mais acessíveis, ou instala gratuitamente. Podem possuir grande quantidade de recursos e actualizações, mas podem apresentar problemas de falta de suporte técnico;
  • 11.
    02/21/2025 Anotações daaula de Programação Web 11 Como Obter um CMS? Provedor de serviços de aplicação de CMS: Em vez de instalar em seu servidor, um provedor oferece a tecnologia para si. Seu trabalho é configurar modelos e permissões. Este modelo pode ser de baixo custo (alguns gratuitos) e com ótimos níveis de suporte; Desenvolvimento de CMS personalizado: Em casos específicos, pode-se desenvolver seu próprio CMS totalmente novo ou personalizar um a partir de um modelo pronto, baseado em um modelo open-source. Demanda de muito tempo para desenvolvimento, e pode levar à suporte contínuo.
  • 12.
    02/21/2025 Anotações daaula de Programação Web 12 Quem utiliza CMS? • Produtos de CMS para diversos níveis de negócios: – comércio eletrônico; – educação; – blogs diversos; – relacionamento e gestão de clientes; – eventos e celebridades; – suporte técnico. • Organizações que utilizam versões open source: – Nasa; – MIT; – Nokia; – UEM; – National Geographic; – O governo Moçambicano; – O Senhor que voz fala. O/
  • 13.
    02/21/2025 Anotações daaula de Programação Web 13 Vantagens • A habilidade necessária para trabalhar com um CMS não vai muito além dos conhecimentos necessários para editar um texto no Word • Estruturação do processo de autoria – Toda a equipe poderá contribuir, cada um na sua área de actuação e conhecimento • Diminuição do tempo necessário para a criação de novas páginas e atualizações das já publicadas
  • 14.
    02/21/2025 Anotações daaula de Programação Web 14 Vantagens • Maior flexibilidade – Para acrescentar ou editar conteúdos de forma descentralizada e em qualquer lugar • Maior segurança • Gestão de versão dos conteúdos • Diminuição dos custos de manutenção
  • 15.
    02/21/2025 Anotações daaula de Programação Web 15 Vantagens • Modularização – API para criação de módulos é bem flexível e prática, possibilitando a integração de funcionalidades sem interferência no núcleo do sistema NÚCLEO CALENDÁRIO FÓRUM ÁLBUM DE FOTOS
  • 16.
    02/21/2025 Anotações daaula de Programação Web 16 Vantagens • Software Livre – Elimina custos com licença de uso e garantem acesso ao código fonte • Alto ganho de produtividade e baixo custo de desenvolvimento
  • 17.
    02/21/2025 Anotações daaula de Programação Web 17 Desvantagens • Como em todo framework, trabalhar com um “modelo” pré- concebido implica em aceitar algumas características, restrições ou limitações desse “modelo”. • A aparência do site, apesar da relativa facilidade da customização, também fica de certa forma limitada pelo sistema de templates do CMS.
  • 18.
    02/21/2025 Anotações daaula de Programação Web 18 Desvantagens • Necessidade de aprendizagem – Requer um certo tempo de estudo e análise para um perfeito entendimento e aproveitamento de todas as suas funcionalidades
  • 19.
    02/21/2025 Anotações daaula de Programação Web 19 Tipos de CMS (1) • CMS para websites e portais web: Possibilitam criação e organização de conteúdo, manipulação e aparência, automação de tarefas administrativas, definir permissões para utilizadores e colaboradores. Ex.: Drupal Joomla Mambo PHP-Nuke EZ Publish
  • 20.
    02/21/2025 Anotações daaula de Programação Web 20 Tipos de CMS (2) • CMS para WIKI: sites colaborativos, como a wikipédia, provendo possibilidade de gestão de conteúdo de forma colectiva. Ex.: MediaWiki phpBB
  • 21.
    02/21/2025 Anotações daaula de Programação Web 21 Tipos de CMS (3) • SGC para comércio eletrônico: trazem funcionalidades para gestão de produtos categorizados e apresentação em vitrines virtuais, com recursos avançados para o comércio eletrônico, tais como carrinho de compras, cálculo de frete, integração com meios de pagamentos, integração com softwares administrativos, listas de desejo. Ex.: Os Commerce Zen Cart Magento Cube Cart
  • 22.
    02/21/2025 Anotações daaula de Programação Web 22 Tipos de CMS (4) • CMS para blogs: recursos para gestão de blogs, como publicação de artigos, categorias, buscas, comentários, controle de layout. Ex.: Wordpress Nucleus B2Evolution
  • 23.
    02/21/2025 Anotações daaula de Programação Web 23 Tipos de CMS (5) • CMS para CRM: recursos para gestão de relacionamento com clientes, com recursos de abertura e gestão de chamadas de suporte, integração com e-mail marketing. Ex.: Help Center Live osTicket PHP suport tickets
  • 24.
    02/21/2025 Anotações daAula de Programação em Web 24 Tipos de CMS (6) • CMS para Redes Sociais: recursos para gestao de redes sociais, mural, gestao de circulos, perfis de utilizadores, grupos, forums, partilha e muito mais, ex: • Oxwall • BuddyPress • Monox
  • 25.
    02/21/2025 Anotações daAula de Programação em Web 25 Tipos de CMS (7) • CMS do tipo LMS (Learning Management Systems): São CMS usados para Gestão de Ensino Exemplos: Moodle Edmodo Amadeus LMS BlackBoard
  • 26.
    Casos Reais • www.uem.mz- joomla • http://www.mtv.co.uk/ - Drupal • http://www.ticfaced.uem.mz/- Moodle • http://research.yahoo.com/ - Drupal • http://blog.us.playstation.com/ - Wordpress • http://alphabit.co.mz/ - Wordpress • http://isctem.ac.mz/ - EZPublish • http://www.portaldogoverno.gov.mz/ - EZPublish
  • 27.
    02/21/2025 Anotações daaula de Programação Web 27 Conclusão • Sistemas CMS permitem que um website ou portal razoavelmente complexo seja criado com uma rapidez e baixo custo impossíveis de serem obtidos através do desenvolvimento tradicional, partindo “do zero” • Permitem que utilizadores leigos em webdesign possam contribuir com conteúdo diretamente sem precisar de intermediários
  • 28.
    02/21/2025 Anotações daaula de Programação Web 28 Divisão de Grupos 1. Começando do meu lado Direito, os estudantes deverão ordenamente contar de 1 a 6; 2. Contando… 3. Todos numeros iguais fazem parte do mesmo grupo
  • 29.
    02/21/2025 Anotações daAula de Programação em Web 29 TPC • Cada grupo deverá trazer o seu CMS até a primeira aula da semana 4 (Preferencialmente em powerpoint)… A partir desse dia os grupos irão fazer uma apresentação basica em 15 minutos sobre o seu CMS escolhido. Nesta apresentação devem obrigatoriamente incluir: – Nome do CMS; – Proposito; – Quem inventou e Mantem; – Requisitos Gerais e Processo de Instalação; – Justificar a escolha do CMS – Apresentação do Projecto • A apresentação no Geral vai contar para a nota do projecto de disciplina
  • 30.
    02/21/2025 Anotações daaula de Programação Web 30 Turma A • Grupo 1: – Muhammad Faiçal – Tamara Fumo – Purvik Bavescumar – Nayambi Muchanga – Helenio Lucas – Stelio Nunes (Passar para B - 1) • Grupo 2 – Cayenne Dlate – Nicole Buque – Alan Francisco (Passar para B - 2) – Clesio Antonio Juma – Melvin Chemane • Grupo 3 – Yuneiza Dossá – Melissa Correia – Roan Timane – Kenny Jossefa – Keidy Chiponde • Grupo 4 – Lassy Inguane – Ryazy Abdurremane – Kayra Magaia – Armando Matusse – Carmo Sambo • Grupo 5 – Darson Saice – Pratham Manicant – Kaamilah Cassamo – Rosina Vilanculos – Billy Raul • Grupo 6 – Muhammad Kheisan – Cleyton Sitoe – Adilson Muianga – Marcos Bonifacio – Olimpia Sautiane • Grupo 7 – Layza Chichava – Muhammad Shabir – Kelton Silvestre – Tania Rosa – Kayl Berimbau
  • 31.
    02/21/2025 Anotações daaula de Programação Web 31 Turma B • Grupo 1: – Laerson Mogas – Francisco Jamo Jr – Yunisse Langa – Julia Mutimuculo (Passar para A - 1) - Conf – Saldon Salvador • Grupo 2 – Elton Lopes – Paulo Coelho – Tiago Correia – Waila Bahule (Passar para A - 2) – Melanie Otacala • Grupo 3 – Patrick Langa – Shelven Miambo – Vlad Nguila – Ilven Guedes – Cassio Canda • Grupo 4 – Yunus Suelmia – Kelvin Sibambo – Thewyn Arone – Luana Cristina – Edson Nhacule • Grupo 5 – Eden Sitoe – Shontelle Friães – Luana Wanga – Edson Manhiça – Sizwe Ramiro • Grupo 6 – Yassin Daúd – Edney Fernandes – Suely Buque – Isaque Mavila – Shakila Mariano • Grupo 7 – Marcos Jonias – Jose Luis – Anwar Machado – Edilson Castro
  • 32.