Mi equipo de trabajo, streaming y grabación de cursos
Hace tiempo que quería hacer una entrada explicando lo que tengo configurado actualmente en el equipo de trabajo y, sobretodo, mantenerlo un poco al día para mi yo futuro; así puedo volver a tenerlo todo listo en caso de catástrofe (aunque es dificil que ocurra algo así).
Además, seguro que a muchos lectores les ayuda a conocer herramientas y a otros tantos bloggers les sirve para hacer un artículo similar (si es tu caso, déjalo en los comentarios).
Algo de Hardware
Ahora mismo utilizo dos equipos:
Equipo de trabajo:
- Equipo: Macbook pro 16 pulgadas
- 2,6 GHz i7 de 6 núcleos
- 16 GB 2400 Mhz RAM DDR4
- 512 GB SSD
- Doble gráfica: integrada de Intel UHD 630 1536 MB y AMD Radeon Pro 5300M 4GB.
Equipo de streaming, grabación
- Procesador: Intel i7 6700 3.4 GHz
- Placa base: Asrock B240 Pro4
- GPU: MSI GeForce GTX 1060 ARMOR 6G OC V1
- RAM: 2x Corsair Vengeance LPX DDR4 2400mhz 16GB 8GB CL16
- Fuente alimentación: EVGA 650 GQ 650W
- Almacenamiento: 2x SSD Crucial MX300 275GB / HDD Toshiba 1TB
- Refrigeración: NZXT Kraken X42
- Caja: NZXT 340 Elite Negra Mate
- Sistema Operativo: Windows 10 Pro / GNU/Linux Debian SID
Periféricos
- Monitores: Tengo dos Dell UltraSharp U2715H, son de 27 pulgadas 1440p con panel IPS; el secundario lo tengo colocado en vertical y lo uso (al contrario de lo que puedas pensar) para documentación, navegador con depuración, etc… Me gustan mucho los paneles IPS de DELL y lo bien que se ven.
- Como teclado utilizo un WASDKeyboards personalizado con switches Cherry Brown (me parecen los más cómodos), atenuados con o-rings red
- Ratón Zowie EC1-A, cómodo y simple, compatibilidad máxima al no utilizar drivers propios; toda la configuración de DPIs se hace por hardware y se almacena en el dispositivo
Audio
Para el audio de entrada o micrófono utilizo un Rode Procaster, alojado en un Rode PSM1 en el brazo Rode PSA1. El micrófono, al ser XLR necesita una interfaz, en mi caso la Scarlett 2i2 (2nd Gen).
Como audio de salida tengo dos opciones:
- Auriculares BOSE QuietComfort 35 II
- Altavoces Logitech G560
Servidor NAS
Lo pongo aparte, porque no encaja en los apartados anteriores. Tengo un Synology DS218PLAY que utilizo para realizar copia de seguridad del MacBook con Time Machine y almacenar lo que no uso habitualmente y quiero conservar; por ejemplo fotos o proyectos cerrados.
¿Cómo conecto todo?
Si te fijas, solamente tengo dos pantallas, un teclado y un ratón. No utilizo una pantalla para cada equipo ni estoy todo el día enchufando y desenchufando los periféricos.
La clave de todo esto está en cuatro aparatos: dos conmutadores USB y dos conmutadores HDMI (uno de ellos triple, para enchufar también la Nintendo Switch; no todo va a ser trabajar :P)
Básicamente, con cuatro botones cambio de un equipo al otro. Lo hago con cuatro para poder utilizar ambos equipos al tiempo si lo necesito.
La idea de esto es que la carga gráfica del streaming o grabación se la lleve el equipo de sobremesa y poder utilizar el MacBook sin que sufra tremendo calentón (que está hecho para ello, pero prefiero curarme en salud). Para manejar el sobremesa durante los streams o grabaciones, utilizo un teclado Logitech K400 Plus, que incorpora un ratón para salir del paso. También utilizo un Stream Deck para controlar estas cosas.
A nivel de red, conecto todos los equipos (MacBook, sobremesa, NAS y Nintendo switch) a un Switch ethernet D-Link DGS-108, que es automático y funciona suficientemente bien.
Cómo funciona el streaming y grabación
Para configurar el streaming utilizo Open Broadcaster Software, donde creo las diferentes escenas que utilizo:
- Vídeo de intro o espera
- Webcam a pantalla completa (con chat y demás)
- Pantalla completa sin webcam
- Pantalla completa con webcam
También añado el audio del escritorio y micrófono, configurando su volumen para que predomine el del segundo.
Todo esto configurado en el sobremesa; activo el segundo monitor y el conmutador usb que tiene todos los periféricos salvo teclado y ratón para funcionar con este equipo.
De esta manera, tengo el sobremesa listo para retransmitir o grabar cursos, quedando el MacBook listo para trabajar.
Con el teclado, ratón y monitor principal trabajo en el proyecto que toque en ese streaming.
Y ahora te preguntarás… ¿Cómo capturas la pantalla del mac? Seguramente pienses en una capturadora HDMI, ¿verdad? ¡Error! Utilizo NDI, con el que capturo la pantalla del MacBook desde el sobremesa ¡por la red local!
Lo bueno de este sistema es que la carga en el MacBook es mínima, ya que el OBS que ejecuto en él apenas consume (sólo captura pantalla) y, como tengo todo a través de la red local va realmente rápido.
Software que utilizo
Para producir es importante tener las herramientas adecuadas; aunque pueden variar mucho dependiendo de tu perfil y, sobretodo, con lo que te sientas más cómodo.
En mi caso, siendo diseñador y desarrollador web utilizo lo siguiente:
- Figma: Cada vez me gusta más, me parece la herramienta perfecta para diseñar webs, apps o interfaces de usuario en general. Anteriormente usé Sketch, lo abandoné por Affinity Designer en mi etapa con PC y finalmente he pasado a Figma
- Photoshop: Para retoque de imágenes sigue siendo la mejor herramienta; ya no tanto para prototipar o diseñar interfaces. Apenas lo uso, pero a veces es necesario un retoque puntual
- VSCode: Me gusta mucho la integración que tiene con el sistema y con la terminal
- Firefox: No voy a entrar en guerras de qué navegador es mejor y por qué. Yo soy de Firefox; en su versión Developer Edition para depurar. También tengo los demás navegadores para probar los sitios web
- Gulp con PostCSS.
- PoEdit: Lo utilizo para traducir los themes premium y generar los ficheros de traducción de los themes que desarrollo.
- bitwarden: Además de gestionar y generar todas las contraseñas que utilizo, guarda notas encriptadas.
- FileZilla Pro: Buen cliente FTP, lo utilizo hace años y no he encontrado alternativa que funcione mejor.
- MAMP PRO: Funciona muy bien y es fácil de hacer funcionar; no tengo costumbre de mantener en local más que los proyectos en desarrollo
- RecordIt: Increíblemente útil para mostrar acciones o bugs a clientes
- GitHub Dekstop: Me gusta tener visualmente controlados mis repos, para lo realmente importante (branches, commits, tagging) uso la terminal; a la hora de clonar un repo o similares prefiero la interfaz de esta app.
- Más allá de estas apps utilizo Slack para comunicarme, GMail como gestor de correo electrónico, GDrive como gestor de documentos en la nube…
Algunas configuraciones
No todo es el software, sino el uso que se hace de él, pero antes de centrarnos en el uso es necesario ver algunas configuraciones.
Software siempre en marcha
No me gusta estar abriendo programas cada vez que los necesito, suelo tener abiertos casi todos. Algunos que se arrancan al inicio (cuando apago el equipo, que es pocas veces) son: Local by Flywheel sin proyectos activos, Firefox, Slack y Skype
Configuración de Firefox
Lo típico, pestañas fijas con lo importante (gestor de tareas, GMail o GDrive); como complementos utilizo 1password y Web Developer Toolbar.
VSCode
Y llegamos a lo bueno del artículo y donde me voy a enrollar más.
VSCode es un editor de código super potente, y en base a sus características puedes configurarlo a tu antojo, con los plugins que más se adapten a tu forma de trabajar.
En mi caso, lo tengo bastante sencillo, utilizo Emmet y WordPress snippet.
Utilizo algunos más, pero los realmente importantes son esos dos.
A nivel diseño, no lo he editado más allá de colocar el sidebar de los archivos a la derecha y el terminal en un panel inferior.
La clave, para mi, es configurar los coding standards de WordPress en VSCode (o los que utilices) así como los diferentes linters.
Cómo me organizo
Hace mucho que leí este artículo llamado How to create a Minimalist Computer Experience, de Leo Babauta. Me llamó la atención por lo sencillo de algunas de las prácticas.
De este artículo saqué la idea de no perder tiempo en organizar ciertos ficheros (como son los de trabajos).
Actualmente tengo el escritorio como lo ves en la parte superior; con dos carpetas. El proceso es sencillo:
Por un lado, dentro de proyectos tengo las siguientes carpetas:
- Propuestas: Toda la documentación relativa a los presupuestos que piden
- Próximos: Propuestas aceptadas, pero que requieren algún tipo de interacción del cliente (generalmente documentación o toma de requisitos).
- Cancelados: Todos las propuestas rechazadas o proyectos que han terminado cerrándose antes de tiempo.
- En proceso: Los proyectos que están en fase de desarrollo; aquí incluyo toda la documentación enviada por el cliente, así como enlaces a las carpetas compartidas de Drive si las hubiera y a la del servidor local donde lo estoy desarrollando; la idea es tener todo el proyecto accesible desde la misma carpeta. Se agradece un montón cuando el proyecto se «congela» por diversas situaciones.
- Terminados: Los proyectos terminados los dejo aquí temporalmente, para después pasarlos a la carpeta «Archivar» que se ve en el pantallazo anterior.
La carpeta Archivar, como comento antes, me sirve de almacén temporal hasta que tengo tiempo/ganas de volcarla y organizarla en el NAS.
El proceso a seguir te lo puedes imaginar viendo la descripción de las carpetas.
Correo electrónico
El correo electrónico es una parte importantísima para los que trabajamos en Internet. En mi caso, utilizo GMail por varias razones; mi cuenta la tengo con Google Apps, tiene cliente nativo para iPhone, la gestión de cuentas y filtros es más que sencilla y potente.
Desde hace muchos años, aplico la técnica «Inbox Zero» (o lo intento). Hay muchas guías y diferentes implementaciones en Internet, no voy a escribir una más.
Pero, por si te sirve de iniciación, te explico cómo lo hago:
- Tengo el tipo de bandeja de entrada prioritario (tal y como puedes ver en la captura); esto significa que mi bandeja de entrada se organiza automáticamente en:
- Todos los mensajes destacados (marcados con estrella)
- Importantes
- Todo lo demás
El funcionamiento básico es este:
- Llega un correo: dependiendo de si es «humano» o «no humano» se coloca en la parte de la bandeja de «Importantes» o «Todo lo demás».
- Si el correo lo puedo atender en ese momento o se puede responder en menos de un minuto (puntualizaciones rápidas, vistos buenos a tareas o similares), lo respondo y arhivo (para esto tengo activado el botón de responder y archivar).
- Si no se puede responder en menos de un minuto (me distrae de las tareas actuales), lo marco como destacado con la estrella, y pasa a la parte superior de la bandeja. Esto también lo hago con los mensajes que requieren tarea por mi parte. Destino varios ratos diarios a gestionar estos correos.
- Todo lo demás, lo voy marcando como leído y archivado en tiempos muertos (notificaciones de redes sociales, newsletters y demás)
- Además, los correos que requieren respuesta sí o sí, los programo con un tiempo prudencial para que, en caso de no recibir respuesta del cliente o interesado, me envíe un correo de recordatorio.
¿Y tú? ¿Cómo lo tienes montado? Anímate y escríbelo en tu blog, espero el enlace en los comentarios.
También acepto mejoras, a veces hay poco tiempo para hacer I+D en según qué cosas… :-D
Me ha encantado el artículo.
Me gustaría que publicases algo sobre cómo organizar el tiempo de trabajo.
Siempre hay cosas nuevas para aprender e imprevistos que no estaban en la orden del día y en mi caso me desorganizan la jornada.
Gracias.
Hola, pues es una buena idea! Quizá en un futuro lo haga. :-D
Muy bueno tu artículo, voy a seguir el ejemplo de la organización de las carpetas aunque modificando algunas cosas para que se adapten a mi forma de trabajar. No sabía que existía ChitChat pero como también aveces hablo con mis clientes por Whatsapp utilizo una librería de node.js que convierte cualquier url en app de escritorio. Por lo que usaba whatsapp asi jeje (Podes ver un ejemplo aquí, que puede servirte para otras apps online).
Saludos!!!
Gracias por comentar Adrian.
Ya conocía esa librería de node; pero me gustan las cosas sencillas jeje.