Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 104 lines (69 sloc) 5.005 kb
b1158e0 agrego info al readme y agrego los ultimos slides
cronopio authored
1 # Plataforma Presentaciones Fundación Casa del Bosque
2 La plataforma para las presentaciones es un proyecto del laboratorio tecnológico de la [Fundacion Casa del Bosque](http://www.fcbosque.org/).
6e98470 agrego agradecimientos en el readme
cronopio authored
3
a3b3a36 @cronopio [misc] agrego url al readme
authored
4 ### Dominio Temporal
5 http://fcbosque.jit.su
6
b1158e0 agrego info al readme y agrego los ultimos slides
cronopio authored
7 Este proyecto busca ofrecer una plataforma que permita la creación de presentaciones, sin preocuparse por los colores, el estilo o la visualización,
8 únicamente enfocandose en el cotenido de cada **slide** o diapositiva, además de esto el laboratorio tecnológico busca estar a la altura en las nuevas
c8fcffe agrego las diapositivas finales
cronopio authored
9 tendencias de construcción de aplicaciones web _escalables_ y esta plataforma es una prueba de ello.
6e98470 agrego agradecimientos en el readme
cronopio authored
10
b1158e0 agrego info al readme y agrego los ultimos slides
cronopio authored
11 La plataforma está construida sobre:
12
13 * [Node.js](http://www.nodejs.org/)
14 * [Express](http://expressjs.com/)
15 * [Socket.io](http://socket.io/)
16 * [deck.js](http://imakewebthings.github.com/deck.js/)
17
18 Especial agradecimiento para [Nodejitsu](http://nodejitsu.com/) por permitirnos alojar la aplicación en su infraestructura.
19
effcd68 @cronopio [fix] fix al logo de nodejitsu que rompi al borrar el branch de bogotajs
authored
20 ![Nodejitsu Rulezzz](http://github.com/cronopio/nodeSlides/raw/master/public/images/nodejitsu-logo.png)
b1158e0 agrego info al readme y agrego los ultimos slides
cronopio authored
21
22 ## Charlas creadas hasta el momento
2e7121e @arpunk Minor fixes al layout y al README
arpunk authored
23
24 * JavaScript del lado del servidor usando Node.JS
25 * La web como plataforma de desarrollo
6ce86da @MujerForestal Agregue el Titulo de la Diapositiva en el README
MujerForestal authored
26 * Arte Digital para la No Violencia contra la Mujer
b1a21f9 @cronopio [misc] agrego la charla de @fhernandez al readme
authored
27 * Express uno de los frameworks para desarrollo Web en NodeJS
6493839 @cronopio [misc] agrego las conferencias del flisol al readme
authored
28 * Criptografía para seres humanos. Usando GPG y GNU/Linux
29 * Seguridad con Firefox
30 * Paquetes deb y rpm, gestión e interfaces apt, aptitude y synaptic
b196e44 @cronopio muestro los slides de git en el inicio
authored
31 * Introduccion a Git
6e98470 agrego agradecimientos en el readme
cronopio authored
32
731101a @cronopio [readme] agrego algo de info al readme
authored
33 ## Como Agregar una charla?
34 Primero que todo necesita tener un ambiente con [Node.js](http://www.nodejs.org/) instalado y funcionando correctamente con [NPM](http://npmjs.org/)
35
36 ```
37 git clone https://github.com/cronopio/nodeSlides.git # Clonamos el repositorio
38 cd nodeSlides/
39 npm install # Para instalar las dependencias
40 node app.js # Asi corremos la aplicacion.
41 ```
42
43 Despues de que corra la aplicacion y veamos un mensaje como:
44
45 `Presentacion corriendo en el puerto 3000`
46
47 Quiere decir que podemos ingresar desde un navegador web a la direccion `http://localhost:3000` alli podremos ver la pagina de inicio
48 que contiene el listado de las diferentes conferencias subidas.
49
50 Lo primero es crear la plantilla inicial, debemos crear un directorio dentro de `views/` con nuestro nombre. Luego crearemos un directorio para nuestra presentacion,
51 quedando algo como `views/cronopio/miPresentacion` en ese directorio es donde crearemos nuestra presentacion.
52
53 Cada presentacion esta compuesta por 2 archivos principales
54
55 * `layout.jade` Plantilla Base
56 * `index.jade` Slides
57
cc0fe63 @cronopio [fix] minor fix url jade
authored
58 En este caso estamos usando [Jade](https://github.com/visionmedia/jade) como motor de templates para generar HTML, es muy recomendable aprenderlo a usar y es rapido de aprender.
731101a @cronopio [readme] agrego algo de info al readme
authored
59 Si usted no se siente comodo usando Jade, entonces puede hacer la presentacion en HTML crudo, siguiendo las recomendaciones de [deck.js](http://imakewebthings.github.com/deck.js/)
60
98538d7 @cronopio [fix] minor fix
authored
61 Es recomendable familiarizarse con el funcionamiento de [deck.js](http://imakewebthings.github.com/deck.js/) para entender mejor lo que hay en `layout.jade`
62
731101a @cronopio [readme] agrego algo de info al readme
authored
63 Basicamente tendremos los siguientes elementos:
64
65 * `title` Para definir el titulo de la pagina
66 * `link` Para incluir los CSS del tema elegido de deck.js
67 * Set de controles para el maestro
68 * Uso de algunos plugins de deck.js (navigation, status, remote, etc)
69 * Y terminamos incluyendo el JS necesario
70
f570c9a @cronopio [fix] fix link en el readme
authored
71 Es muy recomendable que revise el archivo [layout.jade](https://github.com/cronopio/nodeSlides/blob/master/views/cronopio/nodejs/layout.jade) como una guia para hacer el suyo.
731101a @cronopio [readme] agrego algo de info al readme
authored
72
f570c9a @cronopio [fix] fix link en el readme
authored
73 En el archivo `index.jade` tendremos entonces cada uno de los *<section>* con clase `slide` para que funcione deck.js
731101a @cronopio [readme] agrego algo de info al readme
authored
74
75 Por ultimo y para terminar simplemente edite el archivo `app.js` busque la parte donde se definen las rutas usando `app.get()` alli agregue su propia ruta:
76
77 ```javascript
78 app.get('/miPresentacion', function(req, res) {
79 res.render('cronopio/miPresentacion/index', { layout: 'cronopio/miPresentacion/layout' });
80 });
81 ```
82
83 Recuerde cambiar los datos de nombre de usuario y nombre de la presentacion a los suyos.
84
85 Para verificar entre el navegador y valla a la direccion `http://localhost:3000/miPresentacion` para visualizar sus slides.
86
87 #### Como agregar mi presentacion al listado inicial?
88 TDD
89
90 #### Como modificar app.js cuando hice mi presentacion en HTML crudo.
91 TDD
92
93
6e98470 agrego agradecimientos en el readme
cronopio authored
94 ## Agradecimientos.
95 Thanks to [Caleb Troughton] (https://github.com/imakewebthings) for bulding [deck.js](http://imakewebthings.github.com/deck.js/), a modern presentation tool.
96
97 Deck.js is a big inspiration for JavaScript developers dealing with talks and presentations.
98
99 Thanks a lot for [Chris Jaure](https://github.com/chrisjaure) and his [deckjs-remote](https://github.com/cronopio/deckjs-remote) extension.
100 Thanks for their initial work sync the slides using [Node.JS](http://nodejs.org).
101 I use their work, changing the server side for [express](http://expressjs.com/). The client-side work is the same. Thanks Chris Jaure!
102
103
Something went wrong with that request. Please try again.