Aplicações para Internet

Conteúdo: • Apresentação da Disciplina (Plano de ensino) • Ferramentas para desenvolvimento

Professores: Alcides Teixeira Ana Paula Cristiane Camilo Manuel Ledón Pedro Cacique

Mini-currículo Prof. Alcides

• Bacharel em Ciência da Computação (Cruzeiro do Sul – 2002)

• Especialização em Engenharia de Web Sites (Cruzeiro do Sul - 2006)

• Mestre em Ensino de Ciências e Matemática (Cruzeiro do Sul - 2009)

• Doutorado em andamento no Programa de Engenharia Elétrica e Computação da Universidade Presbiteriana Mackenzie

• Docente da Universidade Cruzeiro do Sul - desde 2003

Prof. Ledón

• Graduação em Engenharia Elétrica (Instituto Superior Politécnico José A. Echeverría – 1978)

• Mestrado em Informática Aplicada na Engenharia e Arquitetura (Instituto Superior Politécnico José A. Echeverría. - 1996)

• Docente da Universidade Cruzeiro do Sul - desde 1996

Prof. Pedro Cacique • Graduação em Engenharia Elétrica (Universidade

Federal de Uberlândia – 2010) • Mestrado em Engenharia Elétrica (Universidade

Federal de Uberlândia - 2012) • Doutorado em andamento no Programa de

Engenharia Elétrica e Computação da Universidade Presbiteriana Mackenzie

• Docente da Universidade Cruzeiro do Sul - desde 2013

• Docente da Universidade Presbiteriana Mackenzie - desde 2014

Ementa

Estudo das tecnologias na área de desenvolvimento web para a criação de sites com ênfase no lado cliente utilizando a linguagem HTML e CSS. Estudo dos conceitos para criação/disponibilização de um site e criação de layouts para os Gerenciadores de Conteúdos mais utilizados no mercado.

Conteúdo 1/5 Apresentação da Disciplina (Plano de Ensino) Introdução Conceitos de Internet e sua história; Conceitos da arquitetura cliente-servidor; Evolução das linguagens web (lado cliente); Tecnologias atuais e emergentes para desenvolvimento de aplicações para

Internet.

Conteúdo 2/5

Linguagem HTML O que é o HTML? O W3C e suas especificações Estruturação e conteúdo Corpo básico Formatação de Texto Codificação de caracteres Listas Links Imagens Tabelas Formulários Semântica de elemento no HTML5 Novos elementos e atributos, elementos removidos Trabalhando com áudio no HTML5 Trabalhando com vídeos no HTML5 Validação de documentos HTML5

Conteúdo 3/5 Folhas de Estilo CSS Introdução ao CSS (Cascade Style Sheet) O que é e para que serve o CSS Classes, pseudo-classes e estilos em CSS3 Seletores no CSS3 Propriedades do CSS3 Uso de fontes Compatibilidade Box Model, Imagens e Posicionamento. Animações e efeitos com CSS3

Conteúdo 4/5

Projeto de Interface Web Standards Wireframe Modelagem de aplicação WEB Criação de layouts Layouts responsivos e Adaptativos Usabilidade

Conteúdo 5/5

CMS (Content Management System) O que é CMS? Quais as opções do mercado? Conceitos da arquitetura cliente/servidor Ferramentas necessárias para utilizar um CMS Instalando um CMS Estrutura de um CMS Criando layouts para um CMS

Avaliação

Prova Regimental - 5,0 Avaliação Parcial - 2,0 Exercícios/Projetos - 3,0 Todas as avaliações desta disciplina serão em laboratório, ou seja, avaliações práticas. Os materiais poderão ser utilizados para consulta. O horário de início e término das avaliações serão determinados pelos professores.

A2 Nota Final = A1 + A2

A1

Sistema de Avaliação

A1 – Prova Regimental (PR ou PRI) (5,0 pontos)

A2 – Outras avaliações da

disciplina (5,0 pontos)

A1 + A2 >= 6,0 Aprovado Sim

Não

Fazer a Avaliação Final (AF), caso exista

possibilidade de aprovação com esta nota.

A AF vale 5,0 pontos, substituindo a menor nota,

seja A1 ou A2.

AF + maior nota >= 6,0

Aprovado

Sim

Reprovado

Não

Slide, Prof. Ledón, 2014 Reprovação se a frequência for inferior a 75% (setenta e cinco por cento)

O aluno que não conseguir pelo menos 1 ponto na A1 ou A2 estará reprovado e não poderá fazer a AF

Avaliação

Poderá ser concedida Segunda Chamada da Prova Regimental nas seguintes situações, comprovadas mediante apresentação dos documentos originais correspondentes:

– serviços obrigatórios por lei: convocação do Poder Judiciário para participar de sessão plenária de tribunal de júri; convocação pelas Forças Armadas; convocação pela Justiça Eleitoral; convocação de Servidores Públicos para reforço de tarefas em casos de calamidade pública ou força maior;

– convocação para atividades de trabalho de caráter crítico e emergencial, em que a presença do aluno-funcionário tenha sido imprescindível à sua realização, mediante declaração do empregador em papel timbrado, com firma reconhecida e comprovação de que o signatário é representante legal da empresa;

– óbito de familiar em primeiro grau (pai, mãe, irmão, filho), cônjuge ou companheiro(a), mediante atestado de óbito;

– casamento, mediante certidão; – doença própria, de familiar em primeiro grau e cônjuge ou companheiro(a), mediante

atestado com CID e relatório detalhado de procedimentos.

No caso de provas parciais, fica a critério do professor da disciplina decidir sobre a possibilidade ou não de fazer a segunda chamada.

Bibliografia Básica SILVA, M. S. HTML 5: a linguagem de marcação que revolucionou a

web. São Paulo: Novatec, 2011.

SILVA, M. S. Construindo sites com CSS e (X)HTML: sites controlados por folhas de estilo em cascata. São Paulo: Novatec, 2008.

NIELSEN, J. Projetando websites. Rio de Janeiro: Campus, Elsevier, 2000

DEITEL, H. M. Internet & World Wide Web: Como Programar. 2. ed. Porto Alegre: Bookman, 2003.

• Silva, Maurício Samy. CSS 3, Novatec. 2011 Materiais de aula (resumo). Materiais disponíveis na Internet e indicados pelos professores quando for pertinente.

Bibliografia Complementar ERIC FREEMAN; ELISABETH FREEMAN. Use a Cabeça! Html Com

Css e Xhtml. São Paulo: Alta Books, 2008.

CARVALHO, A. Desenvolvendo sites profissionais: html 4.01/css 2.1: manual completo. 2. ed. Rio de Janeiro: Bonsucesso. Book Express, 2004.

DEITEL, P. J. Ajax, Rich Internet Aplications e Desenvolvimento Web Para Programadores. São Paulo: Pearson Prentice Hall, 2009.

Ferramentas Nesta disciplina iremos utilizar as seguintes ferramentas:

– Para testar nossos arquivos

- Internet Explorer (última versão) - Mozilla Firefox (última versão) - Google Chrome (última versão)

– Para criar nossos códigos podemos utilizar qualquer editor de texto puro ou algumas

ferramentas próprias para o desenvolvimento Web - Adobe Dreamweaver ou - Bloco de notas ou - Microsoft Expression Web 4 ou - Brackets ou - Notepad++ ou - NetBeans ou - …

Servidor WEB (local) - WAMP

http://www.wampserver.com/en

Ferramentas

CMS (Content Management System) – WordPress, Joomla, Drupal etc...

Servidor necessário para rodar as aplicações WEB

Os programas abaixo instalam de forma fácil e rápida as seguintes ferramentas na máquina (Servidor WEB Apache, Linguagem PHP (server-side), MySQL e phpMyAdmin) – Wamp – Xamp – Easy PHP – .... ou – Instalação Manual (Apache, PHP, MySQL)

Adobe Dreamweaver Esta ferramenta não é gratuita, é necessário adquirir a licença para uso.

Bloco de notas Ferramenta que já vem com o sistema Windows, muito simples de utilizar mas não

ajuda em nada a criação do código.

Microsoft Expression Web 4 Esta ferramenta é gratuita (somente o expression WEB), para baixar acesse o link

http://www.microsoft.com/en-us/download/details.aspx?id=36179.

Brackets Esta ferramenta é gratuita, para baixar acesse o link

http://brackets.io/

Notepad++ Esta ferramenta é gratuita, para baixar acesse o link

http://notepad-plus-plus.org/

NetBeans Esta ferramenta é gratuita, para baixar acesse o link

https://netbeans.org/

Possibilidades Iniciais Com o conteúdo desta disciplina e um pouco de dedicação, podemos trabalhar

com projetos nas seguintes ferramentas:

http://www.joomla.org/

http://pt-br.wordpress.com/

http://www.magentocommerce.com/

http://drupal-br.org/

http://www.opencart.com/