Teorías del desarrollo psicológico del adulto€¦ · consideraciones de la capacidad de las...
Transcript of Teorías del desarrollo psicológico del adulto€¦ · consideraciones de la capacidad de las...
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