Apresentação
Semestre de Inverno 2010/2011
Programação na Internet
Secção de Sistemas e Tecnologias de Informação
ISEL-DEETC-LEIC
Carlos Guedes – [email protected]
Paulo Pereira – [email protected]
Autores e contributos
• Autores
– Luís Falcão
• Contributos
–
–
–
–
–
Paulo Pereira
Pedro Félix
Jorge Martins
Carlos Guedes
Nuno Datia
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
Nesta segunda página,
presente em todos os
slides desta unidade
curricular, estão listados
todos os autores que,
ao longo dos semestres,
contribuíram para a sua
construção.
2
Corpo docente
• Carlos Guedes
– Sala 06 do CCISEL
– [email protected]
– Lecciona a turma (LI51D)
• Paulo Pereira
– Sala 14 do CCISEL
– [email protected]
– Lecciona a turma (LI51N)
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
3
Enquadramento (1)
• LEIC
– Unidade curricular não optativa (pertence ao “core”)
– Oferecida no 5º semestre
• LEETC / MEET
– Unidade curricular optativa
– Oferecida no 6º (LEETC) e 2º (MEET) semestre
• 6 créditos ECTS
• 4.5 horas semanais
• Ficha da unidade curricular
http://www.cc.isel.ipl.pt/Pessoais/PedroPereira/MEIC/IC503.html
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
4
Enquadramento (2)
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
5
Objectivo (principal)
• Desenvolvimento da componente visual (UI) de aplicações Web
– Ciclo de vida da aplicação
– Tipos de estado na aplicação
http://csszengarden.com/
http://maps.google.com/
http://www.live.com/
http://www.netvibes.com/
http://del.icio.us/
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
6
Presença na Web
• Página oficial
– http://www.deetc.isel.ipl.pt/programacao/pi/ (em actualização...)
• Páginas operacionais (no TRAC do DEETC)
– http://code.deetc.e.ipl.pt/pi/1011i/trac/common/
– Carlos Guedes (LI51D)
• http://code.deetc.e.ipl.pt/pi/1011i/trac/LI51D
– Paulo Pereira (LI51N)
• http://code.deetc.e.ipl.pt/pi/1011i/trac/LI51N
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
7
Regras de avaliação
• Componente teórica (CT)
– Um teste global realizado em época de exames
– Nota mínima: 9,5 valores
– Consulta: uma folha A4
• Componente prática (CP)
–
–
–
–
–
5 aulas práticas para suporte ao trabalho
Um trabalho, dividido em 4(+1) partes, a realizar ao longo do semestre
Discussão final
Nota mínima: 9,5 valores
Grupos de 3 alunos (“obrigatório”)
• Nota final
• Funcionamento Igual aos
dois semestre anteriores
• Enunciado diferente
– NF = 40% CT + 60% CP
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
8
Programa (1)
• Componente cliente
– HTML, CSS, Javascript e DOM (e
JQuery) , AJAX
• Componente comunicação
– HTTP
• Componente servidor
Browser
– CGI e ASP.NET 2.0
Browser
Proxy
Server
Browser
intranet
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
9
Se tudo correr bem 
Programa (2)
Semana Temas
Slides
1
Apresentação; WWW e Sistemas Distribuídos
PI - (01) Apresentação
PI - (02) WWW e Sist. Dist.
2
XHTML (sem Forms); CSS
PI - (03) XHTML
PI - (04) CSS
3
JavaScript & DOM
PI - (05) Javascript
PI - (06) DOM
4
HTTP
5
Arquitecturas de extensão do servidor HTTP;
ASP.NET: HTTP Pipeline – Handlers
6
7
8
9
10
11
Técnica AJAX
ASP.NET: Http Pipeline – Http Application, Módulos e Routing
ASP.NET.MVC
C# 3.0 e Linq
ASP.NET.MVC: Controllers
ASP.NET.MVC: Views
12
ASP.NET: Model
13
ASP.NET: StateManagement
14
ASP.NET.MVC: Unobtrusive JavaScript and Hijaxing *
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
PI - (07) HTTP
PI - (08) Arq. extensão…
PI - (09) HTTP Pipeline
Trabalho
Parte I
PI - (10) AJAX
PI - (09) HTTP Pipeline
PI - (11) ASP.NET.MVC
Parte II
PI - (17) C# 3.0
PI - (12) ASP.NET.MVC - Controllers
PI - (13) ASP.NET.MVC - Views
PI - (14) ASP.NET.MVC – Model
Parte III
PI - (15) StateManagement
PI - (16) Unobtrusive JavaScript
Parte IV
and Hijaxing
Se houver tempo. Extra curricular
10
Sobre o trabalho…
• A ideia base da aplicação Web a desenvolver é equivalente ao Twitter
http://twitter.com/.
Parte 1
Parte 2
(+/- semana 4)
“Construção da componente de cliente da
UI”
Parte 3
(+/- semana 7)
“Construção da componente de servidor
da UI”
“Utilização de técnicas Ajax”
Parte 4 (+/-
(+/- semana 11)
“Implementação do mecanismo de login”
semana 14)
“Páginas de definição do perfil”
Parte 5
“Implementação de componentes opcionais”
Existem regras para entrega das várias partes do
trabalho (baseadas em sistema de créditos). Veja-se
o enunciado do trabalho disponibilizado no TRAC
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
11
Sobre o trabalho… ATENÇÃO
• Os prazos de entrega do trabalho, que deve resultar de cada uma das fases,
têm como base um sistema de créditos, com os seguintes critérios:
– A cada grupo são atribuídos 7 créditos iniciais para gerir ao longo do
semestre.
– Cada crédito corresponde a um dia de atraso (contam todos os dias) na
entrega de cada uma das partes.
– Quando os créditos atingirem valor inferior a 0, o grupo reprova à componente
prática, reprovando consequentemente à UC.
– Por cada dia de entrega antecipada será atribuído um crédito, tendo como
valor máximo o valor inicial de créditos, ou seja 7.
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
Bibliografia Principal
Essential ASP.NET With Examples in C#,
Fritz Onion, Addison Wesley, 2003
Pro ASP.NET MVC Framework,
Steven Sanderson, Apress, 2009
JavaScript: The Definitive Guide,
David Flanagan, O'Reilly Media, 2006
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
13
Bibliografia Adicional (1)
Bulletproof Ajax,
Jeremy Keith, New Riders, 2007
HTTP: The Definitive Guide,
David Gourley et al, O'Reilly Media, 2002
HTML & XHTML: The Definitive Guide
Chuck Musciano, O'Reilly Media, 2006
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
14
Bibliografia Adicional (2)
jQuery in Action,
Bear Bibeault and Yehuda Katz, Manning, 2008
Learning jQuery 1.3,
Jonathan Chaffer, Karl Swedberg, Packt Publishing, 2009
jQuery UI 1.6:
The User Interface Library for jQuery
Dan Wellman, Packt Publishing , 2009
Y1011T1
©ISEL/DEETC/STI – Programação na Internet
15