Apresentação da
Disciplina
Programação para a Internet
PROFA. MSC. CINTIA CARVALHO OLIVEIRA
DOUTORANDA EM CIÊNCIA DA COMPUTAÇÃO – UFU
MESTRE EM CIÊNCIA DA COMPUTAÇÃO – UFU
BACHAREL EM CIÊNCIA DA COMPUTAÇÃO - UFJF
Informações de Contato
Profa. Cintia Carvalho Oliveira
E-mail: [email protected]
Facebook: https://www.facebook.com/cintiinf
Site: http://www.cintiaoliveira.com.br
Horário de Atendimento:
◦ Terça-feira: das 14 até as 17 horas
◦ Quinta-feira: das 14 até as 17 horas
◦ Sala dos professores ou laboratórios de informática
Motivação
Sobram vagas com salários de até R$ 10 mil na área de TI – 07/11/2014
http://g1.globo.com/bom-dia-brasil/noticia/2014/11/sobram-vagas-com-salarios-de-ate-r-10mil-na-area-de-ti.html
http://g1.globo.com/concursos-e-emprego/noticia/2015/01/veja-17-profissoes-que-estaraoem-alta-em-2015-segundo-especialistas.html
Ementa
Apresentar a estrutura, a história, as
ferramentas, os serviços da internet.
HTML 5.0, CSS, Javascript, jQuery, Ajax.
Tableless. Linguagem de programação
Web com acesso ao BD – PHP.
Metodologia
A disciplina Programação para a Internet tem uma estrutura de créditos 0-4-4,
ou seja, zero horas semanais de atividades em sala de aula, quatro créditos de
laboratório e quatro horas semanais recomendadas para estudo complementar
extra-classe.
O conteúdo da disciplina é abordado através de aulas expositivas, exercícios e
testes de avaliação.
A disciplina possui:
◦ 40 horas-aula presenciais
Objetivos
◦ Conhecer a estrutura, a história, as ferramentas, os serviços e as novas
tecnologias da Web
◦ Explorar os conceitos HTML, CSS, Javascript e Ajax.
◦ Aprender a desenvolver aplicações Web completas com acesso ao
banco de dados.
Objetivos Específicos
Ao final do curso o aluno deverá:
◦ Saber construir uma interface utilizando HTML, CSS, Javascript e
JQuery
◦ Conhecer como programar PHP com Banco de Dados.
◦ Ajax
◦ Sessão e Cookies
Bibliografia Básica
FREEMAN, Elisabeth; FREEMAN, Eric. Use a cabeça html
com css e xhtml. 2. ed. [S.l.]: [s.n.], 2008.
MILANI, André. Construindo aplicações web com php e
mysql. São Paulo: Novatec, 2010.
SILVA, Maurício Samy. Javascript: guia do programador. São
Paulo: Novatec, 2010. ISBN 9788575222485.
____ Jquery : a biblioteca do programador javascript. São
Paulo : Novatec, 2008. ISBN 978-85-7522-237-9.
____. Ajax com jquery : requisições ajax com a
simplicidade de jquery. São Paulo: Novatec, 2008. ISBN
978855221990.
Pontuação – 100 pontos
1ª Avaliação – 25 pts
2ª Avaliação – 25 pts
Seminário – 20 pts
◦ Apresentação - 7 pts
◦ Tutorial – 7 pts
◦ Resumo – 6 pts
Trabalho Final – 30 pts
Programação Diária
http://www.cintiaoliveira.com.br/
Programação_para_a_Internet
Advertência
Os slides e notas de aula servem principalmente como roteiro de
aula. Nem o professor nem os slides substituirão jamais o estudo ou
a consulta ao material bibliográfico.
É extremamente importante dedicar algum tempo de estudo extraclasse para um bom desempenho no curso.
Website Completo – 30 pts
Seminário Novas
Tecnologias – 20 pts
Temas do trabalho prático
1.
Grupo de pesquisa do IFTM
1.
Equipe: João e Júlio Kuniwake
2.
Estabelecimento Comercial
2.
Equipe: Braian e Letícia
3.
Estabelecimento Comercial
3.
Equipe: Junio e Jesus e Leandro
4.
Estabelecimento Comercial
4.
Equipe: Arthur e Michelli
5.
ONG
5.
Equipe: Camila e Guilherme
6.
Estabelecimento Comercial
6.
Equipe: Paulo Henrique e Tiago
7.
Estabelecimento Comercial
7.
Equipe: Ricardo e William
8.
Grupo de Pesquisa IFTM
8.
Equipe: Luiz e Natanael
9.
Estabelecimento Comercial
9.
Equipe: Nicolle e Júlia
10. Estabelecimento Comercial
10. Equipe: Nathalia e Gustavo
11. Estabelecimento Comercial
11. Equipe: Ana Paula e Cássio
?
12. Equipe: Bruno
Auxílio nas etapas – algumas definições e exemplo
http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-1/
Etapas a serem entregues
Todas as atividades devem ser enviadas por e-mail antes do início da aula ([email protected])
1. Planejamento
◦
◦
◦
◦
Briefing - Elaboração de um questionário a ser utilizado com o cliente (aula 5 – 25/02)
Entrevista com o cliente (aula 7 – 04/03 – trazer briefing preenchido pelo cliente) (2 pontos)
Mapa do Site – Organograma (aula 9 – 11/03 – trazer mapa do site já aprovado pelo cliente) (1 ponto)
Documento de Requisitos (com diagrama de caso de uso e diagrama de classe) (aula 15 – 01/04) (3 pontos)
2. Design
◦ Wireframe ou Mockup (aula 11 – 18/03) (1 ponto)
◦ Design do site (aula 17 – 09/04) (2 pontos)
3. Implementação
◦
◦
◦
◦
Implementação do design em HTML e CSS (aula 21 – 23/04) (4 pontos)
Implementação do sistema de autenticação (aula 25 – 07/05) (4 pontos)
Implementação do CRUD (back-end) (aula 31 – 28/05) (5 pontos)
Front-end (aula 37 – 24/06) (5 pontos)
4. Testes
5. Finalização e Acompanhamento
◦ Apresentação para os demais grupos (aula 39 e 40 – 01 e 02/07) (3 pontos)
Temas do Seminário
1.
Web Design com software livre e Design Responsivo 1.
Equipe: Ricardo e William
2.
Ajax
2.
Equipe: Ana Paula e Cássio
3.
Node.js, Express, AngularJS e MongoDB
3.
Equipe: Nathalia e Gustavo, Leandro e Junio
4.
Segurança de Aplicações Web
4.
Equipe: Paulo, Natanael
5.
Zend Framework
5.
Equipe: Luiz e Guilherme, Camila
6.
Cake Framework
6.
Equipe: Michelli e Arthur
7.
Internet das coisas
7.
Equipe: João e Júlio
8.
Drupal e Joomla
8.
Equipe: Letícia e Braian
9.
Redes Sociais
9.
Equipe: Nicolle e Júlia
Web Design com software livre e
Design Responsivo
Software Livre - os usuários possuem a liberdade de executar, copiar, distribuir, estudar, mudar e melhorar o software.
Design responsivo - técnica de estruturação HTML e CSS, em que o site se adapta ao browser do usuário sem precisar
definir diversas folhas de estilos para cada resolução.
Missões da Equipe.
Resumir e implementar os tutoriais a seguir.
Desenvolver um tutorial inédito sobre o mesmo tema. (referências bibliográfica com no mínimo 5 obras)
Apresentar o tutorial em forma de seminário: Introdução, Fundamentos, Desenvolvimento, Conclusão
http://www.carloshps.com.br/blog/criar-site-responsivo-com-html5-e-css3-parte-1-de-3/
http://tableless.com.br/design-responsivo-na-pratica-2-layout-ao-html/
https://andreadalforno.wordpress.com/2014/05/05/videoaula-criando-layout-de-website-no-gimp/
https://www.youtube.com/playlist?list=PL4D4700AC6D42187B
Ajax
Missões da Equipe.
Resumir e implementar os tutoriais a seguir.
Desenvolver um tutorial inédito sobre o mesmo tema. (referências bibliográfica com no mínimo
5 obras)
Apresentar o tutorial em forma de seminário: Introdução, Fundamentos, Desenvolvimento,
Conclusão
https://battisti.files.wordpress.com/2007/05/tutorial.pdf
https://www.youtube.com/watch?v=y6zBot7XgV8
Node.js, Express, AngularJS e MongoDB
MongoDB – Banco de dados orientado a documentos
Express – Framework de desenvolvimento web para Node
AngularJS – Framework MVC para JavaScript
Node.js – Ambiente de execução JavaScript
Missões da Equipe:
Resumir e implementar os tutorial a seguir.
Desenvolver um tutorial inédito sobre o mesmo tema. (referências bibliográfica com no mínimo 5 obras)
Apresentar o tutorial em forma de seminário: Introdução, Fundamentos, Desenvolvimento, Conclusão
http://tableless.com.br/primeiros-passos-com-node-js/
http://www.ibm.com/developerworks/br/library/wa-nodejs-polling-app/index.html
http://blog.caelum.com.br/conhecendo-a-stack-mean-mongodb-express-angular-e-node/
Segurança de Aplicações Web
Missões da Equipe:
Resumir e implementar os exemplos a seguir.
Desenvolver um tutorial inédito sobre o mesmo tema. (referências bibliográfica com no mínimo
5 obras)
Apresentar o tutorial em forma de seminário: Introdução, Fundamentos, Desenvolvimento,
Conclusão
https://www.owasp.org/images/4/42/OWASP_TOP_10_2007_PT-BR.pdf
http://phpsp.org.br/mais-seguranca-em-aplicacoes-web-com-php/
http://imasters.com.br/infra/seguranca/seguranca-em-aplicacoes-web-com-php/#
https://www.ibm.com/developerworks/br/xml/tutorials/x-jquerymobilesecuritytut/
Zend Framework
Zend Framework é um framework para aplicações Web de código aberto, orientado a objetos,
implementado em PHP 5 e licenciado sob a New BSD License. Zend Framework—freqüentemente
referido como ZF—é desenvolvido com o objetivo de simplificar o desenvolvimento web enquanto
promove as melhores práticas na comunidade de desenvolvedores PHP.
Missões da Equipe:
Resumir e implementar o tutorial a seguir.
Desenvolver um tutorial inédito sobre o mesmo tema. (referências bibliográfica com no mínimo 5 obras)
Apresentar o tutorial em forma de seminário: Introdução, Fundamentos, Desenvolvimento, Conclusão
Parte 01 ( Instalação, configuração, criação de projeto )
Parte 02 ( MVC, Modules, Controllers, Views, Parameters )
Parte 03 ( Routes, Layout, View )
Parte 04 ( getRequest, getParam, Routes, Views )
Parte 05 ( Formulários, Zend_Mail )
Parte 06 ( Models, CRUD, Zend_Db_Table )
Cake Framework
CakePHP é um framework escrito em PHP que tem como principais objetivos oferecer uma
estrutura que possibilite aos programadores de PHP de todos os níveis desenvolverem
aplicações robustas rapidamente, sem perder flexibilidade.
Missões da Equipe:
Resumir e implementar o tutorial a seguir.
Desenvolver um tutorial inédito sobre o mesmo tema. (referências bibliográfica com no mínimo
5 obras)
Apresentar o tutorial em forma de seminário: Introdução, Fundamentos, Desenvolvimento,
Conclusão
http://blog.erikfigueiredo.com.br/como-criar-um-cms-com-cakephp/
Internet das Coisas
Missões da Equipe:
Resumir e implementar o tutorial a seguir.
Desenvolver um tutorial inédito sobre o mesmo tema. (referências bibliográfica com no mínimo 5
obras)
Apresentar o tutorial em forma de seminário: Introdução, Fundamentos, Desenvolvimento, Conclusão
https://www.skillfeed.com/pt/courses/5847-arduino-step-by-step-your-guide-to-the-internet-ofthings
http://canaltech.com.br/noticia/intel/Intel-lanca-sua-plataforma-da-Internet-das-Coisas/
Drupal e Joomla
Aplicativos usados para criar, editar, gerenciar e publicar conteúdo de forma consistentemente organizada
permitindo que o mesmo seja modificado, removido e adicionado com facilidade. São frequentemente usados
para armazenar, controlar, prover documentação, empresarial tais como notícias, artigos, manuais de operação,
manuais técnicos, guias de vendas e brochuras de marketing.
Missões da Equipe:
Resumir e implementar o tutorial a seguir.
Desenvolver um tutorial inédito sobre o mesmo tema. (referências bibliográfica com no mínimo 5 obras)
Apresentar o tutorial em forma de seminário: Introdução, Fundamentos, Desenvolvimento, Conclusão
https://www.youtube.com/watch?v=1N5NuGqFtms
http://www.hostnet.com.br/wiki/index.php/Tutorial_Joomla
http://www.ifg.edu.br/dti/downloads/manuais/joomla/joomacms-visaogeral.pdf
Redes Sociais
Missões da Equipe:
Resumir e implementar o tutorial a seguir.
Desenvolver um tutorial inédito sobre o mesmo tema. (referências bibliográfica com no mínimo
5 obras)
Apresentar o tutorial em forma de seminário: Introdução, Fundamentos, Desenvolvimento,
Conclusão
http://gilglecio.zoebr.com/criacao/fireworks/layout-criando-uma-rede-social-aula01-design-dapagina-de-cadastro.html
http://www.labic.net/introducao-a-teoria-dos-grafos-e-visualizacao-de-redes-sociais-slides/