Rutes GPS Joanillo - Historial de revisió

Joan: /* Protocol per afegir noves rutes */

2021-12-18T00:36:32Z

Protocol per afegir noves rutes

Joan: /* Protocol per afegir noves rutes */

2021-12-18T00:35:01Z

Protocol per afegir noves rutes

Joan: /* Versions */

2021-12-18T00:32:45Z

Versions

Mostra els canvis

Joan: /* v7 */

2021-06-10T16:23:17Z

Joan: /* v7 */

2021-06-10T16:22:17Z

Joan: /* v7 */

2021-05-17T12:12:06Z

Joan: /* v7 */

2021-05-17T10:02:07Z

Joan: /* v7 */

2021-05-17T10:01:32Z

Joan: /* v1 fins a v5 */

2021-05-17T09:59:38Z

v1 fins a v5

Joan: Es crea la pàgina amb «=Introducció= Aquesta és l'aplicació web que des de fa anys està funcionant a: *http://rutesgps.joanillo.org I ha anat evolucionant. =Versions= ==v1 fins a v5== Aq...».

2021-05-17T09:58:14Z

Es crea la pàgina amb «=Introducció= Aquesta és l'aplicació web que des de fa anys està funcionant a: *http://rutesgps.joanillo.org I ha anat evolucionant. =Versions= ==v1 fins a v5== Aq...».

Pàgina nova

=Introducció=
Aquesta és l'aplicació web que des de fa anys està funcionant a:
*http://rutesgps.joanillo.org
I ha anat evolucionant.
=Versions=
==v1 fins a v5==
Aquestes són les diferents versions que s'han anat succeïnt fins el maig de 2021. Funciona amb la llibreria ''leaflet'', i funciona amb ''classic scripts'' (en comptes de export/import modules). I sense bootstrap. També utilitza PHP per tal de parsejar els fitxers GPX i obtenir la informació dels fitxers.

A partir de la versió ''v4'' tinc la carpeta ''nodejs/'' per generar estadístiques i per generar ''cronoescalades''. A partir d'aquesta versió utilitzo el tag ''<metadata><desc>...</desc></metadata>'' per posar la informació de les rutes.

En la última versió ''v5'' s'han sobreposat el perfil de les etapes (amb la llibreria 3d.js).
Aquesta versió és la que ha estat pública fins el juny de 2021.

==v6==
No és una versió de l'aplicació. Senzillament és la plantilla basada en bootstrap per tal de sentar les bases de la nova aplicació.

A part del nou disseny (''accordion_v4.html''), començo a treballar en tota la part de front-end.

Utilitzo el script ''generar_array_rutes.py'' per tal de parsejar les rutes gpx i generar els scripts ''js_btt/llista_modalitats.js'' i ''js_btt/llista_rutes.js''. I també tinc el script ''js_btt/main.js'' que ho fa funcionar tot.

Ja tinc la navegació bàsica del menú lateral esquerra: puc veure les diferents zones (Bagà, Sant Feliu,...) i desplegar les rutes dins de cada zona. També tinc el check box de ''senderisme'' i ''btt''. Tot automatitzat a partir de la informació que hi ha en les rutes GPX.

I ja és Openlayers (mapa bàsic d'exemple). Però encara no funciona per mòduls.
==v7==
A partir de la versió ''v7'' el desenvolupament es fa amb:
*dins de la carpeta ''rutesgpsapp''
*npm start
*javascript modules export/import
*llibreria openlayers
*github

Comentaris i problemes que he tingut:
<pre>
$ npm run build

> rutesgpsapp@1.0.0 build
> parcel build --public-url . index.html

/home/joan/rutesgps/rutesgpsapp/index.html: tree.render is not a function
</pre>
*https://forum.freecodecamp.org/t/error-tree-render-is-not-a-function/456207/2
Hi, jjy. I faced same problem. For not blocked here, I found a way.
<pre>
parcel build --no-minify index.html
</pre>

Per tant, en el ''package.json'' posem:
<pre>
"build": "parcel build --no-minify --public-url . index.html"
</pre>
que fa que els diferents scripts no quedin minimitzats. I a part d'això, se soluciona el problema.

Una altra cosa és que en el fitxer ''package.json'' crec que no importa què posem a:
<pre>
"main": "index.html",
</pre>
(abans tenia ''index.js'' o ''main.js''). El que importa és el que s'executa quan faig en ''npm start'':
<pre>
"start": "parcel index.html",
</pre>
I a dins del ''index.hmtl'' tinc la inclusió del ''main.js'':
<pre>
<script src="./js_btt/main.js"></script>
</pre>
A partir del ''main.js'' ara ja tot funciona per mòduls.

En la v7 només vull que el que em funcionava en el v6 amb l'anterior paradigma, ara em funcioni bé amb el nou paradigma de export/import, però de moment només vull pintar un mapa base senzill. Pintar tots els mapes de les meves rutes ho deixo per la versió v8.

{{Autor}}, maig 2021

@@ Línia 79: / Línia 79: @@
 Ja jem publicat la nova versió v7, que es correspon a tots aquests canvis incrementals. Només falta la part de cerca.
 =Protocol per afegir noves rutes=
 El primer que fem és convertir els fitxers .fit de l'excursió a .gpx:
 <pre>

@@ Línia 98: / Línia 98: @@
 Elimino ''speed''. Amb el Sublime Text:
-<ptr>
+<pre>
 substituïm
 .{8}<speed>.*</speed>\n.{6}</trkpt>
@@ Línia 119: / Línia 119: @@
 Anem a posar ara les elevacions. Ho podem fer de dues maneres:
-a) amb el gpsprune:
+'''a)''' amb el gpsprune:
 Online > Get altitudes from SMRT
 Funciona bé, però ens dóna l'altitud sense decimals, i això té implicacions a l'hora de calcular el desnivell que he fet a la ruta.
@@ Línia 139: / Línia 139: @@
 </pre>
-b)
+'''b)'''
 *https://www.gpsvisualizer.com/
 <pre>
 Convert to GPX
-Add DEM elevation data
+> Add DEM elevation data
-best available source
+> best available source
-Convert
+> Convert
-Download 20211217062617-33102-data.gpx
+> Download 20211217062617-33102-data.gpx
 </pre>
 En aquest cas, et dóna les altituds amb una resolució de 3 decimals, la qual cosa tampoc té massa sentit.

@@ Línia 67: / Línia 67: @@
 A partir del ''main.js'' ara ja tot funciona per mòduls.
-En la v7 només vull que el que em funcionava en el v6 amb l'anterior paradigma, ara em funcioni bé amb el nou paradigma de export/import, però de moment només vull pintar un mapa base senzill. Pintar tots els mapes de les meves rutes ho deixo per la versió v8.
+En la v7 només vull que el que em funcionava en el v6 amb l'anterior paradigma, ara em funcioni bé amb el nou paradigma de export/import, però de moment només vull pintar un mapa base senzill. Pintar tots els mapes de les meves rutes ho deixo per la versió.
 ===Bootstrap===
@@ Línia 76: / Línia 76: @@
 *a index.html, eliminar les referències de bootstrap
 </pre>
 {{Autor}}, maig 2021

← Versió més antiga		Revisió del 12:12, 17 maig 2021
Línia 69:		Línia 69:
	En la v7 només vull que el que em funcionava en el v6 amb l'anterior paradigma, ara em funcioni bé amb el nou paradigma de export/import, però de moment només vull pintar un mapa base senzill. Pintar tots els mapes de les meves rutes ho deixo per la versió v8.		En la v7 només vull que el que em funcionava en el v6 amb l'anterior paradigma, ara em funcioni bé amb el nou paradigma de export/import, però de moment només vull pintar un mapa base senzill. Pintar tots els mapes de les meves rutes ho deixo per la versió v8.

		+	===Bootstrap===
		+	He intentat utilitzar bootstrap com a mòdul, però de moment no m'ha funcionat:
		+	<pre>
		+	npm install bootstrap
		+	* a main, js: import * as bootstrap from 'bootstrap';
		+	*a index.html, eliminar les referències de bootstrap
		+	</pre>
	{{Autor}}, maig 2021		{{Autor}}, maig 2021

@@ Línia 24: / Línia 24: @@
 I ja és Openlayers (mapa bàsic d'exemple). Però encara no funciona per mòduls.
 ==v7==
-[[Fitxer:Rutesgps v7.png | thumbnail]]
+[[Fitxer:Rutesgps_v7a.png | thumbnail]]
 A partir de la versió ''v7'' el desenvolupament es fa amb:
 *dins de la carpeta ''rutesgpsapp''

@@ Línia 61: / Línia 61: @@
 "start": "parcel index.html",
 </pre>
-I a dins del ''index.hmtl'' tinc la inclusió del ''main.js'':
+I a dins del ''index.html'' tinc la inclusió del ''main.js'':
 <pre>
 <script src="./js_btt/main.js"></script>

@@ Línia 5: / Línia 5: @@
 =Versions=
 ==v1 fins a v5==
 Aquestes són les diferents versions que s'han anat succeïnt fins el maig de 2021. Funciona amb la llibreria ''leaflet'', i funciona amb ''classic scripts'' (en comptes de export/import modules). I sense bootstrap. També utilitza PHP per tal de parsejar els fitxers GPX i obtenir la informació dels fitxers.