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