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.