Studdype(스터띱)
KH정보교육원
2021.02.16 09:33
學無止境(학무지경) 스마트 콘텐츠 융합 응용SW 엔지니어 양성과정(16) 1회차 | |
|---|---|
| 팀장/팀원 | 김**(팀장) : DATABASE 구조 설계 / 메인페이지 / 일정관리 / 갤러리 게시판 / 카테고리 검색 / 시연 |
| 박** : DATABASE 구조 설계 / node.js / 스터디생성 / 도서게시판 / 스터디 디테일 / 학습 자료실 | |
| 이** : DATABASE 구조 설계 / node.js / 화상회의 환경 구축 / 자유게시판 / 아이디 찾기/ 발표/ 공지사항게시판 / 비밀번호찾기 | |
| 이** : 프론트 기획 / 로그인 | |
| 이** : 일러스트 / 전체 프론트 기획 / 장소 및 일정 관리 / PPT / 모임관리 / 커뮤니티 홈 / 투표 / 스터디 가입 신청 | |
| 조** : 기획진행 / 스터디 관리 / 마이페이지 / 회원 정보수정 / 스터디 탈퇴 | |
| 최** : 기획진행 / 회원가입 / 지역별 검색 | |
| 개요 | 1.스터디 매칭만이 아닌 스터디 매칭 후 스터디 관리까지 한번에 해결 해주는 스터디 전문 사이트 StuDdype 2. 관심있는 분야의 스터디를 쉽게 검색 할 수 있다. 3. 스터디가 생성되면, 스터디그룹만의 개별 소통공간 이 생성이된다. 4. 코로나 바이러스로 인해 모임에 제약 이 많아졌다. 이에 따라 온라인 환경에서 스터디를 진행 할 수 있도록 화상회의 기능 을 제공한다. 5. 스터디 개별 소통 공간에 스터디 학습내용, 포트폴리오 등을 기록해 필요에 따라 사용 할 수있다. 6. 도서 API 를 이용해 학습 서적을 등록할 수 있다. |
| 구현기능 | 스터띱 메인 기능 1. 로그인 / 회원가입 - 사이트 이용 시 필요한 로그인, 회원가입 2. 더 쉽게 스터디를 찾을 수 있는 카테고리/지역 별 검색 - 스터디 지역시/구를 선택하여 사이트에 등록되어 있는 스터디 정보를 검색할 수 있다. - 스터디 카테고리 분류에 따라 선택하여 사이트에 등록되어 있는 스터디 정보를 검색할 수 있다. 3. 자신이 원하는 스터디에 가입할 수 있는 스터디 매칭 - 여러가지 검색 기능을 통해 스터디를 알아보고 원하는 스터디에 신청할 수 있다. 3. 여러가지 책을 스터디원과 쉽게 공유 할 수 있는 도서 검색 - 도서 게시판에서는 카카오 북 검색 api를 이용하여 도서를 검색할 수 있고 검색한 도서를 도서 게시글로 등록할 수 있다. 4. 여러가지 일정을 공유하고 한눈에 볼 수 있는 일정관리 - 등록한 모임 정보를 달력으로 한눈에 확인할 수 있다. 5. 오프라인 모임에 대한 장소/시간을 등록하고 투표할 수 있는 모임 관리 - 스터디원들과 오프라인 모임 시 장소와 시간을 선택하여 등록 할 수 있다. ( 모임 등록 시 스티원들은 불참 여부를 투표할 수 있다.) 6. WebRtc를 이용한 화상회의 - node.js와 socket.io를 활용하여 온라인으로 스터디원들과 회의를 진행할 수 있다. 7. 스터디 진행에 필요한 자료를 공유할 수 있는 학습자료실 - 학습 자료를 빠르게 다운로드할 수 있고 자료 우선 순위로 게시글을 등록 할 수 있다. 8. 스터디원들과 자유롭게 정보 공유를 할 수 있는 자유게시판 - 스터디에 관련된 자신의 생각이나 정보를 게시글로 등록할 수 있다. 9. 스터디 공지사항을 확인할 수 있는 공지사항 게시판 - 스터디 팀장만이 작성할 수 있으며 스터디에 대한 규칙, 공지 정보를 등록할 수 있다. (스터디원은 자유게시판/학습자료실에서 공지사항 게시글을 확인할 수 있다.) 10. 스터디원들과 기념 사진이나 수상 사진등을 공유할 수 있는 갤러리 - 스터디원은 여러가지 사진을 등록할 수 있다. |
| 설계의 주안점 | - 스터디 매칭만이 아닌 스터디 매칭 후 스터디 관리까지 한번에 해결 해주는 스터디 전문 사이트 StudDype 누구나 관심 있는 분야의 스터디 를 쉽게 검색 할 수 있고, 스터디 생성시 스터디그룹만의 개별 소통공간 이 생성된다. 또한 코로나 바이러스로 인한 모임에 제약이 많아짐에 따라 화상회의 기능을 이용하여 온라인 환경에서도 스터디 를 진행 할 수 있도록 해준다 |
| 사용기술 및 개발환경 | - Servlets&Jsp / Java / css / Html / Javascript / jQuery / VsCode / Bootstrap - git / node.js / eclipse / Oracle / Spring / MyBatis |
![]() ![]() | |


목록으로
댓글쓰기
0
