Lango

Real-time language translation for events and conferences.

Built with

Firebase, Vue.js

Type

Website

Time to Market

2 weeks

자기소개

안녕하세요. 한국에 살고있는 대학원생입니다. JS, Python을 주로 사용하고 최근에는 JS를 이용한 함수형 프로그래밍과 Vue.js, Hyperapp에 빠져살고있습니다. 프론트를 주로하지만 백엔드개발도 아주 기본적인건 할줄 압니다. (풀스택은아닙니다)

어떤 서비스인지 설명해주세요

서비스이름은 Lango(랭고) Language와 Go의 합성어입니다. (사실 생각나는대로 막지었어요..) 서비스 목적은 다국인이 참여하는 오프라인 Meetup에서 Speaker의 발표를 텍스트로 동시 통역 후 스크린에 띄워서 Speaker가 발표하는 언어를 모르는 청중도 발표를 어느정도 이해할 수 있도록 돕고자하는 웹 앱입니다. Speaker는 크롬으로(크롬만 됩니다!) 웹사이트에 접속후 EventCode를 정해서 Create버튼을 누른후 Start 버튼누르고 마이크 입력을 허용합니다. 그리고 Presentation할때 에어팟이나 마이크등을 이용하여 자신의 목소리를 녹음합니다. 웹앱에서 마이크로 들어오는 목소리를 인식해서 텍스트로 변환후 그 텍스트를 실시간으로 11개국어로 번역합니다. 청중은 모바일로 접속해서 해당 Meetup의 EventCode를 입력하여 접속하고, 자신의 모국어를 선택해서 번역된 텍스트로 볼수 있게됩니다.

왜 시작하게 되었나요?

한국에서도 열리는 여러 Meetup을 보면 글로벌행사의 경우 다국인이 참가하는 행사가 많습니다. 저는 Google Startup Weekend라는 해커톤 행사를 Organizing한 적이 있습니다. 영어권 국가인 사람이 약 50%였고 한국인이 50%였는데, 많은 한국 분들이 영어에 미숙하여(물론 저도..) 발표할때 한국분들은 한국어로 얘기하고, 영어권국가분들은 영어로 얘기해서, 영어권 국가분들은 한국어를 전혀 모르시다보니 발표에 집중을 전혀 할수 없게되고 분위기가 어수선해지는 상황을 보았습니다. 그래서 Chrome에 내장된 SpeechRecognition 기능과 Google Cloud의 Language Translation 기능을 이용하여 음성을 인식하고, 그 인식된 텍스트를 그대로 11개국언어로 번역해서 보여주고, 청중은 모바일을 통해 각자 자신의 모국어 텍스트로 발표를 들을 수 있으면 좋지 않을까 하는 생각에 시작했습니다.

어떻게 빌드하셨나요? (언어)

프론트엔드는 익숙한 Vue.js를 사용했고, 백엔드는 빠르게 프로토타이핑하기 위해 따로 서버를 두지 않고 개인프로젝트에 자주 사용하는 BaaS인 Firebase를 이용하였습니다. 핵심기능인 음성인식기능과 번역기능 역시 빠른 프로토타이핑을 위해 Chrome에 내장된 SpeechRecognition API와 Google Cloud의 Translation 제품을 이용하였습니다.

얼마나 걸렸나요? 혼자서 하셨나요? 힘든건 없으셨어요?

혼자서 만들었으며, 기간은 기억이 안나지만 대략 1~2주 걸린것 같습니다. 힘든점은 디자인실력과 CSS실력이 아직 많이 부족해서 UI, UX를 디자인하는데 시간을 많이 쓰고, 그렇게 많이 썼음에도 불구하고 아직 UI가 너무 안예쁩니다.. (ㅠㅠ) 핵심 기능은 하루이틀이면 금방 만드는것 같습니다.

앞으로 바라는 바는?

처음 서비스를 기획한대로 나오진 않았고, 노마드 해커톤에서 상을 받은 이후로 시간이 없어 전혀 손을 못대고있습니다..

청중이 틀린 번역이나 음성인식을 고칠수 있게 해주는 기능이나.. Presentation 스크린에 always on top으로 한쪽에 인식된 텍스트만 띄워주는 기능이나..

처음 기획할 때 더 여러가지 기능들이나 UX들을 많이 생각해놨는데, 핵심기능 이후 기획했던 여러가지 기능들을 더추가해보고싶습니다.. (시간이된다면..)

기타. 잡담

노마드 해커톤 너무 재밌었고, 한국에서 또 열렸으면 좋겠습니다. 최근에 저는 자바스크립트를 이용한 함수형프로그래밍과 Hyperapp이라는 프레임워크에 관심을 갖고 공부하고있습니다. 누구든 비슷한 관심사가있거나 이야기를 나누고싶은분은 언제나 환영입니다! 깃허브나 인스타 팔로우해요!

https://github.com/ysm0622/ https://www.instagram.com/ysm0622_/

Website

https://langof.github.io