Foro Computacion Movil

1.
Considerando las siguientes APIS HTML5: Web Speech API, HTML Media
Capture. Menciona 4 ejemplos prácticos reales de tipos de aplicaciones en las
que utilizarías cada una de ellas.
APIS HTML5: Web Speech API.-
Se trata de una API que nos permite el reconocimiento de voz y la transformación del ésta
en texto. Todas aquellas personas que hagan uso de Chrome de manera regular, se
habrán percatado del icono con forma de micrófono que aparece tanto en el campo de
búsqueda de Google.
Ejemplos.-
a.- Traductor de Google (API Speech de Cloud)
b.- Cambia la Voz original a una voz falsa (mdn / web-speech-api)
c.- Las APIs de AT&T Speech permiten a los desarrolladores incluir funcionalidades de
reconocimiento de voz tanto en aplicaciones web como en aplicaciones móviles
d.- El traductor en tiempo real de Chrome.
HTML Media Capture.-
La especificación HTML Media Capture define una extensión de formulario HTML que
facilita el acceso del usuario al mecanismo de captura de medios del dispositivo, como
una cámara o micrófono, desde un control de carga de archivos.
Ejemplos.-
a.- Envió de Fotos por redes Sociales.
b.- Video en Vivo desde una Web HTML5.
c.- Los Foros de la USS podemos enviar imágenes.
d.- Las apps de los móviles con algún buscador web.
2. De forma muy práctica y sencilla desarrolla el código necesario para implementar

una web móvil que al ingresar, guarde las coordenadas de ubicación utilizando
Google Maps. Es necesario que expliques tu código o la implementación de tu
ejemplo.
a.- Geolocalizar mi posición
<!DOCTYPE html>
<html lang="es">
<head>
<title>Geolocalizar Mi posicion</title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?

key=AIzaSyC2g42VgwAg3UfWvtdXo8U0zepgXNMTqXw"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"
></script>
<script type="text/javascript">
function localizar(){
/* accediendo a la api de geolocalización */
navigator.geolocation.getCurrentPosition(mapa,error);
function mapa(posicion){
/* obteniendo la posicion de la geolocalizacion */
var latitud = posicion.coords.latitude;
var longitud = posicion.coords.longitude;
var precision = posicion.coords.accuracy;
/* Ingresando los Datos obtenidos al Sistema */
document.getElementById("latitud").value=latitud;
document.getElementById("longitud").value=longitud;
function error(errorC){
/* Error si lo hubiera la Función Muestra */
if(errorC.code == 0)
alert("Error Desconocido");
else if(errorC.code == 1)
alert("No me dejaste ubicarte :(");
alert("No hay una ubicacion disponible");

alert("Tiempo agotado");
else
alert("Error Desconocido");
</script>
</head>
<body onload="localizar()">
<font size=15>

<form name=localizame action=index2.php method=get>
<table>
<tr><td colspan=2>Posicion actual</td></tr>
<tr>
<td>latitud</td>
<td><input type=text name=latitud id=latitud></td>
</tr>
<tr>
<td>longitud</td>
<td><input type=text name=longitud id=longitud></td>
</tr>
<tr>
<td><input type=submit name=aceptar value="ver en mapa"></td>
<td><input type=reset name=cancelar value="salir"></td>
</tr>
</table>
</form>
</font>
</body>
</html>
b.- Mostrando la Imagen del Mapa
<?php
/* Muestra datos del Mapa */
if(isset($_GET['latitud'])){
$latitud=$_GET['latitud'];
$longitud=$_GET['longitud'];
}else{
/* variables por defecto */
$latitud=-12.046381;
$longitud=-77.042758;
?>
<!DOCTYPE html>
<head>
<style>
#mapa{
width: 950px;
height: 1000px;
float:left;
background: green;
#infor{
width: 400px;
height: 400px;
float:left;
background: blue;
}
</style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?

key=AIzaSyC2g42VgwAg3UfWvtdXo8U0zepgXNMTqXw"></script>
</script>
<script type="text/javascript" src='http://code.jquery.com/jquery-2.0.3.min.js'
></script>
<script>
function localizar(){
/* Inicio de la Coordenada */
var punto = new google.maps.LatLng(<?php echo $latitud;?>,<?php echo
$longitud;?>);
/* Variable */
var config = {
zoom:18,
center:punto,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
/* Muestra el Mapa */
var mapa = new google.maps.Map( $("#mapa")[0], config );
/* Mapeo de la Localización */
var marker= new google.maps.Marker({
position: punto,
map: mapa,
title:"tu ubicacion",
});
};
</script>
</head>
<body onload="localizar()">
<div id="mapa">
<h2>Aquí irá el mapa!</h2>
</div>
</body>
</html>
3. Menciona 4 Frameworks para el desarrollo web Móvil. Explica brevemente sus características
más resaltantes y concluye eligiendo uno de ellos indicando las razones. Menciona 2
recomendaciones de librerías para el desarrollo nativo en Android.
1.- Angularjs.- Promueve y usa patrones de diseño de software. En concreto implementa
lo que se llama MVC, aunque en una variante muy extendida en el mundo de Javascript
que luego comentaremos con más detalle. Básicamente estos patrones nos marcan la
separación del código de los programas dependiendo de su responsabilidad. Eso permite
repartir la lógica de la aplicación por capas, lo que resulta muy adecuado para
aplicaciones de negocio y para las aplicaciones SPA (Single Page Aplication).
2.- RubyonRails.- Un conjunto de librerías, automatismos y convenciones destinados a
resolver los problemas más comunes a la hora de desarrollar una aplicación web, para
que el programador pueda concentrarse en los aspectos únicos y diferenciales de su
proyecto en lugar de los problemas recurrentes.
3.- Pylons.- Es Ligero y hace mucho énfasis en la flexibilidad y el rápido desarrollo. Es un
proyecto de código abierto que se desarrolla un conjunto de marcos de aplicaciones web
escritas en Python
4.- ZendFramework.- Es un framework para el desarrollo de aplicaciones y servicios web
con PHP5. Está implementado utilizando código 100% orientado a objetos. Los
componentes tienen poco acoplamiento entre ellos lo cual permite a los desarrolladores
utilizarlos separadamente. Principalmente este framework ofrece una implementación
MVC robusta y de alto rendimiento, abstracción para interactuar con bases de datos.
Se Escoge el Frameworks Pylons, por se software libre muy aparte por ser flexible y
escrito en un lenguaje que está en boga. Tiene una comunidad Activa y buenos
desarrolladores, logrando satisfacer completamente las necesidades de una aplicación.
Librerias a Utilizar:
a.- Retrofit.- Gestiona las peticiones a los servicios de una api. Es muy útil porque,
además de ser una de las más estandarizadas, simplifica mucho los procesos. Además,
Retrofit tiene integración con RxJava a través de observables. Retrofit es, por excelencia,
la librería que más se utiliza en Android para proveer servicios y peticiones.
b.- Icepick
En Android, cuando se gira el móvil y la vista cambia de orientación, y en otras situaciones
en las que la vista deja de estar activa, se repinta todo lo que aparece en la pantalla. Lo
que ocurre cuando un programador no ha guardado el estado de la vista antes de que
esta se vuelva a pintar es que, cuando se produce el giro, todo lo que había se pierde, y la
vista vuelve a su estado inicial.
Referencias Bibliográficas:
1.- 15 Frameworks para desarrollo web. Extraído de: http://www.esandra.com/15-frameworks-
para-desarrollo-web/
2.- . Frameworks Gratuitos. Extraído de: https://elbauldelprogramador.com/los-10-mejores-
frameworks-gratis-de-aplicaciones-web/
3.- Librerías de Android. Extraído de: http://katade.com/2016/06/17/librerias-debes-conocer-

programas-android/
4.- Librerías de Android. Extraído de: https://www.codejobs.biz/es/blog/2012/08/24/librerias-

nativas-de-android
5.- API HTML5. Extraído de: https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API
6.- Media Capture. Extraído de: https://www.w3.org/TR/html-media-capture/

Foro Computacion Movil

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Foro Computacion Movil

Hochgeladen von

Copyright:

Verfügbare Formate

1.

APIS HTML5: Web Speech API.-

HTML Media Capture.-

2. De forma muy práctica y sencilla desarrolla el código necesario para implementar

a.- Geolocalizar mi posición

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?

<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"

/* accediendo a la api de geolocalización */

/* obteniendo la posicion de la geolocalizacion */

var latitud = posicion.coords.latitude;

var longitud = posicion.coords.longitude;

var precision = posicion.coords.accuracy;

/* Ingresando los Datos obtenidos al Sistema */

/* Error si lo hubiera la Función Muestra */

alert("No me dejaste ubicarte :(");

alert("No hay una ubicacion disponible");

<form name=localizame action=index2.php method=get>

<tr><td colspan=2>Posicion actual</td></tr>

<td><input type=text name=latitud id=latitud></td>

<td><input type=text name=longitud id=longitud></td>

<td><input type=submit name=aceptar value="ver en mapa"></td>

<td><input type=reset name=cancelar value="salir"></td>

b.- Mostrando la Imagen del Mapa

/* Muestra datos del Mapa */

/* variables por defecto */

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?

<script type="text/javascript" src='http://code.jquery.com/jquery-2.0.3.min.js'

var punto = new google.maps.LatLng(<?php echo $latitud;?>,<?php echo

var mapa = new google.maps.Map( $("#mapa")[0], config );

var marker= new google.maps.Marker({

<h2>Aquí irá el mapa!</h2>

3.- Librerías de Android. Extraído de: http://katade.com/2016/06/17/librerias-debes-conocer-

4.- Librerías de Android. Extraído de: https://www.codejobs.biz/es/blog/2012/08/24/librerias-

5.- API HTML5. Extraído de: https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API

6.- Media Capture. Extraído de: https://www.w3.org/TR/html-media-capture/

Das könnte Ihnen auch gefallen