💻 Touch My Coding 4주차 📱

터치마이코딩~
감동을 주는 코딩 플랫폼
시각장애인들에게도 퍼블리싱작업을 할 수 있도록 만드는 팀입니다.

지난주에는…

목표

  • 자세한 기능 역할 및 분담
  • Js Fiddle분석
  • 디버깅환경 생각해보기

회고

사실 전… 열심히 조사를 안했습니다.
그냥 jsfiddle 좀 뜯어본 정도…?
아직은 기획 정리에 포커즈를 두고 있습니다.
서서히 개발이 시작될 단계인 것 같습니다.


이번주에는…

gdsc일정상 프로토타입인데, 흠… 과감하게 생략한다.^^
일단 다다음주까지 코드 환경을 구축할 예정입니다.
그게 어느정도 안정화가 되면 기능을 추가해보고자 합니다.

그래서 무슨 기능…?

회의를 통해 다음과 같은 기능을 하고자 해요…

  1. 아이콘 제공 + (구체화 NO) 이미지 제공
  2. 색깔 정보 대신 색 조합에 따른 분위기, 추상적인 정보를 제공
  3. 디버깅이 필요한 코드 위치 잡아주기
  4. (구체화 NO) 음성 체계 잡기 EX) 파일 이동에 따라 스르륵 소리 제공



1️⃣ 아이콘 제공은 퍼블리싱 작업을 하는데 필요한 작업이지만, 디자인을 직접 구현하기 어렵고 또한, bootstrap을 하더라도 그 작업환경에서 원하는 아이콘을 뽑는 작업이 쉽지 않을 것이라고 판단합니다.
그래서 특정 단축키를 입력해서 시각장애인분들이 편하게 아이콘을 검색 할 수 있는 환경을 구축하고자 합니다

2️⃣ 단순히 ‘노란색, 주황색’이라는 색 정보를 제공해주는 것이 아닌 ‘따뜻함, 차가움’과 같은 색의 분위기, 추상적인 정보를 제공하고자 합니다. 또한 색 조합에 따른 웹페이지의 전체적인 분위기, 추상적 정보를 ml기반의 서버를 만들어서 텍스트 기반으로, 출력하자 합니다.

3️⃣ 또한 코드를 작성하고 디버깅 할 때 에러가 뜨는 코드 위치로 바로 커서를 이동해주는 기능을 만들고자 합니다.

4️⃣ 스크린 리더 기반이 될 수 있지만, 이 또한 저희만의 음성체계를 갖추면 어떨까라는 생각이 듭니다. 스크린 리더는 약간 기계가 읽는 방식이라… 예를 들어 html 파일이 여러개 존재하는 경우 파일 이동에 따라 스르륵 소리를 제공해준다던가?

앞으로 계획

일단 리액트 기반으로 코드를 작성하고 그 코드를 기반으로 어플리케이션 화면?처럼 보여줄 수 있는 툴을 만들예정입니다.
그 위에 기능들은 단축키로 구현을 하고자 합니다.
예를 들어 shift + i를 누르면 아이콘이 촤르르르르륵 나오는… 그리고 원하는 검색을 어떻게 할까…? 음성인식 받을까요…?
만약 이미지 제공을 하고 싶다면 그 이미지에 대한 정보를 읽고 출력할 수 있는 백엔드 서버를 구축을 해야겠지요…?
만약 개발한다면 Flask로 진행할듯 싶습니다.
이 부분에 대해서 좀 더 기획회의가 필요할 것 같네요.

그리고 가장 핵심적인 기능인 시각장애인분들이 디버깅환경을 구상해야합니다.
사용자가 코드를 입력하고 그 코드를 사용자 모바일 디바이스에 넘겨줘야하는데 이거 어떻게 할 지 고민만 3주째 하고있네요 ㅎㅎ
설날 때 한번 스프린트 하고자 합니다.

다음주 목표

다들 각자의 일정이 있다보니 널널히 2주치 계획을 세워봤습니다.

  • 의정: 시각장애인분들에게 직접 메일을 보내 컨택을 진행 할 예정
  • 민선: Js Fiddle와 비슷한 메커니즘으로 Touch My Coding 개발환경 구성
  • 정인: 기능 구체화 시나리오 작성 입니다.

저희팀은 2월 초~중에 스프린트 한번 땡겨서 개발속도 올릴예정입니다!