우선 (CSS 대충디자인 하고 기능위주로)클라이언트-웹서버 구조만 구현해보았다.
웹앱인데, 사이트에 접속하고 악기버튼을 누르면 서버가 접속해있는 다른 모든 클라이언트들에게도 전송을 해주어서 한 클라이언트가 누른 음이 같이 울린다.(임시로 드럼음으로 넣었다.) 즉, 여러명이서 서로 떨어져있어도 같이 연주할 수 있다. 아직 프로토타입이라서 많이 고쳐야한다.
– node.js- express라이브러리, socket.io 라이브러리를 이용하였다.
– 동영상에서 볼 수 있듯이, 서버가 동시에 모두 값을 전달해주지만 기기의 반응속도가 다르다. 노트북이 제일 빠르다. 이에 대해 보완해야 한다.
-여러 기기의 화면에 맞게 나타나도록 viewport를 html에 넣었지만 작은 폰에서 보면 한눈에 들어오지 않아 불편하다.
– 이제 오디오나 이미지파일을 데이터베이스로 관리해야한다.
-외부에서도 접속가능하게만들게 해야한다.(포트포워딩)/조사해본바에 따르면 주소창에 기본게이트웨이를 치면 공유기설정사이트가 나와야하는데 여기기숙사에선 보안문제인지 사이트자체가 뜨지 않는다. 더 알아봐야겠다.
-웹사이트 디자인에 대한 계획을 세워야하고 피아노음으로 바꿔야한다
POSTECH 78 stairs Piano Project 