Download - Site Institucional em WordPress
Projeto Integrador – 2016Curso de Sistemas de Informação e Análise e
Desenvolvimento de Sistemas – Terceiro Período
Eq
uip
e
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
Tema: CMSFerramenta: WordPressProjeto: Site institucional do Prof.º Márcio H. SilvaOrientador: Márcio Henrique Silva
3
Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Sobre o WordPress
Site do Professor com WordPress
Vantagens:GratuitoOpen SourceInterfaceTemasPlug-insDocumentação
Desvantagens:AtualizaçõesTemas e plug-ins carosEscalabilidade
4
Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Requisitos
Site do Professor com WordPress
• 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
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
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
8
Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Home page
Site do Professor com WordPress
9
Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Tela de cadastro
Site do Professor com WordPress
10
Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Formulário de pedido de suporte
Site do Professor com WordPress
11
Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Mecanismo para postagens rápidas
Site do Professor com WordPress
12
Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Sidebar / Notícias RSS
Site do Professor com WordPress
13
Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Responsividade
Site do Professor com WordPress
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
15
Introdução Ref. Teórico Metodologia Resultados Conclusão Referências
Alteração no CSS
Digite no rodapé o titulo do seu trabalho
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
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-16Your HTML Source - http://www.yourhtmlsource.com/starthere/whatishtml.html acessado em 27/06/2016Tutorials Point - http://www.tutorialspoint.com/css/what_is_css.htm acessado em 28/06/2016PHP.net - http://php.net/manual/pt_BR/intro-whatis.php acessado em 28/06/2016SoftwareLivre.org - http://softwarelivre.org/php/servidor-web-apache acessado em 29/06/2016Tudo 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/2016Curso 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