programación web 

La programación de los sitios web es una de las disciplinas dentro del mundo de Internet que más se ha desarrollado y no deja de sorprender día a día con las posibilidades que abre y genera, ya que no sólo consigue satisfacer necesidades que se generan, sino que sin la generación de necesidades ofrecen servicios a los usuarios que éstos no habían imaginado.

En principio, el gran desarrollo de Internet se fundamentó en la posibilidad de enlazar a través de hipervículos  diferentes páginas web lo que generó la enorme ínter conexión que es hoy Internet. Esta base que inició esta red, fue desarrollada y generó el lenguaje icono de las páginas web que es HTML.

Pero, como decíamos, la creatividad humana no tiene límites y lejos de contentarse con el desarrollo del lenguaje HTML, enriqueciéndolo en su sintaxis, aparecieron otro lenguajes, que a su vez desataron una reacción en cadena con respecto a las operaciones que se podían lograr en un sitio web.

De esta forma, apareció el lenguaje Java, que mejoró sustancialmente la interacción con el usuario, de manera que éste anexó una sensación de amigabilidad y usabilidad en Internet, contribuyendo a que su utilización sea mayor.

Los servidores, que son los vinculantes, entre nuestro sitio web y los usuarios, comenzaron a adaptarse a estas nuevas tecnologías y lenguajes y mejorar sus servicios, permitiendo que ha través de programas se pudieran generar un diálogo on line con los usuarios de forma de que éstos recibieran la información que buscaran más rápido y de forma más eficiente.

De esta manera de Java nació Java Script, que ha su vez incentivó a la creación de otros lenguajes que apuntaron a el mismo  objetivo como PHP, y así constantemente se están buscando mejoras y nuevas alternativas, todas que apuntan a la interacción del usuario con el sitio.

Por todo esto que estamos indicando antes, la programación del sitio web tiene la misma importancia que el diseño web, no se trata de poner uno por encima de otro, los dos se complementan y hacen que la eficiencia del sitio web sea importante.

Está demostrado que los sitios más visitados son los que brindan un servicio más “personalizado” al usuario y esto se logra pura y exclusivamente a través de la programación web, que a través de conocer los gustos y tendencias del usuario, utiliza estos datos para proporcionarle al mismo información que más le interesa.

Lenguaje de programación

Un lenguaje de programación" es un lenguaje diseñado para describir el conjunto de acciones consecutivas que un equipo debe ejecutar. Por lo tanto, un lenguaje de programación es un modo práctico para que los seres humanos puedan dar instrucciones a un equipo.

Por otro lado, el término "lenguaje natural" define un medio de comunicación compartido por un grupo de personas (por ejemplo: inglés o francés).

Los lenguajes que los equipos usan para comunicarse entre ellos no tienen nada que ver con los lenguajes de programación; se los conoce como protocolos de comunicación. Se trata de dos conceptos totalmente diferentes. Un lenguaje de programación es muy estricto:

A CADA instrucción le corresponde UNA acción de procesador.

El lenguaje utilizado por el procesador se denomina lenguaje máquina. Se trata de datos tal como llegan al procesador, que consisten en una serie de 0 y 1 (datos binarios).

El lenguaje máquina, por lo tanto, no es comprensible para los seres humanos, razón por la cual se han desarrollado lenguajes intermediarios comprensibles para el hombre. El código escrito en este tipo de lenguaje se transforma en código máquina para que el procesador pueda procesarlo.

El ensamblador fue el primer lenguaje de programación utilizado. Es muy similar al lenguaje máquina, pero los desarrolladores pueden comprenderlo. No obstante, este lenguaje se parece tanto al lenguaje máquina que depende estrictamente del tipo de procesador utilizado (cada tipo de procesador puede tener su propio lenguaje máquina). Así, un programa desarrollado para un equipo no puede ser portado a otro tipo de equipo. El término "portabilidad" describe la capacidad de usar un programa de software en diferentes tipos de equipos. Para poder utilizar un programa de software escrito en un código ensamblador en otro tipo de equipo, ¡a veces será necesario volver a escribir todo el programa!

Por lo tanto, un lenguaje de programación tiene varias ventajas:

• es mucho más fácil de comprender que un lenguaje máquina:
• permite mayor portabilidad, es decir que puede adaptarse fácilmente para ejecutarse en diferentes tipos de equipos.

 Herramientas  de un diseño web 

 herramientas, programas y recursos más útiles para los diseñadores web, en una

 charla titulada Brochas y pinceles para pintar la Web, 

• Wireframes | Prototipos | Mockup 
  Es la etapa del prototipado, en la que simplemente tenemos que decidir qué partes contiene el sitio y cómo se organizarán en la web. ­


• Colores 
  Buscamos la identidad de una web en base a su color, por medio de la elección de una paleta. ­


• Vectores o bitmap 
  En la fase creativa utilizaremos diversos programas para definir el aspecto de una web, las interfaces, guía de estilo o plantilla, según las costumbres de cada diseñador. Para ello, dependiendo de con qué nos sintamos más a gusto, usaremos programas basados en vectores o en bitmaps.
  Entre vectores o bitmap se explicaron las particularidades de cada tipo de herramienta y por qué el diseño con vectorial se conoce a veces como "diseño sin pérdida". Eso no quiere decir que trabajar con vectores sea mejor o peor que con mapas de bits, sino que cada uno tendrá que elegir entre lo que más cómodo le parezca. Existen herramientas ideales para uno u otro tipo de diseño, desde herramientas complejas y a veces caras de adquirir a algunas más sencillas y accesibles, incluso gratuitas y no por ello menos avanzadas.
  Lo que sí tendremos que tener siempre en cuenta es diseñar a 72 píxeles por pulgada, que es lo que soporta la web, ya que los contenidos se ven siempre en monitores.­


• Guías de estilo 
  Son documentos gráficos o mixtos entre gráficos y textuales, en los que se define cada uno de los elementos que podremos encontrar en una web y el aspecto que deberá tener. Está definiendo cómo se deben mostrar titulares de diversos niveles, botones de diversos tipos, menús, tooltips y todo aquello que se utilizará en una web, para que los maquetadores sepan cómo maquetar, y con qué estilo, cada parte de la web. ­


• Pasar a HTML5 y CSS3 
  Este paso podremos realizarlo simplemente escribiendo nuestros códigos HTML y CSS, pero existen herramientas que nos ayudarán a exportar directamente desde lo que tenemos en Photoshop a los estilos que necesitaríamos con CSS3 para obtener el mismo resultado. ­


• Animación con HTML5 / CSS3 
  Si quieres que tu web se mueva, que sea dinámica e interactiva, puedes usar también herramientas interesantes para realizar en web características parecidas a las que podrías hacer en Flash. Adobe ha estado rellenando el hueco que ha dejado Flash, que por diversas razones ya no es aconsejable para la web.
  En general, en esta charla encontrarás una inacabable fuente de recursos, herramientas y consejos para iniciarte en el diseño web profesional. Sobre todo para saber qué tipos de programas debes conocer y cuáles son las diversas alternativas que nos brinda el mercado en función de nuestras necesidades y objetivos.

         Características y  ventajas de  un  Blog 

                                             Ventajas:

Facilidad de uso: las plataformas para crear blogs  y publicar han sido hechas para mejorar la publicación de contenidos, de hecho basadas para usarse como diario virtual.

Alcance de la audiencia: como un blog tiene por plataforma Internet, es relativamente fácil llegar a las personas sea cual sea su ubicación geográfica, así que puedes hacer llegar la información a quien quieras.

Libertad para expresarte: con un blog tienes libertad para decir lo que quieras, puede que a unos les guste o no, pero mientras tu blog siga activo podrás expresarte como mejor te convenga.

Compartir conocimientos: una buena forma de ayudar al mundo es compartir lo que sabes y tratar de mejorar en lo que se pueda el aprendizaje para mejorar aunque sea un poco los conocimientos de alguien, no siempre es posible pero se puede intentar.

Beneficio económico: puedes sacar también algún provecho económico de diversas formas, hasta puedes dar a conocer algún producto o servicio que ofrezcas.

Desventajas

Frustración: puede darse el caso de la falta de interés ya sea de ti o de parte de los lectores, no siempre es fácil crear contenido relevante y esto puede llegar a ser frustrante.

Trolls: como en todo a veces pasa que debes lidiar con gente que solo trata de fastidiarte y que ni siquiera lee tu trabajo y en vez de eso tratan de atacarte sin razón aparente.

No saber expresarte: es una de las cosas que mas pasan sobre todo cuando no has escrito mucho anteriormente, pasa que no sabemos expresarnos muy bien para comunicar nuestras ideas y es algo difícil al principio.

                               características

 Características de un Wiki

Un wiki permite que se escriban artículos colectivamente (coautoría) por medio de un lenguaje wiki texto editado mediante un navegador.

Es mucho más fácil y sencillo de usar que una base de datos. Una página wiki singular es llamada ¨pagina wiki¨, mientras que el conjunto de páginas (normalmente interconectadas mediante hipervínculos) es el wiki.

Una característica que define la tecnología wiki es la facilidad con la que las paginas pueden ser creadas y actualizadas. En general no hace falta revisión para que los cambios sean aceptados.

La mayoría de wikis están abiertos al público sin la necesidad de registrar cuenta al usuario.

Google+

Reinventa un poco el concepto de amigo, tan propio de Facebook y lo convierte en Circles. Circles no es más que la manera de agrupar a tus contactos, no por amistad, sino por intereses comunes, algo parecido a lo que hace Diaspora. No es que sea nada nuevo, pero lo verdaderamente interesante es que se hace de manera muy intuitiva y visualmente muy atractiva, además está todo basado en HTML5 con lo que no habrá problemas en usarlo en cualquier navegador ya sea de escritorio o móvil, interesante sobre todo para el iPad.

Prezi

Es una aplicación de presentación online y una herramienta narrativa, que usa un solo lienzo en vez de diapositivas tradicionales y separadas. Los textos, imágenes, videos u otros objetos de presentación son puestos en un lienzo infinito y presentados ordenadamente en marco presentables. El lienzo permite a los usuarios crear una presentación no lineal, donde pueden usar zoom en un mapa visual.1 Se puede definir un camino a través de los objetos y marcos, logrando un orden deseado por el usuario. La presentación final se puede desarrollar en una ventana del navegador, también permitiendo una presentación fuera de línea con sólo descargar el archivo.

Prezi usa un modelo freemium. Los usuarios que usan el Prezi público puede editar, mostrar y descargar sus trabajos en la web de la aplicación, y quienes pagan por el Prezi Enjoy o una licencia Prezi Pro pueden crear, compartir y descargar los archivos. Prezi también ofrece una licencia especial para estudiantes y educadores.

Crea  un sitio web 

Este tutorial introductorio abarca los sitios webs de tipo relativo y su gestión orientado a los archivos y no a la carpeta raíz del sitio, esto es con una carpeta raíz relativa (que no es fija).

Cuando creamos un sitio web con un programa como Dreamweaver, no podemos hacerlo como se nos ocurra, hay un proceso que permite no equivocarnos y facilita el trabajo.

Crear un nuevo sitio en cuanto a Dreamweaver permite que gestionemos diversos sitios web al mismo tiempo y además permite actualizar en tiempo real el contenido de nuestra web en línea mediante FTP o de manera pasiva.

Para crear un sitio Web basta conque elijamos o creemos una carpeta en el sitio que crea conveniente.

Por ejemplo, Yo he creado un sitio en c:\misitio y además otra carpeta dentro llamadac:\misitio\imagenes, donde almacenaré las imágenes usadas en la plantilla.

Abrimos Dreamweaver y en el menú Sitio pulsamos en la opción Nuevo Sitio...:

Ahora en la ventana que se abre (Definición de sitio) nos vamos a la ficha Avanzada, seleccionamos Datos locales:

En la Categoría de Datos locales agregamos:

• Nombre del sitio por el que será mostrado en la lista de Administrar Sitios.
• Si pulsan en el ícono de la carpetita, al lado de Carpeta raíz local podrán ubicar la carpeta donde almacenaran su nuevo sitio. o escribiendo directamente la dirección en la entrada de texto.
• Ahora definan la Carpeta predeterminada de imágenes, esta carpeta, dentro de la carpeta raíz, les permite enlazar a una imagen externa a la carpeta raíz local, que se copiará automáticamente a la misma, sin tener que mover ningún archivo.
• En el apartado inferior están "Vínculos relativos a:" que deben estar en modoDocumento.

Regrasamos a Categorias y pulsamos en Datos remotos:
Mediante la opción Acceso podremos usar las capacidades de gestión en tiempo real de la versión web que trabajamos en nuestra PC y la que está publicada en línea (si tienen un sitio en línea). Dreamweaver tiene opciones de Gestoría FTP o superior, por lo que podremos subir o bajar archivos o actualizar sólo los archivos que tiene alguna modificación.
 Los datos de FTP, Local\Red, WebDAV, sin aquellos que le da su proveedor de hosting, de momento sólo tendremos presente esta opción, por lo que la dejaremos en Ninguno:

Por último, de Categorías elegimos, Servidor de prueba; este es muy importante, pues permite que usemos aplicaciones del lado del servidor como Apache directamente en el PC.

Necesario para probar webs programadas bajo lenguajes dinámicos de manera local, evitando subir archivos que pueden ser inseguros a nuestro servidor en línea.

Si instalamos un servidor en nuestra PC con Apache

Si elegimos en Modelo de servidor: PHP MySQL debido a que disponemos de un servidor instalado en nuetra PC, en Acceso seleccionen Local/Red.

Deberemos dar la dirección del servidor (Carpeta del Servidor) dentro del disco donde se guardan los sitios creados dinámicamente, si usáramos Appserv, la carpeta del servidor debería estar en C:\AppServ\www o sea; C:\AppServ\www\misitio, por lo que elPrefijo de URL sería: http://localhost/misitio/

Recordemos que salvo que se indique lo contrario el prefijo que simula un servidor como apache se realiza en la dirección interna http://localhost/ o http://127.0.0.1/ que es equivalente a la carpeta www o raíz.

Cuando se diseñe un sitio en PHP por ejemplo podremos ver contenido del lado de servidor que sólo es posible ver si tenemos instalado un Servidor Web como Apache en nuestras PC y tambiñen abriremos sesiones directamente desde el navegador al pulsar F12.

Si usted no ha entendido nada de esto último, es que de momento no lo necesita, al igual que en Datos remotos, lo dejamos como Ninguno. Sólo tome en cuente ambas opciones y úselas según su nivel de conocimientos. Las demás opciones de la lista Categoría son excluibles.

Pulse en aceptar para terminar de guardar el nuevo sitio,si ya tenia un sitio y lo agregó a la lista, se generará la cache del sitio con todos sus archivos y plantillas (si las tuviera) operando.

Ahora nos vamos a las pleca Archivos (Menú Ventana - Archivos) y en la  lista veremos todos los sitios que tengamos creados

 Los iconos de izquierda a derecha que controlan la ficha de Archivos son: 

1. Conectar: Se conecta con el sitio remoto por FTP u otra ruta
2. Actualizar: Actualizar la vista de los archivos.
3. Obtener archivo: Descarga un archivo del servidor remoro
4. Colocar archivo: Sube un archivo al servidor remoto
5. Proteger archivo: Bloquea un archivo o recurso, evitando su edición.
6. Desproteger: Desbloquee un archivo o recurso
7. Sincronizar: Sincroniza versiones viejas con las de más reciente modificación en el servidor remoto.
8. Expandir: Muestra el contenido del servidor remoto y el local

Si damos clic derecho en cualquier carpeta del organigrama, podremos crear un carpeta nueva o archivo dentro del destino seleccionado.

  Toda cambio, por ejemplo; el jalar una carpeta u archivo de posición, si está enlazado por otro documento, el programa automáticamente pedirá actualizar las páginas afectadas, evitando errores al mover archivos y que estos no encuentren los recursos que enlazan (Pulsen actualizar en tal caso):

Ahora si queremos editar los datos de un sitio nuevamente para agregar datos remotos u otras cosas nos vamos al menú Sitio y en Administrar sitios...

Aparecerán los sitios web listados, si pulsamos Editar... volveremos a Definición del sitio:

Etapas  para el diseño web 

6 etapas en el desarrollo Web

En el desarrollo de un sitio Web hay seis etapas clave, comenzando con la investigación del proyecto en el que se establece el modelo de negocio a través de la página Web.

Estas etapas no siempre son secuenciales.

Durante cada una de las etapas del ciclo de vida, las empresas deben ser  conscientes de la necesidad de consolidar los contenidos.

La consolidación puede mejorar la experiencia del usuario mediante la simplificación de la recuperación de recursos al tiempo que reduce los costos de desarrollo y  mantenimiento.

Todo se encuentra centrado en definir los objetivos.

Construir las ideas y preferencias de la empresa para establecer metas alcanzables en el sitio Web.

El acto de la creación y puesta en marcha para un sitio Web no es lineal. Como en la ejecución de cualquier proyecto, muchas etapas se desarrollan en paralelo y algunas instancias implican volver atrás.

A diferencia de un documento registrado en otro soporte, un sitio Web no se concluye, registra y distribuye, por el contrario; permanece en un lugar lógico, presentando información, crecimiento, actualizándose o desactualizándose.

Un sitio Web es un ser vivo, nunca se culmina y esta característica incide en el proceso de su creación.

Investigación

La investigación debe considerar la cartera de Internet entorno al sitio Web propuesto. Las oportunidades de consolidación son considerados con base en su contexto.

Una revisión de sitios similares, así como el material de marketing existentes pueden ayudar a identificar un estilo para el diseño.

Planificación

Cuando se planifica un sitio Web, se debe considerar:

• Entender a su audiencia y sus necesidades actuales y a futuro.
• Definir claramente el propósito del sitio Web
• Asignar los temas y contenidos que le gustaría cubrir
• Decidir cómo se llamará el sitio
• Comprobar la disponibilidad del nombre de dominio y registrarlo
• Hacer un análisis de lo que otros sitios han hecho

Arquitectura del sitio y contenido

Con base en las preferencias del contenido se crea un mapa de la arquitectura del sitio para demostrar visualmente cómo se organizan el contenido y la estructura del sitio.

Diseñar, construir y hacer pruebas

Propuesta de diseño web y definir "qué te transmite a través de lo que ves."

Una vez establecido el diseño final del sitio y el contenido, se incorporan fotografías y todo el diseño gráfico para complementar el sitio Web.

En esta etapa la estructura del sitio se encuentra desarrollada y en fase de prueba por los usuarios y grupos de interés por parte de la empresa.

El sitio Web se ha lanzado y se encuentra trabajando en vivo.

Operar, mantener y evaluar.

En esta etapa el sitio Web es controlado y en constante mantenimiento para posibles mejoras. Se procura obtener informes sobre el rendimiento, para asegurar que el sitio Web sea un éxito.

Uno de los elementos del plan de mantenimiento debe ser la evaluación periódica del sitio, esta evaluación podría dar lugar a una decisión de mejora o reconstrucción total de la misma.

Una correcta evaluación puede dar lugar a la consolidación de los contenidos y por ende del sitio, por otro lado, también puede determinar poco rentable la operación.

Después del lanzamiento

Se recomienda  una agresiva campaña de marketing a través de motores de búsqueda para obtener una clasificación pronta, además de programas de  mantenimiento periódico sobre el sitio.

Como se clasifica  las plataformas

           (Dinámica,Estática)

Plataforma Dinámica:

Todas aquellas pruebas que para su ejecución requieren la ejecución de la aplicación.

Las pruebas dinámicas permiten el uso de técnicas de caja negra y caja blanca con mayor amplitud. Debido a la naturaleza dinámica de la ejecución de pruebas es posible medir con mayor precisión el comportamiento de la aplicación desarrollada.

Características:

• Cobertura global por medio de una red dedicada
• Alta disponibilidad del servicio (100% de disponibilidad)
• Red diseñada para la difusión de: video, audio, juegos, documentos, actualizaciones de software y sitios web.

Plataforma Estática:

Son el tipo de pruebas que se realizan sin ejecutar el código de la aplicación (Ceferino).

Puede referirse a la revisión de documentos, ya que no se hace una ejecución de código. Esto se debe a que se pueden realizar “pruebas de escritorio“ con el objetivo de seguir los flujos de la aplicación.