Este documento introduce los Mapplets de Google, que son aplicaciones que presentan y manipulan contenido geográfico a través de un acceso parcial al API de Mapas de Google. Explica qué son los Mapplets, sus ventajas y desventajas frente a Google Maps, los requisitos para su desarrollo, cómo está estructurado un Mapplet, las herramientas para su desarrollo y cómo desarrollar un Mapplet básico.
PWA (Progressive Web App): Nueva generación webCarlosDarko1
Introducción a las Progressive Web Apps (PWA's): Qué son, cuáles son sus principales ventajas, cuáles son los elementos que la componen y por qué es una gran alternativa para cualquier página web actual.
La presente es una recopilación del Ier Cap. del libro Learning Web Design (O\'Reilly), que explica lo que se necesita saber para empezar un diseño web.
PWA (Progressive Web App): Nueva generación webCarlosDarko1
Introducción a las Progressive Web Apps (PWA's): Qué son, cuáles son sus principales ventajas, cuáles son los elementos que la componen y por qué es una gran alternativa para cualquier página web actual.
La presente es una recopilación del Ier Cap. del libro Learning Web Design (O\'Reilly), que explica lo que se necesita saber para empezar un diseño web.
ใต้ร่มพระบารมี๙ BUBBLE Project Made in Thailand 4.0kookkeang
ปรัชญาเศรษฐกิจพอเพียงต้นแบบการศึกษาสุขภาพและความปลอดภัยทรัพยากรมนุษย์แบบองค์รวมแรงขับเคลื่อนสู่นวัตกรรมโมเดลทางธุรกิจการบินของท่าอากาศยานแม่ฟ้าหลวง เชียงราย
Philosophy of Sufficiency Economy in Health and Safety Holistic Approach on Human Capital as a Driver for Aviation Business Model Innovation of Mae Fah Luang Chiang-rai International Airport
Les PPP ! Qu’est-ce que c’est ? Comment procède t-on ? Nous allons voir à travers cette revue analytique la définition des PPP, ses principes fondamentaux, le cadre règlementaire ainsi que ses grandes étapes. Nous nous appuierons sur un exemple - fiction de PPP dans le domaine de l'énergie photovoltaique au Burkina Faso
ใต้ร่มพระบารมี๙ BUBBLE Project Made in Thailand 4.0kookkeang
ปรัชญาเศรษฐกิจพอเพียงต้นแบบการศึกษาสุขภาพและความปลอดภัยทรัพยากรมนุษย์แบบองค์รวมแรงขับเคลื่อนสู่นวัตกรรมโมเดลทางธุรกิจการบินของท่าอากาศยานแม่ฟ้าหลวง เชียงราย
Philosophy of Sufficiency Economy in Health and Safety Holistic Approach on Human Capital as a Driver for Aviation Business Model Innovation of Mae Fah Luang Chiang-rai International Airport
Les PPP ! Qu’est-ce que c’est ? Comment procède t-on ? Nous allons voir à travers cette revue analytique la définition des PPP, ses principes fondamentaux, le cadre règlementaire ainsi que ses grandes étapes. Nous nous appuierons sur un exemple - fiction de PPP dans le domaine de l'énergie photovoltaique au Burkina Faso
● Introducción.
● Distribución de midlets.
– OTA.
– Flujo de eventos.
● Herramientas.
● Servidor de páginas: XAMPP.
– Instalación.
– Configuración.
● Creación del sitio web.
● Despliegue del midlet.
● Instalación de la aplicación.
● Distribución a través de Internet.
● Enlaces de interés.
● Introducción.
● Herramientas.
– J2SDK y JWTK.
– Eclipse.
– Plugin EclipseME.
● Instalación de Eclipse.
● Instalación del plugin EclipseME.
● Configuración del plugin EclipseME.
● Creación de un proyecto J2ME.
● Ejecución (emulación) del midlet.
● Generación del archivo JAR.
Generación del midlet HolaMundo utilizando las herramientas de línea de comandoJorge Iván Meza Martínez
● Introducción.
● Herramientas de software.
● Estructura de los
directorios.
● Variables de ambiente.
● Compilación.
● Preverificación.
● Empaquetamiento.
– Creación del archivo de
manifiesto.
– Creación del archivo
JAR.
– Creación del archivo
JAD.
● Ejecución (emulación).
● Enlaces de interés.
Introducción.
● Herramientas necesarias.
– Editor de texto.
– Ambiente de desarrollo (J2SDK).
– Java Wireless Toolkit (JWTK).
● Instalación de las herramientas.
● Creación del proyecto.
● Configuración del proyecto.
● Estructura de los directorios generados.
● Edicion del código fuente del midlet.
● Compilación.
● Ejecución (emulación).
● Despliegue del midlet.
● Archivos generados.
– Archivo JAD.
– Archivo JAR.
Introducción.
Arquitectura de la plataforma J2ME.
Configuraciones.
CDC.
CLDC.
Diferencias entre J2SE y CLDC.
Perfiles.
MIDP.
Requisitos de hardware.
Requisitos de software
Paquetes opcionales.
Máquinas virtuales.
Características.
Introducción.
● Importación del API.
● Un midlet básico.
● Acceso a la pantalla.
● Caja de texto.
● Comando aceptar.
● Constructor para el midlet.
● Método startApp().
● Problema: CommandListener.
● Manejo de eventos del Command.
● Método pauseApp().
● Método destroyApp(boolean).
● Fin de la implementación.
- Plantilla base de un Mapplet.
- Desarrollo e implementación de MiPrimerMapplet.
- Publicación de Mapplets con Google Pages.
- Agregar el Mapplet a Mis Mapas.
- Compartir el acceso a los Mapplets desarrollados.
- Enlaces de interés.
Definición
Ciclo de vida de un midlet
Estado DETENIDO (paused)
Estado ACTIVO (active)
Estado DESTRUÍDO (destroyed)
Métodos modificadores de estado
Método startApp()
Método pauseApp()
Método destroyApp(boolean)
Relación entre destroyApp() y notifyDestroyed()
Método notifyPaused()
Método resumeRequest()
Entorno de ejecución
1. Introducción al desarrollo de Google Mapplets Jorge Iván Meza Martínez < [email_address] > http://www.jorgeivanmeza.com/ http://educacion.misservicios.net/
2.
3.
4.
5.
6.
7.
8.
9.
10.
11. Requerimientos para el desarrollo Un sitio donde hospedar el archivo XML y demás recursos de la aplicación. Puede ser Google Pages . Un editor de texto que puede ser básico como notepad y vi , o un poco mas elaborado como Notepad++ , Context , SciTE , entre otros. Sugerencia . Utilice un editor que soporte UTF-8 y edite el documento con esta codificación, así evitará problemas con las tildes del español.
12. Requerimientos para el desarrollo Un navegador web como Internet Explorer o Firefox . Si elige el segundo el cual es la selección recomendada, opcionalmente puede instalar también algunos plugins para facilitar el desarrollo de software web como Firebug y Web Developer . Y por supuesto se requiere de una cuenta de Google . Si no la tiene puede crearla de manera gratuíta haciendo clic sobre el siguiente enlace https://www.google.com/accounts/NewAccount .
13. Cómo es un Mapplet ? La interfaz de un Mapplet se compone de tres secciones. 1. Buscador de información. 2. Contenido web basado en XHTML/CSS. 3. Información georreferenciada. El usuario puede interactuar con todas las secciones que componen la interfaz de usuario de la aplicación para adaptar la visualización de la información a sus necesidades particulares.
15. Encontrar nuevos de mapas Para realizar búsquedas entre los mapas registrados se debe consultar el directorio de mapas ubicado en la siguiente dirección y agregar los que se deseen a su ubicación personalizada conocida como Mis Mapas . http://www.google.com/ig/directory?synd=mpl&pid=mpl&features=sharedmap,geofeed
16.
17. Herramientas para el desarrollo Para instalar las herramientas acceda al sitio del Directorio de Mapplets ubicado en la siguiente dirección, seleccione el enlace Herramientas para programadores ubicado en la columna izquierda. http://www.google.com/ig/directory?synd=mpl&pid=mpl&features=sharedmap,geofeed Posteriormente haga click sobre los botones Añadirlo a Maps de las herramientas que desee agregar a Mis Mapas .
19. Mis mapas Para acceder a su espacio personalizado de Google Maps visite la siguiente dirección y autentíquese con su cuenta de Google . http://www.google.com/maps/mm En la columna izquierda deberán aparecer las herramientas de desarrollo recién agregadas. Active las que considere necesarias seleccionando las casillas de verificación previas a los nombres de las herramientas.
21. Cómo desarrollar el Mapplet ? Durante la etapa del desarrollo escriba el código de la aplicación en el editor de texto que haya elegido, cuando requiera probar el programa copie y pegue este código al área de texto del Mapplet Scratch Pad y presione el botón Preview para visualizar su resultado. En la etapa de producción el código fuente se almacenará en un archivo XML que se hará público a través del servicio de hosting que el desarrollador haya contratado.
24. Plantilla base de Mapplets <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title = " Titulo " description = " Descripcion " author = " Autor " author_email = " Correo del autor " height = " Alto en pixels "> </ModulePrefs> <Content type="html"><![CDATA[ <style type="text/css"> /* Contenido CSS */ </style> <script> /* Contenido JavaScript */ </script> <!-- Contenido XHTML --> ]]></Content> </Module> 1 2 3 4 5
25. Enlaces de interés Google Mapplets http://code.google.com/apis/maps/documentation/mapplets/index.html Google Mapplets API Reference http://code.google.com/apis/maps/documentation/mapplets/reference.html Google Maps – Mis Mapas http://www.google.com/maps/mm Google Directorio de Mapas http://maps.google.com/ig/directory?synd=mpl&pid=mpl&features=sharedmap,geofeed Google Pages http://pages.google.com/ Blog de Jorge Iván Meza Martínez http://www.jorgeivanmeza.com/ Educación – Mis Servicios http://educacion.misservicios.net/