CodeIgniter. Creando nuestra primera vista.

Para el patrón de diseño MVC las vistas son el archivo final que muestra los datos en un diseño final. Para este apartado veremos cómo crear una vista en CodeIgniter y te darás cuenta lo sencillo que es la programación en este Framework.

Entonces, para la creación de la vista veremos lo siguiente:

1. Creación del controlador.
2. Creación de la vista.

Si tienen inquietudes acerca de la creación de la vista, me pueden dejar un comentario o escribirme a shogunato184@gmail.com.

Muchos éxitos y hasta la próxima.

Embed SWF. Aplicación WEB para crear código de embebido de flash

 

Embed SWF es una aplicación WEB que lo que hace es crear el código necesario para embeber un archivo flash para que lo uses en tus proyectos o páginas WEB.

La aplicación cuenta con cinco modos de configuración a modo de pestañas que son:

1. Configuración SWF (SWF Configuration): Esta primera pestaña se encarga de configuraciones básicas tales como el tamaño del flash, el nombre y el tipo de fondo que tendrá.
2. Definición HTML (HTML Definition): Establece atributos y recursos para que sea ejecutado y formado el Flash. Tales como id, clase, nombre, recurso swfobject.js y un código alternativo por si no se tiene Flash instalado.
3. Parámetros (Parameters): Estos son parámetros que utiliza Flash. Estos son opcionales de configurar o te puedes saltar estos parámetros.
4. Variables Flash (FlashVars): Esta pestaña es opcional. Las variables flash son pasadas por HTML para que el archivo Flash se ejecute solo si necesita de algunos datos.

Visita Embed WSF aquí.

Hablemos de CodeIgniter

¿Que es?

CodeIgniter es un framework para desarrollar aplicaciones WEB. El framework esta construido sobre el lenguaje de programación PHP y esta pensado para desarrollar de forma rápida aplicaciones sin tener que empezar desde cero con la programación.

Características

1. Desarrollo de proyectos mas rápido.
2. Simplificación de código. no necesitas hacer “super algoritmos” para desarrollar tu proyecto porque CodeIgniter se encarga de minimizar tu trabajo con la gran variedad de librerías y funciones asistentes que provee este provee.
3. Configuración sencilla.
4. Instalación fácil.

Requerimientos del servidor

1. PHP versión 5.1.6 o superior.
2. Motor de base de datos para aplicaciones WEB como MySQL (4.1 o superior), MySQLi, MS SQL, PostgreSQL, Oracle, SQLite y ODBC.

Método de programación

Como ya nos habíamos dado cuenta, CodeIgniter esta desarrollado sobre PHP y mas importante sobre PHP5. Esto quiere decir que le framework es totalmente orientado a objetos. Su fuerte para mi concepto de la filosofía de la programación orientada a objetos es la Herencia.

Patrones de diseño

CodeIgniter utiliza el patrón de diseño MVC (Modelo, Vista, Controlador) que es un patrón de diseño a tres capas que pretende separar la lógica de programación con la presentación al usuario. Aquí una pequeña explicación de lo que es MVC:

1. Modelo: Son los programas que se encargan de interactuar con la base de datos. Prácticamente estos no tienen mucha lógica de por medio (nada de if, while, do...while, for, foreach, etc.) únicamente consultas que retornan un resultado.
2. Vista: Es el encargado de mostrar de forma ordenada los datos al usuario en pantalla. En estos programas esta toda la parte de código HTML, JavaScript, CSS. Por este lado no se ve mucha lógica de por medio, de vez en cuando se puede ver un ciclo o una condición por mucho.
3. Controlador: Estos programas son el “puente” entre los modelos y las vistas. Se encargan de gestionar las acciones que deben ser ejecutadas cuando son llamados. Como su nombre lo dice son los que controlan el flujo de la aplicación y son los que tienen absolutamente toda la lógica del patrón.

Temas y cosas que debes saber y tener en cuenta antes utilizar CodeIgniter

1. Conceptos de programación orientada a objetos.
2. Manejo del lenguaje de programación PHP, exclusivamente PHP5.
3. Conocimientos del patron de diseño MVC.

¿Quieres probarlo?

Aquí te dejo el enlace de descarga a la ultima versión: http://codeigniter.com/downloads/.

CodeIgniter. Creando nuestro primer controlador

Si quieres dar tus primeros pasos con CodeIgniter aquí les dejo un video – tutorial para crear un controlador bajo la versión 2.0.3. Para la creación vamos a ver los siguientes temas:

1. Creación del archivo .htaccess con el objetivo de eliminar el index.php de la URL. También lo puedes descargar de http://goo.gl/IULYU.
2. Modificar el archivo config.php. Para que el archivo .htaccess tenga efecto.
3. Creación del controlador.

Fuentes

1. Eliminar el index.php de las URL's de CodeIginiter: http://www.desarrolloweb.com/articulos/eliminar-index-php-url-codeigniter.html.

Increible set de iconos de casino

De la mano de Diego Mattei uno diseñador gráfico argentino me llego un increíble set de iconos ideal para los que los necesiten implementar en sus proyectos.

El set contiene entre su paquete algunos iconos interesantes como:

1. Cartas de poker.
2. Fichas de casino.
3. Una ruleta.
4. Un dado.
5. Un cóctel.

Cuenta Diego Mattei que esta es su segunda versión de esta colección de iconos porque la primera tenia derechos de autor. Pero esta segunda esta libre de eso gracias a BonzaiTokyo.

Aquí les dejo el enlace de descarga: http://banzaitokyo.com/casinoicons1.zip

Para los que quieran visitar la WEB de Diego Mattei aquí les dejo el enlace: http://diegomattei.com.ar/

Searchco.de. El buscador para los desarrolladores

Cuando creí que todo estaba perdido en el intento de buscar un significado a lo que hace un while, foreach, do...while, etc, me encontré con el guru de todas las respuestas de código. Se trata nada mas y nada menos que de Searchco.de un motor de busqueda exlusivo para buscar sentencias de lenguajes de programación como PHP, MySQL, Java, Perl, entre otros.

Ventajas:

1. Búsqueda rápida.
2. Resultado de la búsqueda para diferente lenguaje de programación.
3. Como todo motor de búsqueda, enlace a la fuente.

Sin más ni más aquí está el enlace para que lo prueben: http://www.searchco.de/.

Sus fotos a dieta con JPEGMini

Es evidente que nosotros los desarrolladores WEB tenemos la importante labor de optimizar nuestros proyectos WEB. Nuestro talón de Aquiles, las imágenes y uno que otro proceso de carga de datos. Pero para esta ocasión les traigo una aplicación WEB que reduce hasta en un 65% el tamaño de las imágenes y lo que me pareció super es que la calidad de las imágenes no se ve tan afectada. Se trata de JPEGMini que con su eslogan lo dice todo: “Tus fotos a dieta”. Que hay que hacer, subir la foto y JPEGMini se encarga de crearle una copia de la imagen con el tamaño en Kbytes reducido. ¿Quiere probarlo? Tiene dos opciones para hacerlo.

1. Únicamente subiendo la foto.
2. Ó registrándote en la pagina.

Aquí les dejo el enlace para que seleccionen cualquiera de las dos: http://www.jpegmini.com/main/shrink_photo.

Listado de las resoluciones de pantalla más usadas

Las resoluciones de pantalla son un factor importante para todo diseñador WEB al momento de crear sus proyecto. Esto se debe porque si escogemos una resolución mayor todo el contenido que queramos mostrar no lo va a ver en su totalidad el usuario, pero si seleccionamos una resolución menor puede que el contenido sea difícil de leer.

Es por eso que les traigo el resultado de las resoluciones de pantalla mas usadas por los internautas.

1. 1024x768: 17.01%
2. 1280x800: 13.86%
3. 1366x768:11.94%
4. 280x1024: 9.41%
5. 1440x900: 6.94%
6. 1680x1050: 4.76%
7. 1920x1080: 4.26%
8. 1600x900: 3.09%
9. 320x480: 3.01%
10. 768 x 1024: 2.08%

Como se pueden dar cuenta la resolución favorita es la de 1024x768, aun sigue dando la pelea entre las nuevas resoluciones que han venido saliendo y que sin duda alguna mejoran la experiencia del usuario. Por lo pronto diseñadores WEB ha realizar nuestros diseños en esta resolución.

Fuente: DesarrolloWEB

Google lanza su nuevo lenguaje de programación: DART

Google a lanzado una versión pre-visual de DART un lenguaje de programación que pretende tapar los huecos a algunos de los defectos que tiene Javascript.

Según el ingeniero de desarrollo de Google Lars Bak uno de los objetivos de DART es crear un lenguaje estructurado y flexible para el desarrollo WEB.

Lars no ha nombrado a Javascript en ningún momento, pero algunas opiniones consideran a DART como un Javascript Killer.

La filosofía de DART es programación orientada a objetos pensado para el desarrollo de aplicaciones WEB. En el momento esta pensado para ser usado en proyectos menores como para proyectos de mayor grado. DART tiene una cualidad muy parecida a la de PHP y es que cuando se declaran variables no es necesario especificar el tipo de dato. Esto es conocido como Dynamic Tpying.

La versión pre-visual de DART trae consigo un compilador, maquina virtual y algunas librerías básicas para su funcionamiento. Para que las aplicaciones hechas con DART funcionen se necesita ser compilados a Javascript utilizando una herramienta que viene dentro del paquete de DART. El objetivo (no se si a corto, mediano o largo plazo) es que todos los navegadores contaran con la maquina virtual nativa de DART para que así las aplicaciones puedan funcionar directamente. Por el momento toca hacerlo con las herramientas que nos da Google, porque es no ocurre ni en Chrome.

Si quieren mas información acerca de este nuevo lenguaje de programación pueden dirigirse a este enlace: http://www.dartlang.org/.

Tabla periodica de los elementos HTML5

Sin duda alguna HTML5 se ha convertido en el Boom de los diseños WEB, es más esta por correrle el butaco a Flash. Uno de los claros ejemplos es iPad que incursiono con las animaciones hechas en HTML5 y de ahí en adelante empezamos todos a aplicar la misma filosofía y nuestro resultado ha sido unos diseños mucho mas dinámicos y con la menos simplicidad posible (Lo digo como opinión personal y lo que he visto últimamente en la Web), entonces para conocer un poco mas a este lenguaje de marcado de hipertexto aquí les dejo una tabla periódica bastante interesante. Cada vez que uno se para encima de una etiqueta y hace clic le muestra una pequeña descripción del elemento.

Sin mas ni mas aquí les dejo el enlace http://joshduck.com/periodic-table.html.

Saludos y muchos éxitos.

Crear una paleta de colores aleatoria con Swatchspot

Para los diseñadores WEB que buscan algo de innovación en sus proyectos, como por ejemplo colores nuevos, Swatchspot es la mejor solución. Y que es lo que hace? Como dice en el titulo Swatchspot crea una paleta de colores de forma aleatoria. Solo se necesita presionar en el botón Shuffle Colors y si quieren guardar la paleta que generaron la página se los permite creando una paleta en png.

Los interesados en probar esta pagina pueden ingresar a http://www.swatchspot.com/.

Éxitos y hasta la próxima.

Crear de manera fácil y sencilla gráficas con HighCharts

Buen día, les comento el día de hoy acerca de HighCharts una página que se dedica ha hacernos la vida más fácil ya que con Jquery crean impresionante barras gráficas. Me la recomendaron mucho cuando estuve desarrollando mi seminario de investigación y los resultados cuando presenta los datos con las gráficas son asombrosos. Pero bueno, cuales son sus características? Aquí se las nombro:

1. Diseño muy elegante.
2. Gráficas que manejan datos mediante AJAX.
3. Combinación de diferentes tipos de gráficas.
4. Para las gráficas que presentan mas de cuatro variables, estas pueden presentar cualquiera de los datos de manera dinámica.

Ahora, los tipos de gráficas que presentan:

1. Líneas básicas.
2. Gráficas de área.
3. Gráficas de columnas y barras.
4. Tortas.
5. Gráficas dinámicas.
6. Gráficas combinadas.

Aquí les dejo el enlace: http://www.highcharts.com/.

Saludos y hasta la próxima.

Generar GIFS para AJAX con ajaxload.info

Lectores y desarrolladores WEB, el día de hoy les comento una página que en si me parece muy interesante si queremos darle un aspecto muy interesante a nuestras instrucciones AJAX cuando se ejecutan. Se trata de ajaxload un sitio WEB que se dedica a crear gifs para usarlos cuando ejecutamos AJAX en nuestros proyectos y resultan una solución para cuando el usuario queda a la expectativa en algunos casos de que cargo una parte de la página y no sabe si hay progreso o si fallo o cosas por ese estilo. Mencionando algunos de los gifs que genera están:

1. La pelota de círculos.
2. Las barras.
3. Flechas.
4. Indicador.
5. Y también el famoso gif de Facebook.

La interfaz es muy sencilla de usar. Seleccione un gif, seleccione un color y presione el botón Generate it! Y por ultimo Download it!.

Los interesados en generar sus primeros Gifs ingresen a http://www.ajaxload.info/.

IMAGENES DE ERROR 404 PARA SUS DISEÑOS WEB

Para el día de hoy y con ayuda de páginas de diseño como DevianArt quiero compartir con ustedes un recopilatorio de imágenes de error 404 que uso en mis desarrollos lo cual le dan un toque muy personal para dejar mi sello. Como por mencionar algunos están el error 404 zombie, bored panda (Un panda que se come la página Jejejejeje) ó El ultimo rincón de la matrix. Es como por mencionar los más originales y mis favoritos. Bueno sin más ni más les dejo el enlace con las imágenes de error 404, espero que las disfruten. Aquí les dejo el link de descarga:

https://rapidshare.com/files/1389724161/Error404.zip.

Si tienen inconvenientes con el enlace no duden en escribirme a shogunato184@gmail.com.

Hasta la proxima.