TECNato - Comunidad Tecnológica del Perú http://tecnato.com Comunidad Tecnológica del Perú Thu, 17 May 2012 15:46:11 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Mostrar imagen de día, tarde o noche con PHP http://tecnato.com/mostrar-imagen-de-dia-tarde-o-noche-con-php-2/ http://tecnato.com/mostrar-imagen-de-dia-tarde-o-noche-con-php-2/#comments Fri, 23 Mar 2012 22:19:15 +0000 pepoflex http://tecnato.com/?p=1059

Quiero compartir un codigo que desarrollé para que lo usen en sus páginas webs: mediante PHP una imagen de día, tarde o noche se mostrará de acuerdo al horario que corresponda.

Les dejo el Código:

Código completo !

<?php

$hora = date("H"); /* <-- H = Hora de 00 horas a 23 horas por default en PHP, entonces sabiendo esto seguimos abajo*/

if($hora < 11){
$file = ('http://tcc.tutv.com.uy/weatherSubrayado/images/Weather/tiempo_sol_small.png');
$mensaje = "Buenos Dias";
}
else if($hora < 18 ){
$file = ('http://tiempovenezuela.com/assets/images/weather_yr/3.png');
$mensaje = "Buenas Tardes";
}
else{
$file = ('http://www.cuandopasa.com/pic/n/000/000/n0000000130zgk.jpg');
$mensaje = "Buenas Noches";
}
?>

<html>
<body>
<?=$mensaje?>
<img src="<?=$file?>";
</body>
</html>

Explico un poco:

Si la variable $hora es menor que 11hrs, entonces que imprima la imagen de dia  dentro del body en :

<?=$mensaje?>

Y también que me imprima su respectiva imagen dentro del body en:

<img src="<?=$file?>";

El resto es similar, sólo que va a cambiar la imagen.

Las imágenes que cambian son:

  • dia.jpg
  • tarde.jpg
  • noche.jpg

Como sabemos, la hora de PHP se basa en la hora de nuestros hosting o servidor. A mí me marca la hora así:

  • a las 11pm(abarca desde las 12pm a la 1pm) –> imagen de dia(dia.jpg)
  • a las 6pm –> imagen de tarde(noche.jpg)
  • a las 12an –> imagen de mañana(mañana.jpg)
NOTA:
- Necesitarán 3 imágenes.

- Si no les carga las imágenes es porque ya están vencidas, puede cambiar la ubicación de las imágenes.Por ejemplo:

$file = ('http://www.nuevaubicacion.com/dia.jpg');

Espero les haya gustado !

]]> http://tecnato.com/mostrar-imagen-de-dia-tarde-o-noche-con-php-2/feed/ 0 Colocar un Video de YouTube como fondo de tu Web con jquery.tubular.js http://tecnato.com/colocar-un-video-de-youtube-como-fondo-de-tu-web-con-jquery-tubular-js/ http://tecnato.com/colocar-un-video-de-youtube-como-fondo-de-tu-web-con-jquery-tubular-js/#comments Tue, 20 Mar 2012 08:49:21 +0000 pepoflex http://tecnato.com/?p=1023

En esta ocación quiero compartir un Plugin de jQuery que encontre navegando por la web, este plugin se llama Tubular.
Este plugin coloca un video de youtube cualquiera que elijas como Fondo de tu Página Web, obteniendo asi un diseño de tu Web impresionante.

Tubular Plugin a su ves nos da la opción de colocar sus controles para el video, para poder detenerlo, pausarlo o silenciar el audio.

Comencemos:

Primero:
Descargamos el Plugin Tubular.
Segundo:
Dentro de Nuestra etiquetas <head> </head>, colocamos o llamamos los archivos que estan dentro de la carpeta js del archivo RAR que bajamos (yo solo use esa carpeta el resto no lo use, si ustedes desean lo peuden usar). Entonces llamamos los archivos asi:

<head>
<script src=”js/jquery-1.7.1.min.js” type=”text/javascript”></script>
<script src=”js/swfobject.js” type=”text/javascript”></script>
<script src=”js/jquery.tubular.js” type=”text/javascript”></script>
<script src=”js/mission-control.js” type=”text/javascript”></script>
</head>
Tercero:
Creamos las siguientes capas o DIVS dentro de nuestras etiquetas <body> </body> de la siguiente manera:

<body>

<div id=”wrapper”>

<p id=”video-controls”><span class=”azulita”>Controles:</span> <a class=”videoPaused” href=”" id=”videoPause”>Pausar / Reproducir</a> |
<a href=”" id=”videoMute”>Sonar / Silenciar</a> |
<a href=”" id=”videoStop”>Detener Video</a></p>
<div id=”contenido”>
<p>Bienvenidos a esta demo !</p>
<p>El Plugin <a href=”http://www.seanmccambridge.com/tubular/” target=”_blank”>Tubular</a> de jQuery me hace pensar decir que: jQuery es impresionante y no tiene limites.</p>
<p>VIDEO: Go Let it Out – Oasis</p>
</div>

</div>

</body>
Cuarto:
Creamos nuestra Hoja de estilos CSS, para los nombres o id de las capas o divs correspondientes:

<style type=”text/css”>

#video-controls {
color: #FFF;
background-color: #F06;
font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif;
text-align: center;
position: absolute;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
left: 19px;
top: 40px;
}

#video-controls a:link {color: #FFF; text-decoration:none;}
#video-controls a:visited {color: #FFF; text-decoration:none;}
#video-controls a:hover {color: #FFF; text-decoration:none;}
#video-controls a:active {color: #FFF; text-decoration:none;}
.azulita {
color: #039;
font-weight: bold;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #000;
}
#contenido {
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
color: #FFF;
position: absolute;
left: 23px;
top: 118px;
width: 622px;
background-image: url(img/bg-texto.png);
background-repeat: repeat;
padding: 15px;
}
a:link {
color: #F06;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #F06;
}
a:hover {
text-decoration: underline;
color: #F06;
}
a:active {
text-decoration: none;
color: #F06;
}
</style>

 

Quinto:
Abrimos nuestro archivo mission-control.js que vino dentro del archivo RAR que descargamos de la página del Plugin, y en la 2da linea donde dice:

$().ready(function() {
$(‘body’).tubular(‘AzNZaIYce-U‘,’wrapper’);

AzNZaIYce-U <— este es el ID del video de youtube que vamos a reproducir.

Por ejemplo:

Si tenemos el siguiente video:

http://www.youtube.com/watch?v=AzNZaIYce-U

la ID seria lo que esta despues de v=AzNZaIYce-U o lo que esta en negrita.

Y listo con eso ya tenemos finalizado todo y listo para usar !

Aca les dejo un demo:

DEMO
NOTA:
- En la página del plugin revisen bien los archivos por si no encuentran alguno, sean observadores.
- El video por defecto Carga sin sonido, el cual lo podemos activar con el boton Sonar/Silenciar.
Espero les haya gustado.

]]> http://tecnato.com/colocar-un-video-de-youtube-como-fondo-de-tu-web-con-jquery-tubular-js/feed/ 0 Hacer compatible Audio HTML5 con todos los navegadores http://tecnato.com/hacer-compatible-audio-html5-con-todos-los-navegadores/ http://tecnato.com/hacer-compatible-audio-html5-con-todos-los-navegadores/#comments Sun, 18 Mar 2012 19:30:16 +0000 pepoflex http://tecnato.com/?p=1002
Como les prometi, En esta ocación les mostrare como hacer compatible el audio de HTML5 con varios de los Navegadores de Internet.

El post anterior donde mostre como insertar audio con HTML 5:

http://tecnato.com/insertar-audio-con-html5/

Comenzamos:

Vamos a utilizar Javascript, pero para ahorrarnos tiempo y tener mas productividad utilizaremos el plugin audio.js

Descargamos el plugin con todos sus archivos, entonces:

- Primero: Agregamos dentro de nuestras etiquetas <head></head>el archivo audio.min.js que viene dentro del archivo que descargamos

- Segundo: Creamos nuestra funcion con su variable(es obligatoria pero siempre la misma)es sencilla y si no tienes conocimiento de Javascript pues solo copia lo que esta dentro de <head></head>

<head>
<script src=”js_t_otros/audio.min.js”></script>

<script>
audiojs.events.ready(function(){
var as = audiojs.createAll();
});
</script>

</head>

 

- Tercero: Ya tenemos configurado todo para que corra nuestro audio, entonces insertamos dentro de <body></body> el audio que queremos reproducir.

La Canción es Listen – Collective Soul

<audio src=”http://cjlight.powweb.com/tmp/Collective%20Soul%20-%20Listen%20(Remix).mp3″ preload=”auto”></audio>

Listo eso es todo, ahora nuestro audio correra sin ningun problema con otros exploradores.

Aca pueden ver en que navegadores y como trabaja:

  • Mobile Safari (iOS 3+)
  • Android (2.2+, w/Flash)
  • Safari (4+)
  • Chrome (7+)
  • Firefox (3+, w/ Flash)
  • Opera (10+, w/ Flash)
  • IE (6, 7, 8, w/ Flash)

 

DEMO

Plugin: http://kolber.github.com/audiojs/   <– En su Página Web Hay muchas opciones de este interesante plugin, también encontraran documentación y muchas cosas interesantes !

Les dejo Otra opción para descargar el plugin: http://www.traveltoperusite.com/tests/Tag_audio_HTML5_a_todos_los_navegadores/audiojs.zip

 NOTA: Recuerden que solo deben usar los archivos de la carpeta  /audiojs que viene dentro del archivo RAR que bajan de la pagina del Plugin.

Espero les haya gustado, y ojala que así sea, para seguir subiendo mas tutos =)

Cheers !

]]> http://tecnato.com/hacer-compatible-audio-html5-con-todos-los-navegadores/feed/ 2 “Teclas Calientes” o atajos del teclado en NetBeans http://tecnato.com/teclas-calientes-o-atajos-del-teclado-en-netbeans/ http://tecnato.com/teclas-calientes-o-atajos-del-teclado-en-netbeans/#comments Thu, 08 Mar 2012 16:56:02 +0000 Alain http://tecnato.com/?p=988 Desde hace años, cuando me inicie en el desarrollo web,  el entorno (IDE)  que utilizaba por excelencia era Dreamweaver, sin embargo desde hace más de un año utilizo NetBeans.

NetBeans tiene muchas ventajas, sobre todo a la hora de escribir código, es por eso que he recopilado algunas “teclas calientes” o atajos del teclado que son de mucha utilidad en este entorno de desarrollo.

TECLA CALIENTE DESCRIPCION
Control + K Autocompletar
Control + Espacio Sugerencias
Control + B Ir a la declaración de la función / método / clase
Shift + Suprimir Cortar línea actual
Control + E Borrar línea actual
Control + Shift + Flecha Arriba/Abajo Copiar línea actual Arriba/Abajo
Control + P Muestra los parámetros que la función o método
Control + Shift + C Comentar líneas
Alt + Insert Generar código

 

]]> http://tecnato.com/teclas-calientes-o-atajos-del-teclado-en-netbeans/feed/ 2 Naranjas para el personal http://tecnato.com/naranjas-para-el-personal/ http://tecnato.com/naranjas-para-el-personal/#comments Wed, 07 Mar 2012 21:40:02 +0000 Wilson Sanchez http://tecnato.com/?p=985 Este es un post de empowerment, algo que por un período de tiempo me dio curiosidad de aprender, pues como alguna vez comente, lo mas difícil no son los ordenadores sino quienes interactúan con ellos.

La historia que titula el post, fue abstraído del libro Usted S.A de Ines Temple, recomiendo visiten su blog si su aventura es ser el candidato elegible en su incursión laboral, a continuación la história.

Naranjas para el personal

José trabajaba en una empresa desde hace dos años, siempre fue muy serio, dedicado y cumplidor en sus obligaciones, llegaba puntual y estaba orgulloso que en dos años nunca había recibido una amonestación. Cierto día buscó al gerente para hacerle un reclamo:

-Señor, trabajo en la empresa hace dos años con bastante esmero y estoy a gusto con mi puesto, pero siento que he sido postergado. Mire, Fernando ingresó a un puesto igual al mío hace sólo 6 meses y ya ha sido promovido a supervisor.

-¡Uhmm! -mostrando preocupación- exclama el gerente.
Mientras resolvemos esto, quisiera pedirte que me ayudes a resolver un problema, quiero dar fruta al personal para el almuerzo de hoy, en la bodega de la esquina venden fruta, por favor, averigua si tienen naranjas.

José se esmeró en cumplir con el encargo y en cinco minutos estaba de vuelta.

-Bueno, José, ¿qué averiguaste?
-Señor, tienen naranjas para la venta.
-¿Y cuánto cuestan?
-¡Ah!… No pregunté por eso.

-Ok, ¿pero viste si tenían suficientes naranjas para todo el personal? (preguntaba seriamente).

-Tampoco pregunté por eso, señor.

-¿Hay alguna fruta que pueda sustituir a la naranja?

-No sé, señor, pero creo…

-Bueno, siéntate un momento.

El gerente tomó el teléfono y mandó llamar a Fernando.
Cuando se presentó, le dio las mismas instrucciones que le diera a José y en 10 minutos estaba de vuelta.

Cuando retornó el gerente le pregunta:
-Bien, Fernando, ¿qué noticias me tienes?
-Señor, tienen naranjas, lo suficiente para atender a todo el personal, y si prefiere, también tienen plátano, papaya, melón y mango.
La naranja está a 3 soles el kilo, el plátano a 4, el mango a 5 el kilo, la papaya y el melón a 3.5 soles el kilo.

Me dicen que si la compra es por cantidad, nos darán un descuento del 8%.

He dejado separada la naranja, pero si usted escoge otra fruta debo regresar para confirmar el pedido.

-Muchas gracias, Fernando, pero espera un momento…

Se dirige a José, que aún seguía esperando estupefacto, y le dice:

-José, ¿qué me decías?

Nada, señor, eso es todo, muchísimas gracias, con su permiso.

Fin.

]]> http://tecnato.com/naranjas-para-el-personal/feed/ 1 ¿Cómo reconoces a un buen profesional? http://tecnato.com/como-reconoces-a-un-buen-profesional/ http://tecnato.com/como-reconoces-a-un-buen-profesional/#comments Wed, 07 Mar 2012 21:26:18 +0000 Wilson Sanchez http://tecnato.com/?p=982 Hace unos días en la famosa red social FB, recuerdo haber leído el post de un muchacho por lo visto inmerso en las redes inalámbricas, el listar una serie de programas haciendo apología a la inseguridad y su dominio casi intrínseco de programas para romper claves WPA, étc. Mi intención no es clasificarlo, pero si es el de reflexionar lo que realmente están haciendo las universidades, acaso se están preocupando del perfil que su egresado debe alcanzar?, o sencillamente eso no les importa.

Retomando el tema, recordé las palabras del Ing. Zambrano, creo yo fueron hace 07 años, el nos lanzaba una pregunta la cual era: ¿Qué te distingue a tí de un técnico?, obviamente éramos estudiantes perfilándonos a profesionales y debíamos saber el que y por que… nadie pudo dar una respuesta atinada, el justificaba que si el técnico lo puede hacer y tu también quiere decir que están al mismo nivel sin ninguna diferencia; era una realidad.

Hace poco conocí vía internet a Carlos Gavidia, me pase muy buenas horas en su blog el cual les recomiendo, me dio grata sorpresa ver su perfil profesional… vaya cantidad de certificaciones no es cierto?, obviamente lo logro a punta de esfuerzo y dedicación personal, y considero es lo que deberían inculcar en las universidades, investigación pero de verdad, no la del copy&paste, al final a quien le toca la pegada es al estudiante/egresado/profesional.

Esperemos que la situación mejore, por lo pronto aunque todavía en perfil ya existe un proyecto de ley que mejoraría las reglas para la titulación de profesionales e implantaría el vicerectorado de investigación en todas las universidades a nivel nacional, quizás veamos luces el año que viene.

]]> http://tecnato.com/como-reconoces-a-un-buen-profesional/feed/ 0 Telefonía IP (VoIP) http://tecnato.com/telefonia-ip-voip/ http://tecnato.com/telefonia-ip-voip/#comments Sat, 03 Mar 2012 13:38:55 +0000 Wilson Sanchez http://tecnato.com/?p=973 Recuerdo los años universitarios en que en la asignatura de Laboratorio de Redes, el docente tras una exposición nos preguntaba: ¿Cual es la diferencia entre telefonía IP y VoIP?, no recuerdo bien mi respuesta, pero quizas esta no haya sido la correcta, a continuación les contare una experiencia al respecto.

La empresa en que laboro, al estar alejada de la ciudad y al no existir redes PSTN o redes cableadas de teléfono cerca, no tenía otra opción de contratar el servicio de infointernet (RDSI o ISDN) bajo un radio enlace, que en resumidas cuentas para la época de VoIP es un lujo, obviamente por temas de costos.

La empresa (en este caso el operador) obviamente se aseguro ofreciendo un contrato a plazo forzoso de 03 años, y ahora que el contrato ya practicamente vence, estoy en el proceso de cambiar las reglas de juego, obviamente la meta es reducir costos y mejorar el servicio sin perjudicar ninguna operacion de la empresa, la pregunta es ¿como?

Volvamos a la primera pregunta y en resúmen VoIP es llevar la voz por la red de datos en este caso internet, y Telefonía IP es que dicha voz se conecte con una red tradicional PSTN y viceversa, el beneficio es que la llamada VoIP siempre tendra un costo local o mejor aún totalmente libre de costo (si la llamada es en la misma red), no es genial?, claro que lo es, he visto casos sobre todo en el régimen público que para llamar de la oficina del 5to nivel al 1er nivel, hacen uso de un operador por ende dicha llamada tiene costo… y es mas absurdo aun cuando cuentan con una red clableada…, pero bien cada institución tiene libertad de contratar a sus profesionales y ese es otro tema.

No quisiera extender mucho el post, pero como inicialmente les comente la idea es integrar el servicio de internet y teléfono y que este pueda acceder a la red tradicional, aqui realizo una analogía, pues como encuentras una página web? mediante su dirección IP o dominio, este ultimo mediante servidores DNS, para el caso telefónico es similar, necesitare un operador IP que me otorge un número y que me permita interconectarme a la red de movistar, obviamente con toda la infraestructura que el proceso requiere.

Mi complejidad mayor es que tambien mis anexos (que estan bajo una PBX propietaria) puedan interconectarse y ahi esta la ingeniería, es un excelente proyecto en verdad, por que no se expande del todo? sencillamente al operador nacional no le conviene perder ganancias o miento? pero es una realidad… se que las oficinas de Essalud a nivel nacional poseen mas de 10 000 anexos y las llamadas entre estos tiene costo 0, esos son los beneficios de usar VoIP.

Ya os contare como me va en esta aventura…
Saludos

Actualización 20/03/12
Luego de averiguaciones, consultas, cotizaciones y todo lo que implica un proyecto, lo presente a la empresa, ya lo aprobaron :) demandara una fuerte inversion inicial, pero el retorno de dicha inversion es 8 meses, el mayor beneficio 70% de ahorro  mensual, la velocidad de internet mejora 20 veces, y la telefonia no se ve afectada, en dos semanas se debera estar terminando la implementacion, y ya os contare.

Actualización 17/05/12
Vaya que rápido pasó el tiempo, como en todo proyecto se presentaron complicaciones, sobre todo en temas que no puedes manejar directamente, la satisfacción es que ya todo esta operativo y funcionando, aprendi mucho en verdad, gracias a la empresa por la oportunidad ojala alguna dia os pueda contar todo el proceso, saludos.

]]> http://tecnato.com/telefonia-ip-voip/feed/ 2 Comprar por Internet http://tecnato.com/comprar-por-internet/ http://tecnato.com/comprar-por-internet/#comments Wed, 29 Feb 2012 16:55:44 +0000 Wilson Sanchez http://tecnato.com/?p=969 He conocido muchas personas, que al escuchar el termino comprar por internet, piensan en algo complicado, dudoso y de mucha desconfianza, es cierto a veces es complicado entender realizar una transacción exitosa a distancia, sobre todo si en el proceso existen complicaciones, a continuación les contare una experiencia personal.

Me anime a comprar por internet no solo por los costos y novedosos artículos, sino por que necesitaba experimentarlo así que nada perderia si compraria algo de poco costo, pues si algo saldría mal, no perdería mucho; en la actualidad existe un modelo de free shipping en e-commerce, lo cual es un boom, el porque sencillamente pagas por lo que compras y el envio es gratis, bueno literalmente… obviamente el comercio ya incluyo este gasto en el monto final.

Existe mucha terminología interesante en el proceso como CIF, FOB, EER, DUAR, etc pero lo dejaremos para otro post, bien vayamos al grano; la compra la realize por www.dealextreme.com, via la recomendación de un amigo, pero como este amigo no habia tenido ningún problema me anime a comprar un modem 3G, el costo bastante interesante $33, y considerando que el envio estaba incluído, estaba contento con la compra, espere solo 14 días (digo solo pues lo compre en año nuevo y el comercio tenia alto tráfico).

El dispositivo llego, pero no pude hecharlo andar, funcionaba pero estaba diseñado para una frecuencia 3G 2100Mhz., y considerando que nuestros operadores estaban en frecuencia 800Mhz, era imposible.

Seguramente mencionaras “obvio, la culpa fue tuya de no leer las especificaciones”, claro tienes razón y si las leí, pero indicaba soporte en todas las frecuencias, asi que ahora que haría con un dispositivo inutilizable.

Contacte a la empresa, comprendieron el problema y me indicaron que retorne el producto, remitiendo el recibo de pago con numero de rastreo o tracking number, así lo hice y hoy me respondieron que también me devolveran dicho gasto, no es genial?

En verdad es placentero tener este tipo de transacciones donde el cliente final es felíz, por que se satisface con el proceso, algo que en mi ciudad natal sería dado por perdido.

Solo para concluir, si te animas a comprar en internet, te recomiendo los siguientes pasos:

1. Asegurate que el comercio es confiable, busca información relativa, las opiniones de compradores son de mucha importancia.
2. Informate bien del producto y su regulación local, por ejemplo aduanas muchas veces retiene los productos de telecomunicacion (celulares), pero solicita adjuntes un formato del MTC (homologación de equipos), en algunos casos podría llegar directamente, desconosco el método de aleatoriedad de aduanas.
3. Realiza el proceso de compra en un sitio seguro bajo https y por supuesto que tu ordenador no tenga troyanos o programas espia, que puedan capturar los datos de tu tarjeta.

Espero el post, haya sido de tu agrado, si tienes dudas e inquietudes estas siempre son bienvenidas.

]]> http://tecnato.com/comprar-por-internet/feed/ 4 El Monopolio de Propiedad Intelectual: ni es necesario, ni es bueno http://tecnato.com/el-monopolio-de-propiedad-intelectual-ni-es-necesario-ni-es-buenoeno/ http://tecnato.com/el-monopolio-de-propiedad-intelectual-ni-es-necesario-ni-es-buenoeno/#comments Fri, 27 Jan 2012 07:04:27 +0000 javiercalderon http://tecnato.com/?p=948

Propiedad Intelectual from agoranews on Vimeo.

Pues eso, ¿estamos dispuestos como sociedad a otorgar ese derecho de propiedad intelectual a los “creadores”, en este caso a la industria del cine y la musica? de no hacerlo ¿no tendríamos creatividad? ¿no tendríamos cultura? ¿no tendríamos arte? pues si que la habría y de las mas diversas. El monopolio de propiedad intelectual ni es necesario, ni es bueno y lo explican muy bien dos economistas Juan Urrutia y David de Ugarte en este interesante debate sobre la propiedad intelectual.

]]> http://tecnato.com/el-monopolio-de-propiedad-intelectual-ni-es-necesario-ni-es-buenoeno/feed/ 1 Video: Explicación de la ley SOPA http://tecnato.com/video-explicacion-de-la-ley-sopa/ http://tecnato.com/video-explicacion-de-la-ley-sopa/#comments Sun, 15 Jan 2012 15:56:21 +0000 mcedwin http://tecnato.com/?p=939

Ley estadounidense denominada SOPA (Stop Online Piracy Act), amenaza a toda la internet y como la conocemos, la igualdad de oportunidades. Teniendo la posibilidad de cerrar webs y analizar nuestro datos mediante nuestros proveedores de internet.

Video: YouTube : Ley Sopa

]]> http://tecnato.com/video-explicacion-de-la-ley-sopa/feed/ 0