Home

aplicación web basada en html5 para interfaz con un sistema

Contents

1. 37 14 Comunicacion MySQL ose cete e VN A laek 37 BN 40 Estudio econ maico 42 Cap tulo 1 Estudio econ mico 43 Parte HI Manual de usuario Z 2 F S amp N s s 44 1 1 Manual de usuario aplicaci n web 45 1 1 1 Dise o amp Za SA 45 1 1 2 Descripci n de contenido Hs B 45 Parte IV Codigo fuentg 9 3 985 Dia nn oko 47 Capitulo 1 C digo fuel 48 Parte V Anexos Z z88B Error Marcador no definido Cap tulo 1 Conocimientos de Programaci n 65 II Figura 1 Figura 2 Figura 3 Figura 4 Figura 5 Figura 6 Figura 7 Figura 8 Figura 9 Figura 10 Figura 11 Figura 12 Figura 13 Figura 14 Figura 15 Figura 17 Figura 18 Figura 19 Figura 20 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL NDICE DE FIGURAS Indice de figuras OT 6
2. m r 7 Hb NIO sse e 8 Is 9 Funcionamiento SELVICOL a L L u iada lod 14 Ejemplo del cua Oria 17 Contipuracion DMA uuu uuu a tnn aet vun 19 Representaci n de la planta de la vivienda 21 Histograma de temperatura 24 PhpMyAdmmnn 8 RA R A W 26 Variables tabla Radiadorg8 5 4 26 Variables tabla habitacion l 28 Representaci n de temperaturas con datos BBD 28 Representaci n de habitaci n con datos BBD 28 Representaci n de interruptores 29 Conexi n SPY MW A m MS EL AA 36 Planta WE SU 46 Histograma J M ug 46 Estructura archivos de la carpeta AWWW 48 III UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL NDICE DE TABLAS Indice de tablas Tabla L Tecnologias existentes I et sas pa ias 5 Tabla 2 Tecnolog as existentes tel fono 2 5 Tabla 3 Puertos abierto
3. pass bd Conectamos con BBDD conexion mysql connect direccion bd usu bd pass bd or die No es posible acceder a la BBDD e La primera acci n a realizar es una consulta y su consecuente representaci n php include conexion php J Solicitamos la consulta Sconsultal SELECT FROM habitacionl Seleccionamos la tabla Sresultadol mysql db query Sbase datos consultal conexion Seleccionamos el valor de la 1 fila y de la columna TempHoy Shl mysql result Sresultadol 0 TempHoy Ya UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Mostramos el valor echo Shl Cerramos conexi n mysql close Sconexion gt Con el c digo anterior podemos utilizar los valores de la base de datos para la representaci n de temperaturas de cada habitaci n as la representaci n de estado de los radiadores ver figura 14 y 15 Registro de temperaturas 22 B Ayer 18 Mi Hoy 16 13 10 D DM D n DM D DM DM D DM DM oe MY S 5 Lue vO 9 Figura 13 Representaci n de temperaturas con datos BBD Planta de la casa Tas 5 Figura 14 Representaci n de habitaci n con datos BBD 28 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria El siguiente punto a abordar es la act
4. body div class container darkbg clearfix gt div id headercont class clearfix gt div id headerlogo lt hl gt lt a title href index php gt DOM TICA lt a gt lt h1 gt lt div gt lt div id headerright gt lt div gt lt div gt div div class container lightbluebg clearfix lt div id menucont class clearfix gt lt div class menu gt c l lt 11 class active gt lt a title href index php gt Home lt a gt lt li gt lt li gt lt a title href planta php Planta a li lika title href histograma php gt Histograma lt a gt lt li gt lt ul gt rui div lt div gt lt div class container clearfix gt lt div id maincont class clearfix gt lt div 1d mainleft gt lt h1l gt Actualizaci n lt h1 gt a plu Establecemos coneci n 60 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente include conexion php Consulta tabla RADIADORES Sconsultarad SELECT FROM Stabla2 Sresultadorad mysql db query base datos sconsultarad tonexion Estado del radiador 1 Srl mysql result Sresultadorad 0 Estado kles utvaltsrlis if Srl 0 echo Radiador 1 apagado se encendera lt br gt lt br gt y Seleccionamos la base de datos mysql select db temperatura conexion Actualizamos nuevo valor ENCENDIDO Sssql
5. COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO ELECTROMEC NICO APLICACI N WEB BASADA EN HTML5 PARA INTERFAZ CON UN SISTEMA DOMOTICO X10 Autor Alberto Arce Arroyo Director Jos Daniel Mu oz Fr as Madrid Julio 2014 UNIVERSIDAD PONTIFICIA ICAI ICADE COMILLAS AUTORIZACI N PARA LA DIGITALIZACI N DEP SITO Y DIVULGACI N EN ACCESO ABIERTO RESTRINGIDO DE DOCUMENTACI N 12 Declaraci n de la autor a y acreditaci n de la misma El autor D Alberto Arce Arroyo como alumno de la UNIVERSIDAD PONTIFICIA COMILLAS COMILLAS DECLARA que es el titular de los derechos de propiedad intelectual objeto de la presente cesi n en relaci n con la obra proyecto fin de carrera que sta es una obra original y que ostenta la condici n de autor en el sentido que otorga la Ley de Propiedad Intelectual como titular nico o cotitular de la obra En caso de ser cotitular el autor firmante declara asimismo que cuenta con el consentimiento de los restantes titulares para hacer la presente cesi n En caso de previa cesi n a terceros de derechos de explotaci n de la obra el autor declara que tiene la oportuna autorizaci n de dichos titulares de derechos a los fines de esta cesi n o bien que retiene la facultad de ceder estos derechos en la forma prevista en la presente cesi n y as lo acredita 22 Objeto y fines de la cesi n Con el fin de dar la m xima difusi n a la obra citada a tra
6. Autorizada la entrega del proyecto del alumno a Alberto Arce Arroyo 90900000000 009000000006006066060060006000600686900000060000000000000 EL DIRECTOR DEL PROYECTO Jos Daniel Mu oz Frias V B del Coordinador de Proyectos lvaro S nchez Miralles COMILLAS SCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO ELECTROMEC NICO APLICACI N WEB BASADA EN HTML5 PARA INTERFAZ CON UN SISTEMA DOMOTICO X10 Autor Alberto Arce Arroyo Director Jos Daniel Mu oz Fr as Madrid Julio 2014 APLICACI N WEB BASADA EN HTML5 PARA INTERFAZ CON UN SISTEMA DOM TICO X10 Autor Arce Arroyo Alberto Director Mu oz Fr as Jos Daniel Entidad Colaboradora ICAI Universidad Pontificia Comillas RESUMEN DEL PROYECTO 1 INTRODUCCI N El proyecto consiste en desarrollar una aplicaci n dom tica de bajo coste donde se monitoricen y controlen algunos elementos que se presentan en un hogar estos elementos pueden ser radiadores persianas luces etc La aplicaci n web ser accesible desde el exterior y representar por medio de una interfaz sencilla e intuitiva la planta de la vivienda con los diferentes elementos y un registro hist rico de temperaturas Dicha aplicaci n correr sobre un servidor web de bajo coste en este caso un dispositivo de prop sito general la Raspberry Pi que se comunicar con un Arduino mediante el protocolo de conexi n SPI dicha comunicaci n establecer comunicaci
7. Esta vivienda cuenta con la representaci n de radiadores y una sencilla funci n que representa su funcionamiento DOM TICA PLANTA Planta de la casa EA mu Figura 8 Representaci n de la planta de la vivienda LIE UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Ejemplo funcionamiento radiador 1 window onload function Recibimos el elemento canvas var ctx cargaContextoCanvas micanvas if ctx ctx strokeRect 80 22 50 24 Bordes negros radiadorl Coloreado inicial if original 0 1 Radiadorl1 if sitl 1 ctx fillStyle ffee7f Colorea de amarillo CExs TI IRECC 00 8200 4 else 12 5121 0 ctx fillStyle white Colorea de blanco 2214 original dr Habiendo hecho un primer contacto con respecto al primer objetivo el segundo objetivo el histograma era el siguiente paso a realizar Para la representaci n de la temperaturas se valoraron diferentes opciones entre las que destacaba la resoluci n utilizando el ya bien conocido Canvas junto con Javascript y jQuery frente a la utilizaci n de una aplicaci n de Google denominada Google Charts dada la facilidad de implementaci n as como una mejor experiencia Interactiva con el usuario se opto por esta segunda opci n Para hacer uso de esta herramienta hay que cargar los reposi
8. UPDATE radiadores SET Estado 1 WHERE id 1 0 echo Radiador 1 encendido se apagara lt br gt lt br gt Seleccionamos la base de datos mysql select db temperatura conexion Actualizamos nuevo valor APAGADO Sssql UPDATE radiadores SET Estado 0 WHERE id 1 Comprobamos actualizaci n if mysql query Sssql echo Actualizacion exitosa else echo Error de actualizacion mysql close conexion 2 lt div gt lt div gt lt div gt lt div gt lt div class container clearfix gt lt div id footercont class clearfix gt lt p gt Domotica ICAI 4copy 2014 Free Website by Alberto lt p gt lt div gt lt div gt lt body gt lt html gt histograma hl php k S UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente lt html gt lt split include dato hl php 225 head JAVA REPOSITORIO APLICACI N GOOGLE lt script type text javascript src https www google com jsapi script lt INFORMACI N HISTOGRAMA HABITACI N 1 gt script type text javascript gt google load visualization 1 packages corechart google setOnLoadCallback drawChart function drawChart var data google visualization arrayToDataTable Hour Ayer Hoy 00 00 lt php echo Sal php echo 5hl gt 01 00 lt php echo a2 gt
9. ivapi l A O A E W as 12 1 5 2 Instalaci n del serviflor AO AO 2 13 1 5 3 Configuraci n la R spbem Pi II M ed AA 15 1 5 4 Configuraci n dellR UBER O A A AO A 18 1 5 5 Desarrollar la pr gramaci n TES N o Wi 19 1 5 6 Creaci n de la bas didigilatos Bil WA PEN Nue 25 1 5 7 Desarrollo de lafprogramaci n M BRRE A Od 27 1 6 Recursos herramientas empleadas 30 1 6 1 Raspberry P1 N i Mo LON A O S SE 30 1 6 2 Raspbian B RED A n 31 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL NDICE DE LA MEMORIA BESAN IO o E E EAT 31 JO AU u 31 10 0 CAG A 31 1000 m s n 32 La Um 32 ER e E OOOO a 32 1 6 9 Php MYA GA 33 Cap ulo A 1000010 0 34 Cap tulo 3 Futuros desarrollos 35 3 1 CONCORDO E a uy a 35 SN NOB KOL aa ESOO 35 3 1 2 Instalaci n y uso de librer a WiringeP1 a ae a ee e ee e ec Dos 36 3 1 3 Configuraci n del acceso a MySQL desde C
10. n entre la aplicaci n y la vivienda 2 PLANTEAMIENTO DEL PROBLEMA Se plantea crear una aplicaci n web con las ventajas de tener acceso externo aplicaci n web adaptada a m viles poder monitorizar y controlar nuestra vivienda desde un entorno seguro Cifrado de conexi n adem s de contar con las ventajas comunes a instalaciones dom ticas ya existentes confort y ahorro energ tico 3 ESTADO DE LA T CNICA Centraremos la informaci n de este apartado exclusivamente en las telecomunicaciones ofrecidas por los fabricantes de sistemas dom ticos en concreto valoramos accesibilidad seguridad y las diferentes formas de control de los elementos el ctricos ver tablas 1 y 2 ver DOMOTICA CIFRADO EUROCABLE X USUARIO CONTRASENA 77 5 INDOMO VSUANOKONTMSERA Tabla 1 Tecnolog as existentes internet 1 WW sss TELEFONO CONTROL 5 AVISO SMS APP VOZ DOMOTICA VIVA woas x X mowmds f X X X mono 15 X X Tabla 2 Tecnolog as existentes tel fono y voz En el proyecto queremos reunir las siguientes caracter sticas seguridad y accesibilidad externa desde cualquier dispositivo todo para crear un producto con las mismas competencias con respecto a las empresas actuales por lo que ciframos las comunicaciones y creamos una aplicaci n web adaptada a m viles sin necesidad de envi de sms o control por voz 4 OBJETO DEL PROYECTO El primer obje
11. submit name submit mult value Modificar title Radiador5 gt Habitaci n5 lt button gt lt Trorm gt lt form action actualizaciones h6 php method post gt lt button class mult submit type submit name submit_mult value Modificar i title Radiador6 gt Habitaci n lt button gt lt form gt lt div gt lt div gt lt div gt lt div gt lt div class container clearfix gt lt div id footercont class clearfix gt v UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente lt p gt Your Website Name copy 2012 Free Website Template by lt a title derby website design rel external gt Derby Web Design lt a gt lt p gt lt div gt lt div gt lt body gt histograma php IDOCTYPE html gt lt html gt lt head gt lt title gt Dom tica lt title gt lt leslodificaci n UTE 8 gt lt meta charset UTF 8 gt lt meta name description content gt lt meta name keywords content gt lt meta name viewport content width device width initial scale 1 gt lt link rel stylesheet href css style css gt lt Ka UA seriet src http ajax googleapis com ajax libs jquery 1 7 1 jquery min e scripto script window jQuery document write lt script src s jdiery J5s e x script gt lt script gt da va gt lt script src js sc
12. 670 BD 24 51 Radiador4 if sit4 1 ctx fillStyle ffee7f OUX TILIReCL SOSL 379 20 45 7 tx 11116661431 200 24 00 else 1f sit4 0 ctx fillStyle white ctx i1lLlRect 2300 379 50 223 CTxX tLlLlRectid o 255 22450 YA UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente Radiador5 if sit5 1 ctx fillStyle ffee7f FL LIBECE A Uo 2725 DU pao else 1f sito 0 ctx fillStyle white CER SOJN 275 U A Radiador6 if sito 1 ctx fillStyle ffee7f OGtxX TILIRect 5D 375 50 245 else if sit6 0 Otx raillStyle white OLX ELIIRECE BU 375 20 20 original 1 ctx stroke 1 if ctx windows onload enmi pu lt INFORMACION CANVAS gt lt head gt lt body gt lt div class container darkbg clearfix gt lt div id headercont class clearfix div id headerlogo lt hl gt lt a title href index php gt DOM TICA lt a gt lt h1 gt lt div gt div id headerright gt lt div gt lt div gt lt div gt lt div class container lightbluebg clearfix gt lt div id menucont class clearfix gt lt div class menu gt ulo lt li gt lt a title href index php gt Home lt a gt lt 1i gt lt li class active gt lt a title bret F gt Planta lt a gt lt 1i gt lt li gt lt a title href histog
13. Consulta a RADIADORES resultadorad mysql db query base datos sconsulrarad sconexion Datos de la tabla RADIADORES Sel mysql result Sresultadorad 0 Estado e2 mysql result Sresultadorad 1 Estado 3 mysql result Sresultadorad 2 Estado e4 mysql result Sresultadorad 3 Estado e5 mysql result Sresultadorad 4 Estado e6 mysql result Sresultadorad 5 Estado mysql free result Sresultadorad mysql close conexion gt lt head gt lt title gt Dom tica lt title gt lt l Coditicacion UTEF 8 5 lt meta charset UTF 8 gt 2 lt meta name description content gt A S UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente lt meta name keywords content gt lt meta name viewport content width device width initial scale 1 gt lt link rel stylesheet href css style css l JQuery SOCIETE src http ajax googleapis com ajax libs jquery 1 7 1 jquery min Ja soript gt script window jQuery document write lt script src 8 7 query 1s gt lt script gt lt scripe gt lt I lt script src js scripts js gt lt script gt INFORMACION CANVAS gt Stripes Variables var original 0 var sitl lt php echo Sel gt var sit2 lt php echo e2 gt var sit3 lt php echo e3 gt var s
14. div id headercont class clearfix gt lt div 1d headerlogo gt lt hl gt lt a title href index php gt DOM TICA lt a gt lt h1 gt e a div 1d headerright gt lt div gt lt div gt lt div gt lt div class container lightbluebg clearfix gt lt div id menucont class clearfix gt lt div class menu gt suk lt l Pesta as gt li class active gt lt a title href gt Home lt a gt lt 1i gt lt li gt lt a title href planta php gt Planta lt a gt lt li gt lt li gt lt a title href histograma php gt Histograma lt a gt lt li gt lt ul gt lt div gt 49 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente lt div gt lt div class container clearfix gt lt div id maincont class clearfix gt lt div 1d mainleft gt lt h1 gt Informaci n sobre la casa lt h1 gt Pio include dato hl php h1 mysql result Sresultadol 0 TempHoy echo Shl YA lt div gt lt qi gt lt div gt iv lt div class container clearfix gt lt div 1d footercont class clearfix gt lt p gt Domotica ICAI 4copy 2014 Free Website by Alberto lt p gt efdiy lt div gt lt body gt lt html gt planta php DOCTY PE html lt html gt lt php include conexion php Archivo necesario para conexi n Sconsultarad SELECT FROM tabla2
15. en un soporte digital para su incorporaci n a una base de datos electr nica incluyendo el derecho de reproducir y almacenar la obra en servidores a los efectos de garantizar su seguridad conservaci n y preservar el formato c Comunicarla y ponerla a disposici n del p blico a trav s de un archivo abierto institucional accesible de modo libre y gratuito a trav s de internet d Distribuir copias electr nicas de la obra a los usuarios en un soporte digital 4 Derechos del autor El autor en tanto que titular de una obra que cede con car cter no exclusivo a la Universidad por medio de su registro en el Repositorio Institucional tiene derecho a a A que la Universidad identifique claramente su nombre como el autor o propietario de los derechos del documento b Comunicar y dar publicidad a la obra en la versi n que ceda y en otras posteriores a trav s de cualquier medio c Solicitar la retirada de la obra del repositorio por causa justificada A tal fin deber ponerse en contacto con el vicerrector a de investigaci n curiarte rec upcomillas es d Autorizar expresamente a COMILLAS para en su caso realizar los tr mites necesarios para la obtenci n del ISBN d Recibir notificaci n fehaciente de cualquier reclamaci n que puedan formular terceras personas en relaci n con la obra y en particular de reclamaciones relativas a los derechos de propiedad intelectual sobre ella 2 En el supuesto de
16. lt php echo h2 gt 02 00 lt php echo 2a3 5 7php echo 03 00 lt php echo a4 gt lt php echo 5h4 gt 04 00 lt php echo a5 gt lt php echo h5 gt 05 00 lt php echo a6 gt lt php echo 5h6 gt 06 00 lt php echo a7 gt lt php echo 5h gt 07 00 lt php echo a8 gt lt php echo 5h8 gt 08 00 lt php echo a9 gt lt php echo h9 gt 09 00 lt php echo 5al0 gt lt php echo 5hl0 gt 10 00 lt php echo 5all gt lt php echo 5hl1l gt 11 00 lt php echo 5al2 gt lt php echo 5hl2 gt 12 00 lt php echo 5al3 gt lt php echo 5hl3 gt 13 00 lt php echo 5al4 gt lt php echo 5hl4 gt 14 00 lt php echo 5al5 gt lt php echo 5hl5 gt 15 00 lt php echo al6 gt lt php echo 5hl6 gt 16 00 lt php echo al7 gt lt php echo 5hl7 gt 17 00 lt php echo 5al8 gt lt php echo h18 gt 18 00 lt php echo a19 5 c php echo 5hl9 gt 19 00 lt php echo a20 gt lt php echo h20 gt 20 00 lt php echo a21 gt lt php echo h21 gt 21 00 lt php echo a22 gt lt php echo h22 gt 22 00 lt php echo a23 gt lt php echo h23 gt 23 00 lt php echo a24 gt lt php echo 5h24 gt 1 var options title Registro de temperaturas curveType function
17. n que se presenta en este proyecto surge de la necesidad de control y monitorizaci n de los elementos dom ticos de la casa Para abordar el dise o de la aplicaci n propuesta se han estudiado las posibles soluciones de software enumerando y destacando en la memoria de este documento aquellas que por sus ventajas desde el punto de vista de la arquitectura se han elegido para realizar la aplicaci n Entre los motivos enumerados destaca el bajo coste para la implementaci n del sistema dom tico as como el confort de controlar y manejar de manera segura los diferentes elementos el ctricos que componen la vivienda Se ha conseguido una aplicaci n eficaz y eficiente a la par que fiable y estable con una curva de aprendizaje m nima y con la funcionalidad m s utilizada a la vista evitando complejos procedimientos para su uso Y A UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Cap tulo 3 FUTUROS DESARROLLOS 3 1 CONEXI N SPI 3 1 1 INTRODUCCI N El Bus SPI Serial Peripheral Interface es un est ndar de comunicaciones usado principalmente para la transferencia de informaci n entre circuitos integrados en equipos electr nicos El bus de interfaz de perif ricos serie o bus SPI es un est ndar para controlar casi cualquier dispositivo electr nico digital que acepte un flujo de bits serie regulado por un reloj Nuestra intenci n es usar la cone
18. n scriptable din mica de formas 2D e im genes de mapa de bits Se trata de un modelo de procedimiento de nivel bajo el que actualiza un mapa de bits y no tiene una gr fica de escena integrada El Canvas consiste en una regi n dibujable definida en el c digo HTML con atributos de altura y ancho El c digo JavaScript puede acceder a la zona a trav s de un conjunto completo de funciones similares a las de otras API s comunes de dibujo 2D permitiendo as que los gr ficos sean generados din micamente Algunos de los usos previstos incluyen construcci n de gr ficos animaciones Juegos y la composici n de im genes 1 6 7 GOOGLE CHARTS API La API de gr ficos de Google es una herramienta que permite a los usuarios crear f cilmente un gr fico a partir de algunos datos e incrustarlo en una p gina web Google crea una imagen PNG de un gr fico de los datos y par metros de formato en una solicitud HTTP Se admiten muchos tipos de gr ficos como por ejemplo l neas barras circulares y de gr ficos de radar as como los diagramas de Venn diagramas de dispersi n mapas 1 6 8 MYSOL MySQL es un sistema de gesti n de bases de datos relacional multihilo y multiusuario servicio usado por muchos sitios web grandes y populares como Wikipedia Google YA UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria MySQL AB desde enero de 2008 una subsidiaria de
19. om o o a 1 DA e ADA um unun A mm s s TUNA mn PC 1 I RASPBERRY i i 1 i 4 i R Navegador i I Servidor web R l D 1 I U 1 I 3 i i i 1 SOL olo PHP li Op l l me a a AS Gus sun mun f O 401 uuu Ms Mu Mun pus suu in ume ma s L mr mn m mew 1 Navegador solicita pagina PRP 2 Remite fa pagina at interprete PHE 3 Devuelve al servidor pagina como HTML J Dovucivo documento HTML O Envia v recibe datos de lo base de datos Figure 2 Server Operation The problem of Internet security we opted for the decision to encrypt the server as a measure of increased security with such uncertainty incorporating encryption certificates for a period of 3 years 5 3 Router configuration To finish external access configuration we must open certain ports on the router and a server is an application that 15 designed to send data to those users who request them PUERTOS SERVICIO SSH FTP 5900 5910 VNC Table 6 Open ports router I apply the DMZ configuration this tool is to identify an area that serves as an outlet for Internet with all open potts 5 4 Database A database is usefull tool to save the current house Information and can also be used to store the historical record of temperatures occurring In each room Its use 15 very si
20. onclick var ifreim2 document getElementById ifreim2 ifreim2 style display ifreim2 style display none block none gt Habitaci n2 lt a gt lt iframe src histograma h2 php id ifreim2 style display none width 100 height 250 display none gt lt iframe gt a Li 119 lt a class h menu onclick var ifreim3 document getElementById ifreim3 ifreim3 style display ifreim3 style display none block none gt Habitaci n3 lt a gt iframe src histograma h3 php id ifreim3 style display none width 100 height 250 display none gt lt iframe gt 112 LE a class h menu onclick var ifreim4 document getElementById ifreim4 ifreim4 style display ifreim4 style display none block none gt Habitaci n4 lt a gt VB UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente lt iframe src histograma h4 php id ifreim4 style display none width 100 height 250 display none gt lt iframe gt ali LIS lt a class h menu onclick var ifreim5 document getElementById ifreim5 ifreim5 style display ifreim5 style display none block none gt Habitaci n5 lt a gt lt iframe src histograma h5 php id ifreim5 style display none width 100 height 250 display none gt lt iframe gt e Las ELLA lt a class h menu onclick var ifreim6 document getEl
21. utilizando Internet que permite crear y manejar bases de datos con una interfaz m s sencilla PhpMyAdm n YA UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria RASPBERRY A Servidor web lt lt m ga tU A O Z cox b me eme Q us um un p PN 70 k ww see E mu wen 2 ample y w PE DAL Na vegado SORT A Maite PHF ksa pun Si z semi rea PER PE Remke la pagina al interprete PHE 13 DJ M Devuelve al servidor pagina como HTML Devuelve documento HTML So Envia v recibo datos de la hase de datos UB envie delos d la Dass Ge datos Figura 5 Funcionamiento servidor El proceso comienza antes de la instalaci n con la actualizaci n de programas y repositorios sudo groupadd www data sudo usermod a G www data www data Instalamos Apache sudo apt get install apache2 Instalamos PHP para poder crear contenido din mico en nuestra web sudo apt get install php5 Junto con unos paquetes que nos podr an hacer falta sudo apt get install libapache2 mod php5 libapache2 mod perl2 php5 php cli php5 common php5 curl php5 dev php5 gd php imap php ldap php5 mhash php5 mysql php5 odbc 14 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI IN
22. var chart new google visualization LineChart document getElementbById chart div chart draw data options lt script gt YA UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente lt head gt body div id chart div style width 600px height 200px div body lt html gt Y A UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Anexos Parte V ANEXOS 64 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Anexos Cap tulo 1 CONOCIMIENTOS DE PROGRAMACI N Adquirir conocimientos de programaci n realizando cursos v a internet y con libros de programaci n ll HTML Definici n HTML siglas de HyperText Markup Language lenguaje de marcas de hipertexto gt hace referencia al lenguaje de marcado para la elaboraci n de p ginas web Es un est ndar que sirve de referencia para la elaboraci n de p ginas web en sus diferentes versiones define una estructura b sica y un c digo denominado c digo HTML para la definici n de contenido de una p gina web como texto Im genes etc Aprendizaje Mediante la aplicaci n web interactiva Codecademy realizando un aprendizaje en paralelo con CSS y con El gran libro de HTML5 CSS3 Y Javasript 1 2 CSS Definici n Hojas de Estilo en
23. 4 INDOMO e Lacasa se puede comunicar desde dentro fuera a trav s de cualquier Smartphone o tel fono IP e Aplicaci n m vil TalkToKNX para controlar por voz tu vivienda 1 1 5 RESUMEN 5 PLANTA ORDENES SEGURIDAD DOMOTICA VIVA CIFRADO 7 ESNS MA Tabla 1 Tecnolog as existentes internet 777 TELEFONO CONTROL DOMOTICA VIVA EUROCABLE X USUAMO CONTMSENA DOMOTICUS INDOMO Tabla 2 Tecnolog as existentes tel fono y voz 1 1 6 VALORACI N En el proyecto queremos reunir las siguientes caracter sticas seguridad y accesibilidad externa desde cualquier dispositivo todo para crear un producto con las mismas competencias con respecto a las empresas actuales por lo que ciframos el servidor y creamos una aplicaci n web adaptada a m viles sin necesidad de envi de sms o control por voz UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria 1 2 ESTUDIO DE LOS DIFERENTES DISPOSITIVOS DE PROP SITO GENERAL 1 2 1 DEFINICI N DE LOS REQUISITOS El nuevo dispositivo hardware debe disponer de unas especificaciones firmware y controladores lo m s libres posible ser de peque o tama o bajo coste silencioso y con unos consumos de energ a reducidos Adem s de esto debe tener la capacidad de procesamiento necesaria para ejecutar el servidor web y los diferentes m dulos y software que lo dotan de diferentes
24. Cascada Cascading Style Sheets es el lenguaje de hojas de estilo utilizado para describir el aspecto y el formato de un documento escrito en un lenguaje de marcas esto incluye varios lenguajes basados en XML como son XHTML o SVG Aprendizaje Mediante la aplicaci n web interactiva Codecademy realizando un aprendizaje en paralelo con HTML y con El gran libro de HTML5 CSS3 Y Javasript LOS UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Anexos 1 3 CANVAS Definici n Canvas lienzo en ingl s es un elemento HTML incorporado en HTML5 que permite la generaci n de gr ficos din micamente por medio del scripting Permite generar gr ficos est ticos y animaciones Aprendizaje A partir de un manual desarrollado por la p gina web www desarrolloweb com 14 PHP Definici n PHP es un lenguaje de programaci n de uso general de c digo del lado del servidor originalmente dise ado para el desarrollo web de contenido din mico El c digo es interpretado por un servidor web con un m dulo de procesador de PHP que genera la p gina Web resultante Aprendizaje Mediante la aplicaci n web interactiva Codecademy Ya
25. EKIKKE Conectar con base de datos void mysgl connect void YA UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria initialize MYSQL object for connections mysqll mysgl init NULL 1f mysq11 NULL fprintf stderr sXn mysql error mysg11 return Connect to the database if mysql real connect mysqll localhost DATABASE USERNAME DATABASE PASSWORD DATABASE NAME 0 NULL 0 NULL fprintf stderr sNn mysql error mysg11 else printf Database connection successful in Desconexi n void mysgl disconnect void mysql close mysgll printf Disconnected from database Nn Actualizando la base de datos void mysql write something void vector times a vector of alarm times if mysqll NULL Retrieve all data from alarm times if mysql query mysgll INSERT INTO settings 13 value string N VALUES N 99 Hello A ON DUPLICATE KEY UPDATE id 99 value string Hellow fprintf stderr ss n mysql error mysg11 V UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Consultando de la base de datos mysql connect if mysgll 1 NULL if mysql query mysqll SELECT value int value string FROM settings WHERE id 8 MYSQL RES result my
26. GENIERO INDUSTRIAL Memoria Reiniciamos la Raspberry y procedemos a la instalaci n de la base de datos MySQL sudo apt get install mysal server mysql client php5 mysql Instalaci n de PhpMyAdm n sudo apt get install libapache2 mod auth mysql php5 mysql phpmyadmin 1 5 3 CONFIGURACI N LA RASPBERRY PI II Permisos Una vez instalado el servidor otorgamos permisos Los directorios t picamente utilizados por un servidor web en Linux se sit an en la carpeta var www y el usuario t pico para dicho entorno suele ser www data Ahora vamos a crear el grupo y usuario est ndar para nuestro servidor a la par que otorgamos los permisos pertinentes y a adimos a nuestro usuario por defecto pi al grupo comentado De esta forma no ser preciso que el usuario root su sea siempre el que pueda operar en la ya carpeta mencionada var www Cambiamos el usuario y grupo al directorio sudo chown www data www data var www Damos los permisos a la carpeta www sudo chmod 775 var www A adimos el usuario pi al grupo www data sudo usermod a G www data pi Reiniciamos el servidor sudo etc init d apache2 restart 15 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Seguridad Puesto que una de las principales cuestiones que se planteaban era el problema de la seguridad en internet se opto por la decisi n de cifrar el servidor co
27. MPERATURA que contiene siete tablas RADIADORES HABITACIONI HABITACI N2 HABITACI NS HABITACIONA HABITACIONS HABITACION6 que contienen la informaci n con la situaci n de los radiadores encendido apagado y con el registro de temperaturas de cada habitaci n respectivamente La codificaci n de ambas tablas es UTF 8 formato de codificaci n de caracteres Unicode e ISO 10646 utilizando s mbolos de longitud variable la misma codificaci n establecida en el servidor y en las p ginas LOS UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria phpMyAdmin Mea lc Estructura Lj SQL 4 Buscar 2 m 400 Tabla Acci n az O habitacion1 Examinar amp Estructura habitacion1 habitacion Examinar YA Estructura habitacion O habitacion3 E Examinar 44 Estructura habitacion habitacion4 Examinar 42 Estructura habitacion4 habitaci ns habitacion6 radiadores El radiadores E Examinar Mi Estructura O habitacion5 EE Examinar HA Estructura Examinar de Estructura habitacion 7 tablas Numero de filas Figura 10 PhpMyAdmin La tabla RADIADORES contiene 3 campos de informaci n e 1d identificaci n tipo entero auto incrementable e nombre informaci n de la habitaci n tipo cadena de caracteres e estado informaci n del estado tipo num rico 1 encendido O apagado Colu
28. Sun Microsystems y sta a su vez de Oracle Corporation desde abril de 2009 desarrolla MySQL como software libre en un esquema de licenciamiento dual MySQL es muy utilizado en aplicaciones web como Drupal o phpBB en plataformas Linux Windows Apache MySQL PHP Perl Python y por herramientas de seguimiento de errores como Bugzilla Su popularidad como aplicaci n web est muy ligada a PHP que a menudo aparece en combinaci n con MySQL 1 6 9 PHPMYADMIN PhpMyAdmin es una herramienta escrita en PHP con la intenci n de manejar la administraci n de MySQL a trav s de p ginas web utilizando Internet Actualmente puede crear y eliminar bases de datos crear eliminar y alterar tablas borrar editar y a adir campos ejecutar cualquier sentencia SQL administrar claves en campos administrar privilegios exportar datos en varios formatos y est disponible en 62 idiomas Se encuentra disponible bajo la licencia GPL Esta herramienta corre en m quinas con Servidores Web y Soporte de PHP y MySQL la tecnolog a utilizada ha ido variando durante su desarrollo actualmente est disponible en 69 idiomas y se encuentra mantenido por el Proyecto PhpMyAdm n bajo responsabilidad de Olivier M ller Marc Delisle Alexander M Turek Michal Cihaf y Garvin Hicking YA UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Cap tulo 2 CONCLUSIONES El desarrollo de la aplicaci
29. TML5 que permite generar gr ficos din micamente Habiendo hecho un primer contacto con respecto al primer objetivo el segundo objetivo el histograma era el siguiente paso a realizar Para la representaci n de las temperaturas se valora como la mejor opci n dada la facilidad de implementaci n as como una mejor experiencia interactiva con el usuario la aplicaci n de Google denominada Google Charts Sabiendo c mo crear un gr fico de temperaturas para cada habitaci n es momento de representar todas las gr ficas en una misma p gina se opto por una representaci n oculta nada m s cargar la p gina que mostrase u ocultase cada una de las gr ficas al hacer click en la opci n correspondiente a cada habitaci n de esta manera conseguimos una visualizaci n m s clara y accesible al usuario usando iframes En este momento la p gina est desarrollada en HTML es est tica por lo que hay que desarrollar la programaci n PHP para usar contenido din mico para ello hay que ser capaz de interactuar con la base de datos que simula el comportamiento de la vivienda a Realizar consultas para representar la situaci n de la vivienda b Mostrar datos de dichas consultas en los histogramas de temperatura c Actualizar los datos al querer cambiar el estado de los radiadores En la actualizaci n de los radiadores el funcionamiento que se quiere representar es similar al de un interruptor pero para simular su comportamiento hay que
30. a habitaci n de esta manera conseguimos una visualizaci n m s clara y accesible al usuario ver figura 1O La soluci n m s sencilla es el uso de iframe al hacer click se muestra la p gina correspondiente al archivo con la ubicaci n definida en el atributo src dicha p gina contiene la gr fica correspondiente a la habitaci n no olvidar definir diferentes identificadores correspondientes a las diferentes habitaciones con atributo 1d Y A UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Cada iframe se muestra y se oculta cada vez que se clickea el tama o es todo el ancho con 250 de alto lt a class h menu onclick var ifreiml document getElementById ifreiml ifreiml style display ifreiml style display none block none gt Habitaci nl lt a gt Ruta del archivo histograma hl con el identificador ifreiml lt iframe src histograma hl html id ifreiml style display none width 100 height 250 display none gt lt iframe gt DOM TICA HOME PLANTA HISTOGRAMA Histograma m Habitaci n Registro de temperaturas 20 00 224 M 2 Ayer 21 H Ayer 213 T M Ho 20 2 i 15 00 16 00 17 00 18 00 19 00 20 00 21 00 22 00 Habitaci n2 Habit Habit Habitac Habit v o uU IRO a O Figura 9 Histograma de temperatura Una vez centrados los dos objetivos pr
31. ciones en esta librer a una para configurar y otra para leer escribir ambas se utilizaran desde un archivo C int wiringPiSPISetup int channel int speed Funci n para configurar el spi En channel ponemos 1 o 0 seg n el puerto que queramos usar y en speed ponemos 36 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria la velocidad en Herzios de nuestra comunicaci n SPI Si la funci n nos devuelve un 1 quiere decir que no se ha iniciado bien y que tenemos un error int wiringPISPIDataRW int channel unsigned char data int len Por ultimo tenemos la funci n de escritura lectura esta tiene 3 par metros El canal el buffer de datos y el tama o de los datos a enviar Dado que esta funci n lee y escribe al mismo tiempo lo que pongamos en data sera sobrescrito por lo que se lea del bus 3 1 3 CONFIGURACI N DEL ACCESO A MYSQL DESDE C Instalaci n Biblioteca C en MySQL sudo apt get instalar libmysalclient dev Correcci n del archivo MAKE para poder acceder a MySQL desde c digo C L nea 8 LIBS 1 mysql config libs L nea 10 CFLAGS 1 Wall c DEBUG mysal config cflags 3 1 4 COMUNICACI N CON MYSOL Desde archivos escrito en C Conexi n include lt mysql mysql h gt Define SERVER localhost Define USUARIO usuario Define PASSWORD top secret password Define DATABASE database PEEFEEKK
32. dition to the common advantages for automation installations existing comfort and energy savings 3 PRIOR ART Focus the information 1n this section exclusively offered by telecommunications manufacturers automation systems see Table 1 and 2 O irene VIVA CIFRADO EUROCABLE X USUARIO CONTRASENA 777 oo INDOMO X SK Table 4 Tecnologies internet W WS TELEFONO CONTROL DEBE AVISO SMS APP VOZ DOMOTICA VIVA wose x x Domorneus x X X mono 1 X x Table 5 Technologies mobile phone We want to have the following characteristics security and external access from any device all to create a product with the same powers with respect to existing businesses so we encrypt the server and create a web application adapted to mobile without sms or voice control 4 OBJECTIVES Because our first objective representing the floor of the house we need a web application based on HTMLS to use CANVAS allowing rendering scriptable dynamics of 2D shapes The second objective is a representation of a historical temperature record information log temperatures represented by a line graph of type 5 PROCESS The method to approach the project 15 divided into four main parts Raspberry Pi Settings 3 Router configuration 2 Installing the server amp Server 4 Database configuration 5 Develop programming 5 I Raspberry Pi Settings Internal access Raspbian opera
33. ementById ifreim6 ifreim6 style display ifreim6 style display none block none gt Habitaci n lt a gt lt iframe src histograma h6 php id ifreim6 style display none width 100 height 250 display none gt lt iframe gt AK ia lt ul gt lt nav gt diu lt div gt lt div gt elu div class container clearfix gt lt div id footercont class clearfix gt lt p gt Domotica ICAI amp copy 2014 Free Website by Alberto lt p gt lt div gt lt div gt lt body gt lt html gt conexion php php Declaracion de variables PHP y de acceso a BBDD base datos temperatura stabla2 radiadores direccion bl localhost usu Da root pass bd Soana 1 Conectamos con BBDD conexion mysql connect Sdireccion bd usu bd pass bd die No es posible acceder a la BBDD 157 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente dato h1 php rio include conexion php Sconsultal SELECT FROM habitacionl Sresultadol mysql db query Sbase datos consultal Sconexion h1 mysql result Sresultadol 0 TempHoy h2 mysql result Sresultadol 1 TempHoy h3 mysql result Sresultadol 2 TempHoy h4 mysql result Sresultadol 3 TempHoy h5 mysql result Sresultadol 4 TempHoy h6 mysql result Sresultadol 5 TempHoy Sh7 mysql res
34. es a cada una de las habitaciones ejemplo Habitaci nl Apagado o encendido del radiador 1 DOM TICA HOME HISTOGRAMA Planta de la casa Nuevo dise o Habitaci n1 Habitaci n2 Habitaci n3 Habitaci n4 Habitacidn5 Habitaci n6 Figura 17 Planta Histograma rea de contenido Acceso a los diferentes histogramas de temperaturas al clickear DOM TICA HOME PLANTA HISTOGRAMA Histograma u Habitaci n m Habitaci n2 m Habitaci n3 Registro de temperaturas Ayer 19 B Hoy Habitac 4 Habitaci ns Habitaci ns Figura 16 Histograma 46 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente Parte IV C DIGO FUENTE 47 Cap tulo 1 C DIGO FUENTE UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente El c digo incluido en esta secci n esta referenciado seg n el siguiente esquema actualizaciones L h php L1 h5 php L1 h4 php L1h3 php L h2 php L ht php css il style3 css 1 style css Ej style css 4 reset css dato L1 h6 php L1h5 php L h4 php L1h3 php EJ h2 php LD h1 php 1 histograma L h php L1 h5 php 11 h4 php L1h3 php L1 h2 php CJ h1 php 1 images du js EJ planta php 11 738 E index php 2 219 T histogra
35. etc e Control de temperatura por presencia regulaci n de intensidad etc AHORRO ENERG TICO e Gesti n de Climatizaci n calefacci n aire acondicionado por programaci n horaria o control de temperatura por zonas e Gesti n de Consumo de calefactores programaci n para funcionamiento en franjas horarias m s econ micas 1 4 OBJETIVOS Creaci n de aplicaci n web para el posterior control de diferentes elementos de la casa 1 Esquema del plano de la vivienda con monitorizaci n y control 2 Registro hist rico de datos de temperatura Y UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria 1 5 METODOLOGIA SOLUCI N DESARROLLADA El m todo para abordar el proyecto se divide en cuatro partes principales 1 Configuraci n Raspberry Pi I y II 2 Instalaci n del servidor 3 Configuraci n del router 4 Creaci n de base de datos 5 Desarrollo de la programaci n I y II 1 5 1 CONFIGURACI N LA RASPBERRY PI I Una vez instalado el sistema operativo Raspbian en la Raspberry la primera configuraci n debe ser SSH para poder acceder a la Raspberry Pi de forma remota es decir poder realizar cualquier modificaci n de la Raspberry desde otro dispositivo diferente sin necesidad de tener conectado un TV monitor Para tal fln es necesarto establecer una Ip est tica modificando la configuraci n de red accediendo al archivo con la
36. fin l cito Con dicha finalidad la Universidad asume los siguientes deberes y se reserva las siguientes facultades a Deberes del repositorio Institucional La Universidad informar a los usuarios del archivo sobre los usos permitidos y no garantiza ni asume responsabilidad alguna por otras formas en que los usuarios hagan un uso posterior de las obras no conforme con la legislaci n vigente El uso posterior m s all de la copia privada requerir que se cite la fuente y se reconozca la autor a que no se obtenga beneficio comercial y que no se realicen obras derivadas La Universidad no revisar el contenido de las obras que en todo caso permanecer bajo la responsabilidad exclusiva del autor y no estar obligada a ejercitar acciones legales en nombre del autor en el supuesto de infracciones a derechos de propiedad intelectual derivados del dep sito y archivo de las obras El autor renuncia a cualquier reclamaci n frente a la Universidad por las formas no ajustadas a la legislaci n vigente en que los usuarios hagan uso de las obras La Universidad adoptar las medidas necesarias para la preservaci n de la obra en un futuro b Derechos que se reserva el Repositorio institucional respecto de las obras en l registradas retirar la obra previa notificaci n al autor en supuestos suficientemente justificados o en caso de reclamaciones de terceros Madrid a AA de pisse 5 de 4914 ACEPTA
37. funcionalidades 1 2 2 ALTERNATIVAS Carambola Figura 1 Carambola 1 Especificaciones e CPU RT3050 a 2 4 Ghz e Memoria Flash 8 MB e Memoria RAM 32 MB e Red Estandar Wireless 802 11 bgn puerto para antena en el chip e Alimentaci n 3 3v e Consumo energetico 1 5 W UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria e Dimensiones 35 x 45 mm 2 Precio 22 Euros aproximadamente Cubieboard Figura 2 Cubieboard 1 Especificaciones e CPU IG ARM cortex A 8 NEON VFPv3 256KB cach L2 e GPU Mal 400 OpenGL ES e Memoria 512M 1GB DDR3 480MHz e Salidas video HDMI 1080p e Red 10 100 Ethernet e Memoria Flash 4Gb e Puertos USB 2 puertos e Almacenamiento 1 ranura micro SD 1 puerto SATA y 1 puerto IR 2 Precio 50 euros aproximadamente UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria HackBerryA10 Figura 3 HackBerryA10 1 Especificaciones e CPU 1 2 Ghz Allwinner AIO ARM Cortex AS GPU Mali400 con aceleraci n 3D y decodificaci n de video por hardware Memoria 512 MB o 1 GB reservando 100 MB aproximadamente para la GPU salida de video HDMI 1080p 3 5 mm AV compuesta 3 5 mm por componentes Y Pb Pr Salida de audio HDMI Entrada de audio jack 3 5 mm para micr fono Puertos USB 2 puertos Almacenamient
38. i n sin IVA 29025 Coste Ejecuci n con IVA 21 35120 25 Coste total 37227 465 Al coste total de 37227 465 se le han incluido los honorarios correspondientes al ingeniero 6 resultado a partir de los costes de ejecuci n con IVA 21 35120 25 LAO UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Manual de usuario Parte HI MANUAL DE USUARIO 44 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Manual de usuario 1 1 MANUAL DE USUARIO APLICACI N WEB 1 1 1 DISE O El dise o del sitio web cuenta con 4 secciones o areas de informaci n Men superior Siempre visible e Men derecho Solo visible en la secci n planta rea de contenidos Es el espacio principal de trabajo Pie de p gina Siempre visible DOM TICA HOME PLANLI ik RAM Informaci n sobre la casa Men derecho rea de contenidos Pie de p gina Pomotica CA 2014 Fi La navegaci n por las distintas secciones del sitio web pretende ser intuitiva 1 1 2 DESCRIPCI N DE CONTENIDOS Planta 45 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Manual de usuario Area de contenido Representaci n de la planta de una vivienda con situaci n actual de los radiadores Men derecho Diferentes interruptores correspondient
39. ialmente el canvas est en blanco y cuando queremos pintar sobre l tenemos que acceder al contexto de renderizado del canvas sobre el que podremos invocar distintos m todos para acceder a las funciones del dibujo Primero con el m todo getElementByld obtengo el elemento de la p gina que se pasa como par metro que es el canvas Luego accedo al contexto 2D del canvas que es el que tiene varios m todos que sirven para dibujar en el lienzo Por ltimo ejecuto los m todos para pintar elementos en el lienzo es decir la planta de la casa con los elementos a monitorizar y controlar Cargar elemento CANVAS para m s detalle ver archivo planta php en secci n c digo function cargaContextoCanvas idCanvas 20 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria var elemento document getElementById idCanvas if elemento amp amp elemento getContext var contexto elemento getContext 2d if contexto f PAREDES Y PUERTAS ctx beginPath Desplazamiento ctx moveTo 40 20 Dibujar segmento ctx lineTo 40 175 ctx lineTo 150 175 Desplazamiento ctx moveTo 40 20 ctx lineTo 190 20 ctx lineTo 190 175 ctx moveTo 1775179 ctx linero 204 9 215 lineTo 202 5 135 noveTo 177 5 175 177 25 135 c digo completo en planta php secci n documento c digo return contexto return FALSE
40. ian es una distribuci n del sistema operativo GNU Linux y por lo tanto libre basado en Debian Wheezy Debian 7 0 para la placa computadora SBC Raspberry Pi orientado a la ense anza de inform tica El lanzamiento inicial fue en Junio de 2012 1 6 3 APACHE El servidor HTTP Apache es un servidor web HTTP de c digo abierto para plataformas Unix BSD GNU Linux etc Microsoft Windows Macintosh y otras que implementa el protocolo HTTP 1 1 y la noci n de sitio virtual Cuando comenz su desarrollo en 1995 se bas inicialmente en c digo del popular NCSA HTTPd pero m s tarde fue reescrito por completo El servidor Apache se desarrolla dentro del proyecto HTTP Server httpd de la Apache Software Foundation 1 6 4 PHP PHP es un lenguaje de programaci n de uso general de c digo del lado del servidor originalmente dise ado para el desarrollo web de contenido din mico El c digo es interpretado por un servidor web con un m dulo de procesador de PHP que genera la p gina Web resultante 1 6 5 CODECADEMY Codecademy es una plataforma interactiva en l nea que ofrece clases gratuitas de codificaci n en lenguajes de programaci n como Python PHP JavaScript y Ruby as como lenguajes de marcado incluyendo HTML y CSS YA UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria 1 6 6 CANVAS El elemento canvas es parte de HTMLS y permite la renderizaci
41. icitan esta aplicaci n s precisa del mapeo de varios puertos en caso de ejecutarse en sistemas que se conectan a Internet a trav s de dispositivos NAT Los puertos a abrir son 18 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria PUERTOS SERVICIO 5900 5910 VNC Tabla 3 Puertos abiertos router En mi caso directamente aplique la configuraci n DMZ zona desmilitarizada disponible en mi router sin abrir los puertos anteriormente descritos El funcionamiento de esta herramienta consiste en determinar una zona que ser a una puerta desde nuestro router hacia internet sin ninguna barrera de por medio es decir una salida a internet con todos los puertos abiertos Dicha Zona o salida se aplica a un solo equipo de nuestra red dom stica en nuestro caso la direcci n ip interna de la Raspberry Pi DMZ HUAWEI Home Gateway Advanced NAT DMZ 7 Help LP Logout ALG DMZ Port Mapping Port Triggering Help WAN Connection DMZ Host Address WANI INTERNET TRD69 R 1 8 35 Enable 192 168 1 137 WAN2_INTERNET_TR069_R_PTM2 0 10 Enable 192 168 1 137 Settings Host address 192 168 1 137 DMZ Enable Submit Figura 7 Configuraci n DMZ del router 1 5 5 DESARROLLAR LA PROGRAMACI N I En este punto recorremos todo el proceso necesario para desarrollar la aplicacion web Para ello en un primer instante se define la arquitectu
42. incipales es momento de dinamizar los contenidos es de vital importancia que lo mostrado en dicha aplicaci n este sincronizado con la situaci n actual de la vivienda m s en concreto con la situaci n actual de los dispositivos de la casa La opci n m s sencilla es utilizar una base de datos con la situaci n de la vivienda para extraer los datos de dicha base de datos debemos utilizar el lenguaje de programaci n PHP es un lenguaje de programaci n de uso general de c digo del lado del servidor originalmente dise ado para el desarrollo web de contenido din mico Puesto que fue uno de los UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria primeros programas del lado del servidor que se incorporaban directamente en el documento HTML se postula como la mejor opci n 1 5 6 CREACI N DE LA BASE DE DATOS Una base de datos es la herramienta para guardar la informaci n de la situaci n actual de la casa as como tambi n puede ser usada para guardar el registro hist rico de temperaturas que se produce en cada habitaci n La opci n mejor considerada fue instalar el gestor de bases de datos MySQL en la Raspberry pi por la compatibilidad con sistemas de c digo abierto y una gran comunidad que aportan gran informaci n se instal con una licencia GNU GPL Con los programas necesarios instalados se procedi a la creaci n de una base de datos denominada TE
43. iones ofrecidas por los fabricantes de sistemas dom ticos en el mercado actual UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria 1 1 1 DOMOTICA VIVA e Desde cualquier PC conectado a la red LAN CAT 5 o por WiFi mediante plano de la vivienda se puede controlar el sistema dom tico ya sea EIB o Lonworks De forma remota el control se realiza a trav s de Internet y rdenes IP e El mantenimiento se realiza de forma remota a trav s de Internet es decir cumple las especificaciones de pasarelas residenciales 1 1 2 EUROCABLE S L e Control telef nico remoto de la vivienda e Aviso telef nico en caso de alarmas o incidencias t cnicas e Control remoto y visualizaci n de la vivienda a trav s de Internet e Controlmediante mensajes cortos 1 1 3 DOMOTICUS e Las personas se pueden comunicar con la vivienda mediante pulsadores convencionales botoneras dom ticas pantallas t ctiles mandos a distancia y con internet a trav s de tel fonos m viles tabletas smart TV s ordenadores y tambi n por reconocimiento de voz o por movimientos corporales entre otros e La casa se puede comunicar con las personas mediante los elementos dom ticos de la instalaci n y tambi n por Apps correos electr nicos mensajes y llamadas telef nicas UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria 1 1
44. it4 lt php echo e4 5 var sit5 lt php echo e5 gt var sit6 lt php echo e6 gt funci n para cargar el contexto de un canvas function cargaContextoCanvas 1dCanvas var elemento document getElementById idCanvas if elemento amp amp elemento getContext var contexto elemento getContext 2d Comprobaci n if contexto return contexto return FALSE window onload function Recibimos el elemento canvas var ctx cargaContextoCanvas micanvas if ctx PAREDES Y PUERTAS ctx beginPath Desplazamiento ctx moveTo 40 20 Dibujar segmento ctx lineTo 40 175 etx lineTo 150 175 ctx moveTo 40 20 ctx lineTo 190 20 ctx lineTo 190 175 _ 5 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente moveTo l17 5 1l75 bx LaneTo 2 55 1415 TOQZUM S3 1239 2 crxlmoverotl73 5 172 5 Ctz neTotL77 520 7 ctx moveTo 190 20 ctx lineTo 320 20 CUx li1neTOo 320 175 Gtx lineTo z2420 175 3 ctx moveTo 320 175 Gbc lgneTOo l332 9 2149 gt Ctx 552 so Lio ctx moveTo 320 20 ctx lineTo 499 20 ctx lineTo 499 175 o TD cex moveTo 499 175 Ex LlineTo ASS 220 ectx LineTo 2 0 229 5 Ctrx moveTo 455 275 ctx lineTo 499 400 ctx lineTo 320 400 Gtx lineTo 320 4 4 CCxalineTo 4 Jla o a Gtx lineTo 322 5 2b55 ctx mo
45. l result Sresultadol 12 TempAyer al4 mysql result Sresultadol 13 TempAyer a15 mysql result Sresultadol 14 TempAyer al6 mysql result Sresultadol 15 TempAyer a17 mysql result Sresultadol 16 TempAyer a18 mysql result Sresultadol 17 TempAyer a19 mysql result Sresultadol 18 TempAyer a20 mysql result Sresultadol 19 TempAyer a21 mysql result Sresultadol 20 TempAyer a22 mysql result Sresultadol 21 TempAyer a23 mysql result Sresultadol 22 TempAyer a24 mysql result Sresultadol 23 TempAyer _ 59 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente actualizaciones h1 php lt 1 DOCTYPE html gt lt html gt lt head gt lt title gt hl lt title gt lt Despues de 5 segundo redireccionamiento a planta php para ver cambios realizados gt lt meta http eguiv Refresh content 5 url planta php f gt lt meta charset UTF 8 gt lt meta name description content gt lt meta name keywords content gt lt meta name viewport content width device width initial scale 1 gt lt link rel stylesheet href css style css script window jQuery document write script src js jquery js V script soripco lt script src js scripts js gt lt script gt head
46. llamar desde HTML c digo PHP pero no es posible La forma m s natural de comunicaci n cliente servidor es utilizar formularios de env o con el m todo POST 6 RESULTADOS Se ha conseguido una aplicaci n eficaz y eficiente a la par que fiable y estable con una curva de aprendizaje m nima y con la funcionalidad m s utilizada a la vista evitando complejos procedimientos para su uso WEB APPLICATION BASED ON 5 INTERFACING TO HOME AUTOMATION SYSTEM X10 Author Arce Arroyo Alberto Director Mu oz Frias Jos Daniel Collaborating Organization ICAI Universidad Pontificia Comillas PROJECT SUMMARY 1 INTRODUCTION The project 1s to develop a low cost home automation application where you can monitor and control electric household items these items can be radiators blinds lights The web application will be accessible from the outside and represent through a simple and Intuttive interface the floor of the house with the different household items and a historical temperatures record represented by a line graph This application will run on a web server housing web low cost in this case a general purpose device the Raspberry Pi that will communicate with an Arduino connected via SPI 2 PROBLEM To create a web application with the advantages of having external access web application adapted to mobile phones to monitor and control our home from a secure encryption on the web server In ad
47. ma php 4 796 EJ conexion php 354 Figura 19 Estructura archivos de la carpeta www 48 3 281 3 281 3 281 3 281 3 281 3 097 9 992 12 077 0 318 1 420 2 519 2 615 2 515 2 615 2 615 2 841 2 619 2 615 2 515 2 615 2 615 2 841 Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo CS5 Archivo CSS Archivo CSS Archivo CSS Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP Archivo PHP UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente index php lt I DOCTYPE html lt html gt lt head gt lt title gt Dom tica lt title gt lt Codificaci n UTF 8 lt meta charset UTF 8 gt OU lt meta name description content gt lt meta name keywords content gt lt meta name viewport content width device width initial scale 1 gt lt link rel stylesheet href css style css gt l JQuery lt script src http ajax googleapis com ajax libs jquery 1 7 1 jquery min JS c 7 scrpt script window jQuery document write lt script eros js jquery js X soript scoript lava lt script src js scripts js gt lt script gt lt head gt lt body gt div class container darkbg clearfix gt lt
48. mna Tipo Cotejamiento Atributos Nulo Predeterminado Extra m lid int 11 No Ninguna AUTO INCREMENT 2 Nombre 20 utf8 spanish ci Mo Ninguna 3 Estado int 11 Mo Ninguna Figura 11 Variables tabla Radiadores Las tablas HABITACION contiene 3 campos de informaci n tiles e id identificaci n tipo entero auto incrementable e TempHoy informaci n temperatura hoy tipo entero e TempAyer informaci n temperatura ayer tipo entero Y UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria ET localhost temperatura Em habitacion1 El Examinar Estructura Lj SQL 4 Buscar ee Insertar l Exportar Columna Tipo Cotejamiento Atributos Nulo Predeterminado Extra L I 1 id int 11 Mo Ninguna AUTO INCREMENT 2 TempHoy int 11 Mo Ninguna 3 TempAyer int 11 Mo Ninguna Figura 12 Variables tabla habitacionl 1 5 7 DESARROLLO DE LA PROGRAMACI N II La p gina est desarrollada en HTML es est tica por lo que hay que desarrollar la programaci n PHP para determinarla como una p gina din mica para ello hay que ser capaz de realizar consultas de mostrar y actualizar los datos de las tablas de la base de datos En un primer momento hay que realizar la conexi n el c digo es pH Declaraci n de variables PHP y de acceso a BBDD base datos temperatura Stabla2 radiadores sdireccion bd localhost busu bd
49. mo medida de mayor garant a ante dicha inseguridad Incorporamos los certificados de cifrado sudo mkdir etc apache2 ssl Generamos los certificados para 3 a os 1095 dias sudo openssl reg x509 nodes days 1095 newkey rsa 2048 out etc apache2 ssl server crt keyout etc apache2 ssl server key Instalamos el mod SSL para Apache sudo a2enmod ssl Configuramos el sitio predeterminado SSL y lo habilitamos sudo n s etc apache2 sites available default ssl etc apache2 sites enabled 000 default ssl sudo nano etc apache2 sites enabled 000 default ssl y cambiamos las dos l neas en relaci n con el certificado SSL SSLCertificateFile etc apache2 ss server crt SSLCertificateKeyFile etc apache2 ssl server key y reiniciamos el servidor sudo etc init d apache2 restart 16 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria LA Esta pagina esta escrita en ngl s Quieres traducirla Traducir No It works CIFRADO This is the default web page for this server The web server software 1s running but no content has been added yet Figura 6 Ejemplo del cifrado Acceso externo Para acceder desde el exterior debemos conocer nuestra Ip dado que tenemos una configuraci n ip din mica cada vez que reiniciamos est cambia debemos conocer nuestra ip para la conexi n pe
50. mple with the PhpMyAdm n tool 5 5 Programming The architecture of the website 15 defined this a free template for Response was downloaded adapted to mobile With the template adapted to us develop the scheme of the plant housing was the next step the tool used in this case is CANVAS an element of HTMLS that allows to generate graphics dynamically With a first contact with the first objective the second objective the histogram the next step was to perform For the representation of the temperatures 1s valued as the best option given the ease of implementation as well as a better Interactive experience to the user the application of Google called Google Charts Knowing how to create a graph of temperatures for each room it s time to represent all graphs on the same page we opted for a hidden representation after loading the page that would show or concealed each of the graphs by clicking on the appropriate option each room so we get a clearer and more accessible to the user display we use iframes Right now the site 1s developed in HTML is static so we need to develop PHP programming to use dynamic content for this we must be able to interact with the database that simulates the behavior of housing a Database querying b Displaying Data on temperature histograms c Update change radiator status Updating of the radiators the operation being represented 15 similar to a switch To upgrade the database was necessa
51. ncionamiento del servidor Puesto que una de las principales cuestiones que se planteaban era el problema de la seguridad en internet se opto por la decisi n de cifrar las comunicaciones como medida de mayor garant a ante dicha inseguridad incorporando certificados de cifrado con duraci n de 3 a os 5 3 Configuraci n del router Para terminar de configurar el acceso externo hay que abrir ciertos puertos del router ya que un servidor es una aplicaci n que est dise ada para enviar datos hacia aquellos usuarios que se los solicitan PUERTOS SERVICIO 5900 5910 VNC Tabla 3 Puertos abiertos router En mi caso directamente aplique la configuraci n DMZ esta herramtenta consiste en determinar una zona que act a como una salida a internet con todos los puertos abiertos 5 4 Creaci n de tablas en base de datos Una base de datos es la herramienta usada para guardar la informaci n actual de la casa as como tambi n puede ser usada para guardar el registro hist rico de temperaturas que se produce en cada habitaci n Su uso se hace muy sencillo con la herramienta PhpMyAdmin 5 5 Programaci n En un primer instante se define la arquitectura de la pagina web es decir la forma de presentar el contenido para ello he usado una plantilla gratuita denominada Response adaptada a m viles El esquema de la planta de la vivienda fue el siguiente paso la herramienta utilizada en este caso es CANVAS un elemento de H
52. o interno 4 GB NAND Almacenamiento externo Tarjetas SDHC de hasta 32 GB Red 10 100 Ethernet y Realtek 802 11n WiFi e Alimentaci n Adaptador NEMA de 2 pines Entrada AC100 240V 0 4A 50 60 Salida DC5v 2 Precio 60 70 euros aproximadamente seg n memoria RAM UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Raspberry Pi Figura 4 Raspberry Pi 1 Especificaciones e CPU ARM1176JZF S ARM11 a 700 Mhz e GPU Broadcom VideoCore IV OpenGL ES 2 0 2 y VC I con licencia 1080p30 H 264 MPEG 4 AVC e Memoria 512 MB SDRAM compartidos con la GPU Puertos USB 2 puertos e Salidas v deo Conector RCA PAL y NTSC HDMI rev1 3 y 1 4 Interfaz DSI para panel LCD e Salidas Audio 3 5 mm jack HDMI e Almacenamiento SD MMC ranura para SDIO e Red 10 100 Ethernet RJ45 via hub USB e Consumo energetico 700 mA 3 5 W e Alimentaci n 5V via Micro USB o GPIO header e Dimensiones 85 60mm x 53 98mm 3 370 x 2 125 inch 2 Precio 40 euros aproximadamente UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria 1 2 3 VALORACI N De entre todas las opciones disponibles se ha optado por escoger el dispositivo Raspberry Pi para el proceso de portabilidad de su sistema embebido Las razones por las cuales se ha seleccionado este dispositivo son fundamentalmente las
53. o para re direccionar a planta para ver los cambios realizados 29 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria El c digo PHP que actualiza la base de datos s pl Solo c digo php Incluimos conexi n a base de datos include conexion php Seleccionamos la base de datos mysql select db temperatura conexion Actual zamos la el estado del radiador 1 Sssql UPDATE radiadores SET Estado 1 WHERE id l Cerramos conexi n mysql close Sconexion eo El codigo que re direcciona a planta php tras 5 segundos Redireccionar a planta php en 5 segundos lt meta http equiv Refresh content 5 url planta php gt 1 6 RECURSOS HERRAMIENTAS EMPLEADAS 1 6 1 RASPBERRY PI Raspberry Pi es un ordenador de placa reducida o placa nica SBC de bajo costo desarrollado en Reino Unido por la Fundaci n Raspberry Pi con el objetivo de estimular la ense anza de ciencias de la computaci n en las escuelas El dise o incluye un System on a chip Broadcom BCM2835 que contiene un procesador central CPU ARM1176JZF S a 700 MHz un procesador gr fico GPU VideoCore IV y 512 MiB de memoria RAM El dise o usa una tarjeta SD para el almacenamiento permanente A 30 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria 1 6 2 RASPBIAN Raspb
54. que el autor opte por el acceso restringido este apartado quedar a redactado en los siguientes t rminos c Comunicarla y ponerla a disposici n del p blico a trav s de un archivo institucional accesible de modo restringido en los t rminos previstos en el Reglamento del Repositorio Institucional Enel supuesto de que el autor opte por el acceso restringido este apartado quedar a eliminado ICAI ICADE COMILLAS 59 Deberes del autor El autor se compromete a a Garantizar que el compromiso que adquiere mediante el presente escrito no infringe ning n derecho de terceros ya sean de propiedad industrial intelectual o cualquier otro b Garantizar que el contenido de las obras no atenta contra los derechos al honor a la intimidad y a la imagen de terceros c Asumir toda reclamaci n o responsabilidad incluyendo las indemnizaciones por da os que pudieran ejercitarse contra la Universidad por terceros que vieran infringidos sus derechos e intereses a causa de la cesi n d Asumir la responsabilidad en el caso de que las instituciones fueran condenadas por infracci n de derechos derivada de las obras objeto de la cesi n 62 y funcionamiento del Repositorio Institucional La obra se pondr a disposici n de los usuarios para que hagan de ella un uso justo y respetuoso con los derechos del autor seg n lo permitido por la legislaci n aplicable y con fines de estudio investigaci n o cualquier otro
55. ra de la pagina web es decir la forma de presentar el contenido para ello se descargo una plantilla gratuita ofrecida por la pagina web estudio365 elecci n del modelo Response 19 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria debido a que es una plantilla perfectamente adaptada a m viles con este estilo de dise o los elementos que componen la web se reorganizan de forma adecuada en cualquier tipo de dispositivo m vil o de sobremesa Hoy en d a existen m s personas navegando por Internet a trav s de dispositivos m viles como port tiles tabletas o tel fonos m viles que a trav s de ordenadores de sobremesa por tanto contar con una p gina web optimizada para dispositivos m viles ayuda a mejorar la experiencia de navegaci n del usuario as como su acceso Con el dise o adaptado y estructurado de nuestra p gina web empezamos a utilizar la herramienta CANVAS de HTMLS para crear un primer dise o de la planta de la vivienda Comenzamos situando dentro del cuerpo de la p gina lt body gt la etiqueta CANVAS Esta etiqueta forma parte del est ndar del HTML 5 Defimos el tama o y con el atributo id un nombre nico para luego referirnos a este desde Javascript Definici n de zona CANVAS lt canvas id micanvas width 500 height 400 gt Recicla tu browser POR FAVOR lt canvas gt Pintamos en un canvas mediante Javascript inic
56. rama php gt Histograma lt a gt lt li gt lt ul gt lt div gt lt div gt lt div class container clearfix gt lt div id maincont class clearfix gt lt div 1d mainleft gt lt h1 gt Planta de la casa lt h1 gt 54 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente lt canvas id micanvas width 500 height 400 Recicla tu browser POR FAVOR canvas ey gt efl div id mainright gt a href nuevo nuevo php gt Nuevo dise o lt a gt form action actualizaciones hl php method post gt button class mult submit type submit name submit mult value Modificar title Radiadorl Habitacionl1 button rorm form action actualizaciones h2 php method post gt button class mult submit type submit name submit mult value Modificar title Radiador2 gt Habitaci n2 lt button gt e torm gt lt form action actualizaciones h3 php method post gt button class mult submit type submit name submit mult value Modificar title Radiador3 gt Habitaci n3 lt button gt lt form gt lt form action actualizaciones h4 php method post gt button class mult submit type submit name submit mult value Modificar title Radiador4 gt Habitaci n4 lt button gt lt form gt lt form action actualizaciones h5 php method post gt button class mult submit type
57. ripts js gt lt script gt lt head gt lt body gt lt div class container darkbg clearfix gt lt div 1d headercont class clearfix gt lt div id headerlogo gt lt hl gt lt a title href index php gt DOM TICA lt a gt lt h1 gt lt div gt lt div id headerright gt lt div gt ray lt div gt lt div class container lightbluebg clearfix gt lt div id menucont class clearfix gt lt div class menu gt cul A 0 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente lt 11 gt lt a title href index php gt Home lt a gt lt 1li gt d c tahas lt li gt lt a title href planta php gt Planta lt a gt lt li gt li class active gt lt a title href gt Histograma lt a gt lt li gt lt ul gt lt div gt lt div gt lt div gt lt div class container clearfix gt lt div id maincont class clearfix gt lt h1 gt Histograma lt h1 gt nav class h menu lt Registro de termperaturas de cada habitacion gt lt ul gt L L lt a class h menu onclick var ifreiml document getElementById ifreim1 ifreiml style display ifreiml style display none block none gt Habitaci nl lt a gt lt iframe src histograma hl php id ifreiml style display none width 100 height 250 display none gt lt iframe gt ALLA 11 lt a class h menu
58. ro no nos planteamos tener un ip fija dado que cuesta dinero Vamos a utilizar el servicio de DNS din mica de No IP que permite identificar tu PC con un nombre de dominio f cil de recordar como en nuestro caso domo no 1p biz en lugar de recordar la ip sin importar si est cambia Descargamos el paquete lo descomprimimos y lo instalamos wget http www no ip com client linux noip duc linux tar gz tar zxvf noip duc linux tar gz cd noip 2 1 9 1 make sudo make install Configuramos no ip para que arranque autom ticamente con el encendido de la Raspberry para ello modificamos el siguiente archivo con ruta etc init d noip2 LIA UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria y copiamos el siguiente texto bin bash BEGIN INIT INFO Provides blabla Reguired Start syslog Reguired Stop syslog Default Start 2 3 45 Default Stop 016 Short Description blabla Description END INIT INFO sudo usr local bin noip2 Guardamos Le damos permisos de ejecuci n y lo ponemos en la cola de ejecuci n sudo chmod x etc init d noip2 sudo update rc d noip2 defaults 1 5 4 CONFIGURACI N DEL ROUTER Para terminar de configurar el acceso externo hay que abrir ciertos puertos del router ya que un servidor es una aplicaci n que est dise ada para enviar datos hacia aquellos usuarios que se los sol
59. ry to call PHP from HTML code but It 1s not possible The most natural form of client server communication is to use submission forms with method POST 6 RESULTS We has got an effective and efficient web server application at the same time reliable and stable with a minimal learning curve and the most used functionality In sight avoiding complex procedures for use 10 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL NDICE DE LA MEMORIA Indice de la memoria Parte I MMO 2 sies o eskerrak paei 3 1 1 Estudio de los trabajos existentes tecnolog as existentes 3 J PPO TOT 0050 i 4 Ji EUL ELE l m b 4 UC GINO ro b 4 DOMO 5 ll j SU CA m m o 5 11107 Ora u Da 5 1 2 Estudio de los diferentes dispositivos de prop sito general 6 1 2 1 Detimci n delos TEQUISILOS r non on A ayas 6 1 22 TTT 6 1 2 3 Valoraci n fF LA RIRs 10 1 3 Motivaci n del provecto A see 10 1 4 Objetivos A 3 amp 11 1 5 Metodolog a Soluci n desarrollada 12 1 5 1 Configuraci n la Raspbe
60. s TONO E a ekna EINE 19 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Parte MEMORIA UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Cap tulo 1 INTRODUCCI N En este proyecto se desarrollar una aplicaci n web basada en HTML S para hacer de interfaz con un sistema dom tico X10 La aplicaci n web se desarrollar en un sistema empotrado de bajo coste como Raspberry Pi la cual se comunicar con un controlador X10 basado en Arduino El proyecto consiste en desarrollar una aplicaci n dom tica de bajo coste donde se monitoricen y controlen algunos elementos que se presentan en un hogar estos elementos pueden ser radiadores persianas luces La aplicaci n web ser accesible desde el exterior y representara por medio de una interfaz sencilla e intuitiva la planta de la vivienda con los diferentes elementos y un registro hist rico de temperaturas representado por un gr fico de l neas Dicha aplicaci n correr sobre un servidor web de bajo coste en este caso un dispositivo de prop sito general la Raspberry Pi que se comunicar con un Arduino mediante el protocolo de conexi n SPI para establecer comunicaci n aplicaci n web vivienda II ESTUDIO DE LOS TRABAJOS EXISTENTES TECNOLOGIAS EXISTENTES En este apartado nos centraremos exclusivamente en las telecomunicac
61. siguiente ruta etc network interfaces y cambiando la configuraci n de conexi n externa wifi por iface lo inet loopback iface ethl inet dhcp allow hotplug wlanl iface wlan0 inet manual Conexi n manual wpa roam etc wpa supplicant wpa supplicant conf iface default inet static Parametros de configuraci n Y B UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria address 192 166 1 137 gateway 192 166 1 1 netmask 255 255 255 0 1 5 2 INSTALACI N DEL SERVIDOR Una vez configurada la Raspberry Pi empezaremos a instalar el servidor Web nuestro servidor web dispondr de los elementos b sicos e Un servidor web o software que permita a nuestro ordenador alojar p ginas web din micas En nuestro caso utilizaremos Apache un software de c digo abierto y libre que funciona en cualquier sistema operativo e El entorno PHP compuesto por un conjunto de programas que nos permitir n solicitar programas escritos en este lenguaje de programaci n desde un servidor web que posteriormente se mostrar n en el navegador en HTML e Un sistema de gesti n de bases de datos con las que los programas en PHP interactuaran En nuestro caso utilizaremos MySQL un sistema de bases de datos relacional que se distribuye bajo licencia GNU GPL para proyectos que se distribuyan bajo esa misma licencia e Un administrador de MySQL a trav s de p ginas web
62. siguientes Exito del dispositivo lo que conlleva una gran comunidad de usuarios y desarrolladores alrededor del mismo a nivel mundial Aunque usa firmware y algunos controladores de codigo cerrado las especificaciones y la mayor parte de los drivers son libres Bajo coste del dispositivo Sus prestaciones que lo capacitan para desempenar la funcion de controlador dom tico Reducido consumo y dimensiones 1 3 MOTIVACI N DEL PROYECTO En los ltimos a os el desarrollo de la dom tica y la automatizaci n del hogar han tenido un gran auge y al paso del tiempo toma mayor Importancia en la vida diaria de las personas siempre buscando un camino m s f cil de organizar su vida La principal motivaci n es contribuir al desarrollo de la dom tica sin pagar un precio excesivo en nuestro caso poder monitorizar y controlar la vivienda de una manera segura desde cualquier sitio con conexi n a internet BAJO COSTE e Aprovechando la tecnolog a ya disponible e Uso de dispositivos de prop sito general Raspberry pi 10 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria CONEXI N REMOTA SEGURA e Servidor web cifrado https Motivaci n com n a instalaciones ya existentes confort y ahorro energ tico CONFORT e Control remoto y visualizaci n de la vivienda a trav s de cualquier dispositivo con acceso a internet m vil PC
63. sql store result mysqll if result NULL Get the number of columns int num rows mysql num rows result int num fields mysql num fields result MYSQL ROW row An array of strings while row mysql fetch row result if num fields gt 2 char value int row 0 char value string row 1 printf Got value sin value string mysql free result result mysql disconnect _ 39 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Cap tulo 4 BIBLIOGRAF A RIVE13 Documento Desarrollo de un sistema dem tico b sico usando Raspberry Pi PHP y Python Autor Jefferson Rivera Pati o DIEG13 Libro El gran libro de HTML5 CSS3 y Javascript Autor Juan Diego Gauchat Editorial marcombo SANC13 Documento Administraci n de Redes y Sistemas Operativos en Entornos de Softwate Libre Autor David Sanchez Herrero Tutor Oriol Palenzuela 1 Ros s 1 2 3 4 5 6 7 5 2 10 11 Machuca C A s f Obtenido de http www methesis fcs ucr ac cr blogs rumana wp content uploads 2010 09 articulo2 pdf Seguridad informatica s f Obtenido de http seguridadinformaticaufps wikispaces com file view ESTADO DEL ART E SLpdf http www codecademy com es https developers google com chart http www mysql com http www phpmyadmin net home page index php h
64. ting system 15 installed on the Raspberry the first configuration should be SSH to access the Raspberry Pi remotely without having connected a TV or monitor To this end it 1s necessary to set a static ip changing network settings External access To access from the outside must know our ip since we have a dynamic IP configuration reboot each time 15 changed We will use the dynamic DNS service No IP which identifies your PC with a domain name easy to remember as In our case domo no ip biz instead of remembering the IP no matter if you are changing 5 2 Installing the server amp Server configuration Install the Web server our web server will have the follow basic elements A web server or software that allows your computer to accommodate dynamic web pages In our case we use Apache an open source software and open source that works on any operating system The PHP environment consisting of a set of programs that allow us to apply for programs written in this programming language from a web server which 1s then displaved 1n the browser in HTML A management system database with PHP programs interact In our case we use a set of MySQL relational database that is distributed under GNU GPL for projects to be distributed under the same license An administrator of MySQL PhpMyAdmin through web pages using the Internet which allows you to create and manage databases with a simpler interface PhpMyAdmin 1 mn mn Oo O
65. tivo se presenta como la representaci n de la planta de la casa por lo que la aplicaci n web est basada en HTLMS con el fin de utilizar su nueva aplicaci n denominada CANVAS lienzo traducido del ingl s que permite la renderizaci n scriptable din mica de formas 2D El segundo objetivo es una representaci n por medio de gr ficas de un registro hist rico de temperaturas con el fin de mejorar la experiencia de monitorizaci n 5 METODOLOG A El m todo para abordar el proyecto se divide en cuatro partes principales 1 Configuraci n Raspberry Pi 4 Creaci n de base de datos 2 Instalaci n del servidor 5 Desarrollo de la programaci n 3 Configuraci n del router 5 I Configuraci n Raspberry Pi Acceso interno Instalado el sistema operativo Raspbian en la Raspberry la primera configuraci n debe ser SSH para poder acceder a la Raspberry Pi de forma remota sin necesidad de tener conectado un TV o monitor Para tal fin es necesario establecer una ip est tica modificando la configuraci n de red Acceso externo Para acceder desde el exterior debemos conocer nuestra ip dado que tenemos una configuraci n ip din mica cada vez que reiniciamos sta cambia Vamos a utilizar el servicio de DNS din mica de No IP que permite identificar tu PC con un nombre de dominio facil de recordar como en nuestro caso domo no 1p biz en lugar de recordar la ip sin importar si est cambia y as poder acceder desde el e
66. torios de la aplicaci n de Google y definir la funci n en Javascript que dibujar el gr fico dicho c digo en la cabeza lt head gt de la p gina 1 QAVA REPOSITORIO APLICACION script type text javascript src https www google com jsapi script lt INFORMACI N HISTOGRAMA HABITACI N 1 gt lt script type text javascript gt google load visualization I packages corechart 1 google setOnLoadCallback drawChart function drawChart var data google visualization arrayToDataTable LO UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria 5 b 1 22 1 var options title Registro de temperaturas Titulo de la gr fica curveType function Con l neas curvas y Gr fica de tipo l nea var chart new google visualization LineChart document getElementByld chart div id ochar div chart draw data options Para obtener el dibujo de la gr fica cargamos dentro del cuerpo lt body gt el elemento anterior definiendo el tama o correspondiente Sabiendo c mo crear un gr fico de temperaturas para cada habitaci n es momento de representar todas las gr ficas en una misma p gina se opto por una representaci n oculta nada m s cargar la p gina que mostrase u ocultase cada una de las gr ficas al hacer click en la opci n correspondiente a cad
67. ttp www electroensaimada com http www desarrolloweb com http piro wordpress com 2012 1 1 22 raspberry pi static w1f1 1p http www estud10365 com ar 25 plantillas web gratis en html5 y css3 para diseno web adaptado a movil http www forosdelweb com f13 consulta como esconder iframe con javascript 346397 http www php net manual es book mysgl php 40 12 13 14 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAT INGENIERO INDUSTRIAL Memoria http www aprenderaprogramar com index php option com content amp view arti cle amp id 612 consultas basicas a mysql en php mysql connect close selectdb guery y result ejemplos cu00535b zcatid 70 tutorial basico programador web php desde cero amp Itemid 193 http www clubdelphi com foros showthread php t 37 127 http www raspberry projects com pi programming in c mysql accessing the database 4 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Estudio econ mico Parte IL ESTUDIO ECON MICO _42 UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Estudio econ mico Cap tulo 1 ESTUDIO ECON MICO En este apartado vamos a estudiar los costes asociados del proyecto y el coste total Raspberry Pi 1000 39 9 1 25 250 Router 1000 22 1 25 5500 Programador 190 60 11400 Coste Ejecuc
68. ualizaci n de los radiadores el funcionamiento que se quiere representar es similar al de un interruptor al pulsar se encender o se apagar en funci n de su estado cada interruptor llevara el nombre de la habitaci n correspondiente ver figura 15 Se nos presenta un problema pues no es posible llamar desde HTML a ninguna funci n PHP puesto que el primero tiene su mbito en el cliente y el segundo lo tiene en el Servidor La soluci n para representar el interruptor consiste en utilizar un formulario HTML que es una de las formas naturales de comunicaci n del cliente con el servidor y viceversa adem s de para as poder representar un interruptor con lt button gt El atributo action del formulario HTML se utiliza para indicar qui n responder del proceso del formulario qui n recibir las variables y valores que el usuario puede introducir a trav s del formulario Definimos m todo de envi como POST m todo propio de los formularios lt form action actualizaciones hl php method post gt button class mult submit type submit name submit mult value Modificar title Radiador1 gt Habitaci ni lt button gt lt form gt Habitaci n Habitaci n Habitaci n3 Habitaci n4 Habitaci ns Habitacionb Figura 15 Representaci n de interruptores La pagina a la que redirige es actualizacion hl que contiene c digo para actualizar la base de datos y c dig
69. ult Sresultadol 6 TempHoy h8 mysql result Sresultadol 7 TempHoy h9 mysql result Sresultadol 8 TempHoy h10 mysql result Sresultadol 9 TempHoy h11 mysql result S resultadol 10 TempHoy h12 mysql result Sresultadol 11 TempHoy h13 mysql result Sresultadol 12 TempHoy h14 mysql result Sresultadol 13 TempHoy h15 mysql result Sresultadol 14 TempHoy Shl6 mysql result Sresultadol 15 TempHoy h17 mysql result Sresultadol 16 TempHoy h18 mysql result Sresultadol 17 TempHoy h19 mysql result Sresultadol 18 TempHoy h20 mysql result Sresultadol 19 TempHoy h21 mysql result Sresultadol 20 TempHoy h22 mysql result Sresultadol 21 TempHoy h23 mysql result Sresultadol 22 TempHoy h24 mysql result Sresultadol 23 TempHoy al mysql result resultadol 0 TempAyer a2 mysql result Sresultadol 1 TempAyer a3 mysql result Sresultadol 2 TempAyer a4 mysql result Sresultadol 3 TempAyer Sa5 mysql result Sresultadol 4 TempAyer a6 mysql result Sresultadol 5 TempAyer sa mysgl result Sresultadol 6 TempAyer a8 mysql result Sresultadol 7 a9 mysql result Sresultadol 8 TempAyer a10 mysql result Sresultadol 9 TempAyer all mysql result Sresultadol 10 TempAyer a12 mysql result Sresultadol 11 TempAyer a13 mysq
70. v s del Repositorio institucional de la Universidad y hacer posible su utilizaci n de forma libre y gratuita con las limitaciones que m s adelante se detallan por todos los usuarios del repositorio y del portal e ciencia el autor CEDE a la Universidad Pontificia Comillas de forma gratuita y no exclusiva por el m ximo plazo legal y con mbito universal los derechos de digitalizaci n de archivo de reproducci n de distribuci n de comunicaci n p blica incluido el derecho de puesta a disposici n electr nica tal y como se describen en la Ley de Propiedad Intelectual El derecho de transformaci n se cede a los nicos efectos de lo dispuesto en la letra a del apartado siguiente 32 Condiciones de la cesi n Sin perjuicio de la titularidad de la obra que sigue correspondiendo a su autor la cesi n de derechos contemplada en esta licencia el repositorio institucional podr a Transformarla para adaptarla a cualquier tecnolog a susceptible de incorporarla a internet realizar adaptaciones para hacer posible la utilizaci n de la obra en formatos electr nicos as Especificar si es una tesis doctoral proyecto fin de carrera proyecto fin de M ster o cualquier otro trabajo que deba ser objeto de evaluaci n acad mica ICAI ICADE COMILLAS como incorporar metadatos para realizar el registro de la obra e incorporar marcas de agua o cualquier otro sistema de seguridad o de protecci n b Reproducirla
71. veTo 320 225 Ctx LINETO U ao 7 Ctx 14 0 01 ctx moveTo 320 400 ctx lineTo 190 400 otx ineTot 0 222 7 U21 gt ctx moveTo 190 400 ctx lineTo 60 400 ctx lineTo 60 350 ctx moveTo 60 400 ctx lineTo 1 400 ctx lineTo 1 225 ctx lineTo 60 225 ctx lineTo 60 300 RADIADORES Bordes negros de cada radiador CEXsSEKOKkeRECcEl BU 22 50 24 oLx Strokeheotiz3U 22 50 24 _ 52 strokeRect 360 strokeRect 470 esu l OE ctx strokeRect 560 ctx strokeRect 230 ctx strokeRect 80 Coloreado inicial strokeRect 470 80 aros 27 00 a UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL C digo fuente 50 24 2 00 7 20 57 25 94 5 500 30 24 if original 0 Colorea de amarillo Colorea de blanco Radiadorl if sitl 1 ctx fillStyle ffee7f CEX TILIReCE DD 22 500 24 else if sitl 0 ctx fillStyle white Ctx ELIIRECEI VIV 007 Radiador2 if sit2 1 ctx fillStyle ffee7f Ctx fillRect 230 22 90 22 else if sit2 0 ctx fillStyle white Otx 111IRect 230 22 50 24 Radiador3 if sit3 1 ctx fillStyle ffee7f Gt fi LIRecti 2c Lar SU pat ctx fillRect 470 BD 24 50 else if sit3 0 ctx fillStyle white ctx r lRect 60 22 20 24 rillhect
72. xi n SPI para comunicar la Raspberry Pi con el Arduino correspondiente al otro proyecto m s en concreto enlazar la informaci n de nuestra base de datos con la informaci n guardada en el Arduino Antes de empezar con el c digo vamos a explicar algunos detalles del SPI de la Raspberry 1 La Raspberry tiene dos puertos SPI el O vel 1 representados en la Raspberry Pi como dos Chips enable que en tienen el nombre de CEO y CEL 2 La velocidad a la que puede comunicarse va desde 500 KHz y 32 MHz siendo una velocidad ptima MHz LAS UNIVERSIDAD PONTIFICIA COMILLAS ESCUELA T CNICA SUPERIOR DE INGENIER A ICAI INGENIERO INDUSTRIAL Memoria Pines usados 8 T PON JJagdsey aso se 9 se eee ese ees 85 9 5 see 5 se 8 s 5 s 4 5 5 5 Aa LLL 6 6 8 6 8 9 6 8 6 4 8 8 9 9 9 9 9 9 9 9 9 9 9 8 5 5 5585 5 6 6 6 6 6 gg 9 90 9 9 88 0 89 8 8 9 9 9 9 9 8 9 8 9 5 5 9 9 9 v E 9 9 9 9 9 8 5 4 9 9 9 4 s 9 9 ee e 5 8 6 5 O 8 8 5 5 5 see O8 8 5 8 5 5 5 9 8 5 5 9 9 9 9 9 5 9 9 9 a 9 9V 5 5 9 9 9 9 8 9 9 Aa Figura 16 Conexi n SPI 3 1 2 INSTALACI N Y USO DE LIBRER A WIRINGPI Instalaci n Cargar drivers SPI gpio load spi Uso B sicamente hay dos nicas fun
73. xterior 5 2 Instalaci n y configuraci n del servidor Una vez configurada la Raspberry Pi empezaremos a instalar el servidor Web Nuestro servidor web dispondr de los elementos b sicos Un servidor web o software que permita a nuestro ordenador alojar p ginas web din micas En nuestro caso utilizaremos Apache un software de c digo abierto y libre que funciona en cualquier sistema operativo El entorno PHP que nos permiten establecer comunicaci n entre la p gina y el servidor Un sistema de gesti n de bases de datos con las que los programas en PHP Interactuar n En nuestro caso utilizaremos MySQL un sistema de bases de datos relacional que se distribuye bajo licencia GNU GPL para proyectos que se distribuyan bajo esa misma licencia Un administrador de MySQL PhpMyAdmin a trav s de p ginas web utilizando Internet que permite crear y manejar bases de datos con una interfaz m s sencilla PhpMyAdmin AA m E REE PC x 1 1 RASPBERRY i I r A i lt i Navegador I Servidor web l R i 1 I q D E U I i o EI FA S g E TE G N 7 O 1 SOL Op PHP i KAA Maat rr TEE TEE Miam ha TTT ibo Navegador solicita p gina PHP 2 Remite ta pagina af interpreta PHP 3 Deynesve al servidor pay na como HTML 4 Dovuc ve documento HYNE IP Envia v recibe datos de la base de datos Figura 1 Fu

Download Pdf Manuals

Related Search

Related Contents

XGK CPU Module    Mitsumi electronic FX2N User's Manual  4 Your VS-311H Automatic HDMI / Audio Switcher  Dicota DataCollect  足受けボード    

Copyright © All rights reserved. Failed to retrieve file