Creando Aplicaciones Web con Bootstrap

15:40:00 1 Comment

¿QUÉ ES BOOTSTRAP?

Bootstrap es un framework JS+HTML5+CSS3, desarrollado por twitter que permite crear interfaces web muy vistosas, y con diseño responsivo, es decir, conseguirás que tu página se adapte perfectamente a cualquier dispositivo en la que la abras.

¿POR QUÉ BOOTSTRAP?

Aunque bootstrap ofrece una gama de posibilidades bastante amplia, permitiéndote desarrollar interfaces web bastante elaboradas y complejas, destaca porque sus diseños son simples, limpios y sobretodo intuitivos, haciéndolos poco pesados lo cual reduce considerablemente el tiempo de carga y la adaptación a todos los dispositivos.

Además de esto, tienes muchísimas opciones customizables por defecto, que son simplemente perfectas para el diseño web. Botones, tablas, formularios, tipografías...

Otra gran ventaja es su sistema de cuadrículas (grid), el cual te facilitará muchísimo la distribución de tu página web (1 columna, 2 columnas, 3 columnas, etc...)

¿QUE NECESITO?


Lo ideal es tener algo de conocimiento de PHP, HTML5, JS, y CSS3 si vas a diseñar una web simple, y de mySQLi si vas a trabajar con una web dinámica en la que necesitemos integración de usuarios e interacción con estos. Pero, intentaré hacer una guía básica de como diseñar un frontal web paso a paso para los que estéis empezando en esos lenguajes.

MANOS A LA OBRA

Para aplicar bootstrap a nuestro proyectos web lo que debemos hacer es lo siguente:

1. Descargar de la pagina oficial Bootstrap

2. Descomprimir y agregar las carpetas y archivos a nuestro proyecto

3. Agregar la siguiente linea en el HEAD de nuestra pagina
 <link href="css/bootstrap.min.css" rel="stylesheet">
la ruta puede variar setgun como hayamos copiado los archivos.

4. Comenzamos a crear botones, formularios etc y solo debemos aplicar las clases de bootstrap, ejemplo:
<button type="button" class="btn btn-primary">Primary</button>
donde estamos aplicando la clase btn-primary de nuestro archivo css de bootstrap

Des esta forma podemos ir aplicando estilos de bootstrap a todos los elementos de nuestro proyecto.
Les dejo un vídeo donde se explica mejor..

Crear y Diseñar Bases de Datos Relacionales usando DEZING For Databases

14:00:00 Add Comment

Es muy común cuando trabajamos en el área de desarrollo de Software o Bases de Datos, el utilizar herramientas que nos faciliten algunas tareas.

Dezing for databases es uno de esos programas, el cual nos va facilitar el diseño y creación de bases de datos relacionales. Como programador se los recomiendo mucho, si entendemos el concepto de bases de datos relacionales y como funcionan, este programa nos va ayudar a diseñar y relacional las tablas de una base de datos.

Algunos de los puntos que puedo resaltar de este programa es que permite diseñar bases de datos para gran variedad de gestores de Bases de Datos, como por ejemplo Oracle, SQL Server, MySQL Access entre otros.

Y uno de los puntos mas importantes que puedo resaltar es que nos permite general el código SQL de la Base de Datos, permitiéndonos importar o ejecutar dicho código en el gestor que estemos usando. También nos permite verificar si hay errores antes de general el código y de esta manera asegurar que nuestra Base de Datos esta correctamente relacionada.



Pagina Oficial para Descargar

DEZIGN para bases de datos es una herramienta de diseño de base de datos y el modelado intuitivo para los desarrolladores y DBA que pueden ayudar a modelar, crear y mantener bases de datos. El software utiliza diagramas entidad-relación (ERD), modelos de datos para diseñar gráficamente las bases de datos y genera automáticamente las bases de datos SQL y de escritorio más populares.

DEZIGN para bases de datos ofrece un entorno de modelado visual de datos sofisticada para el desarrollo de aplicaciones de bases de datos que hace que su proceso de desarrollo de base de datos mucho más fácil. La herramienta reduce los fallos en el desarrollo de bases de datos y mejora su productividad. Puede visualizar las estructuras de base de datos para comprender su base de datos, crear nuevas bases de datos o realizar ingeniería inversa de bases de datos existentes para modificar, documentar, analizar y optimizar.


¿Porque Windows 10 Consume nuestro ancho de banda? Solución...

11:55:00 Add Comment
Después de las ultimas actualizaciones de Windows 10, muchos habremos notados que al tener encendida nuestra computadora, especialmente cuando tenemos conexiones de baja velocidad (3 Megabit o menos) se siente una notable baja en la velocidad de navegación por Internet. Se puede ver que las paginas web tardan mucho en cargar (cosa que normalmente cargan mas rápido), que cuesta acceder a contenidos compartidos, entre otras cosas.

Bueno para evitar todo esto en muchos foros o blogs recomiendan hacer algunas configuraciones sobre las actualizaciones automáticas de Windows Update. Las cuales consisten en desactivar las actualizaciones en mas de un lugar, aquí les dejo un tutorial donde explican como hacerlo.

Tutorial Desactivar Actualizaciones en mas de un Lugar



Sin embargo, en mi experiencia personal les puedo decir que no me ha funcionado al 100%, ya que siempre Windows ha seguido consumiendo mucho ancho de banda de mi baja conexión a Internet.

Sin embargo después de hacer varias pruebas he encontrado una solución mas practica y definitiva.

Esta solución consiste en Finalizar o Detener ciertos procesos de Windows que se ejecutan en segundo plano, los cuales sin que nosotros nos demos cuenta están consumiendo nuestro ancho de banda.

Para ello, lo uno que debemos hacer es lo siguiente:


  • Abrir el Administrador de Tareas de Windows.
    • Podemos precional Ctrl+Alt+Suprm y luego en Administrador de Tareas
    • Click derecho sobre la barra de tareas y luego Administrador de Tareas

  • Después en la pestaña procesos debemos ir viendo y buscando cuales son los procesos que están haciendo mas uso de RED. 
Los procesos que nos debemos fijar bien, son los procesos de Windows, ya que son los que no nos damos cuenta del consumo de red que realmente están haciendo, en la imagen anterior podemos ver que Google Chrome es quien esta consumiendo mas Red (ancho de banda).

Sin embargo cuando no estamos haciendo uso de ninguna aplicación especial y notamos que la velocidad de Internet ha disminuido es porque algún proceso de Windows lo esta consumiendo, en ese caso debemos bajar en los procesos del administrador de tareas y buscar cuales son esos procesos para detenerlos, por lo general son los procesos relacionados a Windows Update.


Como instalar Windows 10 desde cero - Fácil y Rapido

16:03:00 Add Comment

En esta ocasión les explico como instalar Windows 10 desde cero. Cuando instalamos Windows desde cero, prácticamente lo que hacemos es como decimos formatear la PC...

Podemos hacer esto cuando nuestro equipos anda lento, el SO no carga, esta lleno de virus entre otras razones que nos lleven a formatear o instalar Windows desde cero.

Antes de comenzar debemos contar con el Disco de Instalación de Windows, ya sea en un DVD o en un PenDrive (USB) que sea booteable.


Si ya contamos con esto, simplemente debemos insertar el disco o Pendrive en nuestro equipo y esperar que lo reconozca, después, el proceso es sumamente fácil e intuitivo, simplemente debemos seguir el asistente de instalación e ir configurando algunos parámetros.

Aquí un vídeo donde explico mas detalladamente el proceso de instalación.