Presentació que va servir de fil conductor al debat organitzat per Digitals Girona sobre WordPress el 10/10/2013. La presentació ja inclou les aportacions del debat.
Una petita explicació de què és l'HTML5, què incorpora i quina alternativa representa davant de tecnologies com Flash, Flex o Silverlight.
Al final es presenta una sèrie d'idees per la seva integració dins del món del Drupal, tant pel que fa a les plantilles com a mòduls.
DataViz for non-coders: Plotly chart studioSergi Albert
Speaker's Corner sobre "Visualització de Dades interactiva i reproduïble per a no-programadors: Plotly Chart Studio"
AQuAS 10/07/2019
Sergi Ballestar
@sergiballestar
Resum amb aportacions pròpies sobre la ponència que ens ha donat el mestre Alfons Cornella entorn de la innovació. Interessants apunts sobre el que cal fixar-nos per crear un bon servei.
De la mano de la eclosión de la denominada web 2.0 han proliferado nuevas maneras de organizarse y agruparse en torno a distintas motivaciones o intereses. Son las llamadas comunidades virtuales. Pero ¿todas lo son realmente? ¿Sabemos cuál es la diferencia entre una red social virtual y una comunidad virtual? Y ¿qué tipos de comunidades hay? ¿Qué son las comunidades de aprendizaje? Y ¿ las de práctica? Y ¿las de interés?
Una guia de coses importants que cal recordar i que permeten que la creació i la gestió d'una empresa tinguin moltes probabilitats de tenir èxit.
Recull a partir de formació pròpia i d'experiència d'altres usuaris.
1. WordPress, present i futur?
Josep Comas
Digitals Girona, 10 d’octubre de 2013
v1.1www.digitalsgirona.org
2. Evolució
Font: Google Trends, accés 10/10/13,
http://www.google.com/trends/explore?q=drupal%2C+joomla%2C+wordpress#q=drupal%2C%20joomla%2C%20wordpress&cmpt=q
3. Per què WordPress ?
• Senzillesa en:
– instal·lació
– interfície administrativa
– programació
– disseny
• Àmpliament utilitzat -> molts plugins, més
probabilitat de trobar coses que s’adaptin al
teu sector (ex: sector immobiliari), més dubtes
resolts...
Lectura addicional: http://mikeschinkel.com/blog/17-reasons-wordpress-is-a-better-cms-than-drupal/ ,
http://www.cubrid.org/blog/dev-platform/comprehensive-overview-of-top-14-content-management-systems/
4. Per a què podem fer servir WordPress?
Encara que WordPress sorgís originalment per
muntar blocs, el seu ús s’ha estès per dissenyar
webs de tot tipus, incloent catàlegs de
productes, botiga online, etc.
5. A tenir en compte
• Requisits hosting
• Multi-idioma
• SEO (urls, títols, descripcions, paraules clau,
sitemap)
• Seguretat (vulnerabilitats, configuració segura)
• Disseny (temes)
• Optimització
• Multi-domini
6. Requisits hosting
• PHP versió 5.2.4 o més gran
• MySQL versió 5.0 o més gran
• Preferible tenir almenys memòria RAM
reservada de 512MBytes i cpu per uns 25
processos
Font: http://wordpress.org/about/requirements/
8. SEO
• Dos grans plugins:
– All in One SEO Pack http://wordpress.org/plugins/all-
in-one-seo-pack/
Incorpora mòdul Sitemap que només cal activar
– WordPress SEO by Yoast
http://wordpress.org/plugins/wordpress-seo/
• Recomanacions:
https://support.google.com/webmasters/answer
/35769?hl=en
• Eina molt útil: http://moz.com/
10. Disseny
• Opcions de compra
– Acudir a professionals
– Adquirir temes (ex:
http://themeforest.net/popular_item/by_category?catego
ry=wordpress , demo d’un bon tema http://theme-
fusion.com/avada/)
• Desenvolupament:
– Temes: http://codex.wordpress.org/Theme_Development
– Temes fills (child)
http://codex.wordpress.org/Child_Themes
http://wp.tutsplus.com/tutorials/theme-
development/child-themes-basics-and-creating-child-
themes-in-wordpress/
11. Optimització (I)
• En un sol servidor:
W3 Total Cache http://wordpress.org/plugins/w3-total-
cache/
(podem configurar addicionalment CDN,
WP Super Cache està bé però optimitza poques coses)
Com configurar-lo: http://www.reginaldchan.net/guide-for-
dummies-how-to-setup-your-wordpress-w3-total-cache-
correctly/
• Web repartida en varis llocs:
Batcache http://wordpress.org/plugins/batcache/
Lectura addicional: http://betterexplained.com/articles/how-
to-optimize-your-site-with-http-caching/
12. Optimització (II)
• Eines per examinar la velocitat de la web:
– PageSpeed
https://developers.google.com/speed/pagespeed
– Gtmetrix http://gtmetrix.com/
– WebPageTest http://www.webpagetest.org/
• Comparar quina web carrega més ràpid:
http://whichloadsfaster.com/
• Testejar rendiment localment:
ab -kc 10 -n 1000 http://www.digitalsgirona.org/
(sempre / al final)
13. Optimització (III)
• Imatges: jpegtran, optipng, pngout
Script en Windows per optimitzar vàries imatges de cop:
@echo off
echo "Optimitzant JPEG..."
FOR /F "tokens=*" %%i IN ('dir /s /b *.jpg') DO jpegtran.exe -optimize -progressive "%%i" "%%i2"
echo "Optimitzant PNG, programa 1..."
FOR /F "tokens=*" %%i IN ('dir /s /b *.png') DO optipng.exe -o4 -i0 -fix "%%i"
echo "Optimitzant PNG, programa 2..."
FOR /F "tokens=*" %%i IN ('dir /s /b *.png') DO pngout.exe "%%i"
echo "Optimitzant GIF..."
FOR /F "tokens=*" %%i IN ('dir /s /b *.gif') DO pngout.exe "%%i" /kp
14. Multi-domini
• Podem treballar amb subdominis o subdirectoris:
http://codex.wordpress.org/Create_A_Network
• Quan convé o no emprar multi-domini:
http://mashable.com/2012/07/26/beginner-guide-
wordpress-multisite/
15. Plugins
• A tenir present:
– Utilitzar els més populars (suport futur)
– Els mínims imprescindibles (seguretat)
• Els més populars per nombre de descàrregues:
http://plugintable.com/
• Els més populars segons WordPress:
http://wordpress.org/plugins/browse/popular/
17. Addicional (II)
• Controlar des d’un mateix lloc vàries
instal·lacions de WordPress:
http://wordpress.org/plugins/wpremote/
http://infinitewp.com/
• Quan necessitem provar un WordPress en un
altre lloc:
http://wordpress.org/plugins/wp-migrate-db/
18. Addicional (III)
• Redireccions (enllaços de web antiga a nova):
http://wordpress.org/plugins/quick-pagepost-redirect-
plugin/
• Restringir accés a certes pàgines:
http://wordpress.org/plugins/s2member/
• Gestió avançada de permisos:
http://wordpress.org/plugins/advanced-access-
manager/
• Importació d’usuaris:
http://wordpress.org/plugins/import-users-from-csv/
• Veure com estan fetes altres pàgines de Wordpress:
http://www.wpthemedetector.com/
19. FAQ
• Com afegir una línia en blanc quan l’editor les treu:
<code> </code>
• Com controlar l’SPAM en comentaris a articles?
Activar el plugin Akismet que ve de sèrie amb les
últimes versions de WordPress