SECRETARA DE EDUCACION DEL

DISTRITO

MANUAL DE ADMINISTRACIN
PORTAL WEB DE COLEGIO DISTRITAL

BOGOT D.C., DICIEMBRE DE 2016

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
Tabla de contenido

1. INGRESO A LA ADMINISTRACIN DEL PORTAL WEB ............................................................................ 3

2. PANEL DE CONTROL ............................................................................................................................. 4
3. MEN ................................................................................................................................................... 4
4. ARBOL MENU PRINCIPAL...................................................................................................................... 5
5. PASOS PARA AGREGAR Y/O MODIFICAR CONTENIDO DE LOS ARTICULOS ......................................... 6
4. CAMBIAR IMAGEN .............................................................................................................................. 12
5.1. AGREGAR IMAGEN AL GESTOR MULTIMEDIA ................................................................................. 13
5.2. PASOS PARA EL CAMBIO DE IMAGEN ............................................................................................. 16
6. CAMBIO DE VIDEO .............................................................................................................................. 20
7. UBICACIN O POSICIONES DE LA PLANTILLA ..................................................................................... 23

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
 1. INGRESO A LA ADMINISTRACIN DEL PORTAL WEB

En un browser o navegador digitamos la URL del portal web del Colegio.

Ejemplo: http://colegiodc.redp.edu.co/lasamericas/administrator/

1. Pantalla de acceso a la plataforma CMS Joomla.

2. Digitamos el usuario y contrasea

Ilustracin 1. Pgina de administracin del portal web

Una vez digitado el usuario y contrasea nos aparecer la pgina del panel de control del
CMS Joomla.

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
 2. PANEL DE CONTROL

Ilustracin 2. Panel de control del portal web

3. MEN

En el front end visualizamos un men, el cual no contiene informacin. Vamos agregar

contenido a ese men.

Ilustracin 3. Pgina web que visualizan los usuarios

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
 4. ARBOL MENU PRINCIPAL

1. INSTITUCION
1.1. Actos de Reconocimiento
1.2. Antecedentes Institucin
1.3. Contexto Institucional
1.4. Historia
1.5. Identificacin
1.6. Organigrama
1.7. P.E.I.
1.8. Smbolos Institucionales

2. COMUNIDAD EDUCATIVA
2.1. Gobierno Escolar
2.2. Manual de Convivencia
2.3. Sistema de Comunicacin

3. GESTION ACADEMICA
3.1. Plan de Estudios
3.2. Principios y Fundamentos
3.3. Proyectos Pedaggicos

4. GESTION ADMINISTRATIVA
4.1. Contratacin
4.2. Evaluacin
4.3. Jornada Escolar
4.4. Planeacin POA
4.5. Procesos Administrativos
4.6. Recursos Humanos
4.7. Recursos Materiales
4.8. Recursos Financieros

5. SERVICIOS
5.1. Al Ciudadano Colegio
5.2. Al Ciudadano SED

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
 5. PASOS PARA AGREGAR Y/O MODIFICAR CONTENIDO DE LOS
ARTICULOS

En el Panel de Control se encuentra en la parte superior un men con las siguientes

opciones:

Sistema - Usuarios - Mens - Contenido - Componentes - Extensiones Ayuda - SP Page

Builder

4.1. Un Click en Contenido y otro Click en Artculos

Ilustracin 4. Pgina web que visualizan los usuarios

4.2. Aparecer una lista de 20 artculos

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
4.3. Para poder ver todos los artculos, en la parte derecha de la pantalla cambiamos el
numero de 20 por Todos. (ver ilustracin 5. en la imagen se ve de color azul)

Ilustracin 5. Pgina donde lista los artculos creados

4.4. Un Click al artculo que se va agregar o modificar la informacin.

(ejemplo: Identificacin)

4.5. Abre el artculo y su rea de trabajo. Ver ilustracin 6

Guardar artculo
Men del artculo

Barra de
herramientas

rea de trabajo

Ac agregamos
la informacin

Ilustracin 6. Artculo, su rea de trabajo y configuracin

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
4.6. En el rea de trabajo vamos a quitar la imagen (en construccin) y agregamos el
contenido que corresponda.

4.7. Una vez agregado el contenido un Click en para guardar los

cambios y seguir en el rea de trabajo.

4.8. Un Click en el botn para guardas los cambios y salir del rea
de trabajo.

OTRAS OPCIONES DE CONFIGURACIN DEL ARTICULO

Estas opciones pueden ser configuradas si el usuario las necesita.

4.9. MEN PUBLICACIN DEL ARTCULO

Ilustracin 7. Opciones o herramientas de configuracin del articulo

4.9.1. Abajo del ttulo del artculo, un Click en el men Publicacin, ver ilustracin 8.

Ilustracin 8. Opcin (Publicacin)

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
En esta zona se configura la fecha de publicacin y finalizacin del artculo. Esto quiere
decir que podemos configurar un artculo para que se publique o se despublique en un
da concreto.

Despus de haber configurado las fechas del articulo seguir con los pasos:

4.9.2. Una vez agregado el contenido un Click en para guardar

los cambios y seguir en el rea de trabajo.

4.9.3. Un Click en el botn para guardas los cambios y salir del rea
de trabajo.

4.10. MEN OPCIONES DEL ARTCULO

En esta parte podemos configurar parmetros de visualizacin de autor, fechas de

publicacin, ttulos enlazables, entre otros.

4.10.1. Dirjase al men Opciones en la zona de herramientas de configuracin del

artculo. Ver ilustracin 9.

Ilustracin 9. Opciones o herramientas de configuracin

rea de trabajo del men Opciones, ver ilustracin 10.

Ilustracin 10. Opcin (Publicacin)

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
En esta parte se encuentran dos columnas:

1. Lado izquierdo con las opciones de configuracin que tienen los artculos.

2. Lado derecho con tres opciones a escoger entre ellas: (Usar el valor global
Mostrar - Ocultar) o (Usar el valor global Si No).

3. El valor que est por defecto es (Usar el valor global), es igual a mostrar o s.

4. Las opciones de resaltadas en color verde dejarlas en la opcin (Usar el valor

global)

5. Las otras opciones pueden ser modificadas.

Mostrar ttulo Usar el valor global

Ttulo enlazable Usar el valor global
Mostrar las etiquetas Usar el valor global
Mostrar texto de introduccin Usar el valor global
Informacin de la posicin del artculo Usar el valor global
Mostrar la categora Usar el valor global
Categora enlazable Usar el valor global
Mostrar categora principal Usar el valor global
Categora principal enlazable Usar el valor global
Mostrar autor Usar el valor global
Autor enlazable Usar el valor global
Mostrar la fecha de creacin Usar el valor global
Mostrar fecha de modificacin Usar el valor global
Mostrar fecha de publicacin Usar el valor global
Mostrar navegacin Usar el valor global
Mostrar iconos Usar el valor global
Mostrar icono 'Imprimir' Usar el valor global
Mostrar icono 'Correo' Usar el valor global
Mostrar votaciones Usar el valor global
Mostrar impresiones Usar el valor global
Mostrar los enlaces no autorizados Usar el valor global
Posicin de los enlaces Usar el valor global
Texto del 'Leer ms...' Usar el valor global
Presentacin alternativa Usar el valor global

4.10.2. Una vez agregado el contenido un Click en para guardar

los cambios y seguir en el rea de trabajo.

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
4.10.3. Un Click en el botn para guardas los cambios y salir del
rea de trabajo.

Ilustracin 11. Opciones de Guardar o Guardar y Cerrar

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
4. CAMBIAR IMAGEN

La imagen de la ubicacin de NOTICIAS DEL COLEGIO se puede modificar a gusto de la

institucin educativa. ilustracin 12.

Ilustracin 12. Mdulo noticias del Front End

Todos los cambios de informacin e imagen son realizados por el web master del colegio
y por administrador de Joomla.

Para efectuar este cambio es necesario de hacer dos pasos:

5.1. Subir la imagen al administrador de Joomla

5.2. Editar o modificar el mdulo de NOTICIAS DEL COLEGIO

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
5.1. AGREGAR IMAGEN AL GESTOR MULTIMEDIA
5.1.1. Ubicar el men horizontal superior y dar un Click en CONTENIDO y un Click en
MULTIMEDIA

Ilustracin 13. Men CONTENIDO - MULTIMEDIA

5.1.2. Aparecer el pantallazo de la ilustracin 14, donde encontraremos las carpetas del
CMS Joomla, all ubicaremos la carpeta de NOTICAS para darle un Click sobre la carpeta
NOTICIAS.

Ilustracin 14. Directorio o carpetas del CMS Joomla

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
Aparece la pantalla donde estn las imgenes y ahora vamos a subir nuestra imagen.

Ilustracin 15. Imgenes que estn dentro de la carpeta NOTICIAS

5.1.3. Un Click en el botn

Ilustracin 16. Pantalla de subir archivos

Se desplegar un submen

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
5.1.4. Un Click en el botn ELEGIR ARCHIVOS

Ilustracin 17. Botn Elegir archivos

Aparecer una ventana emergente donde buscaremos la imagen que tenemos en nuestro
computador local.

Ilustracin 18. Ventana emergente para buscar imagen en nuestro computador local

5.1.5. Un Click en el botn Abrir para subir la imagen a la carpeta

5.1.6. Un Click en el botn

Y ya veremos la imagen en nuestra carpeta.

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
5.2. PASOS PARA EL CAMBIO DE IMAGEN

En el Panel de Control de Joomla ubicamos en el men horizontal superior la opcin SP

Page Builder

Ilustracin 19. Mdulo noticias en el back end

5.2.1 Dar un Click en el men horizontal en SP Page Builder y un Click en Pages y

aparecer el pantallazo de la ilustracin 20.

Ilustracin 20. Pgina de inicio desde el administrador de Joomla

5.2.2 Un Click en el vnculo Inicio enmarcado en color rojo y aparecer el pantallazo de

la ilustracin 21.

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
 Ilustracin 21. Mdulo de NOTICIAS DEL COLEGIO

El mdulo enmarcado de color rojo, es el mdulo de NOTICIAS DEL COLEGIO y all

procederemos a efectuar el cambio de imagen y de nombre del mdulo.

5.2.3 Ubicar el icono del lpiz dar un Click al icono del lpiz y nos llevara al
pantallazo de la ilustracin 22

Ilustracin 22. Mdulo noticias Edicin del mdulo

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
Ubicamos la opcin de +Add Row, all encontramos NOTICIAS DEL COLEGIO en donde
vamos a cambiar la imagen.

Ilustracin 23. Mdulo noticias Edicin del mdulo

5.2.4 Click en NOTICIAS DEL COLEGIO y se desplegara un men. Ver ilustracin 24.

Ilustracin 24. Mdulo noticias Edicin del mdulo e Imagen

5.2.5 Click en el botn y aparecer una ventana blanca donde se visualiza

el rbol de directorios o carpetas de Joomla, buscaremos la carpeta NOTICIAS.

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
 Ilustracin 25. Carpeta o directorio donde esta guardada la imagen

5.2.6 Click en la carpeta NOTICIAS donde se haya guardado la imagen previamente (nos
aparecer el pantallazo de la ilustracin 26.

Ilustracin 26. Imagen a seleccionar

5.2.7 Un Click a la imagen que se desea publicar y un click en el botn

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
5.2.8 Un Click en el botn ubicado en la parte inferior de la pantalla

5.2.9 Un Click en para guardar los cambios realizados en el

mdulo

5.2.10 Un Click en el botn para salir de la edicin del mdulo de

noticias

6. CAMBIO DE VIDEO

6.1. En el men horizontal superior buscar EXTENSIONES y dar un Click y otro Click
en MDULOS, esto nos llevara al listado de los mdulos existentes.

Ilustracin 27. Ruta para llegar a los mdulos

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
Listado de mdulos existentes. Ilustracin 28.

Ilustracin 28. Lista de mdulos existentes

6.2. Buscar el mdulo con el Ttulo VIDEOS DESTACADOS y dar un Click sobre el
nombre.

6.3. Zona de edicin del mdulo, all buscar y dar un Click en la parte de OPCIONES

Ilustracin 29. Zona de edicin del mdulo

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
 6.4. En esta parte es para modificar la siguiente informacin:

Youtube video ID Es cdigo que genera la pgina de www.youtube.com y solo

se debe pegar el ID.
Width Es el ancho del video con que queremos visualizarlo
Height Es el alto del video con que queremos visualizarlo

Una vez modificada la informacin.

6.5. Un Click en para guardar los cambios realizados en el

mdulo

6.6. Un Click en el botn para salir de la edicin del mdulo

de noticias

Ilustracin 30. Men de guardar, y guardar y cerrar

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195
7. UBICACIN O POSICIONES DE LA PLANTILLA
Estas son las ubicaciones o posiciones que tiene la plantilla de la pgina web del Colegio.

Ilustracin 31. Posiciones de la plantilla que usa el portal web del colegio

Pasos para ver las posiciones de la plantilla:

7.1. Men horizontal superior EXTENSIONES Click en PLANTILLAS

7.2. Parte izquierda Click en Plantillas
7.3. Al final de la pgina hay un template con el nombre Detalles y archivos de la plantilla
Shaper_helix3
7.4. Click en Previsualizar

Avenida El Dorado No. 66-63, PBX 324 1000, Fax 315 3448, www.educacionbogota.edu.co, Informacin: lnea 195