Want to create interactive content? It’s easy in Genially!
REVISIÓN TEMPLATES
Templates 🎨
Created on November 30, 2023
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Geniaflix Presentation
View
Vintage Mosaic Presentation
View
Shadow Presentation
View
Newspaper Presentation
View
Zen Presentation
View
Audio tutorial
View
Pechakucha Presentation
Transcript
TODO PODEROSO
Procesos (+)
CALENDARIO
Revisión
Planificación
Enviar ESPACIO COMÚN
Weekly
Cambios Predemo- Moodboards Prioridad
QA Diseñadores + Traducciones + MinisPanel
MiniSprint
Demo+Retro
Hacer Retro
Checklist para mandar plantillas al Espacio Común
Implementación Lorena/Lorena EDU
Etiquetado de Texto (Accesibilidad)
Ortografía
Accesibilidad, orden de capas (+ventanas)
Actualizar fecha en gráficos
Usabilidad, atención a cajas de texto
Vídeos geniales (ES+ EN)
Contenido bloqueado y desbloqueado
Interactividad (ÏNDICE)Ventanas + Etiquetas
Cambios de Color
Funcionalidad ampliar en imágenes
Peso Genially (svg's + imágenes) + máscaras
Seguimiento analytics (quitar marcado) y seguimiento (en caso de ser quiz)
Enlaces mail y teléfono interactivo
Mapas, Geniallys y música bien embebidos
Activar resumen de resultados (solo para quiz)
Bloques de contenido y alternativas
Navegación Microsite + (Reprod. Bucle Vídeo)
Si se generan nuevas paletas de color, añadir a click up en todas las adaptaciones y colecciones en comentarios.
Página siguiente (Preg Interact) + tiempo 0,5
Animación y transición (alternativas no llevan)
Nombre de las slides (mayúsculas)
Asignación Color Picker a elementos
Nombre de audios
Paletas de Color Alternativas
Urls ES+EN en clickup
RRSS en ES
Formato del Genially
Nombre Portada y Título en Clickup (VP, SCAPE..)
TTS LOCUCIÓN GENERADA CON IA
TTS EDITA O ELIMINA ESTA LOCUCIÓN
Activación de MayúsculasTR
Traducción
EL TÍTULO DE LA PORTADA Y LA MINIATURA TIENE QUE SER EL MISMO QUE EL DE LA FICHA
Hacer Miniaturas Panel
Traducir con IA. </> Para el Promt: eres una máquina de traducir del español castellano al inglés americano, te van a pasar un texto con código html, necesito que me devuelvas el texto en formato HTML pero traducido al inglés americano y manteniendo los estilos. Sé conciso, no escribas nada más que el texto traducido, mantenga el formato y color, y no añadas nada que no esté en el texto original. Sólo quiero el texto traducido, en el mismo formato, sin más.
Títulos en EN (ficha clickup)
Audios EN/ TTS-> AI-GENERATED VOICE-OVER
Vídeos geniales EN
Títulos de páginas e Índice
RRSS en EN (twitter + insta)
Revisar maquetación
Remplazar los "." por "," en las cifras
Reemplazar twitter en CONTENIDO INSERTADO
Textos en gráficos
Desactivar Actividad
PUBLICAR Y Urls ES+EN en clickup
Duplicar y llevar a mi espace
REVISIÓN SVG'S MAXXXXIMO
en Chrome: Marcadores - Administrador de marcadores - a los tres puntitos de la derecha - añadir nuevo marcador - Nombre el que se quiera - URL esto
y luego es acceder a esa url desde el editor. Pon el marcador de los primeros para que se te vea en la vista principal
SUBIDA SVG'S
Quitamos el id, class, cls..también
Objeto en una capa Color 1 - 2Color
Ahora dentro del path (contenedor ahí colocamos el class='color1' style='fill:#232323'
Unificar con el buscatrazos
Crear Trazado Compuesto
Enlace a Doc
Exportar - Svg
Cambio de color 2 capas código
Abrir en Sublime Text - Editar
Se borra todo lo que haya antes de <svg.. (para limpiar)
Orden de capas ACCESIBILIDAD
Título
El orden de lectura que hace un lector de pantalla se rige por la posición de capas, de forma descendente. Por eso, es preferible priorizar en el contenido que aporte valor indentificar por el usuario (textos e imágenes principalmente) pues ayuda a la accesibilidad para personas con problemas de visión. Siguiendo el orden occidental de lectura, de izquierda a derecha y de arriba a abajo.
Subtítulo
Texto
Botones
Ventanas
Etiquetas
Formas color + Flechas
Números
Cuadrículas + Formas Fondo
Marcado de textos ACCESIBILIDAD
Reportar en dev-support
Enlaces
En el mismo mensaje de slack, darle a los tres puntitos
Redes Sociales
EN
Create a task Clickup
ES
Insertar Mapa, Música, Twitter Helpcenter
Miniaturas NL (ACCIÓN PS)
Coger genially con las medidas grandes 1200x1450
Descargarse el genially original
Maquetar
descargar en jpg
Modificar tamaño en PS
Subir a Dropbox en fecha correspondiente
Nuevas Funcionalidades
Sistema de Bloques
Widgets
Preguntas Interactivas, Temporizador
Galerías, mosaicos
Etiquetas; colores personalizados
Asignación Colores
Hotspots
Actualizar Ventanas
Lanzar Efectos
Personalizar con Audios
Mostrar/Ocultar
Flipcards
Menú
PARA ESCAPES ROOMS
Juegos:
Objetivos:
- Tener niveles/misiones
- Recolecta de recursos entre esas misiones
- Barra de progreso entre misiones
- Desbloqueo de contenido
- Juego con restricciones de tiempo
- Juego de Rompecabezas
- Juegos de azar
- Batalla final (BOSS)
- Diferentes finales
- Tener recompensa/insignia
- Preguntas interactivas
- Cuenta atrás para buscar algo
- Randomizador para elección de algo
- Rompecabezas aleatorio
- Premio aleatorio
Efectos/Pruebas
- Preguntas con tiempo- PI/Temporizador.
- Recursos para acceder a V&F - Mostrar/Temporizador.
- Ordenar con imágenes (?)
- Efecto linterna. Temporizador.
- Randomizador de finales
Recursos Visuales según estética y storytelling
Plantillas PLAY
PIs Dinámica de Presentar en vivo
Navegación Estándar
Sin botones
Textos Grandes
Visualización horizontal + mobile-landscape
Avance rápido entre slides
NO links externos
INSIGHT FEATURES
Galería?
Preguntas
Ventanas
Scroll
Conectores?
Modo Diseñador
Flipcards
Panel
,.
Widget?
,.
PLay
SACAR AUDIO DE UN GENIALLY
VENTANAS PREDETERMINADAS + COPYS
¿Tienes una idea?
¿Tienes una idea?
¡Que fluya la comunicación!
Plásmala en una ventana
Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras! ¿Necesitas más motivos para crear contenidos dinámicos? Bien: el 90% de la información que asimilamos nos llega a través de la vista y, además, retenemos un 42% más de información cuando el contenido se mueve.
Crea una nueva capa de contenido con todas las funcionalidades de Genially.
- Genera experiencias con tu contenido.
- Tiene efecto WOW. Muy WOW.
- Logra que tu público recuerde el mensaje.
- Activa y sorprende a tu audiencia.
- Genera experiencias con tu contenido.
- Tiene efecto WOW. Muy WOW.
- Logra que tu público recuerde el mensaje.
- Activa y sorprende a tu audiencia.
Exportar
Para grabaciones de pantalla
archivo - exportar - interpretar a vídeo. Y en Frecuencia de fotogramas y FPS pongo 12. Esto te reduce bastante las imágenes que tendrá el gif y ayuda a que pese menos
Se descarga en mp4. Abrirlo de nuevo y guardar como vídeo -gif.
Para exportar Gif desde AE con Media Encoder
Exportar capas en PS
Archivo > Exportar > Capas a archivos...En "Tipo de archivo", selecciona PNG-24. Marca la opción "Solo capas visibles" si no quieres exportar todo.
Exportar transparente con AE/ME
Hacer LOOP con AE
javascript:(function()%7B(function () %7B%0A const origin %3D window.location.origin%3B%0A let original_json %3D null%3B%0A%0A const view_url %3D origin.startsWith("http%3A%2F%2Flocalhost")%0A %3F "http%3A%2F%2Flocalhost%3A8181"%0A %3A origin.startsWith("https%3A%2F%2Fapp-dev.genial.ly")%0A %3F "https%3A%2F%2Fdevview.genial.ly"%0A %3A origin.startsWith("https%3A%2F%2Fapp-staging.genial.ly")%0A %3F "https%3A%2F%2Fpreview.genial.ly"%0A %3A origin.startsWith("https%3A%2F%2Fapp.genial.ly")%0A %3F "https%3A%2F%2Fview.genial.ly"%0A %3A %60https%3A%2F%2Fview-%24%7Bwindow.location.hostname%7D%60%3B%0A%0A const api_base %3D origin.startsWith("http%3A%2F%2Flocalhost")%0A %3F "http%3A%2F%2Flocalhost%3A3030"%0A %3A origin.startsWith("https%3A%2F%2Fapp-dev.genial.ly")%0A %3F "https%3A%2F%2Fapi-dev.genial.ly"%0A %3A origin.startsWith("https%3A%2F%2Fapp-staging.genial.ly")%0A %3F "https%3A%2F%2Fapi-staging.genial.ly"%0A %3A origin.startsWith("https%3A%2F%2Fapp.genial.ly")%0A %3F "https%3A%2F%2Fapi.genial.ly"%0A %3A %60https%3A%2F%2Fapi-%24%7Bwindow.location.hostname%7D%60%3B%0A%0A const geniallyId %3D window.location.pathname.replace("%2Feditor"%2C "")%3B%0A const api_url %3D %60%24%7Bapi_base%7D%2Fapi%2Fv1%2Fgeniallys%24%7BgeniallyId%7D%2Feditor%60%3B%0A%0A if (document.querySelector("%23gn-svg-bookmarklet")) %7B%0A document.body.removeChild(document.querySelector("%23gn-svg-bookmarklet"))%3B%0A %7D%0A%0A const overlay %3D document.createElement("div")%3B%0A overlay.id %3D "gn-svg-bookmarklet"%3B%0A overlay.style.position %3D "absolute"%3B%0A overlay.style.width %3D "100vw"%3B%0A overlay.style.height %3D "100vh"%3B%0A overlay.style.background %3D "rgba(0%2C 0%2C 0%2C 0.8)"%3B%0A overlay.style.top %3D "0"%3B%0A overlay.style.right %3D "0"%3B%0A overlay.style.left %3D "0"%3B%0A overlay.style.bottom %3D "0"%3B%0A overlay.style.zIndex %3D "10000"%3B%0A overlay.style.display %3D "flex"%3B%0A overlay.style.alignItems %3D "center"%3B%0A overlay.style.justifyContent %3D "center"%3B%0A%0A const toolContainer %3D document.createElement("div")%3B%0A toolContainer.style.zIndex %3D 10000%3B%0A toolContainer.style.background %3D "white"%3B%0A toolContainer.style.display %3D "flex"%3B%0A toolContainer.style.flexDirection %3D "column"%3B%0A toolContainer.style.width %3D "80%25"%3B%0A toolContainer.style.height %3D "80%25"%3B%0A%0A const pre %3D document.createElement("pre")%3B%0A pre.style.fontSize %3D "16px"%3B%0A pre.style.background %3D "black"%3B%0A pre.style.overflowX %3D "hidden"%3B%0A pre.style.overflowY %3D "scroll"%3B%0A pre.style.opacity %3D "0.9"%3B%0A pre.style.padding %3D "16px"%3B%0A pre.style.color %3D "%23fabada"%3B%0A pre.style.flex %3D "1"%3B%0A pre.style.width %3D "100%25"%3B%0A pre.style.margin %3D "4px 0"%3B%0A pre.value %3D "Loading..."%3B%0A%0A const topBar %3D document.createElement("div")%3B%0A topBar.style.display %3D "flex"%3B%0A%0A const spnTitle %3D document.createElement("span")%3B%0A spnTitle.innerText %3D "Genially SVG tools"%3B%0A spnTitle.style.flex %3D "1"%3B%0A spnTitle.style.padding %3D "4px 8px 0"%3B%0A%0A const btnClose %3D document.createElement("button")%3B%0A btnClose.onclick %3D () %3D> %7B%0A document.body.removeChild(overlay)%3B%0A %7D%3B%0A btnClose.innerHTML %3D "❌"%3B%0A btnClose.style.padding %3D "4px"%3B%0A%0A topBar.appendChild(spnTitle)%3B%0A topBar.appendChild(btnClose)%3B%0A%0A toolContainer.appendChild(topBar)%3B%0A toolContainer.appendChild(pre)%3B%0A%0A overlay.appendChild(toolContainer)%3B%0A%0A document.body.appendChild(overlay)%3B%0A%0A const %24currentSlide %3D document.querySelector(%0A 'div%5Bid*%3D"background-"%5D.background-slide'%0A )%3B%0A const currentSlideId %3D %24currentSlide.id.split("background-")%5B1%5D%3B%0A%0A fetch(api_url%2C %7B credentials%3A "include" %7D)%0A .then((r) %3D> r.json())%0A .then((json) %3D> %7B%0A const elements %3D %5B%0A "Areas"%2C%0A "Audios"%2C%0A "Charts"%2C%0A "Groups"%2C%0A "Images"%2C%0A "Pins"%2C%0A "RichContents"%2C%0A "Slides"%2C%0A "Svgs"%2C%0A "Texts"%2C%0A "Videos"%2C%0A %5D%3B%0A%0A const warningPerPage %3D %7B%0A Svgs%3A 100%2C%0A %7D%3B%0A%0A const warningPerGenially %3D %7B%0A Svgs%3A 1000%2C%0A %7D%3B%0A%0A original_json %3D json%3B%0A pre.innerText %3D %60%0AGenially summary%3A%0A-----------------%0A%24%7Belements%0A .map((e) %3D> %7B%0A const threshold %3D warningPerGenially%5Be%5D %3F warningPerGenially%5Be%5D %3A Infinity%3B%0A const count %3D json%5Be%5D.length%3B%0A return %60%24%7Bcount%7D %24%7Be%7D %24%7B%0A count > threshold%0A %3F Array(Math.floor(count %2F threshold))%0A .fill("💀")%0A .join("")%0A %3A ""%0A %7D%60%3B%0A %7D)%0A .join("%5Cn")%7D%0A%0AThe current slide (%24%7BcurrentSlideId%7D) has%3A%0A------------------------------------------%0A%24%7Belements%0A .map((e) %3D> %7B%0A const threshold %3D warningPerPage%5Be%5D %3F warningPerPage%5Be%5D %3A Infinity%3B%0A const count %3D json%5Be%5D.filter((e) %3D> e.IdSlide %3D%3D%3D currentSlideId).length%3B%0A return %60%24%7Bcount%7D %24%7Be%7D %24%7B%0A count > threshold%0A %3F Array(Math.floor(count %2F threshold))%0A .fill("💀")%0A .join("")%0A %3A ""%0A %7D%60%3B%0A %7D)%0A .join(%60%5Cn%60)%7D%0A %60%3B%0A %7D)%3B%0A%7D)()%3B%7D)()%3B
#Sticker 1 cambio color relleno2 # <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 263.1 265.2"> <style type="text/css"> .st0{fill:#434343;} </style> <path class="st0" d="M258.6,173c-4.4-11.5-19.6-25.6-42.9-39.3c41.2-23.5,54.3-45.5,43.8-56c-0.2-0.9-0.4-1.8-0.8-2.7 c-5.6-12.8-31.7-13.9-67.4-3.1c9-31.2,8.1-52,1.2-60.6c-1.7-5.1-4.5-8.6-8.3-10.3c-13.4-5.7-34.6,13.8-54.3,49.8 C110,14.8,88.5-4.7,75,1.2c-13.4,5.8-14,34.4-1.4,72.9C35.2,61.8,6.7,62.3,1,75.7c-2.9,6.7,0.6,15.4,9.4,24.9 c6.6,9.1,19,19.8,37.8,30.8C13.9,151-4.5,171.8,1.3,185c1,2.2,2.5,4,4.6,5.5c4.7,11.3,27.8,14.5,66.2,3c-9.4,32.7-8.8,56.9,1.5,64.2 c8.8,17.2,33.4,5.2,59.6-42.8c6.2,10.5,12.4,19.4,18.5,26.5c35.5,46,61.4,22.6,37.2-50.7C247.9,210.1,274.4,197.1,258.6,173 L258.6,173z"/> <path class="color1" d="M185.2,184l-1.4-0.5l0.5,1.4c10.4,31.5,14.4,66.1-0.1,72.4c-9.8,4.2-29.6-6.4-53.5-50.1L130,206l-0.7,1.2 C105.7,251,86,261.7,76.4,257.6c-14.4-6.2-10.5-40.7-0.2-72.1l0.5-1.4l-1.4,0.5C43.7,195,9,199.1,2.6,184.4 c-4.3-9.8,6.3-29.8,50-53.8l1.2-0.7l-1.2-0.6C8.9,105.6-1.8,85.9,2.4,76.2C8.6,61.8,43.1,65.7,74.6,76l1.4,0.5l-0.5-1.4 C65.1,43.6,61,8.9,75.6,2.6c9.8-4.3,29.7,6.3,53.7,50.1l0.7,1.2l0.7-1.2c23.7-43.8,43.4-54.5,53-50.3c14.4,6.2,10.5,40.7,0.2,72.2 l-0.5,1.4l1.4-0.5c31.5-10.5,66.1-14.5,72.5,0.1c4.3,9.8-6.3,29.7-50.1,53.7L206,130l1.2,0.7c43.8,23.8,54.4,43.5,50.2,53.2 C251.2,198.3,216.7,194.4,185.2,184L185.2,184z"/> </svg>