Recent Changes - Search:

Participantes

Proyectos

Cursos

Bitacoras

Support

upload Folder

edit SideBar

Plataforma WEB De Visualizaci N Para Boyas De Deriva

Responsable de actualizaciones y seguimiento de proyectos de desarrollo de tecnología:

L.I. Dulce Cervantes Espinoza (cervantes.dulce@uabc.edu.mx)

Herramientas a utilizar:

  • Servidor local que cuente con servicios de mysql, php y apache. En lo personal utilizo Ampps pero existen otras opciones. La descarga de dicho servidor se encuentra en su pagina oficial:
http://www.ampps.com/downloads en donde da a elegir la descarga dependiendo del sistema operativo que estés utilizando.
Tutorial en video para la instalacion de Ampps: http://is.gd/yM6Tgc
Para abrir el centro de control de Ampps y verificar que los servicios de apache y mysql esten funcionando, te vas al inicio de tu computadora buscas Ampps, haces click en el icono Ampps y se va abrir la siguiente ventana: http://is.gd/XYo6Bu en donde se muestra en el cuadro blanco de la parte inferior derecha "Apache Started" & "Mysql Started".
Tutorial en vídeo par la instalación de Notepad++: http://is.gd/dHyYHH
NOTA: El vídeo esa en portugués, pero son los mismos pasos.

Creación de base de datos:

1. Abrir el centro de control de Ampps.

2. Hacer clic en el icono de la casa.

3. Se mostrara una ventana como la siguiente: http://is.gd/j3pbgM, hacer clic en la opción que dice "Phpmyadmin".

4. Se mostrara una ventana como esta http://is.gd/JgRaxX, en donde harás click en la opción de "Bases de datos".

5. Creas la base de datos con el nombre que desees. http://is.gd/QNUt4K.

6. En el menú lateral izquierdo se muestran las bases de datos que están creadas en el servidor, haces clic en el nombre de la base de datos que acabas de crear.

7. El siguiente paso es crear las tablas que conformaran tu base de datos, después de que hayas hecho clic en el nombre de la base de datos que creaste, se mostrara la siguiente opción: http://is.gd/HH6Wep, le pondrás el nombre que desees y el numero de campos que esta contendrá.

8. Después de crear la tabla se mostrara lo siguiente: http://is.gd/jTJR4c en donde se especifican los atributos o características de cada campo, al terminar haces clic en boton de guardar y listo.

Almacenamiento de archivos de codigo fuente:

La ruta en donde se deben de almacenar los archivos de código fuente es la siguiente:

Mi PC > (C:) Disco Local > Archivos de programa > Ampps > www

        C:\Archivos de programa\Ampps\www

Ya que estés dentro de la carpeta de www puedes crear una nueva carpeta con el titulo que quieras para almacenar dentro de ella todos tus archivos de código fuente para el desarrollo del sitio web.

Para visualizar tu sitio web en el navegador, escribes localhost/NombreCarpeta en la barra de direcciones del navegador.

Pasos para el desarrollo de la plataforma:

NOTA: Todos los archivos estan almacenados aqui http://is.gd/G7pxYB

1. Importación de archivo csv con php y mysql

Se necesita tomar datos de las boyas que estan guardados en un archivo de excel para almacenarlos en en una base de datos en el servidor de base de datos de mysql para poder manipularlos y plasmarlos en la plataforma web.

En el siguiente link plasman un script php para importar el archivo de excel a una base de datos de mysql: http://is.gd/Gowxns.

  • Código de pagina "Gualinx", titulo "Subir datos desde un archivo .CSV a una BD MySql", publicado " Octubre 1, 2007" el nombre del archvio es importarcsvphpmysqloriginal.php
  • Código modificado, el nombre del archivo es importarcsvphpmysqlmodificado.php

2. Conexión de Google maps con base de datos de mysql

Para poder agregar marcadores en google maps con los datos obtenidos de la base de datos se necesita hacer una conexión entre ambos.

En el siguiente link encontré un script php que me funciono perfectamente modificando los datos de conexión y tomando la información de mi base de datos: http://is.gd/oQJoS7

  • Código de pagina "Tips4PHP", titulo "Use PHP, MySql and Google Map API v3 for displaying data on map", publicado "Octubre 12, 2010" el nombre del archivo es conexiongmapsmysqloriginal.php
  • Código modificado, el nombre del archivo es conexiongmapsmysqlmodificado.php

3. Consulta de datos de boya

Para poder desplegar datos de la boya en pantalla se modifico el archivo de conexiongmapsmysqlmodificado.php quedando de la siguiente manera en el archivo conexionconsultagmap.php.

4. Descarga de datos

Los datos de la consulta se descargaran en un archivo de excel al momento de presionar el boton "Descargar".

echo " <p align='center'> <a href=convertercsv.php?nombre=$nombre>

	<Input type='button' value='Descargar Datos'>

</a> </p>";

Se agrega este bloque de código que manda llamar a un archivo que se llama convertercsv.php despues de la linea de código echo "</table> \n";

Edit - History - Print - Recent Changes - Search
Page last modified on August 23, 2013, at 07:56 PM PST