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

De wikiserver
Dreceres ràpides: navegació, cerca
(→‎PROJECTE: Portal temàtic amb Wordpress (80 %))
 
(40 revisions intermèdies per 2 usuaris que no es mostren)
Línia 11: Línia 11:
 
===Hosting===
 
===Hosting===
  
−
:*Instal·la Moodle en un hosting.
+
:*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·lacins i les decisions preses, i penjar-lo al moodle, en format '''pdf''', en l'apartat corresponent.</span>
+
:::<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.
  
−
==Portal temàtic amb Joomla! (80 %)==
 
  
 +
:*'''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>
  
 
'''Escull un tema que sigui del teu interès sobre el que desenvolupar el portal.'''
 
'''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===
 
===Categories i articles===
Línia 32: Línia 62:
 
:*Instal·leu una plantilla responsive.
 
:*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===
 +
 +
::*Pujar la còpia de seguretat al servidor de la pràctica 1 i instal·leu-la.
 +
 +
::*Indiqueu quins problemes apareixen i per què?. Solucioneu-los.
 +
 +
===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 42: 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 55: 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 135: Línia 238:
  
 
:'''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 154: Línia 259:
 
|
 
|
 
|-
 
|-
−
|Creació d'un portal temàtica en Joomla!
+
|Creació d'un portal temàtica en Wordpress
 
|UF3A3
 
|UF3A3
 
|
 
|
 
|}
 
|}
 +
-->
 +
<!--
 
==REVISAR Joomla! ( %)==
 
==REVISAR Joomla! ( %)==
  
Línia 204: Línia 311:
  
 
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 ;).
 
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»