Diferència entre revisions de la pàgina «M8 - Aplicacions web / Activitats UF3: Gestors de continguts»

De wikiserver
Dreceres ràpides: navegació, cerca
(→‎Portal temàtic amb Joomla! (80 %))
(→‎PROJECTE: Portal temàtic amb Wordpress (80 %))
 
(48 revisions intermèdies per 2 usuaris que no es mostren)
Línia 7: Línia 7:
 
===Windows Server===
 
===Windows Server===
  
−
:* Instal·la Joomla! sobre un Windows Server.
+
:* Instal·la Joomla! sobre un Windows Server. Cerca documentació.
  
−
:::<span style="color:red">Per a aquesta activitat cal elaborar un document amb tots els passos de les instal·lacins i les decisions preses, i penjar-lo al moodle, en format '''pdf''', en l'apartat corresponent.</span>
+
===Hosting===
  
−
==Portal temàtic amb Joomla! (80 %)==
+
:*Instal·la Joomla en un hosting d'Internet gratuït que tingui suport per a Joomla.
  
 +
:::<span style="color:red">Per a aquesta activitat cal elaborar un document amb tots els passos de les instal·lacions i les decisions preses, i penjar-lo al moodle, en format '''pdf''', en l'apartat corresponent.</span>
 +
 +
==PROJECTE: Portal temàtic amb Wordpress (80 %)==
 +
:*Començarem instal·lant el Wordpress cercant i investigant com es pot fer".
 +
:*Continuarem la pràctica amb la familiarització i l'ús dels components de Wordpress. Podem fer-ho mitjançant aquesta pàgina:
 +
[http://www.mclibre.org/consultar/webapps/lecciones/wordpress.html Apunts i exercicis d'aplicacions Web ASIR IES Abastos-Wordpress (Valencia)]
 +
:*Crear un portal temàtic amb Wordpress:
 +
· Pensar un projecte a desenvolupar sigui personal o aliè.
 +
· Utilitzar una plantilla gratuïta a poder ser Responsive (no és obligatori però sí que comptarà bastant per nota).
 +
· El portal ha de tenir els següents apartats (mínim): '''Inici - Qui sóc/Sobre mi/Qui som/Sobre nosaltres - Galeria/Portfoli  - Blog - Contacta'''
 +
  En Inici hi haurà una descripció general de la pàgina. S'haurà de mostrar un Slider a la capçalera. El segon apartat contindrà informació més acurada de l'empresa, persona, etc... En el tercer hi haurà una galeria d'imatges-vídeos en format portfoli a poder ser. En el quart hi haurà un blog amb post que s'aniran publicant per data i amb capacitat d'acceptar comentaris. Finalment l'apartat de Contacta contindrà les dades bàsiques de contacte. També hem d'incloure un formulari bàsic que enviarà les dades a un correu i també un mapa amb un widget de Google Maps.
 +
· En algun lloc de la pàgina s'haurà de posar l'accés a les xarxes socials amb les principals icones (Facebook, Twitter, Instagram...) si és que en teniu.
 +
· Instal·lar també un complement per les còpies de seguretat. Fer una còpia de seguretat del portal en local de manera manual per si un cas. Deixar la còpia en public_html amb el nom:
 +
    '''backup_usuari_dataqueesfalacopia''' Ex: '''backup_12345678x_05042020''' (on 05042020 és el 5 d'abril de 2020).
 +
  Després podem provar el complement per fer còpies a veure que succeeix.
 +
· Cal que el vostre lloc Web estigui protegit, per tant busqueu un plug-in de seguretat que permeti, entre altres coses, canviar la url:
 +
    '''~url_del_vostre_hosting/wordpress/wp-admin per '~url_del_vostre_hostingwordpress/gestionar'''
 +
  - Canviar també l'usuari admin o administrador per un altre usuari amb permisos d'administrador però que es digui diferent.
 +
  - Crear un altre usuari profe amb perfils d'administrador i passar-nos les credencials als professors.
 +
  - Provar altres eines de seguretat del plugin instal·lat.
 +
· Per nota! Migració del portal en un altre servidor: Utilitza els recursos que siguin necessaris per migrar tot el portal en un altre servidor (pot ser un servidor muntat en una MV) i que funcioni de manera transparent. Tinguis en compte que el servidor nou ha de suportar Apache, PHP, MySQL i WordPress.
 +
 +
 +
:*'''Documentar els passos a seguir''' en la construcció del portal. La documentació '''ha de constar d'un índex i dels diferents apartats que creieu convenients''' on es vegi reflectit tot el procés des de la instal·lació del Wordpress, plantilles, plug-ins, menús, galeries, etc... La '''documentació''' ha d'estar '''ben presentada i sense faltes d'ortografia'''. L'idioma pot ser indistintament en '''català o castellà'''. 
 +
<!--
 
:::<span style="color:red">cal elaborar un document i penjar-lo al moodle, en format '''pdf''', en l'apartat corresponent, explicatiu de tot el que s'ha fet en la creació del portal.</span>
 
:::<span style="color:red">cal elaborar un document i penjar-lo al moodle, en format '''pdf''', en l'apartat corresponent, explicatiu de tot el que s'ha fet en la creació del portal.</span>
  
−
::: Els requisits  mínims del portal els torbareu a:
+
'''Escull un tema que sigui del teu interès sobre el que desenvolupar el portal.'''
 +
 
 +
===[http://aplicacionesw2smr.blogspot.com.es/2015/03/ejercicios-t6.html Administració]===
 +
 
 +
:*Des de la interfície de administració accedeix a Editar perfil i personalitza l'entorn amb les configuracions bàsiques, estil, idiomes, editor, lloc d'ajuda i zona horària.
 +
 
 +
:*Accedeix a Lloc/Configuració global i revisa la configuració global mitjançant totes les seves pestanyes: Lloc, Sistema, Servidor, Permisos i Filtre de text.
 +
 
 +
:*Fes un manteniment general, revisa la base de dades, neteja la memòria cau i purga la memòria cau expirada.
 +
 
 +
:* Accedeix a LLoc/Informació del sistema i revisa les diferents pestanyes, inclosa la informació sobre PHP.
 +
 
 +
===Categories i articles===
 +
 
 +
:*Crea les categories i subcategories adients per organitzar els articles del portal.
 +
 
 +
:*Crea articles adients corresponents a la temàtica del portal i classifica'ls en la categoria que els correspongui.
 +
 
 +
===Plantilles===
 +
 
 +
:*Instal·leu una plantilla responsive.
 +
 
 +
===Menús===
 +
 
 +
Creeu els menús oportuns per a la navegació del portal:
 +
 
 +
:* Menús segons tipus d'usuari (Public, Registrat o Especial).
 +
 
 +
:* Menús contextuals, que només es presentaran en funció de la plana que s’estigui visualitzant.
 +
 
 +
:* Creeu com a mínim els següents items de menú:
 +
 
 +
::* Format de categories d’un bloc.
 +
 
 +
::* Format de categoria.
 +
 
 +
::* Format de portada en un bloc.
 +
 
 +
::* Item inici de la portada principal.
 +
 
 +
::* Contactes: ha d’haver dos contactes com a mínim pertanyents a la mateixa categoria.
 +
 
 +
::* Embolcall.
 +
 
 +
::* Enllaços web de diferents webs relacionades amb el contingut del portal.
 +
 
 +
===Banners===
 +
 
 +
::*Creeu un banner del vostre portal.
 +
 
 +
::*Inseriu en el vostre portal el banner de dos companys.
 +
 
 +
===Foros===
 +
 
 +
::*Podeu instal·lar Kunena o qualsevol altre que vulgueu. Cal que investigueu el funcionament del foro i utilitzeu les seves funcions.
 +
 
 +
===Extensions===
 +
 
 +
:Instal·lelu les següents extensions:
 +
 
 +
::*Comptador de visites.
 +
 
 +
::* Enquesta sobre el contingut del portal.
 +
 
 +
::*Un formulari.
 +
 
 +
::*Ultimes notícies del portal.
 +
 
 +
::*Google maps amb la ubicació "fictícia" de la vostre empresa.
 +
 
 +
::*Google analytics
 +
 
 +
:Instal·leu les extensions que creieu oportunes per a donar una major vistositat i funcionalitat al vostre portal. Un mínim de tres.
 +
 
 +
===Còpia de seguretat===
 +
 
 +
::*Instal·leu un complement per a fer les còpies de seguretat.
 +
 
 +
::*Feu una còpia de seguretat del portal local. Deixeu aquesta còpia a public_html.
 +
 
 +
===Migració del portal a un altre servidor===
  
−
*Instal·lació de Jommla! en el servidor Ubuntu-Server del departament:
+
::*Pujar la còpia de seguretat al servidor de la pràctica 1 i instal·leu-la.
  
−
::Creació de l’usuari en el servidor.
+
::*Indiqueu quins problemes apareixen i per què?. Solucioneu-los.
−
::Creació de la base de dades i permisos en el servidor.
 
−
::Instal·lació de Jommla! en la carpeta public.html.
 
  
−
<Els apartats anteriors cal fer-los amb el professor>
+
===Aportacions===
  
 +
::*Es valoraran aquells elements afegits que aportin valor a la pàgina'''
 +
 +
===Coherència i Disseny===
 +
 +
::*Es valorarà la coherència del portal i el seu disseny.
 +
 +
<!--
 
'''Requisits mínims del portatl:'''
 
'''Requisits mínims del portatl:'''
 +
  
 
El portal ha de presentar un mínim de 3 planes web i ha de ser [http://magazine.joomla.org/es/ediciones-anteriores/dic-2013/item/1657-multilenguaje-y-seo-con-joomla-3-2 bilingüe].
 
El portal ha de presentar un mínim de 3 planes web i ha de ser [http://magazine.joomla.org/es/ediciones-anteriores/dic-2013/item/1657-multilenguaje-y-seo-con-joomla-3-2 bilingüe].
Línia 34: Línia 145:
  
 
::'''2.1.'''Comproveu el funcionament del correu.
 
::'''2.1.'''Comproveu el funcionament del correu.
−
<!--
+
 
 
<pre>
 
<pre>
 
     Enviar correu:                Sí
 
     Enviar correu:                Sí
Línia 47: Línia 158:
 
     Allotjament SMTP:            smtp.gmail.com
 
     Allotjament SMTP:            smtp.gmail.com
 
</pre>
 
</pre>
−
-->
+
 
 
:'''3. Creeu usuaris amb diferents perfils:'''
 
:'''3. Creeu usuaris amb diferents perfils:'''
  
Línia 126: Línia 237:
 
:'''Aportacions: Es valoraran aquells elements afegits que aportin valor a la pàgina'''
 
:'''Aportacions: Es valoraran aquells elements afegits que aportin valor a la pàgina'''
  
−
:Coherència i Disseny: Es valorà la coherència del portal i el seu disseny.
+
:'''Coherència i Disseny: Es valorà la coherència del portal i el seu disseny.'''
 +
-->
  
 
==Entregues==
 
==Entregues==
−
 
+
Les entregues s'aniran publicant al Moodle de l'assignatura.
 +
<!--
 
::::::::<span style="color:red">És molt important que respecteu les dates d'entrega.</span>
 
::::::::<span style="color:red">És molt important que respecteu les dates d'entrega.</span>
  
Línia 146: Línia 259:
 
|
 
|
 
|-
 
|-
−
|Creació d'un portal temàtica en Joomla!
+
|Creació d'un portal temàtica en Wordpress
 
|UF3A3
 
|UF3A3
 
|
 
|
 
|}
 
|}
 +
-->
 +
<!--
 +
==REVISAR Joomla! ( %)==
 +
 +
https://manualesjoomla.es/blog/45-5-ajustes-basicos-que-debes-hacer-tras-instalar-joomla
 +
 +
Acabada la instal·lació de Joomla! en espanyol mitjançant l'instal·lador multiidioma i abans de començar el projecte web es important seguir els següents 7 passos que faran que el teu projecte sigui més fàcil:
 +
 +
Joomla! viene con una configuración optimizada para funcionar en la mayoría de los servidores, pero posiblemente puedas  sacar más de tu servidor y evitar problemas en el futuro si sigues estos sencillos pasos nada más empezar tu proyecto.
 +
 +
1. Renombrar htaccess.txt
 +
 +
Si estás en un servidor Apache cambia el nombre del fichero htaccess.txt de la carpeta donde se encuentra tu Joomla! por .htaccess Esto activará una serie de configuraciones de tu servidor que entre otras cosas protegerán a tu sitio de ataques comunes y lo harán un poco más seguro.
 +
 +
2. Eliminar ficheros distribución
 +
 +
Joomla! viene con una serie de ficheros donde indican las licencias de uso o ejemplos para otros ficheros de configuración del servidor. Si bien es preciso revisar las licencias del software y estar de acuerdo con ellas, no es necesario mantenerlas en el sitio web ocupando espacio innecesario y simplemente rellenando el directorio principal. Estos son los ficheros que puedes borrar tranquilamente:
 +
 +
/robots.txt.dist
 +
/web.config.txt
 +
/joomla.xml
 +
/LICENSE.txt
 +
/README.txt
 +
/htaccess.txt (Sólo si no lo vas a renombar como explicamos en el punto anterior)
 +
/LICENSES.php
 +
/configuration.php-dist
 +
/CHANGELOG.php
 +
/COPYRIGHT.php
 +
/CREDITS.php
 +
3. Cambiar zona horaria
 +
 +
En la Configuración Global de Joomla, en la pestaña Servidor puedes elegir la zona horaria por la que quieres que se rija tu sitio. Esto es necesario para por ejemplo usar la autopublicacion de módulos por fecha.
 +
 +
4. Activar la reescritura de URL
 +
 +
Si pudiste renombrar el fichero htaccess y tu sitio funciona perfectamente, entonces activa la reescritura de URLs en la Configuración Global de Joomla. Esto eliminará el "index.php" de tus URLs.
 +
 +
5. Ver los mensajes post instalación
 +
 +
El proyecto Joomla! se comunica contigo a través de estos mensajes con información relevante sobre la instalación de Joomla! que acabas de hacer así que revisa esos mensajes y sigue sus consejos porque suelen ser buenas ideas para tu sitio. Además hasta que no veas los mensajes y los marques como ocultos, te aparecerá ese molesto mensaje en el panel de control de tu Joomla!.
 +
 +
6. Instalar tu editor de texto favorito
 +
 +
El editor de texto que trae Joomla! (TinyMCE) está bastante bien, pero posiblemente se te quede corto. Sea cual sea el editor de texto que más te guste instálalo y configura Joomla! para que lo utilice de forma predeterminada. Esto te ahorrará tener que trabajar con un editor de texto con el que no estás acostumbrado.
 +
 +
7. Configura las copias de seguridad de tu sitio
 +
 +
Quizá te pueda parecer un poco tonto configurar una copia de seguridad en un sitio recién instalado, pero si configuras ahora tu estrategia de copias de seguridad, evitarás sorpresas desagradables en caso de problemas mientras desarrollas el sitio. Yo soy un fan incondicional de Akeeba Backup y es la herramienta que te recomiendo ;).
 +
-->

Revisió de 13:02, 4 març 2021

Instal·lació Joomla! (20 %)

Ubuntu Server

  • Instal·la Joomla! sobre un Ubuntu Server. Cerca documentació.

Windows Server

  • Instal·la Joomla! sobre un Windows Server. Cerca documentació.

Hosting

  • Instal·la Joomla en un hosting d'Internet gratuït que tingui suport per a Joomla.
Per a aquesta activitat cal elaborar un document amb tots els passos de les instal·lacions i les decisions preses, i penjar-lo al moodle, en format pdf, en l'apartat corresponent.

PROJECTE: Portal temàtic amb Wordpress (80 %)

  • Començarem instal·lant el Wordpress cercant i investigant com es pot fer".
  • Continuarem la pràctica amb la familiarització i l'ús dels components de Wordpress. Podem fer-ho mitjançant aquesta pàgina:

Apunts i exercicis d'aplicacions Web ASIR IES Abastos-Wordpress (Valencia)

  • Crear un portal temàtic amb Wordpress:
· Pensar un projecte a desenvolupar sigui personal o aliè.
· Utilitzar una plantilla gratuïta a poder ser Responsive (no és obligatori però sí que comptarà bastant per nota).
· El portal ha de tenir els següents apartats (mínim): Inici - Qui sóc/Sobre mi/Qui som/Sobre nosaltres - Galeria/Portfoli  - Blog - Contacta
  En Inici hi haurà una descripció general de la pàgina. S'haurà de mostrar un Slider a la capçalera. El segon apartat contindrà informació més acurada de l'empresa, persona, etc... En el tercer hi haurà una galeria d'imatges-vídeos en format portfoli a poder ser. En el quart hi haurà un blog amb post que s'aniran publicant per data i amb capacitat d'acceptar comentaris. Finalment l'apartat de Contacta contindrà les dades bàsiques de contacte. També hem d'incloure un formulari bàsic que enviarà les dades a un correu i també un mapa amb un widget de Google Maps. 
· En algun lloc de la pàgina s'haurà de posar l'accés a les xarxes socials amb les principals icones (Facebook, Twitter, Instagram...) si és que en teniu.
· Instal·lar també un complement per les còpies de seguretat. Fer una còpia de seguretat del portal en local de manera manual per si un cas. Deixar la còpia en public_html amb el nom:
    backup_usuari_dataqueesfalacopia Ex: backup_12345678x_05042020 (on 05042020 és el 5 d'abril de 2020).
  Després podem provar el complement per fer còpies a veure que succeeix.
· Cal que el vostre lloc Web estigui protegit, per tant busqueu un plug-in de seguretat que permeti, entre altres coses, canviar la url: 
    ~url_del_vostre_hosting/wordpress/wp-admin per '~url_del_vostre_hostingwordpress/gestionar
  - Canviar també l'usuari admin o administrador per un altre usuari amb permisos d'administrador però que es digui diferent.
  - Crear un altre usuari profe amb perfils d'administrador i passar-nos les credencials als professors.
  - Provar altres eines de seguretat del plugin instal·lat.
· Per nota! Migració del portal en un altre servidor: Utilitza els recursos que siguin necessaris per migrar tot el portal en un altre servidor (pot ser un servidor muntat en una MV) i que funcioni de manera transparent. Tinguis en compte que el servidor nou ha de suportar Apache, PHP, MySQL i WordPress.


  • Documentar els passos a seguir en la construcció del portal. La documentació ha de constar d'un índex i dels diferents apartats que creieu convenients on es vegi reflectit tot el procés des de la instal·lació del Wordpress, plantilles, plug-ins, menús, galeries, etc... La documentació ha d'estar ben presentada i sense faltes d'ortografia. L'idioma pot ser indistintament en català o castellà.

Entregues

Les entregues s'aniran publicant al Moodle de l'assignatura.
Obtingut de «http://wikiserver.infomerce.es/index.php?title=M8_-_Aplicacions_web_/_Activitats_UF3:_Gestors_de_continguts&oldid=15246»