Blog de Lucio: 1/4/09

jueves, 9 de abril de 2009

Configurar cámara IP Spark SOHO CMOS para acceder desde un sitio Web

Recuerdo haber configurado varias cámaras pero a verdad que estas fueron las mas simples de configurar.
El problema:
Un cliente me solicito poder ver las cámaras de seguridad desde la comodidad de un explorador web, nada de la aplicación con que vienen ni cosas raras solo le interesaba ver desde el mismo sistema que se le creó para el lugar.
Recuerdo haber creado varias aplicaciones de estas en la empresa donde trabajaba y siempre era un parto encontrar el código Active X o Java para que funciones en forma adecuada, bueno este no fue el caso ya que fue muy simple y bastante rápido.
En el siguiente párrafo explico lo que se realizo:

Se necesitaba re direccionar las cámaras para poder acceder fuer del lugar, lo realice sin problemas y se explica cómo configure el modem en otro apartado de este blog, por defecto configure las cámaras desde afuera en los puertos 4901 al 4909 y no se registro ningún problema.

Luego estas cámaras poseen un código extremadamente sencillo (Java obvio) que lo pueden ver ya configurado para una de las cámaras a continuación:

<APPLET name="cvcs" CODEBASE="http://tusitio.no-ip.org:4903/" CODE="xplug.class" WIDTH=320 HEIGHT=240>
<param name="RemotePort" value=4903>
<param name="Timeout" value=5000>
<param name="RotateAngle" value=0>
<param name="PreviewFrameRate" value=2>
<param name="DeviceSerialNo" value=""></APPLET>

Como se puede ver lo único que tuve que hacer es modificar la dirección donde debe buscar la imagen (CODEBASE), especificar el puerto: en mi caso configure una de ellas en el 4903 (<param name="RemotePort" value=4903>) y listo nada mas, medio raro que no me haya pedido contraseña ya que tengo configurada una de ellas para eso pero bueno a la mierda la seguridad.
Espero que esto les sirva y cualquier consulta avisen.

Presentación de imágenes tipo Slideshow, JavaScript

El otro día un cliente me pidió que quería una presentación en su página la misma debía ser de tipo slideshow por lo que busque en internet y encontré esta que está muy linda y bastante sencilla, el único problema se presenta a la hora de darle dinamismo (que las imágenes las tome de una base de datos) pero ya lo voy a solucionar y lo voy a comentar.
Primer veamos que queremos hacer: Ejemplo
Para llegar a esto lo primero que tenemos que tener es unas cuantas imágenes (las mismas deben poseer el mismo tamaño, en mi caso cuatro imágenes de 400 largo, 300 alto)
Luego tenemos que poseer el archivo JS y un pequeño DIV en la página
El archivo lo pueden descargar de acá
Y el ejemplo del código html es el siguiente:


<title>Presentación de imágenes tipo Slideshow, JavaScript</title>
<script type="text/javascript" src="js/be_slide.js"></script>
</head>
<body>
<div id="slideshow" style="margin-left:15px;margin-top:15px;width:400px;height:300px;">
<img src="images/galeria/pic01.jpg" style="width:400px;height:300px;" />
</div>
</body>

En este código lo único que tenemos que tener en cuenta es el tamaño de la imagen y que el JS esté bien diseccionado

Ahora tenemos que ver el código JS, el mismo es muy simple y lo que nos interesa son tres cosas:
Las imágenes que se pueden seleccionar en el siguiente código del JS:


//into this array insert the paths of your pics.
var def_imges=new Array ('../images/galeria/pic01.jpg', '../images/galeria/pic02.jpg', '../images/galeria/pic03.jpg', '../images/galeria/pic04.jpg');

El tamaño ya que deben ser todas iguales para que no queden mal, el mismo se encuentra acá:


var def_picwid=400; //set this to the width of your widest pic
var def_pichei=300; //... and this to the height of your highest pic

Y por último los botones de navegación, acá los pueden encontrar, solo deben comentar la entrada para que no aparezcan


var def_showcontr="n"; //do you want to show controls? set it to "y" for on and to "n" for off

Creo que este resumen explica bien todo pero si desean obtener todos los códigos para ver ustedes mismos como hacerlo se los dejo acá para descargar, espero que les sirva y lo disfruten.

jueves, 2 de abril de 2009

Configurar Acceso FTP y HTTP en Modem smartAX MT882 (El que viene con arnet)

El otro día estaba instalando en un cliente un sistema web, pero se me presentaron los problemas de siempre crear y configurar el acceso externo al sistema como a otros equipos (lo de siempre) pero en este caso el modem era nuevo (SmartAX MT882) y la verdad nunca lo había configurado por lo que busque en internet y mucha info no encontré, ósea encontré para el modem pero no me funcionaba pr lo que dedique una entrada a este tema.

Como puto inicia debemos ver que queremos hacer, en mi caso crear un acceso desde afuera a un sistema creado en ASP que está ejecutando en el servidor del cliente, una serie de camas de seguridad IP y por ultimo un acceso FTP para el sistema como SQL para la base de datos.

Como punto uno es entrar a la administración del modem, para eso se debe ingresar la dirección que en la mayoría de los casos es 10.0.0.2 y ahí les aparece el estado de la conexión pero no la configuración avanzada para ello debemos entrar a 10.0.0.2/admin.html, , nos solicitara unusario y contraseña a mi me funciono:
Usuario: admin
Contraseña: alvlgeddl
Pero también pueden probar con la contraseña: tomenague
Una vez adentro se nos presentara la siguiente ventana:

Hasta acá todo bien, ahora debemos configurar el ruteo de las diferentes aplicaciones como equipos, para ello solo debemos hacer clic en Configuración Avanzada, Basic, NAT, se nos presentara una pantalla con un botón que dice Virtual Server (Debemos hacer clic ahi) y se nos presentara la siguiente ventana:

Como podemos ver en esta ventana debemos definir el enrutamiento, en mi caso era una aplicación WEB (ASP) un acceso a base de datos SQL, un FTP y por ultimo una serie de cámaras para acceder desde afuera.
Comencemos por la aplicación: la aplicación esta en el servidor por lo que tenemos que apuntar todas las entradas externas con destino al puerto 80 a nuestro servidor, eso se hace simple ya que esta creada la regla, en nuestro caso digamos que nuestro servidor tiene la siguiente dirección IP (10.0.0.3), en la pantalla que vemos debemos hacer clic en Aplicación, por defecto va a apartecer lo siguiente:

Lo único que deberíamos modificar es el IP de destino, en nuestro caso 10.0.0.3

y hacemos clic en aceptar para guardar la regla.

Con esta configuración ya tenemos el acceso a nuestra aplicación solo registramos un no-ip o dyndns y listo pero no fue así no me funciono por eso busque en la configuración y encontré que era lo que me estaba faltando configurar para el acceso a puertos críticos, se encuentra en: Configuración Avanzada, Advanced, Security y se nos presentara la siguiente ventana que por defecto cierra esos puerto apara el acceso desde afuera, simplemente quitamos esta restricción y listo.

Con este punto finalice mi problema luego lo único que me quedo hacer es configurar el enrutamiento del SQL, FTP y el de las cámaras, todo se realizo en forma exitosa y pensé que a alguien le puede pasar lo mismo y lo decidí publicar. Espero que les sirva saludos.