Hola!

Haga clic para chatear o envíenos un correo a soporte@plantillasplus.com

¡Hola! ¿Qué puedo hacer por ti?
×
¿Le ayudo en algo?

Cima Tv – Documentación

Plantillas Plus:
Tiempo estimado de lectura: 6 min

Crear cuenta en AppCreator24

    Empezamos diseñando nuestra App de películas ingresando a la pagina de appcreator24.com y creamos nuestra cuenta de usuario, llenando los casilleros que se le solicite.

    Luego ingresamos a nuestro correo electrónico y damos de alta para activar nuestra cuenta, pulsando en el enlace enviado por appcreator24.com para que así podamos acceder a nuestra cuenta de usuario y empezar a diseñar nuestra App

    Datos Generales de la Aplicación

      Una vez que hemos ingresado como usuarios, comenzamos con la información básica y necesaria, donde llenaremos los casilleros que solicita como:

      • Coloque un nombre para su aplicación.
      • Suba un logo que identifique su aplicación.
      • Redacte una pequeña descripción de su aplicación

      Estilo de la Aplicación

        El estilo lo deja por defecto ya que posteriormente tendrá que volver a modificar, luego pulse en siguiente >>.

        Cuando regrese a modificar el estilo de la aplicación, seleccione el que más se adecue al tipo de aplicativo que va a crear

        Cambio de Diseño de la Aplicación

        Ahora cambie el diseño de su aplicación elija el tipo de menu que va tener su aplicativo, puede ir probando cual mejor se adecue o simplemente coloque sin menu y pulse en el botón Guardar.

        Tipo de la Aplicación

          Aqui seleccionamos el tipo de nuestra aplicación que vamos a diseñar, pero en este caso es referencial ya que cuando creamos las secciones vamos a poder decidir que tipo de sección estamos creando

          Luego que hayamos seleccionado la opción Acceso a página web, ingresamos el nombre de la pagina y colocamos la URL o Link de nuestra pagina web para finalizar con la creación de nuestra aplicación.

          Pero para finalizar pulsamos en el boton siguiente>> y nuevamente pulsamos en el boton Ir a Gestión de la aplicación

          Crear Secciones de la Aplicación

            En el menu lateral de la izquierda pulsamos sobre el apartado de Secciones, Luego pulsamos en Crear Nueva Sección, pulsamos sobre HTML por lo que vamos a insertar solo códigos, finalmente pulsamos en Siguiente.

            • Colocamos un titulo a la sección
            • En HTML agregamos todo el codigo correspondiente
            • Pulsamos en opciones avanzadas

            En opciones avanzadas es importante que realice las siguientes indicaciones

            • En referencias agregue un nombre unico, este sirve como enlace para las entradas o otras secciones, por ejemplo si coloco: sechome, el enlace será: go:sechome
            • En incluir menu coloque en No
            • En permitir sin conexión coloque en No
            • Las demas opciones deje por defecto o active los que cree que sean necesarios

            Generar HTML del sitio

              Para realizar el proceso mas rápido de configurar el código HTML del sitio, hemos diseñado un generador de código HTML, lo cual aquí explicaremos su uso de paso a paso:

              Descomprima el archivo del generador, luego pulse clic derecho sobre el archivo Generador-CimaTv_Plantillas_Plus.html, en la ventana emergente vaya a Abrir con y ejecute el Generador HTML en su navegador favorito (recomendamos Google Chrome). No debe cambiar o eliminar las carpetas del generador para que funcione correctamente.

              Se abrirá el generador HTML en su navegador, luego pulse en la sección con el nombre de Generador HTML del sitio, vea la imagen de referencia:

              El generador del sitio le ayuda a configurar fácilmente su sitio o aplicativo, para ello debe tener en cuenta las siguientes indicaciones:

              • En Nombre del sitio: agregue una descripción corta sobre el nombre que va tener su aplicativo o sitio web
              • En Título de la lista de canales: puede dejar por defecto o puede agregar su propio HTML de icono, y también puede cambiar la descripción de la lista de canales.
              • En Imagen del reproductor: agregue su propio enlace de su imagen, se recomienda que sea una imagen de alta calidad, ya que se mostrará en la carga de inicio del reproductor

              Posteriormente pulse en el botón Generar HTML para obtener su código, luego pulse en el botón Copiar y agregar a sitio o en una sección de AppCreator24.

              Para agregar los canales, ubique el código con la descripción “AGREGUE LOS CANALES AQUI ABAJO”

              Para los usuarios que no cuentan con generador 

              siga estas instrucciones para configurar su sitio, ingrese a un editor HTML, o en el editor de código de AppCreator24, ubique los siguientes apartados:

              • Para colocar el nombre del sitio o aplicativo, ubique el siguiente código y cambie el texto por uno nuevo:
              <title>Cima Tv - Plantillas Plus</title>
              • Para ambiar el icono y el texto de Lista de canales ubique el siguiente código a continuación:
              <h2><i class='far fa-list-alt'></i> Todos los canales</h2>
              • Para cambiar el enlace de la imagen del reproductor, ubique el siguiente código y cambie el enlace de la imagen por otra: este enlace lo encontrará dentro de los estilos CSS
              https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_vdJZHR2kXjRBvupAWIr29MYmfvqTMoSPFD5qv5W4Wy1vaSlyxyDOw1UJQPlkxBcpiecw_nlu8hJ7XxKLrvtSUwjBz9WT3WopdcrnLYRoHWqsBQiQPG72HRVgVblJACRFZIa00yUFMdr_o7BulF_SbODZmyYSY8RFxv9FqkBhukb0opeyVQX_vTbabAI/s1600/love-talavera-torneo-solidario.webp

              Generar HTML de los canales

                Para realizar el proceso mas rápido de configurar el código HTML del sitio, hemos diseñado un generador de código HTML, lo cual aquí explicaremos su uso de paso a paso:

                Descomprima el archivo del generador, luego pulse clic derecho sobre el archivo Generador-CimaTv_Plantillas_Plus.html, en la ventana emergente vaya a Abrir con y ejecute el Generador HTML en su navegador favorito (recomendamos Google Chrome). No debe cambiar o eliminar las carpetas del generador para que funcione correctamente.

                Se abrirá el generador HTML en su navegador, luego pulse en la sección con el nombre de Generador HTML del canales, vea la imagen de referencia:

                El generador HTML de canales le ayudará a agregar fácilmente las listas de canales de televisión como también las opciones de reproducción, para ello debe tener en cuenta las siguientes indicaciones:

                1- En Detalles del canal agregue lo siguiente:

                • En el primer casillero, coloque el nombre del canal de tv
                • En el segundo casillero deje por defecto o agregue un texto corto personalizado
                • En el tercer casillero agregue el enlace de la imagen del canal

                2- En opción 1 al reproductor agregue lo siguiente:

                • En el primer casillero agregue el nombre de la opción, este nombre debe ser corto.
                • En el segundo casillero agregue el idioma de la opción, este debe ser corto, por ejemplo si es en español, coloque ES, o verifique según su preferencia
                • En el tercer casillero agregue el enlace del reproductor, puede colocar un enlace embed o mp4

                Posteriormente pulse en el botón de Agregar canal, y luego en Generar HTML, aquí obtendrá el código para después pulsar en el botón de Copiar.

                Este código será agregado dentro del código HTML del sitio, si aun no generó el codigo HTML del sitio, pulse aquí

                Para usuarios que no cuentan con el generador HTML

                siga estas instrucciones para agregar la lista de canales de tv, ingrese a un editor HTML, o en el editor de código de AppCreator24, ubique los siguientes apartados:

                Simplemente copee el siguiente código y siga las instrucciones:

                <! -- Nuevo canal -->
                <li>
                <a href='#!' class='episode'
                 option-1-lang='Opcion 1' 
                 option-1-server='Es' 
                 option-1-url='url'
                > 
                <div class='episode__img'> 
                <img src='Enlace de la imagen'onerror='this.style='display:none';'> 
                </div> 
                <div class='epsiode__info'>
                <h4 class='episode__info__title'>Telemundo</h4>
                <div class='episode__info__duration'>EN VIVO</div> 
                </div>
                </a>
                </li>
                <! -- Agregue nuevo canal abajo -->

                Cada uno de estos elementos <li> representan un canal de tv

                • En el texto de Enlace de la imagen, agregue en enlace de la imagen del canal
                • En el texto de Telemundo debe cambiar de nombre para cada canal de tv
                • En el texto EN VIVO deje por defecto o cambie

                para agregar las opciones de reproducción vaya dentro de la etiqueta <a> aquí se encuentran los atributos importantes para agregar los enlaces de reproducción:

                • option-1-lang="Sub" hace referencia al idioma del video
                • option-1-server="SB" hace referencia al server donde se aloja el video
                • option-1-url="SB" hace referencia a la URL embed del video

                Puedes agregar hasta 5 opciones de reproducción por lista de tv, para agregar más simplemente copia las 3 opciones y cambia el número de forma ascendente:

                Agregar más opciones de reproducción

                  Para realizar el proceso mas rápido de configurar el código HTML del sitio, hemos diseñado un generador de código HTML, lo cual aquí explicaremos su uso de paso a paso:

                  Descomprima el archivo del generador, luego pulse clic derecho sobre el archivo Generador-CimaTv_Plantillas_Plus.html, en la ventana emergente vaya a Abrir con y ejecute el Generador HTML en su navegador favorito (recomendamos Google Chrome). No debe cambiar o eliminar las carpetas del generador para que funcione correctamente.

                  Se abrirá el generador HTML en su navegador, luego pulse en la sección con el nombre de Generador HTML del canales, vea la imagen de referencia:

                  El generador HTML de canales le ayudará a agregar fácilmente las opciones de reproducción, para ello debe tener en cuenta las siguientes indicaciones:

                  Luego de haber llenado los detalles del canal, y la opción 1 del canal, pulse en el botón de Agregar más opciones, donde se desplegará mas secciones, y debe cambiar el nombre de los casilleros de cada uno

                  Agregando más opciones al reproductor:

                  • En el primer casillero agregue el nombre de la opción, este nombre debe ser corto.
                  • En el segundo casillero agregue el idioma de la opción, este debe ser corto, por ejemplo si es en español, coloque ES, o verifique según su preferencia
                  • En el tercer casillero agregue el enlace del reproductor, puede colocar un enlace embed o mp4
                  • Finalmente para agregar su opción, pulse en el botón agregar opción, de caso contrario no se generará el codigo.

                  Puede agregar hasta 5 opciones por cada canal de tv, Posteriormente pulse en el botón de Agregar canal, y luego en Generar HTML, aquí obtendrá el código para después pulsar en el botón de Copiar.

                  Este código será agregado dentro del código HTML del sitio, si aun no generó el codigo HTML del sitio, pulse aquí

                  Para usuarios que no cuentan con el generador HTML

                  siga estas instrucciones para agregar la lista de canales de tv, ingrese a un editor HTML, o en el editor de código de AppCreator24, ubique los siguientes apartados:

                  Simplemente copee el siguiente código y siga las instrucciones:

                  Cada uno de estos elementos <li> representan un canal de tv

                  • En el texto de Enlace de la imagen, agregue en enlace de la imagen del canal
                  • En el texto de Telemundo debe cambiar de nombre para cada canal de tv
                  • En el texto EN VIVO deje por defecto o cambie

                  para agregar las opciones de reproducción vaya dentro de la etiqueta <a> aquí se encuentran los atributos importantes para agregar los enlaces de reproducción:

                  • option-1-lang="Sub" hace referencia al idioma del video
                  • option-1-server="SB" hace referencia al server donde se aloja el video
                  • option-1-url="SB" hace referencia a la URL embed del video

                  Puedes agregar hasta 5 opciones de reproducción por lista de tv, para agregar más simplemente copia las 3 opciones y cambia el número de forma ascendente:

                  Anuncio para la Aplicación

                    En esta sección puede colocar anuncios para la aplicación, donde simplemente deberá pegar su código de AdmobAppnext y otros que se pueden ver en la imagen, dependiendo del modelo de publicidad, ya sea Banner, Intersticial u otros.

                    Descargar Aplicación

                      Después que ya hayamos creado y diseñado nuestra App, podemos descargarlo, para ello pulsamos en la opcion Descargar App en la parte izquierda, donde nos llevara a otra ventana, donde simplemente pulsando el boton Descargar o escaneando el codigo QR que se encuentra al costado, y asi ya podemos usar y compartir con nuestros amigos nuestra aplicación de películas de forma gratuita.

                      Vistas: 53