jueves, 3 de noviembre de 2016

¿QUÉ ES UNA APLICACIÓN WEB?

Es una aplicación que se codifica en un lenguaje soportado por los navegadores web en la que se confía la ejecución al navegador. las aplicaciones web son usadas para ventas online, wikis, foros de discusión, redes sociales, juegos, correo electrónico y todo tipo de servicios de internet.

https://es.wikipedia.org/wiki/Aplicaci%C3%B3n_web

PROCESOS DE UN DESARROLLO WEB


Planeación

En esta fase, se establece comunicación con el cliente con el fin de determinar el modelo de desarrollo Web. Se analiza detalladamente los diferentes aspectos que su proyecto requiere para diseñar y proveer una solución personalizada dando respuesta a cada uno de sus requerimientos tecnológicos.

Diseño y maquetación

Este punto, se determina el diseño general y el diseño que desea para el sitio web. Además, y mediante un proceso de arquitectura de información se definen los contenidos a publicar, la estructura y el mapa de navegación del sitio web basado en los usuarios. Una vez diseñadas todas las partes se procede a hacer una maqueta en HTML+CSS puede llevar también JavaScript . Con esta maqueta tendríamos definido el código de marcado que el navegador leerá, con información estática, todos los datos que se pongan ahora estarán puestos a mano, son de prueba, para ver el resultado del diseño.

http://www.sozpic.com/el-proceso-de-un-buen-desarrollo-web/

Programación

consistir en escribir una gran cantidad de código para que la web sea capaz de interactuar con el usuario obteniendo sus datos de entrada, o mostrarle datos que tenemos almacenados en alguna base de datos. Definir correctamente esta parte es fundamental para el buen proceso de desarrollo, ya que será el esqueleto de nuestro proyecto, lo que hace que se mantenga en pie, cuanto más robusto y a la vez ligero sea, mejor funcionará nuestra web.Es muy importante en este paso usar un lenguaje de programación con el que nos sintamos cómodos y seamos capaces de desarrollar la mayoría de las funcionalidades requeridas por nuestra aplicación.

Pruebas

En esta fase hay que ir probando nuestra aplicación, comprobar cada detalle, cada punto, formulario de entrada de datos, imágenes, distintos navegadores probar los emails que se envían al usuario, faltas de ortografía… todo es importante.

Publicación

Para dar este paso, tenemos que estar seguros que hemos hecho bastantes pruebas, que todo está en orden y lanzar la web. Es recomendable salir primero con una fase beta, donde los usuarios van accediendo poco a poco a la aplicación, normalmente por invitación. De este modo podemos ir usando sus reacciones y sus comentarios para mejorar la web o cambiar cosas antes de salir de forma pública.

5 TIPOS DE DESARROLLO DE APLICACIONES

1. Aplicación web estática

una app web estática muestran poca información, y no suelen cambiar mucho. suelen estar desarrolladas en HTML y CSS. Aunque también pueden mostrar en alguna parte de la aplicación web objetos en movimiento como por ejemplo banners, GIF animados, vídeos, etc.

2. Aplicación web dinámica

Las aplicaciones web dinámicas son mucho más complejas a nivel técnico.Existen muchos lenguajes de programación para desarrollar aplicaciones web dinámicas. Los lenguajes PHP y ASP son los más comunes.

3. Tienda virtual o comercio electrónico

Si por el contrario la aplicación web es de una tienda o comercio digital. El desarrollo es más complicado porque debe permitir pagos electrónicos a través de tarjeta de crédito,  u otro método de pago. En estos el desarrollador también deberá crear un panel de gestión para el administrador. A partir de él subirá los productos, actualizarlos o eliminarlos, así como gestionar pedidos y los pagos.


4. Portal web app

Con portal nos referimos a un tipo de aplicación en el que la página principal permite el acceso a diversos apartados, categorías o secciones. Puede haber de todo: foros, chats, correo electrónico, un buscador, zona de acceso con registro, contenido más reciente, etc.


5. Aplicación web animada

Lo asociamos a la tecnología FLASH. Este tipo de programación permite presentar contenidos con efectos animados. Es una de las tecnologías más utilizadas por diseñadores y creativos. El inconveniente de desarrollar aplicaciones web animadas es que para temas de posicionamiento web y optimización SEO, este tipo de tecnología no es la más adecuada ya que los buscadores no pueden leer correctamente las informaciones.

LOS 5 MEJORES EDITORES DE TEXTO DE HTML, CSS Y JAVASCRIPT

1.- Microsoft Visual Studio Express for Web

Está disponible en varios idiomas (incluyendo el Español) y su única limitación es que sólo funciona bajo Windows. Es decir, que si trabajas en Mac o Linux no podrás utilizarlo. Por lo demás es un entorno integrado de desarrollo (IDE) espectacular. Aunque, es una herramienta técnica orientada a programadores y con muchas otras posibilidades avanzadas, ofrece un soporte estupendo para diseño de páginas Web, con editores avanzados de HTML, CSS y JavaScript, capacidad de depuración, ayuda contextual para todos los lenguajes, validadores de código, visualización real de cómo van a quedar las páginas, etc...Es totalmente gratuito.
VSExpress4Web
https://es.wikipedia.org/wiki/Microsoft_Visual_Studio_Express

2.- JetBrains WebStorm

Este es sin duda uno de los mejores editores de código del mercado, y no solo para el trinomio HTML/CSS/JavaScript. De hecho soporta otros lenguajes como CoffeeScript, TypeScript y Node.js, y multitud de librerías de JavaScript, sistemas de control de código, testeo unitario, etc.... Es muy espectacular la capacidad de editar y ver en tiempo real los cambios en un Chrome.Es multiplataforma. No es gratuito, pero su precio (solamente 44€ para uso individual) Muy recomendable.
Jetbrains_WebStorm
https://unpocodejava.wordpress.com/2015/01/27/jetbrain-webstorm-por-fin-un-ide-javascript-en-condiciones/

3.- Sublime Text

Un editor de texto avanzado para programadores, multiplataforma. No ofrece muchas de las características de ayuda al programador web que sí ofrecen la mayoría de los otros entornos, por lo que es recomendable sobre todo si vamos a trabajar mucho directamente con código, especialmente JavaScript. Lo podemos descargar y utilizar gratuitamente, pero si lo vamos a usar a menudo para trabajar sus creadores nos solicitan que les paguemos una licencia. SublimeText

4.- BlueGriffon

Este excelente editor utiliza por debajo el motor de renderizado de Firefox para visualizar las páginas a medida que las vamos editando. Cuenta con ayudas a la escritura de código, y ofrece incluso la posibilidad de probar en tiempo real transformaciones 3D de CSS3 sin abandonar el editor. Es gratuito, Open Source y multiplataforma (Windows, Mac y Linux) y está disponible en Español entre otros muchos idiomas. La última versión es de hace casi un año, pero el proyecto sigue activo.










5.- Notepad++

Es gratuito y además Open Source aunque solo funciona bajo Windows. Dispone de multitud de plugins para extender su funcionalidad, y como es muy popular hay muchos donde elegir. Va mucho más allá que el bloc de notas ya que ofrece sintaxis coloreada, estructuración de código (para poder plegar y desplegar zonas cubiertas por etiquetas), soporte de otros muchos lenguajes de programación, etc... Está bien tenerlo a mano para pruebas o ediciones rápidas.