게더타운 접속자를 확인하는 크롬익스텐션 개발

 

 

1. 출석자명단 표시 및 실시간 업데이트**

크롬 익스텐션을 통해 게더타운의 접속자 명단을 가져와 출석 중인 사용자는 초록색 배경으로 표시되어 한눈에 확인할 수 있습니다. 또한, 새로고침 버튼을 통해 실시간으로 명단을 업데이트할 수 있습니다.

2. 출석부 가져오기 기능

"출석부 가져오기" 버튼을 클릭하면, 자체 출석 앱의 데이터베이스를 조회하여 출석한 사용자의 정보를 크롬 익스텐션 팝업 출석부에 표시합니다. 이를 통해 각 사용자의 출석 시간을 확인할 수 있습니다.

 

3. 퇴실부 가져오기 기능

"퇴실부 가져오기" 버튼을 누르면, 자체 출석 앱의 데이터베이스에서 퇴실 체크한 사용자의 정보를 조회하여 크롬 익스텐션 팝업 출석부에 해당 정보를 표시합니다. 이를 통해 각 사용자의 퇴실 시간을 확인할 수 있습니다.

 

개발 방식 설명

 

 

1. 출석자 명단 표시 및 업데이트

• 크롬익스텐션을 활용하여 크롬익스텐션에서 호출시
• 게더타운 접속자명단을 조회 > 크롬익스텐션으로 반환
• 크롬익스텐션에서 기존에 저장된 명단과 비교하여 접속자로 판명될경우
• 접속자 박스에 초록색으로 표기 위와같은 알고리즘을 적용하였다.

2. 출석부 가져오기 기능

- 회사내부에 앱이 존재하며 학생들은 게더타운에 접속과함께 앱에 출석체크를 하여야 한다.
- 이 출석자 명단은 db에 저장되며 나는 조회권한을 부여받았다.
- 기존에는 db를 조회하여 게더타운에 접속한 사람과 비교하여야 하지만
- 난 편하게 할려고 출석자 명단 표시기능에 추가하였다

1. 출석부페이지에서 출석시간가져오기 버튼클릭(호출)
2.  jquey(ajax)로 python flask에 호출
3. python에서 db를 조회하여 학생들 오늘자 출석정보를 가져오는 쿼리 실행
4. 쿼리 실행결과를 json 방식으로 반환
5. 출석부 페이지에서 학생명을 확인하여 학생 박스 하단에 출석시간을 출력

 

3. 퇴실부 가져오기 기능

• 출석부 가져오기 기능과 동일함.

https://github.com/woosun/atten_chrome_ext

GitHub - woosun/atten_chrome_ext: 크롬익스텐션을 이용한 게더타운 출석체크