Aplicaciones Móviles

Sesión 1: Web apps

Contextualización

Actualmente la evolución de las tecnologías ha dado un gran salto, permitiendo que varios

de los medios de comunicación evolucionen, presentando mejoras, las cuales benefician a

los usuarios de las mismas.

Gracias a los cambios y evolución que se ha tenido, el desarrollo tecnológico ha mostrado

un crecimiento importante, en el cual se pueden apreciar varios elementos de uso cotidiano

como las aplicaciones Web o “Web apps”, las cuales siempre están disponibles para

cualquier usuario de Internet, siempre y cuando éste cumpla con las condiciones de uso

para acceder a éstas.

Imagen obtenida de http://obsoletos.org/wp-content/uploads/2010/02/evoapple2.jpg

Introducción

Las aplicaciones Web son una alternativa de uso importante para quien siempre busca

nuevas formas de trabajar, algunas de estas aplicaciones sólo requieren de la ejecución

dentro de un explorador Web para comenzar el trabajo y otras utilizan pequeños sistemas

que se instalan en la computadora para permitir una completa y correcta codificación de los

contenidos y el acceso a los datos de una forma total.

Algunas de las aplicaciones se pueden utilizar dentro de las computadoras y otras tantas en

los dispositivos móviles, lo cual mejora la compatibilidad de los contenidos y la forma de

compartir la información de un dispositivo o medio electrónico a otro.

Imagen obtenida de http://jorgehernanarcila.wikispaces.com/Herramientas+web+2.0

Web apps

Las “Web apps”, también conocidas como aplicaciones Web por su traducción al español,

son aplicaciones que se pueden encontrar en plataformas de Internet o servidores a los

que se accede desde una computadora o dispositivo móvil (tableta electrónica, teléfono

inteligente, etc.).

Estas aplicaciones se alojan dentro de sitios Web en los cuales se encuentran varios

elementos que ayudan al usuario a tener una buena comunicación con el equipo.

Imagen obtenida de http://www.enubes.com/desarrollo-de-aplicaciones-web.html

¿Qué acciones pueden permitir las Web apps?

Las acciones que se pueden permitir son varias, pues dependiendo del sitio al que se

tenga acceso y lo que se desee realizar, determinará los elementos que se ejecuten para

completar las acciones. Por ejemplo, rellenar o enviar formularios, cargar información a un

servidor, jugar en línea, acceder a bases de datos, configurar bases de datos, enviar o

recibir correos electrónicos, etc.

Imagen obtenida de http://blog.pucp.edu.pe/item/100872/aplicacion-web-y-tecnologia-nfc

Web apps

Web apss

¿Una Web app funciona igual que una aplicación nativa?

Estos dos tipos de aplicaciones funcionan de manera diferente, pues las aplicaciones Web

no presentan las mismas herramientas o potencia de trabajo que las aplicaciones nativas.

Las aplicaciones nativas presentan varios elementos importantes y un soporte mayor,

dependiendo de la capacidad de la computadora en que se trabaje, pues con ésta se

pueden hacer procesos muy específicos que el usuario requiera como el renderizar un

video o una animación 3D, lo cual una aplicación Web no puede hacer por el soporte con

que cuenta.

Imagen obtenida de http://blogthinkbig.com/aplicaciones-web-nativas-hibridas/

¿Existe alguna combinación de aplicaciones?

Se podría decir que una combinación de aplicaciones se conoce como híbrido, es una

forma en que las aplicaciones nativas tienen el apoyo de la Web, es decir, utiliza

complementos o información descargable o disponible desde un servidor para que la

aplicación que se usa tenga una mayor potencia o herramientas disponibles. Este tipo de

elementos no son utilizados comúnmente, pues algunos de los distribuidores de

aplicaciones como Apple no permiten que este tipo de códigos llegue a los usuarios,

pues de cierta forma comprometerían la integridad de la misma aplicación, disminuyendo

o alterando las características de funcionamiento o seguridad que se ofrecen a los

usuarios.

Imagen obtenida de http://sinlios.com/wp-content/uploads/2013/06/apps_iphone.jpg

Web apss

Conceptos básicos de

programación Web: Html, Css,

JavaScript

¿Qué es HTML?

Es un lenguaje de programación que se utiliza para el desarrollo de elementos web, con

éste se pueden utilizar varios elementos como imágenes, sonidos, videos, entre otros, su

característica principal y muy importante es la compatibilidad que tiene con otros formatos

de programación y la forma en cómo los adapta a su misma estructura para poder

visualizar un todo sin problemas de compatibilidad o codificación de elementos.

Siempre que se trabaje con HTML se debe poner una etiqueta de apertura y una de cierre,

como se vio en el ejemplo anterior, existen dos etiquetas de cada tipo, por lo que se

comprende el inicio y el final. Algo importante que no se debe olvidar es que para cerrar

una instrucción se aplica el símbolo de la diagonal “/” antes del texto de la instrucción pero

dentro de los símbolos de mayor y menor. Por ejemplo.

<HTML> es la etiqueta que abre.

</HTML> es la etiqueta que cierra.

Todas las instrucciones HTML siempre se definen en inglés, por lo que debemos estar

seguros de la sintaxis de los elementos. Existen varios elementos más que se pueden

aplicar como:

Vínculos dentro de un mismo documento.

Vínculos a páginas externas.

Uso de imágenes.

Listas.

Viñetas.

Conceptos básicos de

programación Web: Html, Css,

JavaScript

¿Qué es CSS?

CSS por sus siglas se entiende como Cascading

Style Sheets, por su traducción se puede conocer

como hojas de estilo en cascada, éste es un

medio o complemento que se utiliza en conjunto

con HTML para determinar ciertos elementos

funcionales dentro de un diseño Web. Éste ayuda

a separar los contenidos que se tienen dentro de

un documento de código para lograr tener una

buena presentación y cumplir con los estilos

visuales y de orden para un sitio.

Imagen obtenida de http://blog.educacionit.com/2013/04/24/css-consejos-

para-mejorar-tu-hoja-de-estilos/

Conceptos básicos de

programación Web: Html, Css,

JavaScript

¿Qué es JavaScript?

Es un lenguaje que permite la inclusión de elementos

dentro de la Web. Éstos elementos son conocidos como

macro, los cuales cumplen con la función de controlar

ventanas, programar elementos dinámicos, comprobar

datos de usuario dentro de formularios, entre otros

elementos más.

Este lenguaje se utiliza para complementar algunos

elementos que se encuentran en la red, además no se

limita a eso, pues sirve como base para varias

aplicaciones y juegos, los cuales tienen como

característica principal un peso ligero y funcionamiento

óptimo.

Imagen obtenida de

http://desmarcado.cl/que-es-

javascript/

Conceptos básicos de

programación Web: Html, Css,

JavaScript

¿Qué característica diferencía a Java de JavaScript?

Las características que tiene JavaScript y con las que no

cuenta Java son:

Los tipos de datos no son declarados.

No escribe de manera automática en el disco duro.

Está orientado a objetos, no distingue los tipos de

objetos. Se pueden agregar elementos como la

herencia o prototipado de manera dinámica a

cualquier objeto.

Imagen obtenida de

http://www.iconarchive.com/show/adobe-cs4-icons-by-

deleket/File-Adobe-Dreamweaver-JavaScript-

icon.html

Conceptos básicos de

programación Web: Html, Css,

JavaScript

Conceptos básicos de

programación web para

dispositivos móviles

La programación para dispositivos móviles abarca varios

elementos, entre estos las resoluciones que se pueden

manejar y los tipos de dispositivos que serán compatibles.

Algo importante que se debe considerar antes del

desarrollo de cualquier elemento de programación es el

lugar en que se tendrá disponible la aplicación o

información, pues se deben mantener elementos

importantes de calidad y servicio, como el idioma, las

consideraciones de la capacidad de las personas, la

capacidad de los dispositivos, los servicios de Internet

que se brindan a la gente, entre otras cosas más.

Imagen obtenida de

https://addons.mozilla.org/en-

US/firefox/addon/js-print-setup/

¿Por qué es tan importante la programación Web para dispositivos móviles?

La importancia que tiene el desarrollo de elementos para este tipo de dispositivos se da

con la evolución de la tecnología, gracias a los cambios que se han dado se puede

mejorar la comunicación entre personas o la forma en que se trabaja, algunas de las

aplicaciones móviles de pago que se desarrollan son para uso empresarial, pues de esta

forma se puede disponer de información importante en cualquier lugar o departamento de

la institución, ofreciendo un ahorro de tiempo, mejora de distribución de datos y

optimizando el trabajo que se realiza.

Imagen obtenida de http://revolucion.mobi/2011/03/03/como-crear-una-version-movil-de-tu-website-solo-usando-css/

Conceptos básicos de

programación web para

dispositivos móviles

Podemos definir la programación Web para dispositivos como un pequeño paso hacia el

futuro, pues aún quedan muchas interrogantes sobre las funciones que esto pueda llegar a

cumplir. Pues hasta ahora existen varios lenguajes de programación que apoyan el desarrollo

de elementos móviles y quedan algunos más en proceso, de los que conocemos están:

Cocoa Touch.

Objective C.

JavaScript.

Android.

CSS3.

HTML5.

Joomla.

SAP.

ABAP.

C#.

Imagen obtenida de http://ceslava.com/blog/accesibilidad-wordpress-compatibilidad-y-css-para-el-iphone-y-otros-dispositivos-mviles/

Conceptos básicos de

programación web para

dispositivos móviles

Conclusión

La programación para dispositivos móviles y el desarrollo de aplicaciones son

elementos importantes que debemos considerar para comprender los cambios

que se dan en las formas de comunicación y la evolución que tienen los

dispositivos.

Cada día se desarrollan nuevas aplicaciones y lenguajes de programación con

los cuales podemos encontrar soluciones, no sólo a lo que mayormente

conocemos (redes sociales, noticias, GPS, etc.), sino que se pueden encontrar

alternativas médicas, sistemas de desarrollo que ayuden a las personas con

discapacidades, sistemas de educación que mejoren la cultura de un pueblo,

etc.

Referencias

Acunetix. (2013). Web Applications: What are They? What of Them?. Consultado en:

http://www.acunetix.com/websitesecurity/web-applications/

Álvarez A. (2013). ¿Qué es HTML? Consultado en: http://www.desarrolloweb.com/articulos/que-es-

html.html

Aprende Web (2013). Insertar Texto: Estilo del título. Consultado en:

http://aprendeweb.onlinewebshop.net/web/leccionweb2_3.html

Aprende Web (2013). La primera instrucción CSS. Consultado en:

http://aprendeweb.onlinewebshop.net/web/leccionweb2_3.html

Doncel M. (2013). ¿Qué es una Web app? Consultado en: http://www.startcapps.com/blog/que-es-una-

web-app/

Ediamsistemas. (2011). Web Apps vs. Apps. Consultado en:

http://www.ediamsistemas.com/blog/2011/12/webapps-versus-apps/

Heat N. (2013). Web apps: the future of the Internet, or an impossible dream? Consultado en:

http://www.zdnet.com/web-apps-the-future-of-the-internet-or-an-impossible-dream-7000019320/

Laresa (2013). Programación HTML, Conceptos básicos (parte1). Consultado en 16 octubre de 2013 en:

http://www.carlosnuel.com/programacion-html-conceptos-basicos-parte-2.html

Laresa (2013). Programación HTML, Conceptos básicos (parte2). Consultado en 16 octubre de 2013 en:

http://www.carlosnuel.com/programacion-html-conceptos-basicos-parte-1.html

Referencias

Menéndez R., Barzanalla A. (2011). Lenguajes de programación HTML y CSS. Consultado en:

http://www.um.es/docencia/barzana/IAGP/HTML1.html

Posada D. (2011). Guía básica del Lenguaje HTML. Consultado en:

http://www.arrakis.es/~wenceslao/CursoWeb/1/guia.html

QUASAR. (s.f.) Programación para dispositivos móviles. Consultado en: http://www.quasar.com.es/es/programacion-para-

dispositivos-moviles-quasar-informatica-alpedrete-el-escorial-madrid

Ríos A. (2011). Apps Nativas vs. Web Apps. Consultado en 16 octubre de 2013 en:

http://blog.mobivery.com/blog/tecnologia-es/apps-nativas-vs-web-apps-cual-elegir

s/a. (2006). Introducción al HTML. Consultado en: http://www.programacionweb.net/articulos/articulo/introduccion-al-html/

s/a. (2013). ¿Qué es HTML? Consultado en: http://www.lcc.uma.es/~eat/services/html-js/manual14.html

s/a. (s.f.) ¿Qué es JavaScript? Consultado en: http://geneura.ugr.es/~victor/cursillos/curso_javascript_basico/jsb_intro.html

Turnbull C. (2012). 50 Fantastic free web apps. Consultado en: http://web.appstorm.net/roundups/50-fantastic-free-web-

apps/

VG. (2013). Diferencias entre app, Web app y Responsive Web design. Consultado en:

http://www.vgagenciadigital.com/ver/123/diferencias-entre-app---web-app--y-responsive-web-design.html

W3c (2010). Guía breve de CSS. Consultado en: http://www.w3c.es/Divulgacion/GuiasBreves/HojasEstilo