Backend

Sección Libros

Contenidos (libros, capitulos, páginas)

Sección Capitulos Sección Páginas Filtro

Interface General Backend1.

En la sección Book List del administrador de contenido (AdmCon) encontrará una lista de los libro ya creados y las opciones de editarlos y borrarlos.

Cada libro en la lista tiene:- Nombre- Descripción- Acciones

Para crear un nuevo libro en el AdmCon busca el botón +New.

Administrador de Contenido - Creando un Libro2.

Ahora que se encuentra en la sección New Book podemos empezar a crear un libro. El primer paso es nombrarlo, darle una breve descripción e asignarle una imagen como portada.

Cuando este listo para proceeder hacer click sobre el boton Save. Si quieres guardar y crear otro libro haz click sobre Save and add

Administrador de Contenido - Libro Nuevo3.

Despues de crear un libro, es hora de agregarle capitulos.Para ir a la seccion de capitulos haz click sobre el boton Capitulos.

Administrador de Contenido - Ir a Capitulos4.

Chapter List es una lista de todos los capítulos creados. Cada libro en la lista tiene:

- Libro al que pertenece- Nombre- Descripción- Acciones

Para crear un capitulo haga click sobre +New.

Eventualmente van a haber muchos libro en la plataforma y es possible que la cantidad de capitulos sean dificil de manejar. Para solucionar este problema existe un filtro que se puede usar para mostrar los capitulos relevantes a cada usuario.

Administrador de Contenido - Creando Capitulos Nuevos5.

Ahora que nos encontramos en la sección New Chapter podemos crear capitulos para nuestro libro.

El paso mas importante es asignar el capitulo al libro correcto.

Luego nombrarlo, darle una breve descripción e asignarle una imagen como portada.

Finalmente asignar el numero de capitulo dentro del libro.

Cuando estemos listos para proceeder haz click sobre el boton Save.

Si queremos guardarlo y crear otro capitulo haz click sobre Save and add

Administrador de Contenido - Capitulo Nuevo6.

Despues de crear capitulos, es hora de agregar paginas.Para ir a la seccion de paginas haz click sobre el boton Páginas.

Administrador de Contenido - Ir a Páginas7.

Page List es una lista de todas las páginas creadas. Cada página en la lista tiene:

- Libro al que pertenece- Capitulo al que pertenece- Numero de página- Acciones (edit, delete)

Para crear una página haga click sobre +New.

Eventualmente van a haber muchos libro en la plataforma y es posible que la cantidad de páginas sean difícil de manejar. Para solucionar este problema existe un filtro que se puede usar para mostrar las páginas relevantes a cada usuario.

Administrador de Contenido - Creando Páginas Nuevas8.

Asignar página a capitulo deseado

No. de página

Estilos de páginas

Barra de Herramientas, caja de contenido

Cajas de contenidos, lugar para insertar el contenido.

Previsualización de los diferentes estilos de página.

Administrador de Contenido - Páginas Nuevas (interface)9.

Pegar texto plano Listas Lista de plantillas

Propiedades de Texto

Hypervinculo

Casilla de contenido

Administrador de Contenido - Interface Para Editar Contenidos10.

Caja multimedia: Videos, Imagenes, Presentaciones, Widgets, etc.

Caja Texto

Caja Titulo

Caja Multimedia (CM) es un espacio usado para me-ter elementos como video, imágenes, audio, pre-sentaciones PowerPoint, etc. CM llama los recursos de otras paginas tales como YouTube, Vimeo, Slide-share, Wolfgram alpha, etc.

Caja Texto es un espacio usado para el cuerpo de texto del libro. El texto en este espacio se presta para meter Hipervínculos a otras paginas, listas, etc.

Caja Titulo es un espacio usado para títulos y subtí-tulos de cada sección.

Administrador de Contenido - Previsualización de Plantillas11.

Como subir contenidos multimedia (imágenes, video, presentaciones ,etc)

Caja Multimedia

Busca el elemento multimedia que necesitas & dependiendo del caso copia el URL o el Embed code.

Seleciona una plantilla con Caja Multimedia

Escribe el tag que corresponde a la pagina de donde proviene el URL o el Embed Code.Ejemplo tag YouTube.

Oprime el botón Save y revisa que este sirviendo en el la pagina del libro.

1.

2.

3.

4.

youtube: www.URL_de_youtube.com

Administrador de Contenido - Subiendo Contenido (pasos básicos)13.

Administrador de Contenido - Tags de Contenidos14.

Imágenes

YouTube

Vimeo

Slideshare

Wolfram Alpha

flickr

img: www.URL_de_la_imagen.com

youtube: www.URL_del_video.com

vimeo: www.URL_del_video.com

slideshare: Embed code del recurso

wolfram: Embed code del recurso

flickr: www.URL_de_la_galleria.com

Administrador de Contenido - Subiendo Imágenes15.

Busca la foto que necesitas & copia el url que termina en: jpg, jpeg, png & gif.

Activa el botón . Escribe el tag que corresponde a imágenes y pega el URL enseguida.ej:img: http://ngm.nationalgeographic.com/ngm/100best/images/multi1_main.jpg

Guarda la plantilla y revisa que este fucionando

En el administrador de contenido busca una plantilla que tenga caja multimedia.

img: http://ngm.nationalgeographic.com/ngm/100best/im-ages/multi1_main.jpg

3.

1. 2.

4.

Administrador de Contenido - Subiendo Videos de YouTube y Vimeo16.

Busca el video que necesitas & copia el URL. Generalmente la URL real esta bajo “Share”.

Activa el botón . Escribe el tag que corresponde a las paginas de video y pega el URL enseguida.ej:youtube: http://youtu.be/6O2A2x1Wyhkviemo: http://vimeo.com/14768689

Guarda la plantilla y revisa que este fucionando

En el administrador de contenido busca una plantilla que tenga caja multimedia.

youtube: http://youtu.be/6O2A2x1Wyhk

3.

2. 1.

4.

Administrador de Contenido - Subiendo Wolfram, SlideShare y Slideshows de Flickr17.

Existen mas elementos multimedia que se pueden insertar a los libros y generalmente estos se inte-gran usando los “Embed Codes”.

Busca el elemento que deseas insertar que tenga la posibilidad de <>Embed y copia el embed code.

En el administrador de contenido busca una plantilla que tenga caja multimedia.

2.

4.

1.

3. slideshare: <div style=”width:425px” id=”__ss_253012”> <strong style=”display:block;margin:1

2px 0 4px”><a href=”http://www.slideshare.net/pamelag1972/geology-words” title=”Geology

Words” target=”_blank”>Geology Words</a></strong> <iframe src=”http://www.slideshare.

net/slideshow/embed_code/253012” width=”425” height=”355” frameborder=”0” margin-

width=”0” marginheight=”0” scrolling=”no”></iframe> <div style=”padding:5px 0 12px”> View

more <a href=”http://www.slideshare.net/” target=”_blank”>presentations</a> from <a

href=”http://www.slideshare.net/pamelag1972” target=”_blank”>Pamela Gustafson</a> </div>

</div>

Activa el botón . Escribe el tag que corresponde al elemento y pega el codigo Embed.

Guarda la plantilla y revisa que este fucionando

Como subir texto y titulos

Caja Texto

Administrador de Contenido - Subiendo Títulos y Texto19.

1.

2.

3.

Copia / pega o redacta directamente el texto de cada hoja en el administrador de contenido correspondiente

Usa las herramientas de la barra superior para crear hipervínculos, listas, texto en negrilla, itálica o subrayada. Tam-bién puedes revisar el código HTML del contenido.

The Regent Parrot (Polytelis anthopeplus) is a bird of the parrot fam-ily (Psittacidae). It has predominantly yellow plumage with a green tail.

The bird is found primarily in eucalyptus groves and other wooded areas of subtropical southwestern Australia, as well as in a smaller area of subtropical and temperate southeastern Australia.

Guarda la plantilla y revisa que este fucionando

Frontend

Frontend - Login21.

Clave de Usuario

Usuario

Botón Login

Frontend - Biblioteca (Library)22.

Scroll de Contenido

Visualizacion del Biblioteca

Visualizacion del Biblioteca

Scroll de ContenidoLibros Libros

Frontend - Indice (Index)23.

Botón Barra Navegación Capitulos del Libro

Scroll de Contenido

Portada del Libro

Scroll de Contenido

Frontend - Páginas24.

Numero de Página

Caja de TituloCaja Multimedia

Cambiode Página

Cabezote

Cambiode Página

Cajade Texto

Frontend - Barra de Navegación25.

Scroll de Contenido

Páginas del libroIndice del LibroPerfilBiblioteca

Botón Barra Navegación

Logout

Scroll de Contenido

Frontend - Problemas Frecuentes26.

1. No activar el botón al copiar el URL o Embed code.

2. Escribir mal el tag que va antes del URL o Embed code. ej: yutube, vmeo, igm

3. No agregar los : entre el tag y URL o Embed code.

4. Poner el tag que no corresponde al URL o Embed code

5. Insertar demasiado texto puede hacer que parte de el desaparezca y no se vea completo.

6. La pagina se demora en cargar? usar fotos de menor calidad.

7. No funciona la caja multimedia? Revisar que el tag y URL/Embed esten bien.

8. Titulo no cabe en el espacio? usar otra plantilla que adjudica mas espacio al Titulo o reducir la cantidad de palabras.

9. Una imagen no funciona; el tag y URL estan bien escritos? revisar que la pagina donde se encuentra la imagen permite el uso.

10.

Problemas Frecuentes