Git Product home page Git Product logo

cloud_blurpencil_gonnyong4's People

Contributors

hughesgoon avatar kyechan99 avatar seungpyo avatar westofsky avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

cloud_blurpencil_gonnyong4's Issues

workbench 구성

workbench 구성

파일 업로드부터 모자이크까지 이어지는 기능 타임라인 구현을 위한 의견 통합 이슈입니다.

#26 에서 말해주셨듯 실질적인 구현을 위한 구성을 다시 통합하고자 합니다.

사진 올리고, 객체를 선택하도록 하는 버튼같은게 있어야 할지, upload에서 유저가 select해야할 게 모두 무엇인가
이미지 업로드 이후 유저가 할 수 있는 행동과 서버에서 해줄수 있는 행동을 정리해보면 좋을 것 같다.

개인적으로 고민해본 내용은 아래와 같습니다.

  1. [유저] 이미지를 업로드합니다.
  2. [서버] (허용된 파일이라면) 파일을 업로드하고 객체 인식 API로 POST합니다.
  3. [서버] 인식된 객체 정보를 json으로 받고, 사용자의 이미지와 객체들을 표시합니다.
  • 이때 (선택이 되어있는) 객체들의 bounded box를 이미지 상단에 표시합니다.
  • 인식된 객체들을 Crop된 이미지(bounded box와 각각 연결되어있음)로 표시해줍니다.(우선순위 下, 일단 이미지 위에서 클릭만 하는 식이어도 기능상 문제없을듯)
  • bounded box 또는 Crop된 이미지는 clickable하며 하나의 체크박스처럼 작동됩니다.
  1. [유저] 유저는 표시되는 객체들 중 원하는 객체들만 선택합니다.
  2. [서버] 선택된 객체들의 좌표와 이미지를 다시 API로 POST합니다.
  3. [서버] 최종 모자이크된 이미지를 반환합니다.

결론적으로 유저는 파일을 업로드한 뒤, 표시된 box를 선택하는 작업만 하면 되지 않을까 생각합니다.
#27제안해주신 예시처럼 진행 단계를 상단에 표시하고, 객체 정보는 우측 패널에 표시되면 깔끔하지 않을까요?

유저의 선택을 조금 더 줄이거나, 최종 결과물을 본 이후의 기능같은부분이 추가로 필요할까요?
아니면 저 순서에서 API를 개선할 방법이 있을가요?

공유 | 폴더 기능 추가에 대해서

공유 | 폴더 기능 추가에 대해서

추가하게 된 이유는 카톡에서 얘기했는데요.. 일단 구현된 사항은 다음과 같습니다. (한 85%??)
시간이 시간이다 보니 머지에 대해선 고민해 봐야될것같습니다.

대시보드

image

점선 : 폴더 생성
메인색 : 내 폴더
연한색 : 공유받은 폴더

폴더추가

image

파일 데이터 보기 | 파일을 폴더로 이동

image

폴더 공유

image
폴더내 파일 항목을 보여주는 방식을 대시보드->파일들 형태로 할지 최근항목->파일들 형태로 할지 개인적으론 성준님이 ㅈ작해 주셨던 최근항목->파일들이 이미지 하나하나를 크게 보여줄 수 있어서 괜찮아 보이긴 한데요..

공유 받은 유저 화면

image

미구현된것

  • 클라내 폴더 삭제 (API 는 존재)
  • 공유된 사용자들 보여주기 (따로 API는 없고 기존 폴더 불러올때 사용자들도 같이 있음)
  • 공유된 사용자 해제 (API 아직 없음)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.