Autor(a):
Lesly Ramos Carranza.
Asesor(a):
M. en C. Alma E. Martínez Licona.
División de ciencias básicas e ingeniería Licenciatura en computación.
Reporte Final
Proyecto de Investigación I y II
“Generación de material didáctico vía web
para Inteligencia Artificial”
Contenido
INTRODUCCIÓN ______________________________________________________________ 2 OBJETIVOS __________________________________________________________________ 2 DESARROLLO ________________________________________________________________ 3 Infraestructura utilizada para desarrollar del proyecto. ____________________________ 3 Manual de Usuario _________________________________________________________ 4 Manual Técnico ____________________________________________________________ 8 CONCLUSIONES _____________________________________________________________ 17 REFERENCIAS _______________________________________________________________ 17
INTRODUCCIÓN
Se desarrollo un ejemplo utilizando una red neuronal artificial tipo perceptron infantil para la solución de problemas de clasificación, de forma gráfica, vía web. Para dicho ejemplo se propuso la clasificación de saber si un niño está enfermo o sano dependiendo de los valores de cada nodo de la red neuronal.
Este proyecto es continuación del proyecto material didáctico de redes neuronales de la alumna Alma Cruz Hernández entregado en Mayo del 2011.
OBJETIVOS
1. Entender el funcionamiento de un perceptron.
2. Desarrollar un perceptron infantil como ejemplo en un paquete computacional. 3. Diseñar un tutorial vía web y programar un perceptron infantil de manera sencilla para que los usuarios puedan aprender paso a paso su funcionamiento, para así aprender rápidamente la teoría.
DESARROLLO
Perceptron
Es el primer modelo de Red Neuronal Artificial supervisada (creada en 1958) capaz de aprender y conocer patrones sencillos, principalmente usado para problemas linealmente separables. Sus partes son: capa de entrada, capa intermedia, capa de salida, pesos y una función de transferencia.
La función de transferencia a la cual se hace referencia en este proyecto es:
Para poder implementar el perceptron infantil, se tuvo que contar con el entorno y herramientas descritas a continuación.
Infraestructura utilizada para desarrollar del proyecto.
Hardware: Portátil Toshiba Satellite L305 (Intel Pentium Dual 2.16 GHz 2116 MHz 2 procesadores).
Sistema operativo: Windows Vista Home Premium. NetBeans IDE 7.0
Notepad++
Los lenguajes de Programación utilizados fueron:
Java: Es un lenguaje de programación orientado a objetos, desarrollado por Sun Microsystems a principios de los años 90.
HTML: Es el acrónimo de Hyper Text Markup Language (Lenguaje de Marcado de Hipertexto) y es el lenguaje que se utiliza para crear las páginas web [3].
CSS: Un CSS (Cascading Style Sheets, u Hojas de Estilo en Cascada) [4] es una tecnología desarrollada por el World Wide Web Consortium (W3C) con el fin de separar la estructura de la presentación.
En las secciones siguientes, elabore un manual de usuario y técnico los cuales describen paso a paso el uso y elaboración del proyecto perceptron infantil, además adjunto un video tutorial vía web para que sea distribuido a alumnos interesados en la rama de inteligencia artificial.
Manual de Usuario
Paso1 Una vez que pulsamos el botón perceptron infantil nos desplegara la siguiente página.
Figura1. Página de inicio.
Paso2 En la parte superior aparece un mensaje el cual se describe en la Figura 2.
Figura2. Para poder visualizar el perceptron infantil.
podrá visualizar el perceptron infantil. Seleccionamos Ejecutar esta vez.
Paso3 Si quiere usted regresar a la página anterior, pulsa el botón Anterior y si quiere regresar a la página principal de Inteligencia Artificial pulsa el botón Inicio.
Figura3. Descripción de los botones.
Paso4 Las bolitas verdes son las entradas del perceptron, las líneas que salen de las bolitas verdes representan los pesos (Figura4), las bolitas amarillas representan la capa intermedia y la bolita roja representa la capa de salida (la clasificación sano o enfermo).
Paso5 Al pulsar los botones paso1 al paso 4, describe como se lleva a cabo la clasificación del perceptron.
Al hacer click en el botón paso1 mostrará el siguiente mensaje.
Figura5. Descripción del paso1.
Al hacer click en el botón paso2 mostrará el siguiente mensaje.
Figura6. Descripción del paso2.
Figura7. Descripción del paso3.
Al hacer click en el botón paso4 mostrará el siguiente mensaje.
Manual Técnico
La estructura de carpetas que se seguí en el proyecto se muestra en la Figura9.
Figura9. Directorio del proyecto.
En la carpeta perceptron aparece una carpeta llamada build en donde se almacenó el proyecto, como indica la Figura.
Figura10. Archivos creados.
Para hacer el diseño de la página web ocupe el lenguaje HTML utilizando Notepad++ como editor de texto. El nombre del archivo creado es index.html
Como se muestra en el HTML, se hace referencia a una hoja de estilo css. Nuestro archivo css se llama estilo.css la cual se muestra a continuación.
Para la elaboración del perceptron hice uso de NetBeans (Figura 11), usando código java para poder programar el applet (no es más que una aplicación Java que se encuentra en la web) que se despliega en la página del proyecto. El siguiente código genera dicho applet.
Una vez terminado el código, se ejecuta el applet como lo muestra la Figura 12 y por ultimo muestra el perceptron en el applet.
CONCLUSIONES
Con la realización de este proyecto, aprendí lo que es un perceptron y cómo es que se genera una clasificación a partir de los datos utilizados.
Además de que a partir de este proyecto se abrirán las puertas para los alumnos interesados en este tema, vean de forma sencilla el funcionamiento de cada una de las capas y una vez entendidas, las puedan aplicar utilizando otras herramientas donde los algoritmos estén implementados.
En general se cumplieron los objetivos planteados al inicio, pero lo más importante es que este paquete computacional será útil para las ueas propias de la UAMI.
REFERENCIAS
[1] “Información de Actualidad”, 06 de Abril del 2011, Consultado: 21 de Septiembre del 2011, URL:http://firedoz.blogspot.com/2011/04/que-es-java-y-para-que-sirve.html
[2] “Crear Web”, Noviembre del 2003, Consultado: 03 de Octubre del 2011, URL:
http://www.webtaller.com/construccion/lenguajes/java/lecciones/que-es-applet-java.php
[3] “HTML”, Consultado: 03 de Octubre del 2011, URL:
http://www.masadelante.com/faqs/html
[4] “Maestros del Web”, Diego Barcia, 8 de Noviembre del 2003, Consultado: 28 de Octubre del 2011, URL: http://www.maestrosdelweb.com/editorial/introcss/
