Llenguatges de programació web
-
Upload
toni-amengual -
Category
Education
-
view
87 -
download
2
Transcript of Llenguatges de programació web
![Page 1: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/1.jpg)
OP40
OP40 – Eines de Programació Multimèdia
Llenguatges de Programació Web
![Page 2: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/2.jpg)
OP40
1. La WWW. Evolució2. La Web 2.0 Pàgines Dinàmiques
2.1 Script al servidor1. PHP2. Bases de Dades3. AJAX
2.2 Script al clientPreguntes
![Page 3: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/3.jpg)
OP40
1 La WWW. EvolucióWeb 1.0: • Pàgines estàtiques. Llenguatges de
marques (HTML, XTML, HTML5) i CSS• Contingut passiu• Rols definits: Editors, Usuaris
Web 2.0: • Pàgines dinàmiques• Interacció• Col·laboració: Wordpress, ..• Comunitat virtual (Blogs, Fòrums, ..)
Segons Tim Berners-Lee, Internet hauria de ser un mitjà col·laboratiu, on tots poguéssim trobar-nos per escriure i llegir al mateix temps
![Page 4: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/4.jpg)
OP40
2 La Web 2.0: Pàgines dinàmiques
Incorporen codi (script), que permet interactuar amb
l’Usuari i amb el servidor
De la banda del Servidor:
Scripts en : PHP, ASP.NET, JSP, etc.
Suport per a Bases de Dades (mySQL, sqlServer,
mongoDB, ...)
De la banda del Client:
Scripts en: Javascript
Llibreries: JQuery, Prototype, Dojo Toolkit, etc.
![Page 5: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/5.jpg)
OP40
2.1 Script al servidor (server-side script)
Els scripts al servidor s’escriuen normalment amb
un d’aquests llenguatges:
• PHP : Personal Home page: (PHP Hypertext
Preprocessor) Desenvolupat el 1995, basat en
el llenguatge C
• JSP : Java Server Pages, 1999, basat en el
llenguatge Java
• ASP.NET, desenvolupat el 2002 per Microsoft
![Page 6: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/6.jpg)
OP40
2.1.1 PHP
PHP és el llenguatge d’script al servidor més
utilitzat (Gràfica)
Exemple aplicacions desenvolupades amb PHP:
Wordpress
![Page 7: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/7.jpg)
OP40
PHP1. En introduir la URL, el meu navegador solicita una
connexió amb el servidor web corresponent2. El servidor rescata la pàgina del disc dur i
interpreta el codi PHP3. El codi PHP, en ser interpretat, pot realitzar
consultes a Base de Dades (ho veurem + endavant)
4. El resultat és una pàgina amb HTML, CSS i opcionalment Jscript que es torna al navegador que ho visualitza
![Page 8: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/8.jpg)
OP40
2.1.2 Bases de Dades
1. Els llenguates d'script amb execucio al servidor com PHP poden utilitzar connexió a Bases de Dades (BDD)
2. La BDD més conenguda és MySQL3. Les BDD serveixen per a:
Tenir organitzades les dades d'una forma consistent
Poder afegir, modificar o eliminar dades ràpidament i mantenint la consistencia de les dades
![Page 9: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/9.jpg)
OP40
• És una tecnologia implementada en Javascript que permet accedir a les BDD sense tenir que actualitzar la pàgina al navegador.
• Funciona amb: Javascript + PHP + formats d'intercanvi de dades: XML, JSON
• Exemple: Google Instant
2.1.3 AJAX
![Page 10: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/10.jpg)
OP40
2.2 Script al client (client-side script)
• Se refereix a la interfície gràfica (la
part de la pàgina web amb la que
l’usuari interactua)
• Javascript ( o llibreries de JS), Flash
• Empra el DOM: (Model d'Objecte del
Document)
![Page 11: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/11.jpg)
OP40
Exemple de DOM
![Page 12: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/12.jpg)
OP40
PreguntesÉs HTML5 un llenguatge de programacio?
No, perquè no incorpora dinamisme. Només té:• Estructura• Presentació• Sintaxi
És CSS3 un llenguatge de programacio?
No, però incorpora característiques de llenguatges de programació, com ara les media queries (Responsive Design)
![Page 13: Llenguatges de programació web](https://reader035.fdocument.pub/reader035/viewer/2022062320/55c608b2bb61eb8f6e8b45a4/html5/thumbnails/13.jpg)
OP40
PreguntesHem d’aprendre a escriure scripts amb PHP o JSP?
No. Normalment això és feina d'un programador web.Però convé tenir-ne unes nocions.
És necessari que aprenguem a escriure scripts en JavaScript?
Tenir nocions de Javascript ens permet:
• Facilitar la feina amb un programador
• Tenir una visió global del desenvolupament web
• Reutilitzar components programats amb JS / JQuery
• Declivi de Adobe Flash