PHP

PHP es un lenguaje de programación de uso general de script del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos. El código es interpretado por un servidor web con un módulo de procesador de PHP que genera la página Web resultante. PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de comandos que puede ser usada en aplicaciones gráficas independientes. PHP puede ser usado en la mayoría de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningún costo.
PHP fue creado originalmente por Rasmus Lerdorf en 1995. Actualmente el lenguaje sigue siendo desarrollado con nuevas funciones por el grupo PHP.^[1] Este lenguaje forma parte del software libre publicado bajo la licencia PHP que es incompatible con la Licencia Pública General de GNU debido a las restricciones del uso del término PHP.

Hecho por: M. Arely Mar Polanco

JAVASCRIPT

JavaScript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,^[3] basado en prototipos, imperativo, débilmente tipado y dinámico.

Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas, en bases de datos locales al navegador...^[4] aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es también significativo.

JavaScript se diseñó con una sintaxis similar al C, aunque adopta nombres y convenciones del lenguaje de programación Java. Sin embargo Java y JavaScript no están relacionados y tienen semánticas y propósitos diferentes.

Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del Document Object Model (DOM).

Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor. JavaScript se interpreta en el agente de usuario, al mismo tiempo que las sentencias van descargándose junto con el código HTML.



HECHO POR: M. Arely Mar Polanco

HTML

HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.Primeras especificaciones
La primera descripción de HTML disponible públicamente fue un documento llamado: HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.^{[2] [3]} Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.^[4]
Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática.^[5] El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. ^[6] De la misma manera, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como las tablas.
Elementos
Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.

 

Estructura general de una línea de código en el lenguaje de etiquetas HTML.

El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece «Golf» como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcado HTML» al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Puede aplicarse un formato específico al texto por medio de hojas de estilo en cascada.
El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta). En el caso de <b>negrita</b> e <i>itálica</i>, existen elementos que se ven de la misma manera pero tienen una naturaleza más semántica: <strong>enfásis fuerte</strong> y <em>énfasis</em>. Es fácil ver cómo un lector de pantalla debería interpretar estos dos elementos. Sin embargo, son equivalentes a sus correspondientes elementos presentacionales: un lector de pantalla no debería decir más fuerte el nombre de un libro, aunque éste esté en itálicas en una pantalla. La mayoría del marcado presentacional ha sido desechada con HTML 4.0, en favor de hojas de estilo en cascada.
El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace a la Wikipedia sería de la forma <a href=”es.wikipedia.org”>Wikipedia</a>. También se pueden crear enlaces sobre otros objetos, tales como imágenes <a href=”enlace”><img src=”imagen” /></a>.

 elaborado por: M.Arely Mar Polanco

                                                Lenguaje de programación
                                       Python:                                                                                    

Python es un lenguaje de programación interpretado cuya filosofía hace hincapié en una sintaxis muy limpia y que favorezca un código legible.Se trata de un lenguaje de programación multiparadigma ya que soporta orientación, programacion imperativa y, en menor medida, programación. Es un lenguaje interpretado, usa tipado dinámico, es fuertemente tipado y multiplataforma.Es administrado por la Python Software Fundation. Posee una licencia de código abierto, denominada Python  Software Fundation Lincense, que es compatible con la Lincencia Publica General de GNU a partir de la versión 2.1.1, e incompatible en ciertas versiones anteriores.

Ruby

Ruby es un lenguaje de programación interpretado, reflexivo y orientado a objetos, creado por el programador japonés Yukihiro "Matz" Matsumoto, quien comenzó a trabajar en Ruby en 1993, y lo presentó públicamente en 1995. Combina una sintaxis inspirada en Python y Perl con características de programación orientada a objetos similares a Smalltalk. Comparte también funcionalidad con otros lenguajes de programación como Lisp, Lua, Dylan y CLU. Ruby es un lenguaje de programación interpretado en una sola pasada y su implementación oficial es distribuida bajo una licencia de software libre. El lenguaje fue creado por Yukihiro "Matz" Matsumoto, quien empezó a trabajar en Ruby el 24 de febrero de 1993, y lo presentó al público en el año 1995.

                                                                         Med

Ruby es un lenguaje de programación interpretado, reflexivo y orientado a objetos, creado por el programador japonés Yukihiro "Matz" Matsumoto, quien comenzó a trabajar en Ruby en 1993, y lo presentó públicamente en 1995. Combina una sintaxis inspirada en Python y Perl con características de programación orientada a objetos similares a Smalltalk. Comparte también funcionalidad con otros lenguajes de programación como Lisp, Lua, Dylan y CLU. Ruby es un lenguaje de programación interpretado en una sola pasada y su implementación oficial es distribuida bajo una licencia de software libre. El lenguaje fue creado por Yukihiro "Matz" Matsumoto, quien empezó a trabajar en Ruby el 24 de febrero de 1993, y lo presentó al público en el año 1995.

APORTACIÓN POR: CECILIA JANETH TORAL ACOSTA

UltraEdit

UltraEdit es un editor de texto comercial para Microsoft Windows , GNU/Linux y Mac OS creado en 1994 por Ian D. Mead.

Características

• Plegado de código
• Soporte a gestión de archivo de 64 bits (estándar) en plataformas Windows de 32 bits
• Soporte Unicode
• Gestión de edición de archivos grandes - soporte para archivos que excedan de 4GB, uso mínimo de RAM incluso en archivos de múltiples megabytes
• Diálogos de búsqueda y sustitución multilínea para todos las búsquedas (Buscar, Reemplazar, Buscar en Archivos, Reemplazar en Archivos)
• Corrector ortográfico de 100.000 palabras, con soporte de varios idiomas (Inglés Americano, Inglés Británico, Holandés, Finés, Francés, Alemán, Húngaro, Italiano, Español y Sueco)
• Destacado de sintaxis - configurable, pre-configurada para C, C++, Visual Basic, HTML, Java, y Perl, con opciones especiales para FORTRAN y LaTex. Múltiples ficheros de definiciones disponibles para descarga
• Cliente FTP integrado para proporcionar acceso a servidores FTP con gestión de cuentas múltiples y automatización de accesos y salvaguardas. (Sólo 32-Bits) Incluye soporte para SFTP (SSH2)
• Ventana SSH/Telnet
• Soporte para Proyecto/Area de Trabajo
• Selector de Entorno - Proporciona "entornos" de edición predefinidos o de usuario que recuerdan el estado de todas las ventanas anclables de UltraEdit, de las barras de herramientas y más cosas.
• Lenguaje scripts integrado para la automatización de tareas
• Mapeo de teclado configurable
• Edición en modo columna/bloque
• Editor hexadecimal que le permite la edición de archivos binarios, mostrar en binario y ver en ASCII
• Plantillas con nombre
• Barra de herramientas HTML preconfigurada con las funciones HTML más populares
• Barra de herramientas Buscar en la Web: seleccione texto y pulse un botón de la barra de búsquedas en la web para buscar los términos seleccionados en el editor
• Cifrado / descifrado de archivos
• Integración con UltraSentry para la eliminación segura de los archivos temporales de UltraEdit

Soporte Multi-byte con soporte IME integrado

                                                      

                                                

 Zen Studio

Zend Studio o Zend Development Environment es un completo entorno de desarrollo integrado para el lenguaje de programaciónPHP. Está escrito en Java, y está disponible para las plataformas Microsoft Windows, Mac OS X y GNU/Linux.

Junto con su contraparte Zend Server (antes llamado Zend Platform), son la propuesta de Zend Technologies para el desarrollo de aplicaciones Web utilizando PHP, actuando Zend Studio como la parte cliente y Zend Server como la parte servidora. Se trata en ambos casos de software comercial, lo cual contrasta con el hecho de que PHP es software libre.A partir de la versión 6, Zend Studio fue hecho tomando como base el entorno de desarrollo Eclipse.

Características principales

• No requiere la instalación previa del entorno de ejecución de Java.
• Soporte para PHP 4 y PHP 5.
• Resaltado de sintaxis, autocompletado de código, ayuda de código y lista de parámetros de funciones y métodos de clase.
• phpDocumentor integrado.
• Plegado de código (comentarios, bloques de phpDoc, cuerpo de funciones y métodos e implementación de clases).
• Inserción automática de paréntesis y corchetes de cierre.
• Sangrado automático y otras ayudas de formato de código.
• Emparejamiento (matching) de paréntesis y corchetes (si se sitúa el cursor sobre un paréntesis (corchete) de apertura (cierre), Zend Studio localiza el correspondiente paréntesis (corchete) de cierre (apertura)).
• Detección de errores de sintaxis en tiempo real.
• Funciones de depuración: Botón de ejecución y traza, marcadores, puntos de parada (breakpoints), seguimiento de variables y mensajes de error del intérprete de PHP. Permite también la depuración en servidores remotos (requiere Zend Server).
• Instalación de barras de herramientas para Internet Explorer y Mozilla Firefox (opcionales).
• Soporte para gestión de grandes proyectos de desarrollo.
• Manual de PHP integrado.
• Soporte para control de versiones usando CVS o Subversion (a elección del desarrollador).
• Cliente FTP integrado.
• Soporte para navegación en bases de datos y ejecución de consultas SQL.

Zend Studio fue diseñado para usarse con el lenguaje PHP; sin embargo ofrece soporte básico para otros lenguajes Web, como HTML, Javascript y XML.

                                    Edit2Web

Edit2Web es un sencillo editor de páginas web orientado, sobre todo, a volcar la información de nuestras bases de datos a través de Internet. Sus principales características son la facilidad de uso (aprenderemos a utilizarlo en sólo unos minutos) y la potencia, ya que podremos generar webs con mecanismos de acceso a base de datos utilizando sólo el ratón.

Este proyecto nació con la vocación de situar el desarrollo web al alcance de cualquier usuario, una tarea que, a pesar de formar parte de los objetivos de muchos proyectos informáticos, rara vez se consigue. La extraordinaria potencia de los editores web que podemos encontrar hoy en el mercado está siempre reñida, lamentablemente, con la facilidad de uso de los mismos. Son herramientas de una calidad indudable, pero solo pensadas para ser usadas por programadores. Basta abrir cualquiera de estos programas y contar el número de botones que aparecen de repente ante nuestros ojos. Un usuario normal que quisiera realizar una aplicación web con acceso a base de datos con uno de estos programas, requeriría una amplia preparación, aparte de grandes dosis de paciencia, para conseguirlo.En Edit2Web hemos querido colocar la facilidad de uso por encima de cualquier otra característica. No nos importa que un programador acostumbrado a los editores habituales vea Edit2Web como algo demasiado simple. Buscamos que un usuario normal lo observe como algo alentadoramente sencillo; como algo que le anime a intentarlo. Esa es la clave, y creo que lo hemos conseguido.

Por: Myrna Teresa Sanchez Delgado

Visual Web Developer

Microsoft Visual Web Developer es un entorno de desarrollo liviano pensado para la utilización y aprendizaje. Está formado por un conjunto de herramientas y utilidades para la creación de sitios Web y sus aplicaciones Web con ASP.NET 2.0. Visual Web Developer sigue ofreciendo las ventajas de productividad del Entorno de Desarrollo Integrado (IDE en inglés) a la vez que introduce cambios con la intención de mejorarlo.

Algunas de las características más importantes son:

§  Diseño de páginas Web: Un editor de páginas Web que incluye la edición WYSIWYG y el modo de edición HTML con IntelliSense y validación.

§  Características del diseño de páginas: La disposición de sitios uniforme con páginas principales y apariencia de páginas uniforme con temas y máscaras.

§  Edición de código: Un editor de código que permite escribir código para las páginas Web dinámicas en Visual Basic.NET o C#. El editor de código incluye coloración para la sintaxis e IntelliSense.

§  Desarrollo para sitios alojados: Herramientas para publicar sitios en los sitios de alojamiento, incluido un servidor Web local para efectuar pruebas.

§  Depuración: Un depurador que busca errores en la programación.

§  Controles: Un conjunto extenso de controles de servidor Web de ASP.NET que incorpora mucha de la funcionalidad necesaria para crear sitios Web.

§  Acceso a datos: Compatibilidad para mostrar y editar datos en las páginas Web, ya sea bases de datos o archivos XML. En muchos casos, puede agregarse la posibilidad de ver los datos y editarlos en las páginas Web sin necesidad de escribir código.

§  Otras: Servicios de aplicaciones integradas que permite agregar suscripciones para la seguridad de inicio de sesión en el sitio, propiedades de perfiles para mantener la información específica de los usuarios y otras características, la mayoría de las cuales no requiere código

 

Por: Marilyn Betsabé Suárez Esquivel.

PHPESIGNER

Hemos estado probando un entorno para desarrollo con PHP llamado phpDesigner, que resulta bastante interesante para todos aquellos que trabajan con PHP y quieren aumentar la productividad en su trabajo desarrollando aplicaciones para el web.

Estamos ante un producto comercial, creado por la empresa MPSoftware, pero cuyo precio está muy a la altura de cualquier bolsillo, dado que se puede comprar una licencia a partir de unos 40 euros. La licencia ofrece la posibilidad de instalar el programa tanto en tu ordenador de sobremesa como en el portátil. Pagando un poco más además permiten tener 3 copias del software instaladas, una en el ordenador del trabajo, otra en el portatil y una más en el ordenador de tu casa. Otros entornos de desarrollo como PDT (una distribución de Eclipse) son gratuitos, por lo que phpDesigner estaría en inferioridad de condiciones, pero si lo comparamos con el costo de otras aplicaciones similares, se antoja bastante barato, a juzgar por sus funcionalidades.

Podemos encontrar phpDesigner en la URL http://www.mpsoftware.dk/phpdesigner.php, donde además podremos acceder a versiones de prueba ilimitadas por 21 días, para evaluar si nos interesa o no hacer el desembolso en la compra de una licencia de uso.El entorno de desarrollo de phpDesigner es bastante atractivo y funcional, con características comunes de otros editores PHP o IDEs PHP. En un primer momento resulta bastante sencillo para entender el mecanismo de funcionamiento, si es que tenemos experiencia con otros entornos. Si no tenemos soltura en el manejo de aplicaciones de productividad para programadores, quizás se haga un poco más complicado de entender o de sacarle el todo el provecho. En cualquier caso, en un primer momento resulta muy sencillo de utilizar como un simple editor de PHP, seleccionando los ficheros que deseas editar a través del explorador de archivos de tu ordenador o del gestor de conexiones FTP.

Entre los puntos más interesantes que se encuentran disponibles en este programa podemos destacar: 

• Destacado de código, que soporta los lenguajes típicos que se utilizan a la hora de crear aplicaciones web: HTML, CSS, Javascript, XML, además de PHP, claro está. En este caso hemos encontrado una diferencia con respecto a otros programas que habíamos probado, puesto que el coloreado de código es dinámico, destacando sólo los pedazos de código del lenguaje utilizado en el lugar de donde estamos situados con el cursor. Por ejemplo, si en nuestro código están mezclados PHP y HTML, al situarnos en una porción de código PHP todo el scripting en este lenguaje se destacará en colores y el código HTML aparecerá todo en gris. Si nos colocamos en un pedazo de código HTML, se coloreará este pedazo y todos las otras porciones HTML, y el código PHP se verá en gris. A esta opción le llaman "Intelligent Highlightting" y en las opciones de personalización del programa se puede desactivar la funcionalidad si no nos gusta.
• Ayudas al completado de código, como cierre automático de paréntesis, comillas y esas cosas. Pero lo que realmente ayuda son los mensajes contextuales a la hora de escribir llamadas a funciones, consistentes en pequeños textos flotantes con declaraciones de las funciones que estás utilizando, sus parámetros, una breve descripción de la funcionalidad y en las versiones de PHP donde está disponible. Las ayudas de completado de código incluyen todas las funciones de PHP y de las librerías que estés utilizando en un proyecto o hayas incluido en un script en particular.
• Administración de proyectos, con múltiples opciones de configuración.
• Debug de código PHP, por medio de Xdebug. Yo he podido probar el debug en un proyecto creado a partir de código que tenía en mi servidor local y en pocos minutos estaba todo corriendo tal como deseaba. Muestra las variables que tienes declaradas, con sus valores, puedes hacer puntos de ruptura fácilmente y esas cosas típicas. No he tenido que instalar nada adicional al programa, aparte de mi servidor Apache en local que ya tenía configurado.
• Tiene un corrector de sintaxis PHP online, que funciona a la vez que escribes código. Esto puede ser útil, porque te permite ver los errores que has cometido en sintaxis a la vez que escribes, pero realmente a veces molestan un poco los mensajes de error en líneas de código que aun no has terminado y que dan errores porque aun no has colocado un punto y coma, por ejemplo.
• Tiene funcionalidad de conexión remota con servidores de FTP, para editar en línea un archivo que está en un servidor remoto. Además, los proyectos también se pueden asociar con un espacio de hosting por medio de FTP.
• Búsqueda avanzada de textos en archivos, así como funciones de reemplazo de textos.
• Códigos y plantillas ya listos para simplificar ciertas tareas repetitivas, que se pueden personalizar según las necesidades de cada desarrollador.
• Integración con la documentación de PHP.

POR: Marilyn Suárez

KOMODO

En este artículo vamos a presentar uno de los entornos de desarrollo más conocidos, llamado Komodo IDE. Se trata de un producto comercial creado por la compañía ActiveState, que sirve de IDE para el desarrollo de aplicaciones con diversos lenguajes de programación, con las ayudas diversas para la creación de proyectos que tienen este tipo de programas, como gestor de proyectos, ayudas en línea mientras se programa, coloreado de textos, debugger, etc...

El software sirve para el desarrollo con lenguajes y tecnologías diversas, pero centrándose en aquellas que tienen que ver con la web, aunque en su abanico de lenguajes soportados hay alguno que también sirve de propósito general. La lista la componen PHP, Perl, Python, Ruby y Tcl. Por supuesto también da soporte a otros lenguajes más básicos como HTML, CSS, JavaScript, y XML. Además también soporta algunos lenguajes de plantillas como RHTML, Template-Toolkit, Smarty, y Django.

Komodo IDE se destaca por estar disponible para distintos sistemas operativos, como Windows, Linux y Mac, y también por su soporte a la mayoría de lenguajes para crear páginas web, lo que sin duda resultará interesante a los lectores de DesarrolloWeb.com que quieran aumentar la productividad de sus tareas a la hora de desarrollar aplicaciones web. El programa está bien comentado y viene con una serie de tutoriales y de proyectos de muestra que aportan un buen acercamiento al sistema, para personas que no lo han utilizado nunca. Cuando hablamos de Komodo IDE tenemos que también hacer una reseña sobre Open Komodo, que es una versión Open Source de Komodo IDE, con la que la empresa ActiveState pretende acercar y hacer disponible su IDE de desarrollo a la comunidad de usuarios que prefieren optar por versiones gratuitas y libres de los programas. Así pues, Komodo IDE es un producto comercial, por el que hay que pagar una licencia y Open Komodo sería la contrapartida en código libre, gratuito para todos los usos. Las URLs de ambos programas son las siguientes:

KomodoIDE: http://www.activestate.com/komodo/ 
Open Komodo: http://www.openkomodo.com/

En este punto cabe señalar que yo no he podido descargar la versión Open Source en la página de Open Komodo, ya que el enlace para descargar no encuentro por ningún lado la versión Windows de este programa. Quizás sea un error, un fallo temporal o una estrategia para dirigir a las personas al producto comercial. En cuanto a Komodo IDE cabe decir que tiene una versión descargable que permite evaluar el programa, sin limitaciones, durante 21 días.

Me he interesado por Komodo IDE al revisar varios entornos de desarrollo para la creación de aplicaciones web en PHP, para realizar algunos análisis que publicar en desarrollo web .com. Sobretodo estaba interesado en Open Komodo, por ser gratuito, pero dado que no pude descargarlo, he decidido analizar Komodo IDE. La impresión ha sido digamos que satisfactoria, ya que en pocos minutos he podido abrir alguno de los proyectos de prueba que trae el programa y hacer un debug de PHP en local sin tener que configurar nada. Una de las cosas que más interesa de los IDE, de cara al desarrollo en PHP, es disponer de una herramienta para depuración de errores, que nos libre de hacer los "echo $variable;" para hacer el debug de las aplicaciones.

 

POR: Marilyn Betsabé Suárez Esquivel.