Diseño Web

Diseño Web, Gestores de contenidos

Restringir productos a ciertos clientes en Prestashop. Grupos.

En ocasiones nos han pedido para algún proyecto que sólo ciertos clientes puedan ver algunos productos en Prestashop. Hoy os explicamos cómo. La manera más sencilla de hacer esto es con los grupos. Para crear un grupo tienes que ir al backoffice, Clientes ->Grupos. Ahí puedes crear un grupo, ya sea para restringir productos o categorías, desactivar módulos para ellos o para hacer descuentos o precios especiales. Por ejemplo llámalo Grupo Especial. Una vez creado el grupo, deberías crear una categoría para los productos que van a estar ahí, por ejemplo llámala Productos del Grupo Especial. Ahora sólo tienes que asignar los productos a esta categoría, e irte a los usuarios a los que quieres añadir en el grupo y hacerlo (en Clientes, el Usuario, Grupos). Con esto, la gente que se registre en la tienda, y pertenezca al grupo, podrá ver los productos y la categoría. Los que no estén registrados, o no pertenezcan al grupo, no podrán ver ni la categoría (y por tanto tampoco los productos).      

Diseño Web, Gestores de contenidos

Cambiar la página y mensaje de mantenimiento en Prestashop

Cuando vas a hacer un cambio y un Prestashop, y no quieres que se puedan hacer compras o se visione la página, debes poner la página en mantenimiento. Para ello puedes ir a Preferencias ->Mantenimiento. Ahí en Activar la tienda debes poner No. Si tu quieres poder ver los cambios, aunque esté en mantenimiento, debes poner tu IP en IP de mantenimiento o pinchar en Añadir mi IP (buena opción para hacerlo automático). Eso si, la página de mantenimiento de Prestashop es fea… La verdad es que la son las de todos los gestores. Algunas plantillas te dejan modificarlo, pero en la mayoría tienes que hacerlo a mano. Aquí te dejamos cómo cambiarla. Mensaje: Lo puedes cambiar en Localización ->Traducciones eligiendo el apartado, plantilla e idioma. Aspecto: Tienes que modificar la página por CSS. La plantilla que se activa es  /themes/tuplantilla/maintenance.tpl. Pero donde más tendrás que cambiar será:  La imagen. Suele estar en  /themes/tuplantilla/img/maintenance.png ,  /themes/tuplantilla/img/bg_maintenance.png o similar. CSS. El fichero a modificar es  /themes/tuplantilla/css/maintenance.css Con eso, y un poquito de “arte” y CSS, tendrás una página de mantenimiento adecuada.  

Diseño Web, e-Learning, Gestores de contenidos

Establecer la página por defecto de usuarios al registrarse en Moodle

Moodle, en la mayoría de las instalaciones, requiere que los usuarios se registren para ver el contenido (de su curso por ejemplo). Cuando un usuario sin registrar ve la página, suele ver la página de Incio, que puedes modificar para que quede visualmente agradable. Cuando entras en un contenido registrado, te lleva a la página donde poner tu usuario y contraseña. Página que ya os enseñamos a modificar. Y cuando has introducido estos datos, te suele llevar a la página Área Personal, que es una especie de Escritorio personal de cada usuario. Con sus cursos, sus detalles y además es una página que ellos pueden modificar. Sin embargo he encontrado que esto lía a casi todos los usuarios. Prefiero que vayan directamente de nuevo a la página de Inicio cuando se registren, y vean ahí contenido como sus cursos, cursos disponibles etc. Para ello hay que cambiar dónde van los usuarios registrados. Ve a Administración del sitio -> Apariencia -> Navegación. Ahí en el primer apartado veréis la opción: Página de inicio predeterminada para los usuarios defaulthomepage. Por defecto tiene Área Personal. Yo la suelo cambiar a Sitio (que es la página de Inicio). Más información aquí.

Diseño Web, Gestores de contenidos

Módulo gratuito Open Graph, OG, para Prestashop

Aunque esto está cambiando poco a poco, no todas las plantillas de Prestashop, ni todos los módulos, tienen bien configurada la opción de Open Graph, OG, que usan redes sociales como Facebook para presentar la imagen de la publicación. Y entonces nos encontramos con que cuando intentamos compartir una página (por ejemplo la raíz) o publicación de Facebook, Pinterest etc, no nos aparece imagen (o no la que queremos). Hoy en día esto es esencial. Además, las etiquetas og son importantes para el SEO y buen aspecto de la página en los buscadores. Afortunadamente hay módulos gratuitos como este Facebook Open Graph Module, ahora para 1.5 y 1.6 pero (según dice) con actualizaciones gratuitas de por vida), que no solucionan este problema. Este módulo añade las etiquetas necesarias de og a todas las página, información de precio y moneda al objeto og en el producto, es compatible con Pinterest, imágenes en fabricantes y distribuidores….Se puede además escoger la imagen por idioma. Muy sencillo pero eficaz para quien tenga este problema en su Prestashop.      

Diseño Web, e-Learning, Gestores de contenidos

Como añadir un chat en una actividad de Moodle

Hace unos días un cliente estaba emitiendo un streaming en una página en Moodle y quería poner chat en esa actividad para que los alumnos pudieran hacer preguntas, e interactuar con el que impartía el curso. El chat no es útil en todas las actividades, pero si en aquellas donde van a participar más de un alumno a la vez. Os dejamos cómo activarlo: Primero, una vez dentro de la actividad, tenéis que ir arriba a la derecha y pinchar en Activar Edición Después, pincha en “Añadir recurso o actividad” (en la propia página). Igual que añadías un cuestionario. Ahí elige la actividad Chat. Tienes que añadir un nombre al chat, una descripción, y cuándo se hacen las sesiones (frecuencia). También si quieres que se guarden y vean las sesiones anteriores. Con eso ya lo tienes, un chat en tu actividad, donde los alumnos pueden conversar con los profesores.

Diseño Web, Trucos

Un montón de configuraciones de htaccess en un mismo sitio

Tratando con webs, en ocasiones tenemos que hacer cambios en el htaccess. Desde redirigir la web a un subdirectorio, a excluir ficheros, activar cache etc. En el blog hay muchos trucos así. Pero hace unos días, uno de nuestros técnicos ha encontrado esto que es muy util: .htaccess Snippets , muchísimas configuraciones y opciones de htaccess, pero todas en un mismo sitio. Algo útil, cuando queramos hacer una configuración de este tipo…vendremos aquí a verlo. Y por eso lo ponemos en el blog, para tenerlo accesible (y por si os sirve a alguno jejeje.  

Diseño Web, e-Learning, Noticias SmythSys, Trabajos

Aula Smyth Academy 2.0

Estos días hemos estado dando una renovación interesante al Aula de Smyth Academy. La nueva versión de Moodle trae mejoras interesantes, y las plantillas han evolucionado mucho, así que llegaba la hora de renovar. Más aún cuando el contenido ha sufrido un buen empujón, con exámenes para practicar, lecciones, cursos online, vídeos, streaming etc. ¡Esperemos os guste!

Diseño Web, e-Learning, Gestores de contenidos

Moodle: añadir mensajes de bienvenida e instrucciones en la página de login

Moodle es un gran sistema de e-learning (si bien algo “áspero” al principio). Como sistema con contenido privado sólo para usuarios registrados, se llega a la página de login, acceso, en cuanto pinchas en cualquier cosa. Y, por defecto, esta página sólo tiene la ventana de usuario y contraseña. Por lo tanto muchas veces el usuario novel no sabe qué hacer. Conviene poner alguna instrucción, o incluso alguna imagen para ponerlo más agradable. Hoy os enseñamos cómo poner mensajes de bienvenida en esta página de login. Ahí podéis dar instrucciones a los usuarios sobre cómo darse de alta en vuestro sistema o enlazarles a páginas con más información. Tenéis que entrar como administrador en Moodle, ir a Administración del Sitio -> Extensiones -> Identificación -> Gestionar Identificación . En esta página baja hasta donde pode Instrucciones.  En ese recuadro puedes poner toda la información que necesites, mensajes de bienvenida, fotos, vídeos etc. Si le pinchas en Guardar Cambios podrás ver que la página de Login es mucho más entendible además de mucho más agradable.

Diseño Web, e-Learning, Gestores de contenidos

Moodle. Pasar de la plantilla BCU a su nueva versión Adaptable

Con la versión 3.0 de Moodle, los desarrolladores de una de sus mejores (a mi entender) plantillas, BCU, han dejado de desarrollar el proyecto. Afortunadamente ha salido un “fork”, la plantilla Adaptable (además de muchas otras nuevas para 3.0 que recomendaremos otro día). Según los desarrolladores tiene las mismas características de BCU con muchas novedades. Y sigue apoyada por la universidad de Coventry, además de diversos desarrolladores que colaboran en el proyecto. Podéis ver algo de la plantilla en este vídeo y tenéis una demo online. ¿Y para los que ya tenían BCU?  Afortunadamente existe una manera de portar de uno a otro. Solamente tenéis que tener acceso a un phpMyAdmin para poder insertar un comando en la base de datos, borrar la carpeta de BCU y poner la de adaptable. Seguid los pasos del artículo, pero es sencillo. Si tenéis problemas podéis consultar este foro o añadir vuestras preguntas en este.  

Diseño Web, e-Learning, Gestores de contenidos

Preguntas en Moodle. Códigos para las preguntas incrustadas Cloze.

Cuando vas a hacer preguntas en Moodle, un Quiz, tienes varias opciones. Al crear una pregunta en el banco de preguntas Moodle te deja seleccionar o subir las preguntas (si las has creado en un programa externo, de lo que hablaremos otro día), escoger uno de los tipos que tiene por defecto (y que va aumentando en cada versión) o elegir formatos más “universales” como las preguntas Cloze (respuestas incrustadas o respuestas anidadas) o las preguntas combinadas (de las que hablaremos otro día). Las preguntas por defecto no necesitan mucha explicación. El formato en sí lo explica muy bien, y la interfaz gráfica te permite seguir los pasos de manera sencilla. Pero en las Cloze no tanto, requiere algo de explicación. El formazo Cloze te permite crear un texto con preguntas de uno o varios tipos de formatos:  opción múltiple, preguntas con respuesta corta y numéricas. Esto deja una gran versatilidad para el profesor (pero también implica algo de complejidad) Puedes ver la explicación en este documento,  pero este es el resumen. Los formatos que te deja Cloze son: respuesta corta (SHORTANSWER o SA o MW), donde no son importantes minúsculas/MAYÚSCULAS.Ejemplo: {1:SA:Respuesta equivocada#Retroalimentación para esta respuesta equivocada~=Respuesta correcta#Retroalimentación para respuesta correcta} respuesta corta (SHORTANSWER_C o SAC o MWC), donde deben coincidir minúsculas/MAYÚSCULAS respuesta numérica (NUMERICAL o NM).Ejemplo: ¿Qué calificación le daría? {3:NUMERICAL:=3:2} opción múltiple (MULTICHOICE o MC o MCS), representada como un menú desplegable en-línea dentro del textoEjemplo: ¿Es bueno esto? {:MC:=Si#Correcto~No#Tenemos diferencia de opiniones} opción múltiple (MULTICHOICE_V o MCV o MCVS), representada como una selección de columna vertical de botones de selección, o opción múltiple (MULTICHOICE_H o MCH o MCHS),representada como una hilera horizontal de botones de selección. Notas importantes:   El carácter ~ separa las respuestas. La correcta lleva ~= # es para poner un texto que explica la respuesta. No edites estas preguntas o las crees en el editor de Moodle. Recomiendo crearlo en un notepad y luego copiar y pegarlo. El editor crea código html que puede interferir en la pregunta (a nosotros nos costó ver esto). Existe también un generador en línea de este tipo de preguntas que puede ahorrarte  mucho trabajo si no quieres estar con códigos todo el rato: http://projects.ael.uni-tuebingen.de/quiz/htmlarea/index.php  

Scroll al inicio