Backend - sgs.edu.co€¦ · En la sección Book List del administrador de contenido (AdmCon)...
Transcript of Backend - sgs.edu.co€¦ · En la sección Book List del administrador de contenido (AdmCon)...
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