Ponencia-gamificacion-cii2015

download Ponencia-gamificacion-cii2015

of 43

Transcript of Ponencia-gamificacion-cii2015

  • 7/26/2019 Ponencia-gamificacion-cii2015

    1/43

    Gamificacin: Cmofidelizar a los visitantes

    de un Sitio Web?I Congreso Internacionalde Ingeniera 2015

    Br. Miguel ngel RamosFras.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    2/43

    Sobre Mi Ponente: Br. Miguel ngel Ramos Fras. Estudios: Egresado de Escuela Ing. Computacin y

    Sistemas (2!2" Experiencia Laboral:

    o #r$itum %et.

    o Red &eam So'tare.o Freelancer.o Fundador )Ideas * Mar+eting

    Consultora, -ttp//ideasymar+eting.com/

    Temas de Inters:o 0esarrollo 1e$.o Imagen Corporatia.o Community Management.o

    Fideli3acin de Clientes.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    3/43

    Qu es

    Gamificacin?

  • 7/26/2019 Ponencia-gamificacion-cii2015

    4/43

    BBVA Game

  • 7/26/2019 Ponencia-gamificacion-cii2015

    5/43

  • 7/26/2019 Ponencia-gamificacion-cii2015

    6/43

  • 7/26/2019 Ponencia-gamificacion-cii2015

    7/43

  • 7/26/2019 Ponencia-gamificacion-cii2015

    8/43

    Cmo aplicar Gamificacin en su

    Sitio Web? Plataformas a utilizar

  • 7/26/2019 Ponencia-gamificacion-cii2015

    9/43

    o 4erramienta con caractersticas propias de 5ami6cacin.o 5anar puntos7 medallas7 a medida 8ue el usuario pase

    niveles.o Integracin con diersas plata'ormas. E9emplo 1ordpress.o :roporciona un cdigo de instalacin en 4&M;< para incorporarlo

    en nuestro Sitio 1e$.o Es gratuito si no superas los !7 usuarios mensuales.o =cciones a premiar likes, tweets, videos vistos, visitas, etc.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    10/43

    o :ermite medir el tr>6co a nuestro Sitio 1e$.o Muestra estadsticas de cu>ntas personas ingresan

    0a. Mes. :ases. Ciudades. Sistemas #peratios 0ispositio mil.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    11/43

    Pasos para la on!"uraci#n $ aptain %p

    o Ingresar a -ttps//captainup.com/

  • 7/26/2019 Ponencia-gamificacion-cii2015

    12/43

    Pasos para la on!"uraci#n $ aptain %p

    o ;lenar los datos. Clic+ en el $otn &ree 'i"n %p.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    13/43

    Pasos para la on!"uraci#n $ aptain %p

    o %om$re del Sitio 1e$ o app. Clic+ en Continue.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    14/43

    Pasos para la on!"uraci#n $ aptain %p

    o ?rl del Sitio 1e$. Clic+ en Continue.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    15/43

  • 7/26/2019 Ponencia-gamificacion-cii2015

    16/43

    Pasos para la on!"uraci#n $ aptain %p

    o Completados los pasos ! y 27 podemos er el script7 el cual secolocar> antes de la eti8ueta A/$ody del cdigo 4&M; de

    nuestro Sitio 1e$.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    17/43

    Pasos para la on!"uraci#n $ aptain %p

    o Si nuestro Sitio 1e$ estuiera en 1ordpress7 podemos seguirlos pasos 8ue nos indican en la pesta@a 1ordpress. Igual con

    S-opi'y.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    18/43

    Pasos para la on!"uraci#n $ aptain %p

    o Finalmente podemos apreciar el 0as-$oard de nuestra cuenta.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    19/43

    Entorno ( aptain %p

    o )as*board $ +verview ( ont*l- ctive %sers

  • 7/26/2019 Ponencia-gamificacion-cii2015

    20/43

    Entorno ( aptain %p

    o )as*board $ +verview ( ctions data b- da-

  • 7/26/2019 Ponencia-gamificacion-cii2015

    21/43

    Entorno ( aptain %p

    o %sers

  • 7/26/2019 Ponencia-gamificacion-cii2015

    22/43

    Entorno ( aptain %p

    o 'ettin"s ( /eneral

  • 7/26/2019 Ponencia-gamificacion-cii2015

    23/43

    Entorno ( aptain %p

    o 'ettin"s ( T*eme 0 )esi"n

  • 7/26/2019 Ponencia-gamificacion-cii2015

    24/43

    Entorno ( aptain %p

    o 'ettin"s ( Team members and roles

  • 7/26/2019 Ponencia-gamificacion-cii2015

    25/43

    Entorno ( aptain %p

    o 1ad"es 2edallas3

  • 7/26/2019 Ponencia-gamificacion-cii2015

    26/43

    Entorno ( aptain %p

    o Levels 24iveles3

  • 7/26/2019 Ponencia-gamificacion-cii2015

    27/43

    Entorno ( aptain %p

    o ctions 2cciones3

  • 7/26/2019 Ponencia-gamificacion-cii2015

    28/43

    Entorno ( aptain %p

    o Install

  • 7/26/2019 Ponencia-gamificacion-cii2015

    29/43

    Entorno ( aptain %p

    o 5id"ets

  • 7/26/2019 Ponencia-gamificacion-cii2015

    30/43

    Entorno ( aptain %p

    o 6elp

  • 7/26/2019 Ponencia-gamificacion-cii2015

    31/43

    Instalaci#n ( aptain %p

    o Install $ opiar - pe"ar este c#di"o en el arc*ivo *tml,antes del cierre de la eti7ueta 89bod-

  • 7/26/2019 Ponencia-gamificacion-cii2015

    32/43

    on!"urando cciones ( aptain %p

    o '*are $ ;< puntos. = probamos el cuadro.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    33/43

    Probando uadro de >ue"o aptain %p

    o 4i bien car"a el 'itio 5eb aparece una bienvenida al>ue"o.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    34/43

    ambiando uadro Presentaci#n a Idioma Espa?ol

    o %bicamos la l@nea llamada cpt.src AB*ttps:99captainup.com9assets9embed.CsBD en el script

    aptain %p 7ue *emos a"re"ado a nuestro *tml.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    35/43

    ambiando uadro Presentaci#n a Idioma Espa?ol

    o "re"amos .es despus de la palabra embed. 4osdeber@a como la si"uiente captura:

  • 7/26/2019 Ponencia-gamificacion-cii2015

    36/43

    Probando uadro de >ue"o aptain %p

    o ar"amos de nuevo el 'itio 5eb - nos debe aparecer elmensaCe en espa?ol la ventana de 1ienvenida en

    Espa?ol.

  • 7/26/2019 Ponencia-gamificacion-cii2015

    37/43

    )emostraci#n >ue"o

    de 4iveles

  • 7/26/2019 Ponencia-gamificacion-cii2015

    38/43

    esultados aptain %p $ 'itio 5eb II;FG