Apresentação da DisciplinaProgramação para a InternetPROFA. 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: cintiaoliveira@iftm.edu.br 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-10-mil-na-area-de-ti.html

http://g1.globo.com/concursos-e-emprego/noticia/2015/01/veja-17-profissoes-que-estarao-em-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 extra-classe para um bom desempenho no curso.

Website Completo – 30 pts

Seminário Novas Tecnologias – 20 pts

Temas do trabalho prático1. Grupo de pesquisa do IFTM

2. Estabelecimento Comercial

3. Estabelecimento Comercial

4. Estabelecimento Comercial

5. ONG

6. Estabelecimento Comercial

7. Estabelecimento Comercial

8. Grupo de Pesquisa IFTM

9. Estabelecimento Comercial

10. Estabelecimento Comercial

11. Estabelecimento Comercial

?

1. Equipe: João e Júlio Kuniwake

2. Equipe: Braian e Letícia

3. Equipe: Junio e Jesus e Leandro

4. Equipe: Arthur e Michelli

5. Equipe: Camila e Guilherme

6. Equipe: Paulo Henrique e Tiago

7. Equipe: Ricardo e William

8. Equipe: Luiz e Natanael

9. Equipe: Nicolle e Júlia

10. Equipe: Nathalia e Gustavo

11. Equipe: Ana Paula e Cássio

12. Equipe: Bruno

Auxílio nas etapas – algumas definições e exemplohttp://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 (cintiaoliveira@iftm.edu.br)

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ário1. Web Design com software livre e Design Responsivo

2. Ajax

3. Node.js, Express, AngularJS e MongoDB

4. Segurança de Aplicações Web

5. Zend Framework

6. Cake Framework

7. Internet das coisas

8. Drupal e Joomla

9. Redes Sociais

1. Equipe: Ricardo e William

2. Equipe: Ana Paula e Cássio

3. Equipe: Nathalia e Gustavo, Leandro e Junio

4. Equipe: Paulo, Natanael

5. Equipe: Luiz e Guilherme, Camila

6. Equipe: Michelli e Arthur

7. Equipe: João e Júlio

8. Equipe: Letícia e Braian

9. Equipe: Nicolle e Júlia

Web Design com software livre eDesign 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-of-things

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-da-pagina-de-cadastro.html

http://www.labic.net/introducao-a-teoria-dos-grafos-e-visualizacao-de-redes-sociais-slides/