본문 바로가기
Project/Final (20.10.05-20.11.17)

2020.10.08.(목)/2020.10.11.(일) 파이널 프로젝트 - <온라인 스터디 플래너> 주제 확정

by myspace 2020. 10. 12.

선정 이유

  • 비대면 시대에도 역시 시간관리는 중요하다

  • 모트모트 텐미닛 플래너+태스크 매니저의 인기나 (굿노트, 노타빌리티, 노트쉘프 등의) 애플리케이션에서 10분 단위로 시간 체크 하는 플래너 형식의 pdf 파일이 많이 공유되는 것을 보며 이런 기능을 갖고 있는 온라인 플래너가 있으면 어떨까 생각하게 되었음

motemote.kr/product/detail.html?product_no=235&cate_no=153&display_group=1

 

모트모트

감각적인 컬러, 심플하지만 강력한 구성, 부드러운 필기감을 구현한 모트모트의 제품을 지금 바로 만나보세요!

www.motemote.kr

www.instagram.com/explore/tags/%EB%AA%A8%ED%8A%B8%EB%AA%A8%ED%8A%B8%ED%94%8C%EB%9E%98%EB%84%88/

 

#모트모트플래너 해시태그 • Instagram 사진 및 동영상

 

www.instagram.com

sitemap(기능)

  • 개인 스터디 기록
    • 시간관리 플래너 파트(총 공부 시간 자동 집계 필수)

      • Weekly & Monthly

      • Daily (10분 단위)

        • ex) 항목(계정별로 저장, 자동완성 지원)+컬러 단위

        https://codepen.io/gaearon/pen/gWWZgR?editors=0010

        ⇒ 10분 단위로 체크를 해서 기록하는 게 아니라 스톱워치 기능을 더하여 자동으로 색이 칠해진다면?

      • pdf나 image file로 저장

  • 목표 관리

frappe.io/charts/docs/basic/heatmap

 

 

  • 성적 관리 : 시각화(D3?)
  • 스터디 그룹 기능

    • 그룹별 게시판?

    • 그룹별 채팅

    • 실시간 스터디 영상 공유 → (결제 시) 타임랩스 스타일로 저장할 수 있으면 좋겠음...

      +스톱워치로 자동 등록

      careet.net/21

  • 오프라인 스터디 공간 조회 및 예약

  • 스터디 팁 게시판

기술

  • WebRTC + kurento / QuickBox + (타임랩스 스타일로 가공)

velog.io/@ehdrms2034/WebRTC-%EC%9B%B9%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EB%A1%9C-%ED%99%94%EC%83%81-%EC%B1%84%ED%8C%85%EC%9D%84-%EB%A7%8C%EB%93%A4-%EC%88%98-%EC%9E%88%EB%8B%A4%EA%B3%A0

 

[WebRTC] 웹브라우저로 화상 채팅을 만들 수 있다고?

항상 글 시작은 비슷한 레퍼토리다. 평소에 관심이 많아서..ㅋㅋ이전에 코딩 과외 플랫폼을 제작한 적이있다.그때 Web RTC 모듈을 이용해서 플랫폼을 제작했었는데,내부 구성 원리를 모른채 구현�

velog.io

doc-kurento.readthedocs.io/en/6.14.0/tutorials/java/tutorial-recorder.html

 

Java - Recorder — Kurento 6.14.0 documentation

Docs » Tutorials » Java - Recorder Edit on GitHub Discover the new easier way to develop Kurento video applications Java - Recorder This web application extends Hello World adding recording capabilities. Note This tutorial has been configured to use http

doc-kurento.readthedocs.io

github.com/QuickBlox/javascript-media-recorder

 

QuickBlox/javascript-media-recorder

WebRTC video recorder library for Javascript. Contribute to QuickBlox/javascript-media-recorder development by creating an account on GitHub.

github.com

gist.github.com/porjo/3e4b182089c430a54a64

 

ffmpeg time-lapse

ffmpeg time-lapse. GitHub Gist: instantly share code, notes, and snippets.

gist.github.com

gist.github.com/tterrag1098/fa0dd0552aad17493b98b7f013391029

 

Timelapse.java

GitHub Gist: instantly share code, notes, and snippets.

gist.github.com

github.com/AndreiSasu/MotionDetectorRecording

 

AndreiSasu/MotionDetectorRecording

A Java application which does webcam motion detection and uploads images to GoogleDrive or DropBox. - AndreiSasu/MotionDetectorRecording

github.com

github.com/csanuragjain/recorder

 

csanuragjain/recorder

Java Programs for recording using webcam, screen & audio - csanuragjain/recorder

github.com

  • Google Calendar API : 알림 기능 (오프라인 스터디 공간 예약 등)

developers.google.com/calendar

 

Calendar API  |  Google Developers

Create and manage events and calendars for Google Calendar.

developers.google.com

  • D3.js / Chart.js / WebDataRocks / Chartkick / frappe : 목표/성적 관리 시각화

frappe.io/charts/docs/basic/heatmap

 

Heatmap

Day-based Month-wise data The heatmap is a representation of day-wise data (similar to the GitHub Contribution Graph). It spaces out data values linearly, across 5 levels (zero data kept exclusive). In this case, the data has three parts, let data = { data

frappe.io

github.com/frappe/charts

 

frappe/charts

Simple, responsive, modern SVG Charts with zero dependencies - frappe/charts

github.com

chartkick.com/

 

Chartkick - Create beautiful JavaScript charts with one line of Ruby

Create beautiful JavaScript charts with one line of Ruby Loading... Quick Start Add this line to your application's Gemfile: gem "chartkick" For Rails 6 / Webpacker, run: yarn add chartkick chart.js And in app/javascript/packs/application.js, add: require(

chartkick.com

www.webdatarocks.com/

 

WebDataRocks | Free Web Reporting Tool

Hey! We truly hope that our free tool comes in handy for your business, especially these days. Follow our news, stay safe & pivot on!

www.webdatarocks.com

github.com/chartjs/Chart.js

 

chartjs/Chart.js

Simple HTML5 Charts using the

tag. Contribute to chartjs/Chart.js development by creating an account on GitHub.

github.com

github.com/d3/d3

 

d3/d3

Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: - d3/d3

github.com

  • 채팅 기능

hwiveloper.dev/2019/01/10/spring-boot-stomp-websocket/

 

스프링부트에서 STOMP 웹소켓 사용하기

spring guide를 보던 중 STOMP 프로토콜을 사용하여 WebSocket을 구현하는 재미있는 샘플이 있어서 사용해보았다. WebSocket은 TCP레이어 위에 존재하여 중간에 메세지를 전달할 수 있는 채널의 개념이다. �

hwiveloper.dev

salepark.tistory.com/78?category=945958

 

Stomp와 SockJS를 이용한 채팅방개설

회원간 1:1채팅이 진행되는 과정을 살펴보면 먼저 A라는 회원이 B라는 회원에게 메세지를 보내고 싶어한다고 가정해보면 1. A회원이 B회원과 채팅방을 만듭니다. 이 때 기존에 둘 사이 채팅방이 ��

salepark.tistory.com

 

참고

play.google.com/store/apps/details?id=com.pallo.passiontimerscoped&hl=ko

 

열정품은타이머 - 혼자 공부하지말고 열품타에서함께 공부하세요! - Google Play 앱

경쟁자들이 공부중이라면 잠이 오겠습니까? 친구들과 함께라면 힘이나지 않을까요? 수능,공시,고시 등 길고긴 마라톤 열품타에서 함께 공부하세요! 경쟁자를 보고 자극받고 친구들을 보고 힘을

play.google.com