martes, 3 de diciembre de 2013

marketing movil 2 : consejos para tu pagina de aterrizaje

Anteriormente habia hablado sobre la importancia de considerar el marketing movil en nuestras estrategias SEO. y hoy hablaremos sobre su complemento, la landing page o pagina de aterrizaje .

la pagina de aterrizaje tiene un papel imporante a la hora de captar nuevos clientes, ya que es esta la primera interaccion con el cliente, por lo cual debe transmitir un mensaje promocional lo mas claro y directo posible.

Al momento de enganchar al usuario movil, debemos tener presente dos cosas:
Promocion      :  mostrar lo que el usuario quiere y anda buscando.
Accesibilidad  :  El contenido debe ser reproducuido de buena manera en cualquieraparato.

Aqui tienes algunos consejos para tu pagina de aterrizaje:

1- No uses flash, ni otro elemento que no pueda ser reproducidos de manera correcta  en todos los dispositivos.

2- Revisa tu contenido, asegurate de usar listas,palabras en negritas, reduce los textos largos, ya que estos en la mayoria no se leen. resalta los botones que llamen a la accion, como lo son el boton de 'enviar formulario' o el de 'contactenos'.

3- Facilitacelo al usuario, Si el usuario debe rellenar algun formulario  haz que este sea lo mas sencillo posible, reduce los campos a ingresar,divide y agrupa el formulario en partes para que no se vea demasiado moustroso, usa ejemplos de la informacion que debe ingresar,usa controles de seleccion (como los datepicker)

4-Reduce el tiempo de carga, recuerda que el usuario movil es un consumidor voraz de contenido, por lo que hacerlo esperar lo irrita. Tambien debes tener presente que tienen un pla asociado y hacerlo esperar de mas por contenido inecesario (una fotografia en alta resolucion) no es bueno.

5-Aprovechate del click para llamar, pocas tecnicas son tan directas como estas, de manera similar a los anuncios de adwords si tu intencion es que te llamen, haz que sea tan simple como tocar el boton llamenos.

6-Evita el scroll, existen estudios donde muestran que usamos el movil con una sola mano. Reduce los espacios y haz que todo el contenido quepa en la pantalla en cualquier orientacion (horizontal o vertical).

7-Ofrece la version completa, la idea  es mostrar una pagina sin elementos innecesarios y centrarnos en el contenido promocional, sin embargo existen usuarios que se encuentra familiarizados con la version de escritorio. ofreceles un link a la version completa (version de escritorio).

Ademas de todos estos consejos para tu pagina de aterrizaje, lo mejor que puedes es hacer una pagina de aterrizaje y pedir el consejo de tus amigos. ¿te incito a contactarnos? ¿es instuitivo acceder a la informacion?¿tienes intencion de rellenar e ingresar informacion? las respustas te sorprenderan y te permitiran realizar una pagina de aterrizaje con exito.

Saludos y cualquier comentario sera bienvenido.
 Disculpen las faltas de otografia.






domingo, 1 de diciembre de 2013

Marketing movil, errores habituales

Dentro de todas las variables y aspectos existentes para tener un mejor posicionamiento web dentro de los motores de búsquedas, como por ejemeplo google.

Existe el marketin movil, el cual esta dirigido a realizar campañas considerando estos dispositivos (teléfonos moviles). ¿Pero realmente es necesario considerarlos?, pues claro que si,  ya que son  enlace directo hacia el sujeto, son el elemento mas cercanos al individuo, están por todos lados y todo el mundo cuenta con uno.

Por esta razón que muchas empresas están invirtiendo en marketing movil, pero al ser un campo relativamnete joven existen unos errores, aqui les expongo los mas habituales:

1-No tener web optimizada para movil, este puede ser el mas comun de todos y el mas letal, y consiste en que los usuarios moviles no pueden ver el sitio y sus promociones. botones que no funcionan,carga lenta de la pagina, o contenido flash que los telefonos moviles no puedan reproducir.
actualmente existe tecnologia denominada Responsive WEB Design que sirve para adaptar el contenido a distintos dispositivos.
Un ejemplo es usar la libreria bootstrap, la cual te permite crear web con contenido responsive.

2-Poner codigo QR en lugares donde no existe el acceso a internet, como por ejemplo en autobuses o el metro. ¿para que ponerlos si no se pueden consultar?

3-No solo redirigir a los usuarios a tu pagina principal. Los usuarios moviles estan acostumbrados a encontrar contenido extra y dirigirlos siempre a  tu pagina principal (o alguna seccion de esta) puede frustrarlos. Por ello ten presente en tener paginas de aterrizaje pensadas para tus usuarios moviles,donde se puedan concentrar en las nuevas promociones.

4-Lanzar campañas SEO que no son sociales,locales ni moviles. Actualmente la integracion de los moviles  con estas tres ramas hace que no aprovecharlo sea un desperdicio de esfuerzo. Un ejemplo de como aprovechar esta ramificacion, es la utilizacion de aplicaciones con diseño de videojuegos pero pensado para marketing movil.

5-Basar tu campaña en una aplicacion y no contar con una estrategia promocional para esta. La aplicacion debe ser parte de tu estrategia, un complemento a tu plan de marketing movil, y no olvidar que debe tener actualizaciones periodicas para no perder precencia en el mercado.

6- Tener miedo a invertir. el no invertir recursos en un mercado como el marketing movil por miedo, puede privarte de tener una ventaja competitiva que la competencia dificilmente pueda igualar.
Hace unos años atras tener una pagina Web era algo precindible, ahora si no la tienes te perdes de mucho. lo mismo pasa con el marketing movil.

 Espero que la informacion les sea util, ya que esta pensada para aportar de manera rapida al conocimiento colectivo.

Cualquier comentario,aportacion o critica es bienvenida.



viernes, 25 de octubre de 2013

archivo asistente de pago bancario SAP, motor de pago pirata

Tratando de aprender mas sobre esto de SAP me dispuse a subir este material el cual me ayudo y espero que ayude a alguien mas.

En el trabajo tenian instalado SAP v8, sin embargo por motivos que no recuerdo decidieron migrar a SAP v9, dentro de todo los procesos que involucraba eso existia la integracion de los add-ons instalados en la v8 a la v9 y uno de esos era el motor de pago, el cual generaba un archivo legible por el banco cuando se ejecutaba un asistente de pago. (archivo pago bancario con los datos del asistente de pago SAP)
El problema era que el add-ons motor de pago no soportava la v9, por lo cual era urgente crear la forma para la generacion del archivo pago bancario al momento de ejecutar el asistente de pago SAP.
Al principio no sabia por donde empezar , pero tuve la suerte de recibir información valiosa a través del foro SAP latino, especialmente de Fernando Madriaza que fue muy preciso con su aporte a la causa.

Esquema de la solucion
1-Cuando el asistente de pago se ejecuta,este guarda en cieratas tablas los datos del pago ,junto con su id para ser identificado.
2-Cuando el usuario quiera generar el archivo pago bancario debe ejecutar un procedimiento (guardado como una query) donde recibe como parametro el id del asistente de pago.
De esta forma el procedimiento mostrara una tabla de resultado la cual el usuario debe exportar en formato de texto plano y guardar en una carpeta especifica del computador.
3-Por ultimo cuando el usuario quiera enviar el archivo al sistema del banco,debe primero ejecuta un script(VBS) el cual edita los archivos dejandolos preparados para ser enviados al banco.

Informacion util o tips

opwz = tabla donde se guarda la informacion del asistente de pago, donde WizardName es el id de este.
opex = tabla que guarda los pagos realizados por el asistente, la union con el asistente opex.PaymWizCod=opwz.IdNumber
ocrd = tabla de los datos maestros de cada socio negocio, de aqui obtenemos modalidad de pago y cuenta corriente, o cualquier informacion necesaria.
ovpm = detalle de los pagos.
vpm2 = documento pagado
OPCH=tabla de las facturas.

Bueno, espero que le sea de ayuda y cualquier comentario,observación o consulta  sera bienvenida.
Saludos.

Descarga:
link de descarga






domingo, 9 de junio de 2013

Empezando con mvc 3 en visual studio

Bueno hoy les comentare como empesar en esto de MVC 3 de visual estudio, modelo vista controlador es un patrón de diseño de software que a existido desde hace mucho antes que Microsoft lo incorporara en su entorno de desarrollo visual estudio.
ASP.Net incorpora esta herramienta para el desarrollo de proyectos  mas escalares y mantenibles, y al parecer sera la manera recomendada para los desarrollos bajo la arquitectura ASP.Net.
La intención de esta entrada no es informarlos de todo lo que incluye esta herramienta (MVC 3), sino mas bien esta dirigido para el que no conoce como empesar a utilizar esta tecnología.

1-Si estas utilizando Visual Estudio 2010,debes bajarte el complemento para poder utilizar MVC 3 , les recomiendo que sigan los pasos que se indican en este post.Si ya lo tienes instalado como es el caso de los que usan visual studio 2012 dirijansen a :
archivo->nuevo proyecto->aplicacion web de ASP.NET MVC 3

2-En esta oportunidad seleccionamos aplicacion para Internet, junto con el motor de vistas Razor que esta pensado para el desarrollo de aplicaciones web con MVC 3.
No seleccionamos la casilla de prueba unitaria,ya que es nuestra primera aplicacion y no es necesario en esta oportunidad.
la diferencia entre los tipos de proyectos radica en su contenido, el vacio esta sin vista ni controladores,los otros dos radica en el tipo de valuación (formulario-windows).leanse la descripción de cada uno.


3-Con esto se nos crear un proyecto con unos formularios ya listos para usar,incluso podremos loguearnos, en total nos muestra una pagina de ejemplo para que tengamos una idea de que va esto del MVC 3.
Bueno la idea de todo esto, no es dar una cátedra de esto, sino que solo mostrar de manera rápida como crear un proyecto del tipo MVC 3 y ver de manera rápida como empesar con esto.
Los controladores están agrupados en una carpeta llamada controller, cada controlador manera las redirecciones de las vistas.
Cada controlador representa una carpeta de la carpeta vistas (views) y cada método de un controlador se relaciona con una vista.
De esta manera la vista (carpeta) Acount tiene un controlador llamado Acountcontroller (con el nombre se relacionan) y las vistas de la carpeta Acount se relaciona con los métodos de AcountController.

Esto es solo un pincelado de MVC , espero poder subir mas contenido relacionado al tema.

sábado, 8 de junio de 2013

empezando con JQuery y JQuery UI

De seguro has escuchado en mas de una oportunidad lo genial que es JQuery y lo magnifico que quedan los efectos que se logran con el ,desde selectores de fechas hasta la explocion de un  Div.
Sin duda el aprender a implementar Jquery con toda su potencialidad te ayudara a construir sitios mas dinamicos y competitivos.
Por ello les mostrare de manera rapida y practica como implementar Jquery y sus funcionalidades.De antemano les digo que tratare de ser lo mas consiso y practico posible, la idea es poder usar jquery con exito lo antes posible.

1-lo primero es descargar e instalar  JQuery , ¿pensaras que es un setup o algo parecido?, pues no, Jquery es una libreria de javaScript,por lo que no es mas que un archivo de texto con funiones de javaScript NADA MAS.
En esta oportunidad lo descargaremos de la pagina JQueryUI, JQuery UI es otra libreria que se complementa a al JQuery para dar "efectos especiales" a tu desarrollo.Al descargar tendremos un archivo que incluye al JQuery (normal, indispensable para usar cualquier libreria que utilize JQuery) y JQuery UI que es una libreria para dar efectos interesantes a nuestra interfaz grafica.
Carpeta cuando se descarga Jquery UI



2-ahora que ya hemos descargado la carpeta con los codigos necesarios (js's,css's,etc...) nos disponemos a implementar Jquery con toda la potencialidad que nos da el JQuery UI,¿como lo hacemos?, pues nada mas facil que llamando estos archivos desde nuestro HTML y ya esta !!!

<head>
  <script type="text/javascript" 
  src="jquery-ui-1.10.3.custom/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js">
  /*incluimos a JQuery,indispensable para trabajar 
  con cualquer libreria basa da en JQuery,como lo es JQuery UI*/
  </script>
  
  <script type="text/javascript" 
  src="jquery-ui-1.10.3.custom/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js">
  /*incluimos a JQuery UI,libreria que agrega efectos a nuestra interfaz grafica 
  usando como base a JQuery*/
  </script>
  
  <LINK href='jquery-ui-1.10.3.custom/jquery-ui-1.10.3.custom/css/smoothness/jquery-ui-1.10.3.custom.css' 
  type=text/css rel=stylesheet>
  <!--Todos los efectos necesitan de CSS,en esta ocacion utilizamos el 
  css del estilo smoothness (grises),existen muchos mas velos en la pagina de JQuery UI-->
</head> 
3-Ahora solo hace falta usar JQuery, ¿como se hace esto?, solo hace falta inicializarlo  en el momento cuando se carga el documento HTML, bueno en realidad solo basta con
aprenderse esto:
<script>
 /*Aqui inicializamos a JQuery*/
  $(document).ready(function(){//en el evento ready(hayas cargado el DOM) 
   //todo lo que este aqui       de document, ejecuta todo lo que este dentro de '{....})' 
   //se ejecutara al momento 
   //de cargar e documento       
    alert("hola que pasa !!!");//esta linia si quieres la quitas xD
  }) 
 </script>
bueno esto lo debes poner el el body , ya que es una funcion javascript

4-Bueno ahora que ya sabes como inicializar JQuery junto con JQuery UI, hagamos algo mas imprecionante
como por ejemplo cun selector de fecha, el famoso 'datepicker',esto lo hacemos gracas a JQuery UI y sus hermosas funciones, solo debemos crear un :
<input type='text' name='miCalendario' id='calendario'/> 
y lo enlazamos con su atributo ' id ' de esta manera:
        <script>
 /*Aqui inicializamos a JQuery*/
  $(document).ready(function(){
   alert("hola que pasa !!!");
   $( "#calendario" ).datepicker();
  })
 </script>


De esta manera cuando ejecutemos nuestro HTML tendremos un hermoso selector de fecha,mejor llamado datepicker conclusion:
  1. Descargar Jquery Y JQuey UI desde JQueryUI
  2. Enlazar los archivos descargados a nuestro archivo HTML
  3. Inicializar Jquery con $(document).ready(function(){....})
ejecutar funciones de JQuery UI enlazandolos con el id del input HTML