SlideShare a Scribd company logo
1 of 17
Aplicacions Web
UF1.NF1:Aplicacions web, eines específiques de
Web 2.0.
De què parlarem?
● HTML/PHP
● AcidTest
● GMail / Google Calendar
● Google Gears / Prism / Google Gadgets
● Instal·lació de XamppLite
● Instal·lació de MoWeS
● Blogger
● Wordpress: Instal·lació en Xampp, Personalització i
importació
→HTML/PHP
HTML (HyperText Markup Language).
PHP(Php Hypertext Pre-Processor).
Llenguatges de programació Web.
→HTML/PHP
<html>
<head>
<title>Prova 1 Fran<title>
</head>
<body>
<h1>Primera Plana</h1>
Hola <b>món!</b>
<?php
echo "La data actual és: ";
$fecha=time();
echo date ('j l n Y',$fecha);
?>
</body>
</html>
→AcidTest
Tres tests de diverses característiques per a
comprovar la funcionalitat del navegador amb els
estàndards actuals.
→AcidTest
Imatge presa del tercer test amb Google Chrome.
(Link).
→GMail / Google Calendar
GMail és utilitat de Google per a gestionar el correu.
Conté diversos plug-ins i un calendari amb el que
podrem introduir events i compartir amb altra gent
si és convenient.
→GMail / Google Calendar
→ Google Gears / Prism
/ Google Gadgets
Gears és una utilitat de Google que pretén convertir
planes web en “aplicacions” i accedir directament
a elles des de l'escriptori.
Gears:
→ Google Gears / Prism
/ Google Gadgets
Gears:Procediment d'instal·lació: Un cop fet això, trobarem
el que tenim a sota, en
el menú Inici i podrem
accedir com si fos una
aplicació
→
→ Google Gears / Prism
/ Google Gadgets
Prism és una utilitat de Mozilla, la qual s'integra
amb Firefox, i té la mateixa finalitat que Gears, de
Google.
Prism:
→ Google Gears / Prism
/ Google Gadgets
Fes clic aquí (pàg. 2-3/5)
Si no funciona, Fes clic aquí
Prism: Instal·lació.
→ Instal·lació XamppLite
XamppLite és una aplicació que fa de servidor web i
servidor de base de dades amb el qual podrem
muntar les nostres pàgines web.
→ Instal·lació XamppLite
Instal·lació.
Anem a aquest enllaç i descomprimirem l'arxiu comprimit,
obrirem dins la carpeta extraiguda i cerquem l'aplicatiu
“xampp-control”, activem els 2 serveis disponibles. Ja està
instal·lat
→ Instal·lació de MoWeS
Instal·lació.
Anem a aquest enllaç i seleccionem els paquets que volem
instal·lar, l'arxiu estara comprimit, despres el descomprimim
obrirem dins la carpeta extraiguda i cerquem l'aplicatiu
“MoWeS”, activem els 2 serveis disponibles. Ja està instal·lat
→ Blogger
EXEMPLES:
Exemple Blogger 1
Exemple Blogger 2
Es tracta d'una plana web en la que pots crear, editar i
administrar com tu vulguis, tant com vincular blogs
que ens interessin o blogs amics, com personalitzar
l'estètica del nostre mateix, afegir gadgets o diferents
pàgines.
→ Wordpress
Es tracta d'una plana web relativament semblant a
Blogger, podem editar el nostre blog d'una manera
més profunda i professional. Aquest blog, a més, ens
permet descarregar una aplicació, la qual podem
instal·lar en un servidor web i la podem administrar
com si fos un blog completament independent,
mantenint el seu domini (Wordpress.)
EXEMPLES:
Exemple Wordpress 1
Exemple Wordpress 2

More Related Content

Viewers also liked

How to publication - pro
How to   publication - proHow to   publication - pro
How to publication - pro
Juan Mook
 
Chiffres clés du climat France et Monde Édition 2013
Chiffres clés du climat France et Monde Édition 2013Chiffres clés du climat France et Monde Édition 2013
Chiffres clés du climat France et Monde Édition 2013
GIP GERRI
 
Presentacion encuentro
Presentacion encuentroPresentacion encuentro
Presentacion encuentro
Leonardo Araoz
 
Presentación1 (software libre y propietario)
Presentación1 (software libre y propietario)Presentación1 (software libre y propietario)
Presentación1 (software libre y propietario)
Luis Gustavo
 
Cambio Climático
Cambio ClimáticoCambio Climático
Cambio Climático
moronad45
 
Tarea1­ auxiliadora matas
Tarea1­ auxiliadora matasTarea1­ auxiliadora matas
Tarea1­ auxiliadora matas
auximh
 
Pale 2010 propuesta educacion infantil
Pale 2010  propuesta  educacion infantilPale 2010  propuesta  educacion infantil
Pale 2010 propuesta educacion infantil
Nieves Tricio
 
Nuevo programa-ctma 2009-2010
Nuevo programa-ctma 2009-2010Nuevo programa-ctma 2009-2010
Nuevo programa-ctma 2009-2010
pacozamora1
 
Trabajo autonomo ii subir
Trabajo autonomo ii subirTrabajo autonomo ii subir
Trabajo autonomo ii subir
Veronica Moyano
 

Viewers also liked (20)

2011 04-13 leccionprimarios
2011 04-13 leccionprimarios2011 04-13 leccionprimarios
2011 04-13 leccionprimarios
 
Pasteur audacieux
Pasteur audacieuxPasteur audacieux
Pasteur audacieux
 
How to publication - pro
How to   publication - proHow to   publication - pro
How to publication - pro
 
Hubic
Hubic Hubic
Hubic
 
Chiffres clés du climat France et Monde Édition 2013
Chiffres clés du climat France et Monde Édition 2013Chiffres clés du climat France et Monde Édition 2013
Chiffres clés du climat France et Monde Édition 2013
 
Presentacion encuentro
Presentacion encuentroPresentacion encuentro
Presentacion encuentro
 
Outils de facilitation pour le scrum master - Strasbourg
Outils de facilitation pour le scrum master - StrasbourgOutils de facilitation pour le scrum master - Strasbourg
Outils de facilitation pour le scrum master - Strasbourg
 
Presentación1 (software libre y propietario)
Presentación1 (software libre y propietario)Presentación1 (software libre y propietario)
Presentación1 (software libre y propietario)
 
Cambio Climático
Cambio ClimáticoCambio Climático
Cambio Climático
 
Valores
ValoresValores
Valores
 
Tarea1­ auxiliadora matas
Tarea1­ auxiliadora matasTarea1­ auxiliadora matas
Tarea1­ auxiliadora matas
 
Bicentenario
BicentenarioBicentenario
Bicentenario
 
Tecnologí..
Tecnologí..Tecnologí..
Tecnologí..
 
P. A L. E F I
P. A L. E  F IP. A L. E  F I
P. A L. E F I
 
Pale 2010 propuesta educacion infantil
Pale 2010  propuesta  educacion infantilPale 2010  propuesta  educacion infantil
Pale 2010 propuesta educacion infantil
 
Saq312 06
Saq312 06Saq312 06
Saq312 06
 
2011 04-02 leccioncuna
2011 04-02 leccioncuna2011 04-02 leccioncuna
2011 04-02 leccioncuna
 
Nuevo programa-ctma 2009-2010
Nuevo programa-ctma 2009-2010Nuevo programa-ctma 2009-2010
Nuevo programa-ctma 2009-2010
 
Trabajo autonomo ii subir
Trabajo autonomo ii subirTrabajo autonomo ii subir
Trabajo autonomo ii subir
 
Presentación Plan de Acción Integral de Platja de Palma (diciembre 2010)
Presentación Plan de Acción Integral de Platja de Palma (diciembre 2010)Presentación Plan de Acción Integral de Platja de Palma (diciembre 2010)
Presentación Plan de Acción Integral de Platja de Palma (diciembre 2010)
 

Similar to Pwp copia - copia

El manual d'administracio
El manual d'administracioEl manual d'administracio
El manual d'administracio
aleix20bcn
 
Resum
ResumResum
Resum
cfgmi
 
Dai 09-ruby on rails
Dai 09-ruby on railsDai 09-ruby on rails
Dai 09-ruby on rails
Carles Mateu
 
Eyeos Manual Administracio
Eyeos Manual AdministracioEyeos Manual Administracio
Eyeos Manual Administracio
m2k13
 
10.Personalitzar Plantilla
10.Personalitzar Plantilla10.Personalitzar Plantilla
10.Personalitzar Plantilla
mnicolau
 
5.1.Disseny i aspecte estètic
5.1.Disseny i aspecte estètic5.1.Disseny i aspecte estètic
5.1.Disseny i aspecte estètic
mnicolau
 

Similar to Pwp copia - copia (20)

SIGT09 Introducció Joomla
SIGT09 Introducció JoomlaSIGT09 Introducció Joomla
SIGT09 Introducció Joomla
 
Wordpress, present i futur?
Wordpress, present i futur?Wordpress, present i futur?
Wordpress, present i futur?
 
Sitemap.xml i robots.txt
Sitemap.xml i robots.txtSitemap.xml i robots.txt
Sitemap.xml i robots.txt
 
Sitemap.xml i robots.txt
Sitemap.xml i robots.txtSitemap.xml i robots.txt
Sitemap.xml i robots.txt
 
Dues tecniques SEO de programació web
Dues tecniques SEO de programació webDues tecniques SEO de programació web
Dues tecniques SEO de programació web
 
Dai 9 - Ruby on Rails
Dai 9 - Ruby on RailsDai 9 - Ruby on Rails
Dai 9 - Ruby on Rails
 
El manual d'administracio
El manual d'administracioEl manual d'administracio
El manual d'administracio
 
Tema 5
Tema 5Tema 5
Tema 5
 
Resum
ResumResum
Resum
 
Presentació d'Oscommerce
Presentació d'OscommercePresentació d'Oscommerce
Presentació d'Oscommerce
 
El framework Cakephp
El framework CakephpEl framework Cakephp
El framework Cakephp
 
Com estructurar un projecte web (ca)
Com estructurar un projecte web (ca)Com estructurar un projecte web (ca)
Com estructurar un projecte web (ca)
 
Dai 09-ruby on rails
Dai 09-ruby on railsDai 09-ruby on rails
Dai 09-ruby on rails
 
Eyeos Manual Administracio
Eyeos Manual AdministracioEyeos Manual Administracio
Eyeos Manual Administracio
 
10.Personalitzar Plantilla
10.Personalitzar Plantilla10.Personalitzar Plantilla
10.Personalitzar Plantilla
 
Instal·lació apache
Instal·lació apacheInstal·lació apache
Instal·lació apache
 
Presentació de HTML 5
Presentació de HTML 5Presentació de HTML 5
Presentació de HTML 5
 
Web Application(3)
Web Application(3)Web Application(3)
Web Application(3)
 
Desmitificant l'HTML5
Desmitificant l'HTML5Desmitificant l'HTML5
Desmitificant l'HTML5
 
5.1.Disseny i aspecte estètic
5.1.Disseny i aspecte estètic5.1.Disseny i aspecte estètic
5.1.Disseny i aspecte estètic
 

Pwp copia - copia

  • 1. Aplicacions Web UF1.NF1:Aplicacions web, eines específiques de Web 2.0.
  • 2. De què parlarem? ● HTML/PHP ● AcidTest ● GMail / Google Calendar ● Google Gears / Prism / Google Gadgets ● Instal·lació de XamppLite ● Instal·lació de MoWeS ● Blogger ● Wordpress: Instal·lació en Xampp, Personalització i importació
  • 3. →HTML/PHP HTML (HyperText Markup Language). PHP(Php Hypertext Pre-Processor). Llenguatges de programació Web.
  • 4. →HTML/PHP <html> <head> <title>Prova 1 Fran<title> </head> <body> <h1>Primera Plana</h1> Hola <b>món!</b> <?php echo "La data actual és: "; $fecha=time(); echo date ('j l n Y',$fecha); ?> </body> </html>
  • 5. →AcidTest Tres tests de diverses característiques per a comprovar la funcionalitat del navegador amb els estàndards actuals.
  • 6. →AcidTest Imatge presa del tercer test amb Google Chrome. (Link).
  • 7. →GMail / Google Calendar GMail és utilitat de Google per a gestionar el correu. Conté diversos plug-ins i un calendari amb el que podrem introduir events i compartir amb altra gent si és convenient.
  • 8. →GMail / Google Calendar
  • 9. → Google Gears / Prism / Google Gadgets Gears és una utilitat de Google que pretén convertir planes web en “aplicacions” i accedir directament a elles des de l'escriptori. Gears:
  • 10. → Google Gears / Prism / Google Gadgets Gears:Procediment d'instal·lació: Un cop fet això, trobarem el que tenim a sota, en el menú Inici i podrem accedir com si fos una aplicació →
  • 11. → Google Gears / Prism / Google Gadgets Prism és una utilitat de Mozilla, la qual s'integra amb Firefox, i té la mateixa finalitat que Gears, de Google. Prism:
  • 12. → Google Gears / Prism / Google Gadgets Fes clic aquí (pàg. 2-3/5) Si no funciona, Fes clic aquí Prism: Instal·lació.
  • 13. → Instal·lació XamppLite XamppLite és una aplicació que fa de servidor web i servidor de base de dades amb el qual podrem muntar les nostres pàgines web.
  • 14. → Instal·lació XamppLite Instal·lació. Anem a aquest enllaç i descomprimirem l'arxiu comprimit, obrirem dins la carpeta extraiguda i cerquem l'aplicatiu “xampp-control”, activem els 2 serveis disponibles. Ja està instal·lat
  • 15. → Instal·lació de MoWeS Instal·lació. Anem a aquest enllaç i seleccionem els paquets que volem instal·lar, l'arxiu estara comprimit, despres el descomprimim obrirem dins la carpeta extraiguda i cerquem l'aplicatiu “MoWeS”, activem els 2 serveis disponibles. Ja està instal·lat
  • 16. → Blogger EXEMPLES: Exemple Blogger 1 Exemple Blogger 2 Es tracta d'una plana web en la que pots crear, editar i administrar com tu vulguis, tant com vincular blogs que ens interessin o blogs amics, com personalitzar l'estètica del nostre mateix, afegir gadgets o diferents pàgines.
  • 17. → Wordpress Es tracta d'una plana web relativament semblant a Blogger, podem editar el nostre blog d'una manera més profunda i professional. Aquest blog, a més, ens permet descarregar una aplicació, la qual podem instal·lar en un servidor web i la podem administrar com si fos un blog completament independent, mantenint el seu domini (Wordpress.) EXEMPLES: Exemple Wordpress 1 Exemple Wordpress 2