viernes, 23 de octubre de 2015

Cuatro tipos archivos esenciales de todo desarrollo web.

Hola amigos, últimamente he estado desarrollando muchos proyectos de php y platicando con algunos colegas me he dado cuenta que a veces por hacer rápido algo luego al modificarlo tardamos demasiado tiempo buscando dónde estaba cada cosa, cambiando nombres de variables, etc. Dedicaré este espacio para los que van empezando con el desarrollo web.

Archivos de configuración.
Los archivos de configuración constan de cualquier dato de autenticación, rutas a directorios, puertos, etc. Esto incluye por ejemplo usuario y password de la base de datos, los puertos que utilizará la aplicación. La ruta hacia las imágenes o documentos subidos.
Un ejemplo podría contener lo siguiente:

<?php

//variables de conexion a la bd
$servidor = "localhost";
$usuario = "root";
$password = "1234";
$database = "edmx";

//URL's
$url_alta_tipo_equipos="registro_tipo_equipos.html";
$url_alta_usuarios="alta_users.php";
$url_imagenes="/storage/images/";
?>

Esquema de la base de datos.
En este archivo se especifican los nombres de las bases de datos, las tablas y los campos, esto con el fin de que si el diseño de la base llega a cambiar, basta con modificar el archivo de esquema para actualizar todas las dependencias, además también deberíamos almacenar las sentencias para la creación de la base de datos desde cero y un par de inserts predefinidos por si ocupamos borrarla.

Un ejemplo podría contener lo siguiente:

//TABLAS
$tabla_tipo_de_equipo="tipo_equipo";
$tabla_asesores="asesores";
$tabla_equipos="equipamiento";

//campos
$campo_id_equipo="id_equipo";
$campo_ventas_por_mes="venta_mensual";

Manejadores de la base de datos, de sesión, etc.
Es conveniente crear un archivo que contenga métodos para acciones comunes como inserción, actualización, borrado y selección (CRUD). Otra buena idea es crear un manejador de las operaciones sobre una sesión, en caso de haberla.

Un ejemplo podría contener lo siguiente, nótese que estamos usando las variables de configuracion, y algunas variables de la definición del esquema de la base de datos.

function consulta_simple($sql){
include("config.php");
$conn = new mysqli($servidor, $usuario, $password, $base);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$result = $conn->query($sql);
$resultado=array();
if ($result->num_rows > 0) {
while($row = $result->fetch_row()) {
array_push($resultado, $row);
}
}
else {
}
$conn->close();
return $resultado;
}

function consultarModelos($id_tipo, $marca){
include("config.php");
$sql = "SELECT id_equipo, modelo FROM $tabla_equipos WHERE id_tipo=$id_tipo AND marca='$marca' ORDER BY modelo;";
$marcas=consulta_simple($sql);
return $marcas;
}


Hojas de estilo base.
Crear un archivo de estilos con un diseño "default" nos permitirá modificar las propiedades visuales de muchas páginas con un solo cambio. Aprovechemos la característica de cascada para sobre-escribir los estilos necesarios y mantengamos los que sean más comunes.

Un ejemplo podría contener:

body{
background-color:black;
background-image: url("catbox.jpg");
background-size: 100%;
color:white;
}

//un encabezado genérico
.header{
background:yellow;
width:480px;
height:150px;
border: 2px solid;
    border-radius: 25px;
    border-color:blue;
}

/*contenedor genérico*/
.container{
position:relative;
left:50%;
transform: translate(-50%, 0%);
background:#084D88;
width:350px;
    border-radius: 20px;
    padding:8px;
}

Seguramente hayan usado uno o más de estos tipos de archivos, así que ya sea un recordatorio o algo nuevo, ¡úsenlos que son muy útiles!

miércoles, 21 de octubre de 2015

Guía de mejores monitores económicos 2015

Hola amigos, con la novedad de que he querido actualizar mi monitor a uno que pueda tener al menos 3 ventanas visibles al mismo tiempo me di a la tarea de encontrar monitores relativamente económicos con las mejores características para la multitarea.

Tengo que puntualizar que la tecnología escogida en todos los monitores es IPS, debido a mis requerimientos de color y visualización desde diferentes ángulos, prefiriendo los monitores de tipo "matte" debido a que reflejan menor cantidad de luz.

Las opciones no tienen un orden específico, simplemente trataré de agruparlos por tarea o utilidad, otra cosa por mencionar es que como yo casi siempre compro en amazon por la seguridad que me han proporcionado, pondre los enlaces a su sitio (no, no me dan comisión :( ).

Monitores Ultra Wide: WFHD con un formato 21:9 y resolución 2560 x 1080 son la mejor opción para mantener al menos 3 documentos abiertos al mismo tiempo. Existen diversas opciones, pero estos son los más asequibles:

Para los usuarios de monitores de 19 pulgadas o menos, el salto menos drástico es a un monitor de 25 pulgadas como el siguiente:



LG Electronics UM57 25-Inch Screen LED-lit Monitor:
Luminosidad: 250 cd.
Conectores:  2 entradas HDMI.
Controlador dual (puedes visualizar 2 entradas de video, por ejemplo una pc y un xbox al mismo tiempo) y, este monitor es una buena opción.
Precio: entre los 170 y los 200 usd en Amazon.

Si podemos aumentar nuestro presupuesto hasta el rango de los 300 usd, encontramos monitores de 29 pulgadas como:



AOC Q2963PM 29-inch IPS (21:9) LED-Lit Monitor.
Luminosidad: 300 cd.
Conectores: VGA, DVI-D HDCP, HDMI (MHL), Display Port.
2 bocinas estéreo de 3W integradas.
Montaje VESA para utilizar diferentes bases, es una excelente opción, este tamaño es ideal para los usuarios acostumbrados a monitores de 24 pulgadas.
Precio: 330 usd en Amazon.



Otro modelo asequible es el hermano mayor del monitor de 25 pulgadas, se trata del monitor
LG Electronics 29UM67 29-Inch Screen LED-lit Monitor: Con 300 cd de luminosidad, con un puerto DVI extra a los HDMI del modelo de 25 pulgadas, cabe mencionar que este monitor deberá utilizarse la base que ya tiene incorporada.
Precio: 350 USD en Amazon.


A pesar de que los monitores WFHD proveen de un área de trabajo extendida, muchos usuarios no logran acostumbrarse a ese aspecto, por lo que regresando a los monitores clásicos 16:9 consideramos la siguiente lista:

Los monitores WQHD con resolución 2560x1440 nos brindan hasta 50% más espacio de trabajo que un monitor full hd, por lo que los detalles serán mejor perceptibles. En estos modelos, el tamaño ideal es el de 25 pulgadas, con relación de aspecto 16:10, cambiando el tamaño común de 24 y 27 pulgadas que se suelen utilizar en los full hd, esto debido a la mayor densidad de píxeles que se pueden contener en los monitores de 25 y 27 pulgadas.

El modelo más económico de este tipo de monitores es el


Acer G257HU smidpx 25-Inch WQHD
Luminosidad: 350 nit.
Conectores: 1 conector DVI (HDCP), 1 HDMI y 1 Display Port.
Es una actualización económica desde un monitor full hd. Cuenta con 2 altavoces integrados.
Precio: entre 240 y 260 USD en Amazon.

Por otra parte, con un poco más de presupuesto, podemos adquirir el monitor


Monitor Dell UltraSharp de 25 pulgadas - U2515H. Este monitor cuenta con un panel que cubre el 99% de colores sRGB, por lo que es especialmente útil para trabajos de diseño gráfico o animación, cuenta con garantía de 3 años y es extensible hasta 5 años.

Luminosidad: 350cd.
Conectores: 2 conectores HDMI (MHL), 1 Mini DisplayPort, 1 DisplayPort (versión 1.2), 1 salida de DisplayPort (MST), 1 salida de línea de audio, 5 puertos USB 3.0: Flujo descendente (1 con carga de batería) y 1 puerto USB 3.0 de subida
Montaje VESA.
Base de altura ajustable, inclinación, movimiento giratorio y pivotante.
Precio: entre 4700 y 5000 pesos en DELL México. En mi opinión, el mejor monitor de 25 pulgadas que se puede adquirir en este rango de precio.

Mención especial

A pesar de que este artículo está dedicado a monitores con resoluciones mayores a 1080p debo mencionar que he adquirido un monitor Full HD del que no he tenido queja alguna. El monitor en cuestión es económico al punto de no haber competidores en su rango de precio, tal vez agarré una oferta, o no lo sé pero me salió en 2400 pesos con envío incluido. Se trata de:

Monitor AOC de 23 pulgadas i2369V
Luminosidad: 250cd.
Conectores: DVI-HDCP RGB D-Sub.
Precio: entre 2400 y 2700 pesos en Amazon México.


viernes, 12 de junio de 2015

Simular eventos, acciones, entradas y comandos en un emulador Android,

Cuando comienzas con nuevos proyectos, muchas veces no tienes los dispositivos físicos para hacer las pruebas o no quieres arriesgar información valiosa en tu dispositivo, por lo que tienes que recurrir a emuladores. Además, si tienes un pc potente, puede que incluso sea más cómodo realizar las pruebas en emuladores.

Pues bien, para realizar esto basta con ejecutar nuestra aplicación, seleccionar el AVD (Android virtual device, alias el emulador) que querramos y dentro de android studio ir a la pestaña de terminal.


Después de eso, deberán utilizar el comando

telnet localhost 5554

Si la consola les marca un error de que no se reconoce el comando, es porque no tienen telnet activado en su windows, para lo cual sigan los siguientes pasos

Para instalar el cliente Telnet

  1. Haga clic en el botón InicioImagen del botón Inicio, haga clic en Panel de control y, a continuación, en Programas.
  2. En Programas y características, haga clic en Activar o desactivar las características de Windows. Se requiere permiso de administrador Si se le solicita una contraseña de administrador o una confirmación, escriba la contraseña o proporcione la confirmación.
  3. En el cuadro de diálogo Características de Windows, active la casilla Cliente Telnet.
  4. Haga clic en Aceptar. La instalación puede durar varios minutos.
Una vez conectados podemos usar distintas funciones emuladas en nuestro dispositivo virtual como por ejemplo la función:

geo fix 19.282754, -99.676644

Que simulará que el dispositivo se encuentra en esas coordenadas (Facultad de Ingeniería de la UAEMex) por ejemplo, para utilizar en una applicación de geolocalización.

O por ejemplo una simular una llamada del 123-4567

gsm call 1234567

Entre otras funciones. Saludos.

Consultar estructura de las tablas en una base de datos de Android

Qué tal, les cuento que ahora que estuve realizando el tutorial de udacity, me atoré con un problema de llaves primarias, según el tutorial que seguí de la BD, se recomendaba poner la llave primaria en autoincrementar, y como ya saben que me gusta llevarle la contra a todo, yo hice mi tabla sin el autoincremento, simplemente agregando filas sin el id a ver qué pasaba.

Por alguna razón insensata de mi parte, supuse que los registros empezaban de 0, y cuando hacía querys para ver mi información pues me tiraba errores, sin embargo la consola marcaba que era la tabla la que no existía y no el registro, así que me pasé algunas horas peleando con por qué no aparecía la tabla si yo la creaba como debía.

Para no hacer el cuento largo, android usa bases de datos sqlite, por lo que para hacer pruebas me bajé el sqlite3 de acá.

http://sqlite.org/2015/sqlite-shell-win32-x86-3081002.zip

En esta aplicación basta con utilizar el comando .schema para ver la sentencia SQL con la que se han creado las tablas de nuestra base, sin embargo, si intentan hacer este query desde android, les va a dar error, el query respectivo para lograr esto es:

  1. String queryschema = "SELECT sql FROM (SELECT * FROM sqlite_master UNION ALL SELECT * FROM sqlite_temp_master) WHERE type!='meta' ORDER BY tbl_name, type DESC, name";
  2. Cursor cursor = db.rawQuery(queryschema , null);




Con este query simplemente tendrán que utilizar el método de rawquery y listo, tendrán la estructura de las tablas de su BD.

Hay que recordar que la trabla de sqlite_master contiene toda la información de nuestra BD, por lo que podemos obtener otro tipo de información aparte de las tablas.

Saludos.

Primeros pasos con Android

Atemorizado, pero a la vez emocionado en mi nuevo viaje a los confines de Android, me decidí a bajar un IDE en el cual trabajar, sabía que eclipse era una buena opción, estoy acostumbrado a utilizarlo y ya tengo muchos plugins muy útiles, sin embargo, pensé, a estas alturas debería hacer un IDE especial para Android, ¿no? Y así fue como fui a dar con Android Studio.

Como saben, yo utilizo windows la mayoría del tiempo por mis jueguitos, así que me bajé esa versión.

Pueden descargarla de acá:

https://developer.android.com/sdk/index.html

Una vez que bajé el IDE, me propuse a explorar qué opciones conocidas tenía, ya saben, cómo es la estructura, cuáles son los comandos rápidos básicos, etc.

Acto seguido de esto, dije, y bueno, ¿ahora cómo empiezo? Buscar videos... Blogs conocidos... entre otros... A lo que encontré una página excelente para comenzar, esta se llama Udacity, yo no la conocía quizás ustedes sí, el chiste es que tiene muchos cursos gratis (aunque hay que registrarse... a algunos no les gustará, pero bueno) y encontré un cursillo de introducción el cual me dio las herramientas para comenzar. El curso en cuestión es este:

https://www.udacity.com/course/developing-android-apps--ud853

Y para no tener problemas con el control de versiones y atiborrar mi carpeta de proyectos de "Este si es el bueno" "Este es el final" "Este es mejorado" etc... también me decidí a tomar el cursito de GitHub.

https://www.udacity.com/course/how-to-use-git-and-github--ud775

Todos los cursos están en inglés y los videos a veces tienen subtítulos en español, a veces no... Pero siempre puedes ponerle los subs en inglés, aunque sean autogenerados, por aquellos como yo que estén sordos y no se les de bien escuchar el inglés jejeje.

Y bueno, de momento creo que es suficiente para que vayan adentrándose en el mundillo este de Android. Así que los veo en otra publicación. Saludos.

Comenzando con un desarrollo en Android

Hace unos días estaba desayunando con mi hermano, y me comentó ciertos problemas que tenía en la empresa en la que trabaja, a lo que me dijo, pues... ¿Tú programas no? ¿No me puedes ayudar con unos programitas o algo? A lo que contesté que a pesar de que ya tengo tiempo de programar "en serio" iba a tomar la propuesta y desarrollar alguna solución para dispositivos Android, él tiene un Iphone, y de hecho casi todos los de la compañía igual... Pero bueno, me encanta llevarle la contraria así que le dije que Android o nada... Jajaja, ya luego buscaré el desarrollo con algún framework que exporte en diversas plataformas, pero de momento, quiero programar "como se debe" y explorar desde sus raíces a Android.

Así pues, empezaré a publicar algunos problemas, consejos y tips que se me vayan cruzando en el camino del desarrollo de las aplicaciones que pretendo realizar.

Saludos, ¡nos vemos en otra publicación!