]> git.r.bdr.sh - rbdr/r.bdr.sh/blame - jekyll/curriculum/index.htm.bak
Adds titles for collection pages, link to archive
[rbdr/r.bdr.sh] / jekyll / curriculum / index.htm.bak
CommitLineData
53bd4e55
BB
1<!DOCTYPE html>
2<html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5
6 <link rel="stylesheet" type="text/css" href="/curriculum/style.css" title="default" />
7 <link rel="stylesheet" type="text/css" href="/curriculum/jquery.lightbox-0.5.css" />
8
9 <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA1B1-bxPhCe7u4Ba7aYKUTBTYEM4E4N0vns0MLUjR2DwB0E_9RRQgU6-MNsJCdkd1daX-Mv1HUnibjw"></script>
10
11 <script language="Javascript" type="text/javascript">
12 //<![CDATA[
13 google.load("jquery", "1.5.2");
14 //]]>
15 </script>
16
17 <script type="text/javascript" src="js/jquery.lightbox-0.5.pack.js"></script>
18
19 <script type="text/javascript">
20 //<![CDATA[
21 $(document).ready(function(){
22 // Hide all dds
23 $("#hideme").hide();
24 // When a dt is clicked,
25 $("#clickme").click(function () {
26 // Toggle the slideVisibility of the dd directly after the clicked dt
27 $("#hideme").slideToggle("slow");
28 });
29
30 $(function() {
31 // Use this example, or...
32 $('a.pico').lightBox(); // Select all links with lightbox class
33 $('a.polarity').lightBox(); // Select all links with lightbox class
34 $('a.grita').lightBox(); // Select all links with lightbox class
35 $('a.abuguet').lightBox(); // Select all links with lightbox class
36 });
37 });
38 //]]>
39 </script>
40
41 <title>Ben Beltrán &middot; Curriculum Vitae</title>
42 </head>
43 <body>
44 <div id="wrapper">
45 <div id="info">
46 <h1>Ben Beltrán</h1>
47 <h2 class="subtitle">Curriculum Vitae</h2>
48 <div id="quickinfo">
49 <p>Ingeniero en Tecnologias Computacionales con espe&shy;cialidad en Sistemas Inte&shy;ligentes y Computo Visual.</p>
50 </div>
51 <h2 class="contactheader">Contacto</h2>
52 <ul class="contactinfo">
53 <li class="phone"><span class="type">Teléfono: </span> (&#54;&#53;&#54;)&#32;&#51;&#48;&#49;&#45;&#53;&#55;&#53;&#50; </li>
54 <li class="site"><span class="type">Sitio Web: </span> <a href="http://www.nsovocal.com">www.nsovocal.com</a></li>
55 <li class="mail"><span class="type">E-mail: </span> &#98;&#101;&#110;&#64;&#110;&#115;&#111;&#118;&#111;&#99;&#97;&#108;&#46;&#99;&#111;&#109;</li>
56 <li class="twitter"><span class="type">Twitter: </span><a href="http://twitter.com/benbeltran">@benbeltran</a></li>
57 </ul>
58 </div>
59 <div id="profile">
60 <h2>Perfil</h2>
61 <p>He tenido una formación académica enfocada al uso de algoritmos inteligentes y gráficos computacionales para el desarrollo de aplicaciones: Videojuegos, visualización de datos, minería de datos, etc.</p>
62 <p>Profesionalmente mi desarrollo ha sido principalmente en las áreas de Desarrollo Web, incluyendo programación, arquitectura de bases de datos y diseño de experiencia de usuario. Igualmente, he tenido la oportunidad de desarrollar habilidades de diseño de imagen y manejo de tipografía.</p>
63 <div class="visualaid">
64 <img src="/curriculum/images/venndiagram.png" alt="[Diagrama: Web, Sistemas Inteligentes y Diseño]" />
65 </div>
66 </div>
67 <div id="experience">
68 <h2>Experiencia Profesional</h2>
69 <ul class="trabajos">
70 <li>
71 <h3>
72 <span class="puesto">Co-Fundador</span>
73 en <span class="empresa">Koala Workshop</span>
74 de <span class="fecha">2010</span> a <span class="fecha">Presente</span>
75 en <span class="lugar">Ciudad Juarez, Chih.</span>
76 </h3>
77 <p>Soy uno de los dos co-fundadores de Koala Workshop, una empresa de diseño y desarrollo de tecnologías web, hemos trabajado en la creación de soluciones de eventos para expos y convenciones internacionales y manejamos clientes binacionales que tienen un enfoque en hacer negocios en inglés y español.</p>
78 </li>
79 <li>
80 <h3>
81 <span class="puesto">Instructor de Fotografía Digital</span>
82 en <span class="empresa">ITESM</span>
83 de <span class="fecha">2010</span> a <span class="fecha">2011</span>
84 en <span class="lugar">Ciudad Juárez, Chih.</span>
85 </h3>
86 <p>Estuve encargado de planear y dar el curso co-curricular de fotografía digital en el Tecnológico de Monterrey Campus Ciudad Juárez, en el cual se ven temas de funcionalidades de las cámaras digitales, técnicas de composición artística y por último el manejo de Adobe Photoshop para hacer modificaciones no destructivas.</p>
87 </li>
88 <li>
89 <h3>
90 <span class="puesto">Organizador</span>
91 en <span class="empresa">Temporada de Patos</span>
92 de <span class="fecha">2010</span> a <span class="fecha">Presente</span>
93 en <span class="lugar">Ciudad Juárez, Chih.</span>
94 </h3>
95 <p>Encargado de planear la organización de la convención, expo y torneo nacional de videojuegos Temporada de Patos. Mis responsabilidades incluían contactar ponentes, planeación de logística, contactar proveedores, organización de voluntarios, diseño de imagen, desarrollo de plataforma tecnológica para registro de usuarios, desarrollo web, montaje de evento, maestro de ceremonias y otras actividades auxiliares requeridas para todo tipo de eventos.</p>
96 <p>Particularmente, me ha permitido tener un contacto con la industria de los videojuegos internacional, que tiene desde desarrolladores indie canadienses y líderes de comunidad de sitios importantes hasta algunos de los padres de la industria.</p>
97 </li>
98 <li>
99 <h3>
100 <span class="puesto">Instructor de Curso de C</span>
101 en <span class="empresa">ITESM</span>
102 en el año <span class="fecha">2010</span>
103 en <span class="lugar">Ciudad Juárez, Chih.</span>
104 </h3>
105 <p>Di un curso intensivo de programación en C para alumnos de Ingeniería en Tecnologías Computacionales que cubría la totalidad del lenguaje. Mis labores incluyeron la planeación del curso y el diseño de laboratorios.</p>
106 </li>
107 <li>
108 <h3>
109 <span class="puesto">Encargado de Servidores</span>
110 en <span class="empresa">ITESM</span>
111 de <span class="fecha">2009</span> a <span class="fecha">2010</span>
112 en <span class="lugar">Ciudad Juárez, Chih.</span>
113 </h3>
114 <p>En mi tiempo como encargado del laboratorio de servidores estuve a cargo del manejo e implementación de servidores UNIX con servicios de: Bases de datos Oracle, repositorios SVN y depósito de archivos.</p>
115 </li>
116 <li>
117 <h3>
118 <span class="puesto">Instructor de Desarrollo Web</span>
119 en <span class="empresa">ITESM</span>
120 en los años <span class="fecha">2006</span> y <span class="fecha">2008</span>
121 en <span class="lugar">Ciudad Juárez, Chih.</span>
122 </h3>
123 <p>En el 2006 estuve encargado de planear un curso básico de desarrollo web para alumnos de preparatoria que cubriera las tecnologías básicas como HTML y CSS.</p>
124 <p>En el 2008 tuve a cargo la planeación de un curso similar para alumnos de universidad que tuviera prácticas con configuración de ambientes LAMP, el uso lenguaje PHP y la arquitectura de bases de datos.</p>
125 </li>
126 <li>
127 <h3>
128 <span class="puesto">Líder de Proyecto</span>
129 en <span class="empresa">Compañía de Anuncios</span>
130 de <span class="fecha">2007</span> a <span class="fecha">2008</span>
131 en <span class="lugar">Ciudad Juárez, Chih.</span>
132 </h3>
133 <p>En este tiempo estuve encargado de la programación y diseño de un proyecto llamado Shopping Hood en el cual tuve que desarrollar un portal dinámico para categorización y búsqueda de ofertas.</p>
134 </li>
135 </ul>
136 </div>
137 <div id="projects">
138 <h2>Otros Proyectos</h2>
139 <div id="projectsvg">
140 <h3 class="vgheader">Video Juegos</h3>
141 <ul class="projects vglist">
142 <li><h4>Polarity</h4>
143 <h5>Arena shooter con elementos de magnetismo.</h5>
144 <p>Polarity es un arena shooter sencillo en el que debes controlar tu campo magnético para maximizar tu supervivencia y tu puntaje.</p>
145 <ul class="screenshots">
146 <li class="first"><a href="/curriculum/images/shots/polarity-title.png" class="polarity"><img src="/curriculum/images/shots/thumbs/polarity-title.png" alt="Polarity - Pantalla de Titulo" /></a></li>
147 <li><a href="/curriculum/images/shots/polarity-game.png" class="polarity"><img src="/curriculum/images/shots/thumbs/polarity-game.png" alt="Polarity - Pantalla de Juego" /></a></li>
148 </ul>
149 </li>
150 <li><h4>Pico</h4>
151 <h5>Engine para juegos en 2D en C y Lua.</h5>
152 <p>Pico es un engine y un juego. Como motor, utiliza SDL para los gráficos y un módulo de scripting de Lua para controlar el comportamiento. Como juego, es un juego de plataformas minimalista en CMYK.</p>
153 <ul class="screenshots">
154 <li class="first"><a href="/curriculum/images/shots/pico-shot.png" class="pico"><img src="/curriculum/images/shots/thumbs/pico-shot.png" alt="Pico - Pantalla de Juego" /></a></li>
155 <li><a href="/curriculum/images/shots/pico-stresstest.png" class="pico"><img src="/curriculum/images/shots/thumbs/pico-stresstest.png" alt="Pico - Prueba de Estrés" /></a></li>
156 </ul>
157 </li>
158 </ul>
159 </div>
160 <div id="projectsweb">
161 <h3 class="webheader">Sitios Web</h3>
162 <ul class="projects weblist">
163 <li><h4>Abuguet</h4>
164 <h5>Comunidad de gamers mexicana.</h5>
165 <p>Abuguet nace a partir de la comunidad formada por el evento de Temporada de Patos, este es un lugar para discutir videojuegos y para juntarse a jugar.</p>
166 <ul class="screenshots">
167 <li class="first"><a href="/curriculum/images/shots/abuguet-frontpage.png" class="abuguet"><img src="/curriculum/images/shots/thumbs/abuguet-frontpage.png" alt="Abuguet - Página Principal" /></a></li>
168 <li class="first"><a href="/curriculum/images/shots/abuguet-foros.png" class="abuguet"><img src="/curriculum/images/shots/thumbs/abuguet-foros.png" alt="Abuguet - Foros" /></a></li>
169 </ul>
170 </li>
171 <li><h4>¡Grita!</h4>
172 <h5>Comparte texto fácilmente en la calle o en internet.</h5>
173 <p>¡Grita! es un sitio en el que puedes subir texto para compartir en el internet por medio de una URL corta o en la vida real por medio de un QR-Code imprimible.</p>
174 <ul class="screenshots">
175 <li class="first"><a href="/curriculum/images/shots/grita-form.png" class="grita"><img src="/curriculum/images/shots/thumbs/grita-form.png" alt="Grita - Forma Principal" /></a></li>
176 <li class="first"><a href="/curriculum/images/shots/grita-text.png" class="grita"><img src="/curriculum/images/shots/thumbs/grita-text.png" alt="Grita - Texto" /></a></li>
177 </ul>
178 </li>
179 </ul>
180 </div>
181 </div>
182 <div id="education">
183 <h2>Educación &amp; Habilidades</h2>
184 <p class="education-para">En mayo del 2010 gradué del Tecnológico de Monterrey Campus Ciudad Juárez con un título en <em>Ingeniería en Tecnologías Computacionales</em> con una concentración profesional en <em>Sistemas Inteligentes y Computo Visual</em>. Esto significa que aparte de mi formación en ciencias computacionales, tengo conocimiento en algoritmos metaheurísticos, de juego, y de búsqueda; y además conocimiento de gráficos computacionales y teoría de desarrollo de videojuegos</p>
185 <ul class="abilities">
186 <li>Ruby, Javascript, C, C++, Lua &amp; PHP</li>
187 <li>MySQL, MongoDB, &amp; PostgreSQL</li>
188 <li>HTML, CSS, XML, RSS &amp; ATOM</li>
189 <li>Ruby on Rails, CakePHP &amp; Sinatra</li>
190 <li>OpenGL, SDL &amp; Box2D</li>
191 <li>OS X, Linux &amp; Windows</li>
192 <li>Subversion &amp; Git</li>
193 <li>Adobe Photoshop &amp; Adobe Illustrator</li>
194 <li>&ldquo;Grid Based Design&rdquo;</li>
195 <li>&ldquo;Behavior Driven Development&rdquo;</li>
196 <li>SCRUM &amp; desarrollo ágil</li>
197 <li>99.9% Inglés</li>
198 <li>Organización &amp; logística de eventos</li>
199 </ul>
200 </div>
201 <div id="personal">
202 <h2 id="clickme"><a>Aviso: Datos Personales a continuación</a></h2>
203 <div class="hidden" id="hideme">
204 <p>Quisiera utilizar este espacio para mencionar algunas preferencias personales, que aunque regularmente no se incluyen en un curriculum como este, pienso que son importantes para poder saber que tipo de persona soy.</p>
205 <ul class="funfacts">
206 <li>Soy un Gamer y mi género favorito son los RPG. Aparte de eso soy “Retro Gamer” y muy apasionado al respecto, prefiero el SNES que cualquier otra consola.</li>
207 <li>Soy muy apasionado respecto a la tipografía.</li>
208 <li>Soy amante del café.</li>
209 <li>Mis gadgets: MacBook Pro 13” (OS X 10.6), Samsung Galaxy S (Android 2.3), iPod Touch (8GB, iOS4), nook 3G &amp; Nintendo DS Lite Negro.</li>
210 <li>Me gustan más los gatos que los perros</li>
211 <li>Mis grupos favoritos son Of Montreal, Belle &amp; Sebastian y Neutral Milk Hotel</li>
212 <li>Pienso que solo hay una trilogía de Star Wars, mi favorita es el episodio V.</li>
213 <li>Me gustan los comics, mi autor favorito es Daniel Clowes.</li>
214 </ul>
215 <div class="separatorfinal">&nbsp;</div>
216 </div>
217 <div class="disclaimer">
218 Da click en esta barra solamente si estás dispuesto a leer datos sobre los gustos personales y subjetivos de Ben Beltrán. <em>La información contenida puede ser altamente polarizadora.</em>
219 </div>
220 </div>
221 </div>
222 </body>
223</html>