TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
Site Prof WordPress
1. Projeto Integrador – 2016
Curso de Sistemas de Informação e Análise e
Desenvolvimento de Sistemas – Terceiro Período
Equipe
Site Institucional
Douglas, Hugo, Jonas e Wesley
2. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Sobre o Projeto Integrador
Site do Professor com WordPress 2
Tema: CMS
Ferramenta: WordPress
Projeto: Site institucional do Prof.º Márcio H. Silva
Orientador: Márcio Henrique Silva
3. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Sobre o WordPress
Site do Professor com WordPress 3
Vantagens:
Gratuito
Open Source
Interface
Temas
Plug-ins
Documentação
Desvantagens:
Atualizações
Temas e plug-ins caros
Escalabilidade
4. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Requisitos
Site do Professor com WordPress 4
• Permitir dois tipos de publicação (artigo e postagem rápida)
• Ser responsivo
• Possuir área para softwares e recursos
• Possibilitar o cadastro de usuários
• Oferecer pedido de suporte/informação (para usuários cadastrados)
• Possuir área para notícias RSS
• Oferecer uma interface agradável aos usuários
5. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Tarefas da equipe
Conhecer os conceitos de CMS; Trabalhar com Wordpress; Aprender sobre as
funcionalidades do Wordpress; Procurar, modificar e aplicar templates; Instalar,
configurar e manipular plug-ins; Fazer alterações em código fonte (PHP e CSS); Buscar
atender aos requisitos da maneira mais adequada possível.
Site do Professor com WordPress 5
6. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Conceitos envolvidos
• Consórcio World Wide Web (W3C)
• Linguagem de Marcação de Hypertexto (HTML)
• Modelo de Objetos do Documento (DOM)
• Cascading Style Sheets (CSS)
• Sistema de Gerenciamento de Conteúdo (CMS)
• Personal Home Page (PHP)
• Cloud Computing
Site do Professor com WordPress 6
7. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Metodologia
• Entrevistas para Obtenção de Requisitos: Foram realizadas entrevistas com o responsável
pelo projeto para obtenção e esclarecimento dos requisitos
• Pesquisas Bibliográficas Exploratórias: Foram realizadas pesquisas para a agregação de
conhecimento através do wordpress.org
• Teste de Laboratório: Foi disponibilizada uma plataforma para testes diretamente no
ambiente com CMS instalado em servidor na nuvem.
Site do Professor com WordPress 7
8. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Home page
Site do Professor com WordPress 8
9. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Tela de cadastro
Site do Professor com WordPress 9
10. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Formulário de pedido de suporte
Site do Professor com WordPress 10
11. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Mecanismo para postagens rápidas
Site do Professor com WordPress 11
12. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Sidebar / Notícias RSS
Site do Professor com WordPress 12
13. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Responsividade
Site do Professor com WordPress 13
14. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Plug-ins instalados
Akismet
ArcadePress
Automatic YouTube Video Posts
Drawit (draw.io)
Form Maker
Formulário de contato 7
Kaban for WordPressPage
RestrictPost From Site
reCaptcha
s2Member Framework
Strong Password Generator
Video Player
WP MyBackup
WP Product Review
WP Support Plus
WP-Polls
Site do Professor com WordPress 14
15. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Alteração no CSS
Digite no rodapé o titulo do seu trabalho 15
body.custom-background {
background-color: #ffffff;
}
.sidebar {
background-color: #ffffff;
}
.sidebar-top{
background-color: #ffffff;
}
.menu-icon, .close-icon, .social-icon-fill {
fill:#00dbec;
}
.site-header {
border-color: #08dced;
}
16. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Principais desafios
• Encontrar plugins
compatíveis à template
responsiva
• Encontrar plugins no
idioma Português Brasil
• Oferecer um ambiente de
fácil gerenciamento à
usuários leigos
• Encontrar uma template
responsiva que atenda aos
requisitos
Digite no rodapé o titulo do seu trabalho 16
17. Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Referências
Web Dev Academy - http://webdevacademy.com.br/artigos/por-que-usar-cms/ acessado em 27/06/2-16
Your HTML Source - http://www.yourhtmlsource.com/starthere/whatishtml.html acessado em 27/06/2016
Tutorials Point - http://www.tutorialspoint.com/css/what_is_css.htm acessado em 28/06/2016
PHP.net - http://php.net/manual/pt_BR/intro-whatis.php acessado em 28/06/2016
SoftwareLivre.org - http://softwarelivre.org/php/servidor-web-apache acessado em 29/06/2016
Tudo sobre hospedagem de sites - https://tudosobrehospedagemdesites.com.br/servidor-vps/ acessado em 30/06/2016
Mozilla - https://developer.mozilla.org/ptBR/docs/Web/CSS/Getting_Started/Como_CSS_funciona acessado em 28/06/2016
Curso de CSS YouTube - https://www.youtube.com/watch?v=RBZcNiBAVwM acessado em 08/06/2016
CSS: o que é e como usar - http://www.gerenciandoblog.com.br/2012/08/css-no-blogger.html acessado em 08/06/2016
Plugin Contact Form 7 - https://www.youtube.com/watch?v=LZHvUoMtM8E acessado em 07/05/2016
O que é um VPS? - http://faq.hostgator.com.br/content/68/293/pt-br/o-que-e-um-vps.html acessado em 29/06/2016
Digite no rodapé o titulo do seu trabalho 17