mirror of
https://github.com/SpartanJ/eepp.git
synced 2026-05-29 17:46:29 +03:00
287 lines
12 KiB
HTML
287 lines
12 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml"><head>
|
|
<title>ensoft</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<link rel="shortcut icon" href="https://ensoft.dev/assets/images/favicon.ico">
|
|
<link rel="icon" type="image/x-icon" href="https://ensoft.dev/assets/images/favicon.ico">
|
|
<link rel="icon" type="image/png" href="https://ensoft.dev/assets/images/favicon-32x32.png" sizes="32x32">
|
|
<link rel="icon" type="image/png" href="https://ensoft.dev/assets/images/favicon-48x48.png" sizes="48x48">
|
|
<link rel="icon" type="image/png" href="https://ensoft.dev/assets/images/favicon-64x64.png" sizes="64x64">
|
|
<link rel="alternate" type="application/rss+xml" title="ensoft RSS" href="https://ensoft.dev/rss">
|
|
<link rel="stylesheet" type="text/css" href="ensoft.css">
|
|
</head>
|
|
<body>
|
|
<div id="content">
|
|
|
|
<div class="blog_post" id="pampa-energa-en-tecnpolis">
|
|
|
|
<h1>
|
|
<a name="pampa-energa-en-tecnpolis" href="https://ensoft.dev/blog/pampa-energa-en-tecnpolis">
|
|
Pampa Energía en Tecnópolis </a>
|
|
</h1>
|
|
<div class="markdown"><p>Tuvimos el placer de desarrollar en conjunto con el equipo de <a target="_blank" href="http://www.redkatana.com/es/">Red Katana</a> uno de los juegos principales para el stand de <a target="_blank" href="http://www.pampaenergia.com/">Pampa Energía</a> en su stand de Tecnópolis.</p>
|
|
|
|
<p>El slogan de este año es "Energía para Transformar" y justamente este
|
|
es el punto central de este juego, concientizar a los jugadores acerca
|
|
de la importancia de ahorrar energía.</p>
|
|
|
|
<p><img src="" alt=""></p>
|
|
|
|
<p>El juego consiste de varias habitaciones de una casa, donde los
|
|
jugadores deben encontrar de que manera los personajes están
|
|
desperdiciando la energía y ayudarlos a ahorrarla.</p>
|
|
|
|
<p><img src="" alt=""></p>
|
|
|
|
<p>Nuestra labor consistió en el desarrollo completo del juego, para ser utilizado en las pantallas táctiles de dicho stand.</p>
|
|
|
|
<p>Stand de pampa energía en tecnópolis:</p>
|
|
|
|
<p><img src="" alt=""></p>
|
|
|
|
<p>Visitantes jugando:</p>
|
|
|
|
<p><img src="" alt=""></p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="blog_post" id="tia-maria-get-behind-the-mask">
|
|
|
|
<h1>
|
|
<a name="tia-maria-get-behind-the-mask" href="https://ensoft.dev/blog/tia-maria-get-behind-the-mask">
|
|
Tia Maria: Get Behind The Mask </a>
|
|
</h1>
|
|
<div class="markdown"><p>Bajo encargo del estudio de diseño <a target="_blank" href="http://www.fpestudio.com/">Four Players Studio</a> desarrollamos para la renombrada marca <a target="_blank" href="http://www.tiamaria.com/">Tia Maria</a> una aplicación para celulares y tablets Android que se utilizaría para presentar la nueva campaña publicitaria de la marca:</p>
|
|
|
|
<p><img src="" alt=""></p>
|
|
|
|
<p>El software consiste en una serie de videos publicitarios por un lado
|
|
y por el otro la funcionalidad de escanear código QR, dentro de los
|
|
cuales reconoce los códigos ganadores e informa los premios a los
|
|
participantes.</p>
|
|
|
|
<p><img src="" alt=""></p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="blog_post" id="entropia-engine-">
|
|
|
|
<h1>
|
|
<a name="entropia-engine-" href="https://ensoft.dev/blog/entropia-engine-">
|
|
Entropia Engine++ </a>
|
|
</h1>
|
|
<div class="markdown"><h2>Características</h2>
|
|
|
|
<p><a target="_blank" href="http://www.eepp.com.ar/">Entropia Engine++</a>,
|
|
es un motor para el desarrollo de videojuegos 2D multiplataforma,
|
|
creado para facilitar la creación y distribución de los mismos, pensado
|
|
para un rendimiento óptimo en cualquier plataforma en la que sea
|
|
utilizado.</p>
|
|
|
|
<h2>Portabilidad</h2>
|
|
|
|
<p>El código del mismo puede ser compilado para una cantidad sustancial
|
|
de plataformas, de diferente naturaleza sin modificar el código. Por
|
|
ejemplo el mismo juego, puede ser compilado para Windows, Linux, Mac OS,
|
|
iOS (iPhone y iPad) y Android (Tablets y SmartPhones).</p>
|
|
|
|
<h2>Diferencias</h2>
|
|
|
|
<p>Se diferencia principalmente de otros motores de desarrollo de
|
|
videojuegos 2D comerciales y código abierto es en la facilidad de
|
|
portabilidad del mismo gracias a su modularidad y extensibilidad, provee
|
|
integramente más módulos de los que ofrecen otras alternativas, entre
|
|
ellos el módulo de interfaz gráfica, que reduce los tiempos de
|
|
desarrollo en gran medida. Por otro lado, nuestra elección fue trabajar
|
|
con un lenguaje compilado y nativo para las plataformas, para poder
|
|
aprovechar al máximo el hardware de cada una de estas, pudiendo tener
|
|
control total del manejo de la memoria, y teniendo un rendimiento óptimo
|
|
en todas las plataformas.</p>
|
|
|
|
<h2>Desarrollo</h2>
|
|
|
|
<p>El motor se encuentra en activo desarrollo y mantenido por uno de los
|
|
miembros del equipo, se planifica expandir el mismo de acuerdo a las
|
|
necesidades que surjan para el desarrollo del videojuego ( entre ellas,
|
|
completar el portado del mismo a las plataformas móbiles, módulo de
|
|
networking, módulo de scripting ).</p>
|
|
|
|
<h2>Licencia</h2>
|
|
|
|
<p>El motor es de código abierto, bajo la licencia MIT<sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup>, lo que permite utilizarlo libremente tanto para aplicaciones open source como para aplicaciones comerciales.</p>
|
|
|
|
<h2>Imágenes</h2>
|
|
|
|
<p>Demo de Interfaz Gráfica
|
|
<a target="_blank" href="https://ensoft.dev/assets/blog/eepp-ui.png" title="Demo de Interfaz Gráfica"><img src="" alt="Demo de Interfaz Gráfica"></a></p>
|
|
|
|
<p>Editor de Mapas
|
|
<a target="_blank" href="https://ensoft.dev/assets/blog/eepp-mapeditor.png" title="Editor de Mapas"><img src="" alt="Editor de Mapas"></a></p>
|
|
|
|
<p>Corriendo en HaikuOS<sup id="fnref:2"><a href="#fn:2" rel="footnote">2</a></sup>
|
|
<a target="_blank" href="https://ensoft.dev/assets/blog/eepp-haikuos.png" title="Corriendo en HaikuOS"><img src="" alt="Corriendo en HaikuOS"></a> </p>
|
|
|
|
<h2>Links</h2>
|
|
|
|
<p><a target="_blank" href="http://code.google.com/p/eepp/">Repositório en Google Code</a></p>
|
|
|
|
<p><a target="_blank" href="https://ensoft.dev/blog/especificaciones-de-entropia-engine-">Especificaciones Técnicas</a></p>
|
|
|
|
<div class="footnotes">
|
|
<hr>
|
|
<ol>
|
|
|
|
<li id="fn:1">
|
|
<p><a target="_blank" href="http://es.wikipedia.org/wiki/MIT_License">Licencia MIT en Wikipedia</a> <a href="#fnref:1" rev="footnote">↩</a></p>
|
|
</li>
|
|
|
|
<li id="fn:2">
|
|
<p><a target="_blank" href="http://haiku-os.org/">HaikuOS</a> <a href="#fnref:2" rev="footnote">↩</a></p>
|
|
</li>
|
|
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="blog_post" id="red-domo">
|
|
|
|
<h1>
|
|
<a name="red-domo" href="https://ensoft.dev/blog/red-domo">
|
|
Red Domo </a>
|
|
</h1>
|
|
<div class="markdown"><p>Tuvimos el placer de trabajar con la gente de <a target="_blank" href="http://deitres.com.ar/">Deitres</a>,
|
|
una empresa Marplatense de alcance nacional que utiliza tecnología
|
|
inalámbrica de vanguardia en sístemas de monitoreo de alarmas.</p>
|
|
|
|
<p>El trabajo realizado consiste en un ambicioso proyecto que permite
|
|
que su sistema de alarmas esté completamente integrado y pueda ser
|
|
accedido vía web, utilizando un navegador web estándar.</p>
|
|
|
|
<p>Fué todo un desafío para nosotros debido a la infraestuctura que ya
|
|
tenía en funcionamiento la empresa y las características de seguridad
|
|
que requiere un sistema con estas características.</p>
|
|
|
|
<p>Después de muchas reuniones, y de un planeamiento cuidadoso comenzamos a desarrollar lo que hoy es <a target="_blank" href="https://www.reddomo.com.ar/">DOMO</a>.</p>
|
|
|
|
<p><img src="" alt="Domo"></p>
|
|
|
|
<h2>Naturaleza del Proyecto</h2>
|
|
|
|
<p>El proyecto fué dividido en tres partes<sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup>:</p>
|
|
|
|
<h3>Receptora</h3>
|
|
|
|
<p>La receptora es la encargarda de recibir todos los datos que llegan de los diferentes sistemas de alarmas.
|
|
El desarrollo se llevó a cabo usando <em>C#</em> y partiendo de base de una librería interna proveída por el departamento técnico de Deitres.
|
|
Fué planeada con tolerancia a fallos y problemas de conexión.
|
|
Ésta luego de procesar los paquetes los envia por un canal seguro hacia el servidor.</p>
|
|
|
|
<h3>Servidor</h3>
|
|
|
|
<p>El servidor fué desarrollado integramente en <em>PHP</em>, utilizando un <em>Servidor Dedicado</em>.
|
|
Su principal función es la de recibir los datos que envía la receptora,
|
|
clasificarlos de forma correspondiente y asociarlos a las cuentas de
|
|
usuario y diferentes proveedoras de alarmas distribuidas por todo el
|
|
país.</p>
|
|
|
|
<h3>Página Web.</h3>
|
|
|
|
<p>La página Web, a su vez está dividida en tres partes:</p>
|
|
|
|
<ul>
|
|
<li>Cuenta de Administrador.</li>
|
|
<li>Cuentas para proveedores de servicios de alarmas.</li>
|
|
<li>Cuentas para usuarios finales.</li>
|
|
</ul>
|
|
|
|
<p>Fué desarrollada<sup id="fnref:2"><a href="#fn:2" rel="footnote">2</a></sup> utilizando <em>PHP</em> y <em>Javascript</em>, haciendo uso intensivo de el servicio de <em>Google Maps</em> para visualizar en tiempo real el estado de todos los equipos de alarmas conectados al sistema.</p>
|
|
|
|
<p>Toda las transacciones entre el navegador y el servidor son realizadas a través de una conexión segura utilizando el protocolo <strong>SSL</strong>..</p>
|
|
|
|
<h2>Funcionalidad</h2>
|
|
|
|
<p>El sistema completo provee una integración total de los servicios ya
|
|
ofrecidos por la empresa, mostrando gráficos en tiempo real del
|
|
rendimiento de los equipos. Ubicando en un mapa todos los puntos donde
|
|
se encuentran las alarmas y permitiendo administrar las cuentas de
|
|
usuario y las alertas recibidas.</p>
|
|
|
|
<p><img src="" alt="Domo"></p>
|
|
|
|
<p>Además para el usuario final le permite acceder, cualquiera sea su
|
|
ubicación al estado de las diferentes alarmas que posee intaladas,
|
|
permitiendole ver el estado y los mensajes que ha enviado la alarma al
|
|
sistema.</p>
|
|
|
|
<p>Cabe destacar también que los usuarios que tienen contratado el servicio de <strong>domótica</strong>
|
|
pueden controlar los diferentes dispositivos conectados a las alarmas,
|
|
por ejemplo, pueden abrir y cerrar puertas, encender luces controlar
|
|
calderas, etc. Todo desde su navegador web.</p>
|
|
|
|
<h2>Palabras Finales</h2>
|
|
|
|
<p>La implementación principal del proyecto llevó alrededor de cuatro meses de trabajo con colaboración constante entre las partes.</p>
|
|
|
|
<p>Hemos formado una sólida relación de negocios con dicha empresa y al
|
|
día de hoy continuamos trabajando en agregar funcionalidad al sistema, y
|
|
siempre dispuestos a innovar de forma conjunta.</p>
|
|
|
|
<div class="footnotes">
|
|
<hr>
|
|
<ol>
|
|
|
|
<li id="fn:1">
|
|
<p>Debido a la discreción requerida en este tipo de proyectos, se mencionan superficialmente las características del mismo. <a href="#fnref:1" rev="footnote">↩</a></p>
|
|
</li>
|
|
|
|
<li id="fn:2">
|
|
<p>El diseño gráfico de la misma fué contratado externamente por Deitres y es una realización de <a target="_blank" href="http://chic-creative.com/">Chic Creative</a>. <a href="#fnref:2" rev="footnote">↩</a></p>
|
|
</li>
|
|
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="blog_post" id="todo-deportes">
|
|
|
|
<h1>
|
|
<a name="todo-deportes" href="https://ensoft.dev/blog/todo-deportes">
|
|
Todo Deportes </a>
|
|
</h1>
|
|
<div class="markdown"><p>La web de <a target="_blank" href="http://www.tododeportesmdq.com.ar/nosotros">Todo Deportes</a> fué diseñada para una empresa que comercializa insumos para <strong>deportes extremos</strong>.</p>
|
|
|
|
<p>Se mantuvo un estilo simple, en tonos amarillos y negros acorde al logo de la empresa.</p>
|
|
|
|
<p>El sitio posee una galería interactiva en la parte superior de la
|
|
página, una navegación fluida y cuatro secciones: la página de inicio,
|
|
las marcas ofrecidas, el team sponsoreado y un formulario de contacto.</p>
|
|
|
|
<p><img src="" alt="Todo Deportes"></p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="bar"><a href="https://ensoft.dev/"><div id="logo"><div id="logo-fx"></div></div></a>
|
|
|
|
|
|
<ul id="links">
|
|
<li><a class="ajax-link" href="https://ensoft.dev/portfolio">portfolio</a></li>
|
|
<li><a class="ajax-link" href="https://ensoft.dev/nosotros">nosotros</a></li>
|
|
<!--<li><a class="ajax-link" href="https://ensoft.dev/blog">blog</a></li>-->
|
|
<li><a class="ajax-link" href="https://ensoft.dev/contacto">contacto</a></li>
|
|
|
|
</ul>
|
|
|
|
<div id="rss"><a href="https://ensoft.dev/rss">RSS</a></div>
|
|
|
|
|
|
</div>
|
|
|
|
</body></html>
|