Diferència entre revisions de la pàgina «Despleguem tres aplicacions»

De wikijoan
Salta a la navegació Salta a la cerca
(Es crea la pàgina amb «=Introducció= *Desplegar aplicació a VPS =Tasques a realitzar= Desplegaràs tres aplicacions. 1. La que has realitzat en aquesta pràctica de M06: *Mòduls am...».)
 
 
(Hi ha 3 revisions intermèdies del mateix usuari que no es mostren)
Línia 1: Línia 1:
 
=Introducció=
 
=Introducció=
 +
Teoria:
 
*[[Desplegar aplicació a VPS]]
 
*[[Desplegar aplicació a VPS]]
 +
 
=Tasques a realitzar=
 
=Tasques a realitzar=
 
Desplegaràs tres aplicacions.
 
Desplegaràs tres aplicacions.
  
1. La que has realitzat en aquesta pràctica de M06:
+
==Primera aplicació==
 +
La que has realitzat en aquesta pràctica de M06:
 
*[[Mòduls amb Javascript. Mapes amb OpenLayers]]
 
*[[Mòduls amb Javascript. Mapes amb OpenLayers]]
2. Una de les aplicacions que pots trobar als exemples de Openlayers:
+
El professor ha fet dòlmens, però tu has fet un altre exemple.
 +
 
 +
==Segona aplicació: exemple de Openlayers==
 +
Una de les aplicacions que pots trobar als exemples de Openlayers:
 
*https://openlayers.org/en/latest/examples/
 
*https://openlayers.org/en/latest/examples/
  
==Tercera aplicació==
+
==Tercera aplicació: núvol de paraules==
 
Tenim la llibreria d3js, molt potent:
 
Tenim la llibreria d3js, molt potent:
 
*https://d3js.org/
 
*https://d3js.org/
Línia 30: Línia 36:
  
 
*http://vps-89148e22.vps.ovh.net/nom_usuari/word-cloud
 
*http://vps-89148e22.vps.ovh.net/nom_usuari/word-cloud
=Entrga=
+
Per exemple, per al professor:
 +
*http://vps-89148e22.vps.ovh.net/joan/word-cloud/
 +
 
 +
=Entrega=
 
Entregaràs dins el termini previst un document de text amb la url del teu portfoli, i també els tres enllaços directes a les tres aplicacions.
 
Entregaràs dins el termini previst un document de text amb la url del teu portfoli, i també els tres enllaços directes a les tres aplicacions.
  
 
Així doncs, en el teu portfoli (index.html del teu espai web al servidor) quedaran enllaçades aquestes tres aplicacions.
 
Així doncs, en el teu portfoli (index.html del teu espai web al servidor) quedaran enllaçades aquestes tres aplicacions.
 
{{Autor}}, abril 2022
 
{{Autor}}, abril 2022

Revisió de 10:34, 4 abr 2022

Introducció

Teoria:

Tasques a realitzar

Desplegaràs tres aplicacions.

Primera aplicació

La que has realitzat en aquesta pràctica de M06:

El professor ha fet dòlmens, però tu has fet un altre exemple.

Segona aplicació: exemple de Openlayers

Una de les aplicacions que pots trobar als exemples de Openlayers:

Tercera aplicació: núvol de paraules

Tenim la llibreria d3js, molt potent:

Entre els diferents exemples, podem fer un núvol de paraules:

Codi en el github:

Per aconseguir el codi: Export > download code

Fem funcionar l'aplicació localment:

$ npm install

Ara ja funciona a través del teu servidor web local. Per exemple:

I un cop funciona localment, pots desplegar la teva aplicació al VPS del Jaume Balmes:

Per exemple, per al professor:

Entrega

Entregaràs dins el termini previst un document de text amb la url del teu portfoli, i també els tres enllaços directes a les tres aplicacions.

Així doncs, en el teu portfoli (index.html del teu espai web al servidor) quedaran enllaçades aquestes tres aplicacions.


creat per Joan Quintana Compte, abril 2022