No existe ninguna imagen

Posts Tagged ‘php’

Disfrutando JQuery UI

Martes, abril 20th, 2010

Desde hacer bastante tiempo he querido rehacer el C.M.S. que ofrezco a mis clientes.  Es un monstruo de 16 cabezas que  uso desde hace unos 3 años.  Lo he mejorado aquí y allá, pero de nada sirve poner parches y curitas a algo infinitamente. Ya es hora de aprovechar todo lo aprendido en estos últimos años y empezar desde cero.

¿Por qué “re-inventar la rueda” cuando existen un gran número de exelentes C.M.S  y frameworks hechos en PHP (mi lenguaje de preferencia) que puedo usar sin que me cueste un centavo (incluyendo Worpress, el cual uso muy orgullosamente en para mi blog)? ¿De verdad creo que puedo hacer un mejor trabajo que el gran grupo de programadores profesionales los cuales dedican mucho tiempo y esfuerzo perfeccionado estos proyectos? Pues no. Tuve la oportunidad de usar algún C.M.S. opensource cuando empecé a trabajarlo, pero decidí hacerlo todo yo para poder así solidificar mis conocimientos de PHP, ya que para ese tiempo mis conocimientos de PHP eran muy pocos. La mala noticia es haber terminado con una aplicación Frankenstein con pedazos de código por todas partes. La buena noticia es que cumplí mi cometido principal: Aprendí a trabajar mejor con PHP, y tanto así que ahora veo mi trabajo y admito que no puedo salvarlo.

Termino donde empecé, en la disyuntiva de entre usar modelo pre-hecho o hacerlo todo yo, y, como tonto, vuelvo a decidir hacerlo desde cero. Es así como llego al punto de todo esta babozería.  He decido usar el jQuery UI para el área administrativa. Yo ya he trabajado bastante con este UI para múltiples trabajos, pero siempre he creído que no lo he aprovechado al máximo. Al decir esto queda bastante obvio que uso jQuery. Lo he estado usando desde hace algunos 2 años. Para resumir, hace mi vida mucho más fácil y (aunque sea difícil de creer) me ha ayudado a entender javascript mejor.

Pues esa es mi realidad actual. Me he estado divirtiendo tratando de ver como aprovechar los elementos  de la interfase de JQ y probando cuando es más adecuado usar cada uno. Y ahora que jQuery 1.4 y el UI 1.8 tiene algunos juguetitos  nuevos como el Autocompleate y utilidades como Position puedo darle al usuario una mejor experiencia.

Espero poder compartir mis experiencias pronto.

jFileBrowser para TinyMCE . Sube y maneja archivos usando TinyMCE, PHP y MySQL

Viernes, marzo 5th, 2010

jFileBrowser_thumb

Desde hace tiempo tenía el deseo de compartir este plugin. Viene al caso decir que yo uso TinyMCE como editor web del C.M.S. costumizado que ofrezco a mis clientes. El editor es excelente, pero tiene un gran problema: El plugin para subir/editar archivos  no es gratis. Tanto MCImageManager como MCFileManager son soluciones de pago. Después de múltiples fracasos tratando de implementar soluciones gratis decidí tratar de hacer un plugin yo mismo. También me gustaba la idea de almacenar las rutas de las imágenes y otro tipo de información en una base de datos. De esta manera podría fácilmente agregar un buscador, o mayor organización a los archivos, algo que cuesta un poco más de trabajo (por lo menos para mí) al trabajar directamente con archivos del ftp.

Yo no estoy acostumbrado a trabajar con javascript pero, afortunadamente, TinyMCE posee excelente documentación sobre como crear un plugin. Debido a mi limitado conocimiento de javascript no pude hacer algunas cosas como usar ajax al mostrar contenido, pero aún así quedé bastante contento con el resultado.

Debo agradecer a okram por crear las librerías PHPPaging y PHPImagen, las cuales no sólo he usado en este pluging, sino también en muchos de mis proyectos.  Gracias también a Mark James por sus exelentes íconos.

Características del plugin:

  • Creación de directorios virtuales
  • Subir varios tipos de archivos
    • Imágenes (jpg, gif y png)
    • Documentos PDF
    • Documentos Word
    • Documentos Excel
    • Documentos PowerPoint
    • Documentos .txt
  • Creación automática de thumbnails para la organización (PHPImagen)
  • Uso de paginación de los directorios y archivos (PHPPaging)
  • Vistas de thumbnails y listado de los archivos
  • Búsqueda por nombre de archivo

Requerimientos:

  • PHP5 o más reciente
  • MySQL 4 o más reciente
  • Librería GD para PHPImagen

Lista de cosas a mejorar:

  • Cambiar navegación y la forma de mostrar contenido a Ajax
  • Poder subir múltiples archivos
  • Poder subir y crear thumbnails a videos

Instalación:

  1. Descomprimir el archivo zip en la carpeta de tiny_mce/plugin
  2. Crear las tablas en tu base de datos MySQL. Usa el archivo jFileBrowser.sql provisto en el zip.
  3. Encuenta el archivo include/config.inc.php y cambia las siguientes lineas por tu información de tu base de datos
    $sql_db = 'Base_de_datos';
    $sql_user = 'Usuario';
    $sql_password = 'Password';
    
  4. Agrega lo sigiente en tu tinyMCE.init():
    añade jfilebrowse a la lista de plugins

    plugins : "jfilebrowser"
    

    añade jfilebrowse a la lista de botones

    theme_advanced_buttons1 : "jfilebrowser"
    
  5. Cambiar los permisos de la carpeta:
    tiny_mce/plugins/jfilebrowser/archivos/

    a 777, osea, que se pueda leer y escribir.