<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Arxius de nova - Lluís Ribes i Portillo</title>
	<atom:link href="https://www.lluisribes.net/tag/nova/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.lluisribes.net/tag/nova/</link>
	<description>Un bloc personal</description>
	<lastBuildDate>Wed, 16 Dec 2020 21:49:44 +0000</lastBuildDate>
	<language>ca</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.lluisribes.net/wp-content/uploads/2020/12/cropped-lluis-2-32x32.png</url>
	<title>Arxius de nova - Lluís Ribes i Portillo</title>
	<link>https://www.lluisribes.net/tag/nova/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Renovació de la web</title>
		<link>https://www.lluisribes.net/2020/12/13/renovacio-de-la-web/</link>
		
		<dc:creator><![CDATA[lluisribes]]></dc:creator>
		<pubDate>Sun, 13 Dec 2020 13:09:00 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<category><![CDATA[docker]]></category>
		<category><![CDATA[https]]></category>
		<category><![CDATA[nova]]></category>
		<category><![CDATA[nuevo]]></category>
		<category><![CDATA[web]]></category>
		<guid isPermaLink="false">https://www.lluisribes.net/?p=4475</guid>

					<description><![CDATA[<p>Aquest cap de setmana s&#8217;ha fet la renovació de la web després del darrer canvi el 2015. Molts canvis interns i tecnològics i també d&#8217;estructuració. Primer us comentaré els canvis d&#8217;estructuració i després els que fan referència a tecnologia del web. Estructuració 3 seccions Torna al format de bloc, és a dir, la pàgina inicial ... </p>
<p class="read-more-container"><a title="Renovació de la web" class="read-more button" href="https://www.lluisribes.net/2020/12/13/renovacio-de-la-web/#more-4475" aria-label="Més informació sobre Renovació de la web">Llegir més...</a></p>
<p>L'entrada <a href="https://www.lluisribes.net/2020/12/13/renovacio-de-la-web/">Renovació de la web</a> ha aparegut primer a <a href="https://www.lluisribes.net">Lluís Ribes i Portillo</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Aquest cap de setmana s&#8217;ha fet la renovació de la web després del darrer canvi el 2015. Molts canvis interns i tecnològics i també d&#8217;estructuració. Primer us comentaré els canvis d&#8217;estructuració i després els que fan referència a tecnologia del web. </p>



<h2 class="wp-block-heading">Estructuració</h2>



<h3 class="wp-block-heading">3 seccions</h3>



<p>Torna al format de bloc, és a dir, la pàgina inicial <strong>www.lluisribes.net</strong> torna a tenir els darrers articles escrits com a contingut principal. L&#8217;objectiu és facilitar l&#8217;accés més ràpid del contingut que més es consumeix com són els darrers articles publicats. I també per facilitar la lectura, <strong>s&#8217;elimina la càrrega infinita</strong>; torna la paginació que ens permet arribar als articles més antics d&#8217;una forma més còmoda. Però es manté en el racó superior dret un botó que ofereix informació meva a Internet així com un accés directe a les<strong> tres categories principals <a href="https://www.lluisribes.net/category/poemes/">Poemes</a>, <a href="https://www.lluisribes.net/category/fotos/">Fotos </a>i <a href="https://www.lluisribes.net/category/viatges/">Viatges</a></strong>. Aquestes tres categories, són les categories d&#8217;articles que aquests últims anys han tingut més presència:</p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img fetchpriority="high" decoding="async" src="https://www.lluisribes.net/wp-content/uploads/2020/12/image.png" alt="Total d'articles per anys segons categories." class="wp-image-4476" width="543" height="340" title="Anàlisi Categoria" srcset="https://www.lluisribes.net/wp-content/uploads/2020/12/image.png 1199w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-300x188.png 300w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-768x480.png 768w" sizes="(max-width: 543px) 100vw, 543px" /><figcaption><strong>Total d&#8217;articles</strong> Vermell: Viatges | Verd: Fotos | Groc: Poemes</figcaption></figure></div>



<p> A més a més, per cada una d&#8217;aquestes categories s&#8217;ha creat una secció al web adaptada a la consulta del seu contingut. </p>



<h3 class="wp-block-heading">Nou cercador</h3>



<p>I la darrera millora respecte a l&#8217;estructuració és la incorporació d&#8217;un <strong>nou cercador</strong> que mostra resultats alhora que introdueixes les paraules de cerca, permet fer servir filtres i pot ser predictiu. Aquest cercador està disponible amb una configuració especial a cada una de les tres seccions anteriors per obtenir resultats més precisos. </p>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large is-resized"><img decoding="async" src="https://www.lluisribes.net/wp-content/uploads/2020/12/image-1.png" alt="" class="wp-image-4477" width="676" height="313" srcset="https://www.lluisribes.net/wp-content/uploads/2020/12/image-1.png 1157w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-1-300x139.png 300w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-1-768x355.png 768w" sizes="(max-width: 676px) 100vw, 676px" /><figcaption><strong>Nou cercador</strong></figcaption></figure></div>



<p>Amb l&#8217;estructura tot l&#8217;altre queda igual: la <strong>possibilitat de Subscripció</strong> perquè us arribi una notificació al correu dels nous articles, un <strong>disseny minimalista</strong> totalment <strong>responsiu al mòbil</strong> i la secció <a href="https://www.lluisribes.net/archivo/" target="_blank" rel="noreferrer noopener"><strong>Arxiu</strong> </a>a on (a part del cercador millorat) podeu trobar els més de 830 articles creats aquests quinze anys. </p>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-image is-style-default"><figure class="alignright size-large is-resized"><img decoding="async" src="https://www.lluisribes.net/wp-content/uploads/2020/12/image-2.png" alt="" class="wp-image-4479" width="528" height="511" srcset="https://www.lluisribes.net/wp-content/uploads/2020/12/image-2.png 866w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-2-300x291.png 300w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-2-768x744.png 768w" sizes="(max-width: 528px) 100vw, 528px" /><figcaption><strong>Visualització escriptori</strong></figcaption></figure></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-image is-style-default"><figure class="alignleft size-large is-resized"><img loading="lazy" decoding="async" src="https://www.lluisribes.net/wp-content/uploads/2020/12/image-3.png" alt="" class="wp-image-4480" width="293" height="524" srcset="https://www.lluisribes.net/wp-content/uploads/2020/12/image-3.png 373w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-3-168x300.png 168w" sizes="auto, (max-width: 293px) 100vw, 293px" /><figcaption><strong>Visualització mòbil</strong></figcaption></figure></div>



<p></p>
</div>
</div>



<h3 class="wp-block-heading">Anàlisis</h3>



<p>I abans d&#8217;anar als canvis tecnològics, us comparteixo dades dels<strong> </strong>articles.</p>



<p>Amb diferència l&#8217;any que vaig escriure més articles va ser el 2006 i el que menys l&#8217;any passat 2019:</p>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.lluisribes.net/wp-content/uploads/2020/12/image-4.png" alt="" class="wp-image-4482" width="667" height="337" srcset="https://www.lluisribes.net/wp-content/uploads/2020/12/image-4.png 1494w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-4-300x152.png 300w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-4-768x389.png 768w" sizes="auto, (max-width: 667px) 100vw, 667px" /><figcaption><strong>Articles per any</strong></figcaption></figure></div>



<p>Els mesos que més he escrit en aquests quinze anys són els de tardor i hivern (destaca una mica agost).</p>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.lluisribes.net/wp-content/uploads/2020/12/image-5.png" alt="" class="wp-image-4483" width="648" height="388" srcset="https://www.lluisribes.net/wp-content/uploads/2020/12/image-5.png 1322w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-5-300x180.png 300w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-5-768x460.png 768w" sizes="auto, (max-width: 648px) 100vw, 648px" /><figcaption><strong>Articles per mes</strong> cada color és un any</figcaption></figure></div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.lluisribes.net/wp-content/uploads/2020/12/image-8.png" alt="" class="wp-image-4486" width="661" height="169" srcset="https://www.lluisribes.net/wp-content/uploads/2020/12/image-8.png 1050w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-8-300x77.png 300w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-8-768x197.png 768w" sizes="auto, (max-width: 661px) 100vw, 661px" /><figcaption><strong>Articles segons el mes i l&#8217;any</strong> amb temperatura de color</figcaption></figure></div>



<p>El dia de la setmana que més he publicat és el diumenge i el que menys el divendres (per què serà?).</p>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.lluisribes.net/wp-content/uploads/2020/12/image-6.png" alt="" class="wp-image-4484" width="649" height="372" srcset="https://www.lluisribes.net/wp-content/uploads/2020/12/image-6.png 1319w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-6-300x172.png 300w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-6-768x441.png 768w" sizes="auto, (max-width: 649px) 100vw, 649px" /><figcaption><strong>Articles per dia de la setmana</strong> cada color és un any</figcaption></figure></div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.lluisribes.net/wp-content/uploads/2020/12/image-7.png" alt="" class="wp-image-4485" width="631" height="135" srcset="https://www.lluisribes.net/wp-content/uploads/2020/12/image-7.png 820w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-7-300x64.png 300w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-7-768x164.png 768w" sizes="auto, (max-width: 631px) 100vw, 631px" /><figcaption><strong>Articles segons el dia i el mes</strong> amb temperatura de color</figcaption></figure></div>



<p>I si situem les etiquetes que localitzen geogràficament molts dels articles surt el següent mapa:</p>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.lluisribes.net/wp-content/uploads/2020/12/image-9.png" alt="" class="wp-image-4487" width="884" height="509" srcset="https://www.lluisribes.net/wp-content/uploads/2020/12/image-9.png 1347w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-9-300x173.png 300w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-9-768x443.png 768w" sizes="auto, (max-width: 884px) 100vw, 884px" /><figcaption><strong>Situació geogràfica d&#8217;etiquetes</strong></figcaption></figure></div>



<h2 class="wp-block-heading">Tecnologia</h2>



<p>Respecte a la tecnologia hi ha hagut canvis més profunds. Des del 2015 el web està allotjat per mi (abans estava a la plataforma de blocs <a href="https://www.blogger.com" target="_blank" rel="noreferrer noopener">Blogger</a>) i per tant no només m&#8217;encarrego d&#8217;escriure articles i estructurar-los sinó de gestionar l&#8217;allotjament que executa el codi del web i emmagatzema totes les dades perquè estigui 24/7 funcionant. I ja porta uns quants canvis al respecte. Aquest cop, <strong>tota la web continua al mateix allotjament</strong> (és a dir, servidors) situats a Alemanya, però internament hi ha hagut un petit sidral.</p>



<h3 class="wp-block-heading">HTTPS</h3>



<p>Definitivament s&#8217;ha <strong>activat per defecte la comunicació segura i confidencial <a href="https://ca.wikipedia.org/wiki/HTTPS" target="_blank" rel="noreferrer noopener">HTTPS</a></strong><a href="https://ca.wikipedia.org/wiki/HTTPS" target="_blank" rel="noreferrer noopener"> </a>entre el navegador (com el que ara estàs fent servir) i el web. No sóc un entusiasta de fer servir HTTPS quan el contingut no és privat o sensible, però des de fa uns anys és l&#8217;estàndard i cada cop més es penalitzen les webs (a vegades amb missatges que espanten l&#8217;usuari) que no ofereixen navegació segura HTTPS.</p>



<h3 class="wp-block-heading">Contenidors Docker</h3>



<p>Segurament el repte més gran, i de fet que m&#8217;ha portat més treball, ha estat migrar cap al <strong>model de computació basat en <a href="https://ca.wikipedia.org/wiki/Docker" target="_blank" rel="noreferrer noopener">contenidors</a></strong>. Això dóna per escriure per hores, però per simplificar-ho és quelcom com que el conjunt de la web està estructurat en una sèrie de contenidors (com les d&#8217;un port de vaixells). Cada contenidor té una funcionalitat concreta preparada per especialistes i pots canviar-los d&#8217;una forma transparent. Per exemple, tens una base de dades que s&#8217;ha quedat antiga: demanes el contenidor més actualitzat de base de dades, te&#8217;l descarregues (com si fos el vaixell que arriba a port) i canvies el contenidor nou pel vell sense haver de preparar-ho ni tocant les teves dades que tens ja funcionant. Només connectes el contenidor nou en els teus servidors i la màgia es fa. De moment ha funcionat i aquests dies he pogut actualitzar serveis d&#8217;una forma ràpida i neta.</p>



<h3 class="wp-block-heading">WordPress</h3>



<p>Un altra millora ha estat en el mateix gestor de continguts, <strong>el <a href="https://ca.wikipedia.org/wiki/WordPress" target="_blank" rel="noreferrer noopener">WordPress</a>. S&#8217;ha actualitzat dues versions senceres</strong>, així com les extensions adquirides fa cinc anys. Tot això, amb la suma de l&#8217;aplicació de contenidors ha obligat fer una migració de dades dels 830 articles i tot el seu contingut associat així com tornar a reconfigurar-ho tot per mantenir l&#8217;estil i funcionalitats que volia mantenir de l&#8217;anterior web. De fet, la web és molt semblant a l&#8217;anterior però per dintre radicalment diferent. Ara és <strong>més modern a ulls d&#8217;Internet i el Sr. Google</strong>, que és molt important, <strong>més ràpid </strong>(considerablement més ràpid a l&#8217;hora de crear un article) i <strong>més segura</strong>.</p>



<h3 class="wp-block-heading">Lliure de tracistes i anuncis</h3>



<p>Ja feia un temps que vaig decidir que el web www.lluisribes.net no tingués cap sistema que pogués extreure informació dels usuaris i enviar la informació a tercers per poder fer negoci. Definitivament aquesta nova versió<strong> prescindeix de Google Analítics i altres eines d&#8217;anàlisi d&#8217;audiència,</strong> o de botons per compartir a xarxes socials o altres funcionalitats que amaguen un segon objectiu d&#8217;obtenir amb galetes o altres sistemes informació del visitant per vendre&#8217;ls als anunciants. Això sumat que tot està allotjat en un sistema de la meva propietat em permet tenir la web neta de qualsevol ús il·lícit de les teves dades. Com a referència el panell de control del navegador <a href="https://cliqz.com/en/privacy" target="_blank" rel="noreferrer noopener nofollow">CliqZ</a>, que quan navegues per <strong>www.lluisribes.net</strong> el resultat és 0 elements intrusius:</p>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.lluisribes.net/wp-content/uploads/2020/12/image-10.png" alt="" class="wp-image-4496" width="236" height="333" srcset="https://www.lluisribes.net/wp-content/uploads/2020/12/image-10.png 396w, https://www.lluisribes.net/wp-content/uploads/2020/12/image-10-213x300.png 213w" sizes="auto, (max-width: 236px) 100vw, 236px" /><figcaption>Neta de tracistes</figcaption></figure></div>



<p>Així i tot hi ha dos matisos. Un, si et subscrius, (cosa que t&#8217;animo), <a href="https://support.google.com/feedburner/answer/78982?hl=en" target="_blank" rel="noreferrer noopener nofollow">ho fas a través del servei de FeedBurner</a>, i FeedBurner és de Google encara que assegura que és un servei totalment gratuït i sense cap intenció de lucre&#8230;. Dos, quan navegues pel meu web sempre travesses una xarxa d&#8217;ordinadors d&#8217;una companyia americana que cotitza en borsa i que controla el 20% del que passa a Internet. Si vet aquí cobra sentit la navegació HTTPS i el negoci de la companyia no es basa a obtenir informació personal dels usuaris, controlar el 20% del trànsit és massa informació per no fer-ho d&#8217;amagat.</p>



<p>Al mateix temps altres tasques de manteniment s&#8217;han fet com la revisió de les còpies de seguretat, que continuen funcionant i la revisió de SEO. </p>



<h3 class="wp-block-heading">Conclusió</h3>



<p>Una feinada. I no estic del tot segur que la part de contingut funcioni, però crec que durant els pròxims mesos aniré afinant les etiquetes i categories així com les fotografies. Avui m&#8217;he descarregat les meves 4.000 fotografies del meu compte de <a href="https://ca.wikipedia.org/wiki/Flickr" target="_blank" rel="noreferrer noopener nofollow">Flickr </a>després d&#8217;una petició que he fet. Hi ha un bon grapat de fotos que m&#8217;agradaria tornar-les a mostrar. També he de donar-li volta a les gravacions que pujo dient poemes. </p>



<p>Però hi ha bona feina perquè mantinc <strong>una web neta, lleugera, sota el meu control i sobretot conservant l&#8217;històric de quinze anys publicant</strong>. I la diferència de to, de color, del contingut entre diferents etapes és un exercici interessant de mantenir. </p>



<p>Per acabar, una cita que vaig <a href="https://www.lluisribes.net/2012/02/12/lluisr-blogspot-com-ahora-es-blog-lluisribes-net/">publicar arran d&#8217;uns canvis que vaig fer el 2012</a>:</p>



<blockquote class="wp-block-quote has-text-align-left is-style-default is-layout-flow wp-block-quote-is-layout-flow"><p>“La tortuga pot parlar més del camí que la llebre”</p><cite><a href="https://es.wikipedia.org/wiki/Gibran_Jalil_Gibran"><em>Khalil Gibran</em></a></cite></blockquote>



<p></p>
<p>L'entrada <a href="https://www.lluisribes.net/2020/12/13/renovacio-de-la-web/">Renovació de la web</a> ha aparegut primer a <a href="https://www.lluisribes.net">Lluís Ribes i Portillo</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
