backend - sgs.edu.co€¦ · en la sección book list del administrador de contenido (admcon)...
TRANSCRIPT
![Page 1: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/1.jpg)
Backend
![Page 2: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/2.jpg)
Sección Libros
Contenidos (libros, capitulos, páginas)
Sección Capitulos Sección Páginas Filtro
Interface General Backend1.
![Page 3: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/3.jpg)
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.
![Page 4: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/4.jpg)
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.
![Page 5: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/5.jpg)
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.
![Page 6: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/6.jpg)
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.
![Page 7: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/7.jpg)
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.
![Page 8: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/8.jpg)
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 9: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/9.jpg)
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.
![Page 10: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/10.jpg)
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.
![Page 11: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/11.jpg)
Pegar texto plano Listas Lista de plantillas
Propiedades de Texto
Hypervinculo
Casilla de contenido
Administrador de Contenido - Interface Para Editar Contenidos10.
![Page 12: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/12.jpg)
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.
![Page 13: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/13.jpg)
Como subir contenidos multimedia (imágenes, video, presentaciones ,etc)
Caja Multimedia
![Page 14: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/14.jpg)
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.
![Page 15: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/15.jpg)
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
![Page 16: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/16.jpg)
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.
![Page 17: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/17.jpg)
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.
![Page 18: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/18.jpg)
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
![Page 19: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/19.jpg)
Como subir texto y titulos
Caja Texto
![Page 20: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/20.jpg)
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
![Page 21: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/21.jpg)
Frontend
![Page 22: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/22.jpg)
Frontend - Login21.
Clave de Usuario
Usuario
Botón Login
![Page 23: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/23.jpg)
Frontend - Biblioteca (Library)22.
Scroll de Contenido
Visualizacion del Biblioteca
Visualizacion del Biblioteca
Scroll de ContenidoLibros Libros
![Page 24: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/24.jpg)
Frontend - Indice (Index)23.
Botón Barra Navegación Capitulos del Libro
Scroll de Contenido
Portada del Libro
Scroll de Contenido
![Page 25: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/25.jpg)
Frontend - Páginas24.
Numero de Página
Caja de TituloCaja Multimedia
Cambiode Página
Cabezote
Cambiode Página
Cajade Texto
![Page 26: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/26.jpg)
Frontend - Barra de Navegación25.
Scroll de Contenido
Páginas del libroIndice del LibroPerfilBiblioteca
Botón Barra Navegación
Logout
Scroll de Contenido
![Page 27: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/27.jpg)
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
![Page 28: Backend - sgs.edu.co€¦ · 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](https://reader033.vdocuments.site/reader033/viewer/2022053009/5f0ca9907e708231d4368490/html5/thumbnails/28.jpg)