Blog de soluciones innovadoras | Tel 902747972

Ahora que Microsoft ha sacado una nueva versión de Internet Explorer, decimos adiós a la versión de Internet Explorer 7 y nos quedamos con un navegador con el que no podemos ver cómo quedan nuestra maquetación web.

Primeras consideraciones

Para comprobar cómo queda, con Windows podemos utilizar un programa llamado ietester para ver cómo queda en distintas versiones de Internet Explorer en distintos Windows (Vista y XP). Aún así nos queda un 8% del mercado que usa Mac o Linux. que no podrían ver cómo queda en su Sistema Operativo.

Validar la imagen

Utilizar servicios web que realizan pantallazos para ver cómo se visualiza:

• En MAC: http://www.browsrcamp.com/
• En Internet Explorer: http://ipinfo.info/netrenderer/index.php
• En otros navegadores y varios sistemas operativos http://browsershots.org/

Requisitos y las validaciones

Una cosa es cómo queda la imagen, pero otra es cómo esta hecho técnicamente. Con una auditoria web podemos analizar si cumple los requisitos técnicos y todas sus páginas són correctas técnicamente, tienen código correcto, cumplen las directrices de calidad de google, son accesibles, utilizan mejores prácticas de de usabilidad y diseño web entre otras características dependiendo de los requisitos del proyecto.

Quan l’únic mecanisme per fer gestions és per internet i apareixen problemes d’accessibilitat, d’usabilitat o de capacitat cal tenir en compte quines mesures de contingència s’apliquen.

Recentment Medi Ambient ha decidit no multar per mancances evidents alhora de treure els tiquets via web. La pàgina del Departament aquest divendres es va col·lapsar, coincidint amb l’obertura de temporada.

Es per això que Medi Ambient estudia que es puguin treure els tiquets de pesca amb el mòbil, a través del 012 o del caixer automàtic
De fet, s’ha decidit no multar ja que ara mateix, La Generalitat estudia fórmules per demanar tiquets de pesca a través del telèfon mòbil

Això es pot evitar

Els problemes de capacitat cal preveure’ls, es un requisit que cal tenir en compte i que cal asegurar fer proves de capacitat prèvies.

No només això, accessibilitat a Internet no es tan generalitzat com l’accés al mòbil. Cal mecanismes alternatius per tal de donar servei a tothom. L’enviament de SMS es un mètode utilitzat i alternatiu a l’accés web per persones amb dificultats d’us d’internet.

Què hem fet nosaltres?

A einnova hem habilitat comunicacions SMS entre usuaris i empreses, també hem fet proves de capacitat per habilitar campanyes puntuals facilitant la informació de quina es la capacitat màxima dels servidors dels clients.

El tamaño es importante para poder garantizar una buena visualización desde distintos canales cómo lo es el móvil con la gran demanda de navegación web con pantallas de dispositivos de HTC o Apple.

Proponemos el uso del formato 240×202 para visualizar videos de youtube en móviles.

A continuación mostramos un ejemplo de formatos de youtube y visualización según resoluciones de móviles actuales y su tendencia.

Tamaño videos de youtube

Tomamos como ejemplo el video de envio sms con weebbb

425×344 (Tamaño por defecto)

106×86 (Reducción 1/4)

Resolución pantallas móviles

El estudio de resoluciones en inglés lo puedes ver en sender11

Pantalla pequeña móviles actuales 128 x 128

Tendencia pantalla en móviles: 240 x 320

Conclusión

¿Porque no tomar el máximo ancho y escalar el alto?

Medida 240×202

Uff … ¿y las pantallas pequeñas actuales?
Medida 128×114

Sin necesidad de conocimientos técnicos ni depender de nadie, con 1gestor, el editor de sitios web de einnova, puedes modificar todas las páginas de tu propio sitio web visualizando los resutados durante la edición.

1gestor es un producto ‘1 CLIKC’  subcencionado por CIDEM con el objetivo de promocionar la innovación a las empresas que, se contrata cómo herramienta de soporte a la edición de sitios web y tiene un coste mensual de mantenimiento.

Acostumbrados a los editores de los blogs, en marketing.cat se evaluaó la posibilidad de visualizar el resultado durante la edición (WYSIWYG)  y se explicó cómo funciona y cómo se usa 1gestor.

Cómo funciona 1gestor

• Se utiliza  una conexión remota a tu servidor, dónde realmente se alojan las páginas
• Se definen zonas de edición para el uso en entornos PHP, ASP y JSP
  
• Guarda las versiones de páginas anteriores por si quieres realizar alguna recuperación
• Visualiza los contenidos en un editor HTML para que los puedas editar visualizando el resultado
• Se puede navegar del mismo modo que se hace en tu sitio web
• Puedes realizar una copia de seguridad.
• Subir ficheros cómo imagenes, PDFs
  
• Editar tablas y código HTML para incrustar videos de youtube
• Crear nuevas páginas

Ejemplos de uso de 1gestor

• Cómo suben un PDF en una pagina con 1gestor 50 s.
• Cómo modifican imágenes en una página con 1gestor 1 min 42s
• Cómo utilizan de galeria de imágenes con 1gestor en Youtube 3 min.
• Cómo crear una tabla en tu sitio web con 1gestor en Youtube 51 s
• Cómo editar direcamtente el código HTML con 1gestor en Youtube 1 min 10s

Cómo lo contrato

Solicita una demostración y un comercial de  einnova contactará contigo y te informará de los precios y condiciones.

Video molt entenador de com guanyar temps amb les subscripcions als nostres llocs preferits:

Video explicació sobre els feeds

Como poder crear referencias

1. Seleccionar el texto que queremos referenciar (lugar donde queremos ir a parar).
2. Clicar el icono referencia (representado por una ancla de barco).
3. Poner nombre de referencia (el que se quiera) y clicar OK.
4. Seleccionar el texto de dónde se quiere poner el enlace para poder ir a la referencia.
5. Clicar el icono crear/editar vinculo (representado por una bola del mundo y una cadena).
6. Poner el nombre elegido anteriormente con el simbolo # delante, muy importante no dejarselo!

El funcionamiento online y de escritorio cada vez está más integrado. Los teléfonos móviles, localizadores y PDA’s cómo Pocket PC son dispositivos cada vez más importantes para las empresas.

Nuestros desorralladores programan aplicaciones a medida para móviles y para escritorio. Windows mobile es un sistema operativo muy extendido en estos dispositivos.

Los programadores aprovechan el nuevo modelo de ejecución y programación del .NET Framework que ha depurado e incorporado mejoras sustanciales con respecto a sus predecesores. Algunas de éstas son:

• Eliminación de elementos obsoletos
• Programación 100% Orientada a Objetos
• Manejo de errores estructurado.
• Gestión de hilos de ejecución concurrentes

Además los instalables se aprovechan de las ventajas de la propia plataforma, como por ejemplo:

• Biblioteca de clases (Namespaces)
• Motor de ejecución común para todos los lenguajes y un Recolector de basura más eficiente.
• Interoperabilidad con COM/ActiveX.
• Manejo de XML de manera nativa.
• Add-In para Code Advisor
• Asistente para Actualización de Visual Studio .NET

Crear páginas Web de ASP.NET Mobile

Los controles de ASP.NET Mobile permiten enfocar el trabajo a una amplia gama de dispositivos:

• teléfonos móviles habilitados para Web
• localizadores (pager)
• asistentes digitales personales (PDA) como Pocket PC

ASP.NET proporciona a los dispositivos móviles el mismo modelo completo de aplicaciones Web que ofrece a las aplicaciones ASP.NET dirigidas a los exploradores de escritorio.

Se pueden generar aplicaciones Web móviles en Microsoft Visual Studio o en un editor de texto, y se pueden programar utilizando cualquier lenguaje de programación admitido por Common Language Runtime. Juntos, .NET Framework y los controles de ASP.NET Mobile forman una plataforma eficaz, flexible y extensible para desarrollar e implementar páginas Web móviles.

DESARROLLO DE APLICACIONES MÓVILES

• Utilización de pPlataformas, Tecnologías, y herramientas.
• Todo tipos de aplicaciones móviles.
• Expertos en el diseño de aplicacione móviles
• Diseño, configuración, emulación y distribución .NET (punto NET)

DESARROLLO DE APLICACIONES MÓVILES WEB

• ASP.NET Mobile Controls.
• Diseño de interfaces de usuario.
  • Navegación por formularios.
  • Controles de validación.
  • Páginación automática y personalizada con controles Web.
  • Características específicas de los dispositivos móviles
  • Filtros de dispositivos
  • Utilización de hojas de estilos.
• Acceso a datos a través de ADO.NET.
  • Control GRID
  • Creación de comandos
  • Personalización de plantillas con acceso a datos
• APLICACIONES SMART DEVICE
• PROGRAMACIÓN CON SQL SERVER MOBILE
• Sincronización de datos
• RDA (Remote Data Access) sincronización entre una base de datos local en SQL Server CE y una base de datos remota en SQL Server
• Ejecutar comandos SQL en una base de datos SQL Server remota
• Opciones de sincronización
• Exportar Bases de datos

Desarrollo y programación a medida

Para más información y solicitar un presupuesto a medida contacta con nosotros. Te podemos ofrecer una aplicación móvil para aumentar la productividad y eficiencia de tu negocio.

Barcelona Einnova Marketing.cat

En este post agrupamos los temas ya tratados en el blog.

Organización del desarrollo

• Objetivos de los usuarios web
• Confianza y reputación online
• El proceso creativo en el diseño web

Diseño imagen y tipografia

• Las bases del diseño web
• La tipografia no es solo el tipo de letra
• Tamaño y tipo de letra
• Fuentes para la web
• Estándares en los navegadores web

Usabilidad para la web

• Estilo de escritura de páginas web
• Los usuarios sólo leen 1 de cada 4 palabras

Gestión de contenidos

• Gestión de imágenes con 1gestor.com
• Wordpress I
• Wordpress II

Las Aplicaciones Enriquecidas de internet (RIA o Rich Internet Applications), surgen como una combinación de las ventajas que ofrecen las aplicaciones Web y las aplicaciones tradicionales.

Justificamos hablar de RIA dado la competencia de Adobe Flexy Microsoft Silverlight y la consalidación de plataformas AJAX+Multimedia. 

En las aplicaciones tradicionales se produce un tráfico muy alto entre el cliente y el servidor, llegado muchas veces, a recargar la misma página con un mínimo cambio.

Con las RIA, se evitan recargas de página.  Sólo se produce comunicación con el servidor cuando se necesitan datos externos como datos de una Base de Datos o de otros ficheros externos.

Las plataformas RIA tienen en común la capacidad multimedia de no requerir reproductor de videos del Sistema Operativo. La mayoría, esto sí, requiere una extensión (plugin) del navegador.

Ordenados según mis preferencias:

Android is not the first open source mobile OS, but it claims to be “the first free, open source, and fully customizable mobile platform. Android offers a full stack: an operating system, middleware, and key mobile applications. It also contains a rich set of APIs that allows third-party developers to develop great applications.”

Ahora mismo Android (¿que es android?) dispone de unas aplicaciones basicas, pero se permite la extensión y personalización del Sistema Operativo para moviles. Android no es el primero en ser open source pero si el primero en ser libre y personalizable.

Contactando con nosotros, podemos utilizar su conjunto de APIs para el desarrollo de aplicaciones a medida en Java para Android:

• Implementing a UI
• Building Blocks
• Data Storage and Retrieval
• Security Model
• Resources and i18n