Manual De Usuarios

Introduccin
El software Educativo se puede considerar como el conjunto de
recursos y formatos diseados con la intencin de ser utilizados en el
contexto del proceso de enseanza-aprendizaje.
Se caracteriza por ser altamente interactivo, el cual contiene
imgenes, colores, y evaluaciones, el mismo se desarroll bajo la
plataforma de Linux en el lenguaje HTML y PHP, brindando con
mayor dinamismo y capturando con mayor facilidad la atencin del
estudiante al proceso de enseanza-aprendizaje.
Se

desarrolla la informacin referente a los contenidos que se

imparten en la asignatura de Geografa General de Primer Ao de

Educacin Bsica a eleccin de cada tema segn sus lapsos, esta
aplicacin contiene todos los elementos necesarios para que los
alumnos se motiven a realizar sus actividades
El software funciona como herramienta educativa tanto para el
docente como para el estudiante de la asignatura en los cuales
facilitara el aprendizaje de esta. El alumno puede interactuar con la
aplicacin de forma individual logrando as que el mismo se relacione
bien, tanto como el software educativo como el computador. Hay que
recordar que los alumnos deben tener orientacin y se recomienda
estar dirigido en el momento de interactuar con el software, la
presencia por parte del docente para una total comprensin de la
informacin.
El usuario puede interactuar con el software a travs de botones,
imgenes, textos, entre otros, que tengan asociados enlaces. Con un
men fcil donde la aplicacin es la que permite a los usuarios
acceder a los distintos contenidos, galera, evaluacin y bibliografa.
Permiten mostrar de forma lgica que es lo que har el Software.

Permite en acceso a los a los estudiantes al Registro Cedula de

Identidad, Nombre y Apellido y su seccin.

Evaluar a cada alumno con su respectiva nota.
Dictar contenidos de la Ctedra Geografa General de Primer Ao
Educacin Bsica de acuerdo a sus tres Lapso planteados en su

periodo de ao.
Permitir al usuario interactuar con cada uno de los contenidos.
Permitir un acceso fcil, dinmico y eficiente a la informacin que
contiene el software.

Objetivos del sistema

Objetivo general.
Elaborar un Software Educativo de Geografa General para los
alumnos de primer ao de Educacin bsica de la Unidad Educativa
Pedro Jos Carrillo Mrquez.

Fue creado para incentivar a los estudiantes en el rea del

aprendizaje y enseanza tanto tecnolgicamente para el acercamiento
e interaccin hombre y maquina con el CBIT.
Con una solucin mediante el diagnostico situacional empleado en
dicha institucin, donde surge la necesidad de crear un Software
Educativo con una debilidad en la ctedra de Geografa General con
metodologa enseanza-aprendizaje empleado a los alumnos de
sptimo grado de educacin bsica.
Objetivos Especficos
1. Recopilar y analizar la situacin actual de las necesidades de la
U.E Pedro Jos Carrillo Mrquez.
2. Programar el diseo de los mdulos del Software Educativo.
3. Seleccionar la tecnologa de informacin y comunicacin en la
U.E Pedro Jos Carrillo Mrquez.
4. Seleccionar la metodologa para el aprendizaje en el rea de
Geografa.
5. Evaluar la

aplicacin

del

Software

Educativo

en

su

funcionamiento.
-

Gua de uso.
Es importante leer este manual antes de comenzar a usar Software
Educativo, ya que aqu se encuentra toda la informacin necesaria
que debe tener en cuenta el programador o administrador, a fin de
lograr la ejecucin correcta de la misma.
Cabe destacar que es primordial leer este manual si se trabajara con
cdigo o diseo en una maquina por primera vez, siendo necesario
instalar algunos programas tiles para realizar algunas mejoras o
correcciones presentes.

El manual incluye los pasos para realizar la instalacin de programas

esenciales para elaborar, disear, codificar y ejecutar con xito el
Software Educativo.
Requisitos mnimos de instalacin.
Computadora funcional con sistema operativo Linux y Windows.
Lectora de CD o DVD.
Tener instalado el servidor apache o mysql php phpmyadmin
en Ubuntu.
Tener instalado un explorador web, ya sea Google Chrome o
Mozilla Firefox.
500 MB a 1 GB de memoria RAM Y 5 GB de espacio libre en
el disco duro.

Instalar Xampp 1.8.0 en Ubuntu 12.04

XAMPP es un servidor, para desarrollar aplicaciones en php, con

conexin a base de datos sql (LAMPP= Linux + Apache + MySQL
+ PHP + Perl).
La instalacin de un servidor web Apache no es fcil para los
recin llegados y se complica an ms si deseamos agregar
MySQL, PHP y Perl.

XAMPP es una forma fcil de instalar y utilizar la distribucin

Apache que contiene MySQL, PHP y Perl. Es realmente simple de
instalar y usar, pero hay que tener en cuenta que no est
desarrollado para su uso en produccin (lo veremos al final de la
gua).
Tiene licencia GNU y es multiplataforma, teniendo en estos
momentos versiones para: Linux, Win2, Mac Os X y Solaris.

INSTALACIN DE XAMPP 1.8.0

ACTUALIZACIN:
Nueva gua actualizada para la instalacin de Xampp 1.8.3 en:
http://www.ubuntu-guia.com/2013/10/instalar-xampp-ubuntu1404.html

- Nos descargamos en nuestra carpeta personal (no en

Descargas), el paquete "xampp-linux-1.8.0.tar.gz" desde esta
pgina. Detectar el Sistema Operativo y la arquitectura (32 o 64
bits). En estos momentos el paquete que de la ltima versin es:
xampp-linux-1.8.0.tar.gz
Nota: Hay 2 versiones ms modernas de Xampp, la 1.8.2 y la

1.8.3, de las cuales tengo pendiente actualizar la gua para su

instalacin en cuanto tenga tiempo.

Una

vez

descargado

en

nuestra

carpeta

personal,

lo

descomprimimos en el directorio /optdesde una Terminal con el

siguiente comando:
sudo tar xvfz xampp-linux-1.8.0.tar.gz -C /opt
Nota: Si lo hemos descargado en otra carpeta debemos de utilizar
el comando "cd", para colocarnos dentro. Por ejemplo, si lo hemos
descargado en Descargas: cd Descargas

Atencin: cambiar en el comando el n de versin o el nombre del

paquete para que sea exacto al que os habis descargado.
Y

ya

tenemos

instalado

XAMPP

en

/opt/lampp.

Nota: Testeado en Ubuntu 12.04, 11.04 y 10.10, (32bits y 64bits),

sin problemas.
Desinstalacin: Lo podemos desinstalar con:
sudo rm -rf /opt/lampp

Recomendacin: Si queris un IDE para desarrollar en PHP,

HTML, CSS... (incluido HTML5 y CSS3) os puede interesar
instalar Aptana Studio 3:
http://www.ubuntu-guia.com/2011/07/instalar-aptana-studio-3ubuntu.html
Permisos al directorio /opt/lampp/htdocs

(Aqu es donde se almacenan los archivos de las pginas webs)

1- Damos permisos para poder modificar el directorio /opt/htdocs,

con el comando:
sudo chmod a+w /opt/lampp/htdocs

2- Creamos un enlace simblico entre el directorio y una ubicacin

en nuestra carpeta personal, por ejemplo: /home/usuario/Webs,
para de esta forma tener nuestros proyectos en la carpeta
personal, con el comando:
sudo ln -s /opt/lampp/htdocs /home/usuario/Webs

Nota: donde pone "usuario" poner el nombre de vuestro usuario.

Comandos para utilizar Xampp:

Iniciar xampp:
sudo /opt/lampp/lampp start
Reiniciar xampp:
sudo /opt/lampp/lampp restart
Detener xampp:
sudo /opt/lampp/lampp stop

Podemos probar XAMPP arrancndolo con el comando:

/opt/lampp/lampp start

Y si todo ha ido bien, la terminal nos deber responder algo similar

a:
Starting XAMPP for Linux 1.7.4...
XAMPP: Starting Apache with SSL (and PHP5)...
XAMPP: Starting MySQL...
XAMPP: Starting ProFTPD...
XAMPP for Linux started.
Para desarrollar nuestras aplicaciones, debemos de realizar
siempre el anterior paso para arrancar Xampp, pero existe una gui
(interfaz grfica que nos permite arrancar de una forma fcil todos
los servicios o uno por uno. Es el llamado Panel de Control de
Xampp y se abre con el siguiente comando:
sudo

/opt/lampp/share/xampp-control-panel/xampp-control-

panel

Si os sale el siguiente error al lanzarlo desde la terminal:

Error importing pygtk2 and pygtk2-libglade

La solucin es instalar la libreria correspondiente:

sudo apt-get install python-glade2

CREAR

LANZADOR

EN

EL

MENU

INICIO

Para que nos aparezca la aplicacin en el men de "Aplicaciones Otros" de Ubuntu 10.10 y anteriores y en el Dash Aplicaciones de
Ubuntu

11.04

creamos

un

archivo.desktop

en

/usr/share/applications/, ejecutando en un terminal:

sudo

gedit

/usr/share/applications/xampp-control-

panel.desktop
Pegar el siguiente cdigo en el archivo:
[Desktop Entry]
Comment=Start/Stop XAMPP
Name=XAMPP Control Panel
Exec=gksudo

python

/opt/lampp/share/xampp-control-

panel/xampp-control-panel.py
Icon[en_CA]=/opt/lampp/xampp.png
Encoding=UTF-8

Terminal=false
Name[en_CA]=XAMPP Control Panel
Comment[en_CA]=Start/Stop XAMPP
Type=Application
Icon=/opt/lampp/xampp.png

Guardar y cerrar.

Nota: Respecto a las lneas "icons", he colocado el icono que me

he descargado desde la pgina web, lo he colocado en /opt/lampp
y lo he llamado "xampp.png"
Ya podemos arrancarlo escribiendo en el Dash de Unity o desde el
men aplicaciones - otras, nos pedir la contrasea y nos saldr el
Administrador grfico de Xampp, y podemos arrancar Xampp al
completo o los servicios que necesitemos.
Slo queda probarlo para ver que corre perfectamente. Abrimos
nuestro navegador y escribimos en la barra de direcciones:
http://localhost

Nos debe de salir la pantalla de bienvenida a XAMPP:

Ahora probamos "phpMyAdmin" pulsando en el men de la

izquierda "Herramientas > phpMyAdmin" o tambin escribiendo en
la barra de direcciones del navegador:
http://localhost/phpmyadmin
XAMPP nuevo concepto de seguridad:
Al abrir phpMyadmin os saldr el siguiente error:
XAMPP nuevo concepto de seguridad: Acceso a la solicitud objeto
slo

est

disponible

desde

la

red

local.

Este ajuste puede ser configurado en el archivo "httpdxampp.conf".

Si usted cree que esto es un error del servidor, por favor

comunqueselo al administrador del portal.
Error 403 localhost.

Esto no es cuestin de permisos, solo es una nueva directiva de

seguridad que nos obliga a poner una contrasea a las pginas de
Xampp en las ltimas versiones.
Para

solucionarlo

no

hay

que

editar

el

archivo

"/opt/lampp/etc/extra/httpd-xampp.conf", sino simplemente ponerle

la contrasea a las pginas de Xampp como explico al final de la
gua en el apartado "Seguridad".
Una vez hecho no volver a aparecer el error y ya tenemos nuestro
servidor local para programar en php con bases de datos:

Crear archivos php y ver su resultado en el navegador:

Los

"archivos.php"

deben

ser

guardados

en

el

directorio: /opt/lampp/htdocs (tendremos acceso tambin a este

directorio mediante el enlace que hemos creado con anterioridad
en

nuestra

carpeta

personal: /home/usuario/Webs/htdocs).

Y para ver el resultado de un archivo llamado "prueba.php", por

ejemplo, escribimos en la barra de direccin del navegador la
siguiente url:
http://localhost/prueba.php
Si

creamos

una

carpeta

dentro

un

archivo.php,

ejemplo:/opt/lampp/htdocs/carpeta/archivo.php veremos

por
el

resultado en el navegador, escribiendo en l:

http://localhost/carpeta/archivo.php
Seguridad
Como mencionamos antes, XAMPP no es para uso en produccin,
slo para un entorno de desarrollo local. XAMPP est configurado
lo ms abierto posible, permitiendo que el desarrollador trabaje sin
trabas. Para entornos de desarrollo esto es genial, pero en un
entorno de produccin es fatal.
Lista de seguridad que falta en XAMPP:
El

administrador

de

MySQL

(root)

no

tiene

contrasea.

El demonio de MySQL es accesible a travs de la red.

ProFTPD usa la contrasea "lampp" para el usuario "nobody".
PhpMyAdmin

es

accesible

travs

de

la

red.

MySQL y Apache se ejecuta bajo el mismo usuario (nobody).

Si lo vamos a utilizar a nivel local no hay ningn problema a
excepcin del error "XAMPP nuevo concepto de seguridad".

Para solucionar la mayora de las debilidades de seguridad

ejecutamos el siguiente comando:
sudo /opt/lampp/lampp security
Se inicia el control de seguridad, donde nos ir preguntando si
queremos poner contrasea a los distintos servicios o pginas,
escribimos "yes", pulsamos Enter y escribimos la contrasea 2
veces.

A la hora de abrir http://localhost/phpmyadmin :

- La primera contrasea que nos pide es para proteger las pginas
y ejemplos de Xampp y a la hora de logearse el usuario es lampp y
escribimos la contrasea que hayamos puesto.

- El siguiente logeo es para PhpMyAdmin y es el ms importante

protegiendo la base de datos (MySQL), donde el usuario es root y
la contrasea, la que hayamos puesto.

Pantallas Modelo del Software Educativo

Seccin 1. Bienvenido: contiene una pantalla diseada en lenguaje
de programacin orientada a objetos HTML, es la pantalla de inicio de
software, contiene el nombre del software e imagen referente al tema,
el nombre de la institucin, pie de pgina y el botn de entrada al
software.
Imagen N1. Bienvenido.

Fuente Autores (2014)

Seccin 2. Contenidos del men principal: contiene una pantalla

diseada en lenguaje de programacin orientada a objetos HTML,
muestra los contenidos que se dictan en el software educativo dividido
por sus tres lapsos al lado izquierdo, cada tema con un enlace donde
se muestra la explicacin de dicho informacin y al lado derecho una
imagen relacionada con el tema.
Imagen N2. Contenidos del men principal.

Fuente Autores (2014).

Seccin 3. Registro: contiene un men desplegable que nos lleva a
registro de docente y estudiante cada uno contiene una pantalla
diseada en lenguaje de programacin orientada a objetos HTML con
un formulario diseado donde cada uno permite que el docente y cada
estudiante guarde datos para dicho registro y conectado a la base de
datos del sistema.
Imagen N3. Registro de docente.

Fuente Autores (2014).

Imagen N3.1. Registro de estudiante.

Fuente Autores (2014).

Seccin 4. Docente: contiene una pantalla diseada en lenguaje de
programacin orientada a objetos en HTML con formulario diseado
nicamente para el docente con unos datos principales, correctamente
tendr como funcin consultar la lista de estudiantes registrados en el

sistema donde podr modificar sus datos y eliminarlo del sistema.

Tambin podr organizar su test evaluativo, anexando preguntas,
modificar y eliminar.

Imagen N4. Ingreso del docente.

Fuente Autores (2014).

Imagen N4.1. Opciones del docente.

Img.N4.2.Consulta de
estudiante

Img.N4.3.Test de evaluacin

Fuente Autores (2014)

Imagen N4.2. Consulta de estudiante

Eliminar
estudiante
Modificar
estudiante

Fuente Autores (2014)

Img.N4.3.Test de evaluacin, parte 1.

Fuente Autores (2014)

Img.N4.3.Test de evaluacin, parte 2.

Eliminar
pregunta

Modificar pregunta

Fuente Autores (2014)

Seccin 5. Galera: contiene una pantalla diseada en lenguaje de
programacin orientada a objetos HTML, donde se muestra imgenes,
relacionadas con los temas de Geografa General de Primer Ao.

Imagen N5. Galera.

Mantener el Clic hacia

abajo para ver ms
imgenes

Fuente Autores (2014)

Seccin 6. Evaluacin: contiene una pantalla diseada en lenguaje
de programacin orientada a objetos HTML y un formulario donde se
pide principales datos para acceder y directamente conectada a la
base de datos se pone en prctica el rendimiento de los estudiantes a
travs de la aplicacin donde el estudiante tendr acceso a tres
pruebas mediante sus tres lapsos cada una tendrn cinco preguntas
de seleccin y de una vez ser evaluado con puntuacin de 0 a 20
puntos.
Imagen N6. Evaluacin.

Fuente Autores (2014)

Seccin 7. Bibliografa: contiene una pantalla diseada en lenguaje

de programacin orientada a objetos HTML, se muestran los enlaces
de donde se obtuvo la validacin de cada uno de los contenidos que
se muestran en el software educativo.
Imagen N7. Bibliografa

Fuente Autores (2014)

Seccin 8. Crditos: contiene una imagen diseada en Microsoft

PowerPoint 2010, la cual contiene la informacin de las personas que
realizaron el software y el ao en que se elabor el software
educativo.
Imagen N8. Crditos.

Fuente Autores (2014).

Seccin 9. Salir: contiene un botn con enlace Salir y se dirige a la

seccin 1: bienvenido.
Nota: El men principal se encuentra en la parte superior en forma
vertical siempre saldr en el momento que hagas todas las funciones
en el Software Educativo.

Imagen N9. Salir.

Botn de salida automticamente

regresa a la seccin 1.Bienvenido

Fuente Autores (2014).

-

Seccin de solucin de problemas

Corregir el funcionamiento del Software Educativo la resolucin en
distintos computadores y navegadores.
Determinar el funcionamiento al registro estudiantil y almacenamiento
correcto de datos de los usuarios en la base de datos en el Software
Educativo.
Una posible falla que el Administrador no perciba es: En la seccin
DOCENTE del men del Software Educativo una vez ingresado sus
datos para entrar a las opciones que tendr, una vez abandonada la
seccin tendr que volver a ingresar sus datos por rdenes de
seguridad.