JCode - JOTA 연동 (JCode-side)

[hyunchan-park]

JCode 에서 작성 중인 코드를 JOTA 에 바로 채점 요청할 수 있는 기능 만들기

• JCode-side: JOTA judge-sever 와 통신할 수 있는 extension 을 작성하고, 프로토콜에 맞추어 통신하는 모듈 작성
• JOTA-side: Judge-server 의 통신 프로토콜을 파악하고, JOTA web 이 아닌 다른 주체가 judge 요청을 할 경우 발생하는 문제 상황을 분석, 수정하기

[Sabro98]

현재 dummy db를 하나 만들어 extension <-> db REST 실험중입니다.
(extension은 typescript 사용해서 제작)

TODO

• dummy db와 통신 구축 마무리
• 실제 judge-server와 통신하기 위한 정보를 받으면 수정하기
• 배포를 어떻게 할지 생각
  • microsoft의 azure 사용해 online으로 배포 (market place 사용)
  • .VSIX 파일을 만들어서 offline으로 배포 (JCode에 offline으로 설치)

[hyunchan-park]

현재 dummy db를 하나 만들어 extension <-> db REST 실험중입니다.
(extension은 typescript 사용해서 제작)

TODO

• dummy db와 통신 구축 마무리

• 실제 judge-server와 통신하기 위한 정보를 받으면 수정하기

• 배포를 어떻게 할지 생각

  • microsoft의 azure 사용해 online으로 배포 (market place 사용)
  • .VSIX 파일을 만들어서 offline으로 배포 (JCode에 offline으로 설치)

좋습니다.
배포 문제는 두 번째 vsix 로 하는게 좋을 것 같습니다.
차후에 DMOJ 와 연동할 수 있는 general 한 구조가 된다면,
학생이 market place 에 올려서 수익을 창출해보시는것도 좋겠습니다ㅎㅎ
나중에 다시 논의해보시지요.

그럼 잘 부탁드립니다.

[Sabro98]

현재 진행상황입니다.

이전 TODO

• dummy db와 통신 구축 마무리

• 실제 judge-server와 통신하기 위한 정보를 받으면 수정하기

• 배포: .VSIX 파일을 만들어서 offline으로 배포 (JCode에 offline으로 설치)

judge-server 와 통신을 할 때 주고받는 데이터 형식

# send data
{
  "user":"<유저 아이디>",
  "problem":"<문제 코드>",
  "language" : "<제출 언어>",
  "source" : "<소스 코드>",
  "judge_id" : "<제출할 judge>",
}

# receive data
[['result', 'spend time', 'spend memory'] ...]

예시

# send
{
  "user": "admin",
  "problem": "aplusb",
  "language": "C",
  "source": "제출한 소스코드",
  "judge_id": "jota-judge",
}

# receive
[["AC", 0.002985592, 536.0], ["AC", 0.003200106, 536.0], ["AC", 0.037223542, 536.0]]

익스텐션의 동작 과정 (테스트 용도)

1. "submit code!"를 입력
   

2. 현재 열려있는 여러개의 파일 중 제출할 파일을 선택하여 제출
   

3. 제출 후 judge-server와 정상적으로 통신외 되어서 결과가 날아온 모습 (마지막 결과는 아직 제출한 유저에게는 보여지지 않음)
   

[Sabro98]

추가적으로 논의사항이 몇 가지가 있습니다..

• 채점 결과가 사용자에게 보여지는 방식

  • ./result/ 에 제출 결과를 저장

  • 기타 방법들..

• 유저의 아이디를 얻어오는 방식
  현재는 admin으로 실험을 합니다. 하지만, 실제 user인 "os201918373"과 같은 아이디를 어떻게 가져와야할지를 고민중입니다.

  • JCode는 각 유저마다 하나씩 할당되어있으므로 JCode에 있는 특정한 정보를 사용 -> 어떤 정보..?

  • 사용자가 자신의 아이디를 정해진 특정 파일에 수동으로 기록

• 제출할 문제 선택

  • 3-1.c 와 같이 파일의 이름을 제출할 문제와 같이 설정

  • (위의 사진2와 같이) 제출할 소스코드를 선택할 때 처럼 제출할 문제를 사용자가 선택

현재 위와 같은 고민들이 있습니다. 어떤 방향으로 나아가는것이 좋을까요?

[hyunchan-park]

추가적으로 논의사항이 몇 가지가 있습니다..

• 채점 결과가 사용자에게 보여지는 방식

  • ./result/ 에 제출 결과를 저장
  • 기타 방법들.

팝업으로 띄워주고 .result 등 폴더를 지정해서 결과를 저장해주는 방법은 어떤가요?

• 유저의 아이디를 얻어오는 방식
  현재는 admin으로 실험을 합니다. 하지만, 실제 user인 "os201918373"과 같은 아이디를 어떻게 가져와야할지를 고민중입니다.

  • JCode는 각 유저마다 하나씩 할당되어있으므로 JCode에 있는 특정한 정보를 사용 -> 어떤 정보..?
  • 사용자가 자신의 아이디를 정해진 특정 파일에 수동으로 기록

현재 JOTA 배포시에는 호스트의 이름을 본인의 학번으로 하도록 지정하고 있습니다.
따라서 hostname 을 얻어와서 ID로 사용하면 됩니다.
PW는 입력하지 않아도 되지요?

• 제출할 문제 선택

  • 3-1.c 와 같이 파일의 이름을 제출할 문제와 같이 설정
  • (위의 사진2와 같이) 제출할 소스코드를 선택할 때 처럼 제출할 문제를 사용자가 선택

현재 위와 같은 고민들이 있습니다. 어떤 방향으로 나아가는것이 좋을까요?

제출 대상 문제의 코드를 미리 과제때 공지하도록 하겠습니다.
일단 현재 버전에서는 수동으로 입력하게 하는 식으로 하면 어떨까요?

[Sabro98]

팝업으로 띄워주고 .result 등 폴더를 지정해서 결과를 저장해주는 방법은 어떤가요?

이런 방법으로 하는게 제일 무난해보입니다. 한번 시도해보겠습니다.

현재 JOTA 배포시에는 호스트의 이름을 본인의 학번으로 하도록 지정하고 있습니다.
따라서 hostname 을 얻어와서 ID로 사용하면 됩니다.
PW는 입력하지 않아도 되지요?

넵 PW는 입력하지 않아도 됩니다.

제출 대상 문제의 코드를 미리 과제때 공지하도록 하겠습니다.
일단 현재 버전에서는 수동으로 입력하게 하는 식으로 하면 어떨까요?

넵 일단 수동으로 입력을 받아서 제출하는 방향으로 개발을 해보겠습니다.

하지만, 매 제출마다 수동으로 입력하기에는 상당한 귀찮음(...) 이 있을것같아서 더 편하게 사용할 수 있는 방식이 있는지도 한번 생각해보겠습니다.

TODO

• 결과를 사용자에게 보여주기 -> 팝업 방식, 추가적으로 저장
• 제출할 문제의 코드 (ex, "aplusb") 를 입력받기
• hostname을 얻어와서 user ID로 사용
• 배포 -> .VSIX로 만들기

[Sabro98]

현재 진행상황

코드 제출을 위한 GUI를 만들었습니다. (vscode의 webView View API 사용)

로컬에서 테스트할 때는 좌하단에 있는것과 같이 GUI가 정상적으로 잘 작동합니다.
하지만, 이 Extension을 Code-Server에 올려서 실행하니 밑의 사진과 같이 정삭적으로 실행이 되지 않습니다.

GUI가 동작하지 않는 모습인데, 원인을 찾아보니 코드 서버 접속할 때 'https'를 사용하여 접속해야한다고 합니다.
그래서 실험을 위해 config.yaml의 내용 중 'cert: true' 로 바꾸어서 https 접속이 가능하게 하고 실험을 해보았습니다.

위와 같이 오류가 떠서.. 찾아보니 #5 와 연관이 있어보이고, 특히 인증과 관련이 있는것같습니다.

정리하면, 내부 핵심 기능들은 다 구현을 하였고, Error부분은 JOTA-side와 맞춰서 추가하면 될것같습니다.
또한, GUI는 local에서 잘 동작을 하지만, code-server에 올리면 문제가 발생합니다. (이는 https와 연관이 있는듯함..)
위의 에러만 해결된다면 바로 GUI까지 사용 가능할것같습니다.

혹시, 위의 문제상황을 어떤 방식으로 해결할 수 있을까요?

---

+위의 방법(GUI) 이 아닌 다른 방법도 생각해봤는데

위 사진은 editor toolbar(작업 영역의 위에 표시되는 bar 부분) 에 아이콘을 하나 추가하고, 이 아이콘을 누르면 extension이 실행되는 방식입니다.
이 방법이 code-server에서 작동하는지 확인해볼 필요가 있지만, GUI 문제를 해결하는데 시간이 걸릴것같다면, 이러한 방법으로 하는것은 어떤가요?