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: 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 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ático Grupo de pesquisa do IFTM Estabelecimento Comercial ONG Grupo de Pesquisa IFTM ? Equipe: João e Júlio Kuniwake Equipe: Braian e Letícia Equipe: Junio e Jesus e Leandro Equipe: Arthur e Michelli Equipe: Camila e Guilherme Equipe: Paulo Henrique e Tiago Equipe: Ricardo e William Equipe: Luiz e Natanael Equipe: Nicolle e Júlia Equipe: Nathalia e Gustavo Equipe: Ana Paula e Cássio 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 (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ário Web Design com software livre e Design Responsivo Ajax Node.js, Express, AngularJS e MongoDB Segurança de Aplicações Web Zend Framework Cake Framework Internet das coisas Drupal e Joomla Redes Sociais Equipe: Ricardo e William Equipe: Ana Paula e Cássio Equipe: Nathalia e Gustavo, Leandro e Junio Equipe: Paulo, Natanael Equipe: Luiz e Guilherme, Camila Equipe: Michelli e Arthur Equipe: João e Júlio Equipe: Letícia e Braian 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-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/