Skip to content
Grafica Group logo Grafica Blog Grafica Blog

Case studies and notes from Grafica's work

Grafica Group logo Grafica Blog Grafica Blog

Case studies and notes from Grafica's work

  • Work
  • Demos
  • Agencies
  • Brands
  • Contact
  • Work
  • Demos
  • Agencies
  • Brands
  • Contact
Close

Search

  • WhatsApp
  • Linkedin
Let's Talk!
Grafica Group logo Grafica Blog Grafica Blog

Case studies and notes from Grafica's work

Grafica Group logo Grafica Blog Grafica Blog

Case studies and notes from Grafica's work

  • Work
  • Demos
  • Agencies
  • Brands
  • Contact
  • Work
  • Demos
  • Agencies
  • Brands
  • Contact
Close

Search

  • WhatsApp
  • Linkedin
Let's Talk!
Home/Demos and tools/Cuando su programación cambia, ¿cuántas páginas de su sitio se enteran?
Una operadora en una sala de control de televisión, frente a una mesa de mezcla y varios monitores
Demos and toolsEn español

Cuando su programación cambia, ¿cuántas páginas de su sitio se enteran?

By Luis Gallego
October 6, 2026 3 Min Read
0

Un feriado mueve el noticiero, un especial desplaza la película. ¿La parrilla de su sitio cambió también, en todas las páginas donde aparece? Si la programación está en una imagen, o escrita a mano en más de un lugar, basta con olvidar uno para que el televidente encuentre dos horarios distintos.

Guía TV es la demo que hicimos en Grafica para mostrar cómo se ve cuando toda la programación sale de un solo lugar. Está abierta: demos.grafica.group/guia.

El canal de la demo se llama Telquira y es ficticio, lo mismo que sus programas, sus conductores y sus patrocinadores. Otras demos nuestras están en grafica.group/demos (página en inglés).

Qué va a encontrar

Ahora y a continuación. Junto al reproductor, la página dice qué programa está al aire, con una barra de avance, y cuál sigue. El reproductor de la demo es solo de muestra: en el sitio de un canal, ahí va la señal en vivo.

Guía de programación del canal ficticio Telquira: el reproductor de muestra a la izquierda y, a la derecha, el programa al aire con su barra de avance y el que sigue
Lo primero que ve el televidente: qué está al aire, cuánto lleva y qué sigue. Debajo, los días de la semana.
Guía TV a ancho de teléfono: la hora del canal, el reproductor de muestra y el programa al aire con el que sigue
La misma guía a ancho de teléfono.

La semana. Hay una pestaña por día y dos botones, «Esta semana» y «Semana siguiente». Los días con programación distinta llevan su marca: en la demo hay días marcados «FERIADO» y uno marcado «ESPECIAL». Cada día se puede ver como parrilla, una fila por programa con su hora de inicio, o como línea de tiempo. En la línea de tiempo del día de hoy, una marca señala la hora actual.

La parrilla de un miércoles marcado como feriado, con seis programas que llevan la etiqueta FERIADO
Un día de feriado en la demo: los programas propios del feriado llevan su etiqueta. El feriado es ficticio.
La programación de hoy como línea de tiempo: los programas en bloques sobre una escala de horas y una línea roja en la hora actual
El día de hoy como línea de tiempo, con la marca en la hora actual.

Buscar. Hay nueve géneros para filtrar, y un buscador que encuentra por programa, por conductor o por patrocinador.

La ficha del programa. Al abrir un programa se ve cuánto dura, de qué trata y, cuando los tiene, quién lo conduce y quién lo patrocina.

«Recordarme». En un programa que todavía no ha comenzado, el botón entrega un archivo de calendario con el programa y un aviso diez minutos antes.

Ficha del programa infantil Zona Kids: horario, conductores, patrocinador, duración, descripción y el botón «Recordarme»
La ficha de un programa de mañana, con sus conductores, su patrocinador y el botón «Recordarme».

La hora del canal y la del televidente. La guía muestra la hora del canal. Si el televidente está en otra zona horaria, ve también su hora local al lado.

Para otros sistemas. «Exportar XMLTV» descarga la semana en XMLTV, un formato que usan las aplicaciones de guía de televisión. La página lleva además un bloque de datos en Schema.org, un vocabulario que leen los buscadores.

Un solo lugar para corregir

Toda la programación de la demo sale de un único bloque de datos: el catálogo de programas, una plantilla de la semana y las excepciones. Una excepción, como un feriado, se escribe una vez en ese bloque y reemplaza la plantilla de ese día, en la parrilla y en la línea de tiempo. En la demo ese bloque está en el código de la página; no hay pantalla de edición.

Lo que la demo no es

La demo es una sola página, con datos inventados. No está conectada a ninguna señal ni al sistema de ningún canal, y su programación la escribimos nosotros.

La versión para WordPress todavía no existe. Se construiría con un canal, dentro de su sitio y sobre su programación real, después de un acuerdo.

¿Cómo quedaría la parrilla de su canal en una guía así? Lo conversamos en una llamada de 30 minutos. Tenga a mano la programación de una semana.

Agendar una llamada de 30 minutos
Author

Luis Gallego

Published by Grafica, a design, branding, web development and marketing consultancy with global reach. Since 2012.

Follow Me
Other Articles
Vista aérea de un terreno despejado con una calle nueva y casas recién construidas, junto a un barrio de casas y árboles
Previous

¿Cuáles lotes quedan? El plano que lo contesta por usted

A woman's hand on a black computer mouse, the scroll wheel visible beside her index finger, at an office desk with a monitor
Next

The mouse wheel was changing our calculator’s numbers. Check yours.

Grafica Group

A design, branding, web development and marketing consultancy with global reach. Since 2012.

  • Our work
  • Demos
  • For agencies
Book a call

Recent Posts

  • A man reading a newspaper in morning light, a cup of coffee on the table
    AI brief, October 2026: seven things that matter if you run a website
    by Luis Gallego
    October 6, 2026
  • How to scale your agency in 2026? Grafica’s guide to White Label Partnerships
    by Luis Gallego
    December 31, 2025
  • The Invisible Powerhouse. How agencies scale with less risk.
    by Luis Gallego
    March 31, 2026
  • “The problem wasn’t the images”, A WooCommerce Website Migration Story.
    by Luis Gallego
    July 30, 2026

Search

Grafica Group logo

A design, branding, web development and marketing consultancy with global reach.

Design meets your vision.

  • LinkedIn
  • WhatsApp

Latest Posts

  • Writing code got cheap. Knowing it is right did not
    After hundreds of sites, Luis Gallego on what AI changed in web development, what it did not, and what to ask whoever builds your site.
  • What «Kinsta Select Partner» means when you hire us, and what it does not
    Grafica is a Kinsta Select Partner, listed in Kinsta's agency directory. What the status covers, what it does not, and how to check it yourself.
  • The mouse wheel was changing our calculator’s numbers. Check yours.
    A turn of the mouse wheel changed the interest rate in one of our calculators. The defect, the fix, the one-minute check, and how the math was verified.

Grafica Group

  • Work
  • Demos
  • Agencies
  • Brands
  • Contact

Contact

Phone

+50499601911

Email

info@grafica.group

support@grafica.group

Location

Tegucigalpa, Honduras

Copyright 2026 — Grafica Group. All rights reserved.