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...».)
 
Línia 4: Línia 4:
 
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 34:
  
 
*http://vps-89148e22.vps.ovh.net/nom_usuari/word-cloud
 
*http://vps-89148e22.vps.ovh.net/nom_usuari/word-cloud
 +
 
=Entrga=
 
=Entrga=
 
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.

Revisió del 15:06, 1 abr 2022

Introducció

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:

Entrga

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