Git Product home page Git Product logo

cloud_blurpencil_gonnyong4's Introduction


자동 검열 모자이크 서비스, BLUR PENCIL
빠르고 편리한 자동 검열 기능을 통해 취약한 보안을 강화하고 저작권 침해를 예방합니다.

📖 프로젝트 소개

프로젝트 설명 이미지

Blur Pencil은 Blur와 Pencil을 합친 단어로, 모자이크 처리 하고 싶은 이미지를 Pencil(연필)과 같은 우리에게 익숙한 도구로 간단하고 쉽게 Blur처리 하기 위해 고안한 아이디어 입니다. 접근하기 편리한 웹을 통해 이미지를 드래그 앤 드랍만 하면, 학습된 Blur Pencil이 이미지를 분석한 뒤, 모자이크 할 객체를 인식하며, 인식된 객체 중 원하는 객체를 골라 모자이크 처리를 할 수 있습니다. 또한 모자이크 처리 된 이미지 내역들을 저장할 수 있으며, 다른 사용자와 공유할 수 있도록 도와줍니다.

소개 영상 발표 자료

📄 기능 설계 및 가이드

Figma Proto-typing

이미지 클릭 시 이동 Figma

구조

구조

설계

설계

API 가이드(유저 관련)

📝 가이드 문서

API 가이드(로고 인식 관련)

📝 가이드 문서

⚙ 컴퓨터 구성 / 필수 조건 안내 (Prerequisites)

  • 권장 : 최신 버전의 크로미움 기반 브라우저

🔧 기술 스택 (Technique Used)

Server(back-end)

  • Node.js
  • Express
  • MongoDB
  • Flask
  • PyTorch

front-end

  • Vue.js
  • Bootstrap

⛏ 설치 안내 (Installation Process)

MongoDB 및 node.js 설치는 되어 있다는 가정하에 진행합니다.

$ git clone https://github.com/osamhack2020/Cloud_BlurPencil_GonNyong4.git
$ cd Cloud_BlurPencil_GonNyong4
$ npm install

Front-End

$ cd client/
$ npm install

Back-End

$ cd server/
$ npm install

Build / Test

$ (root) npm start

세팅시 유의 사항

  1. vue.config.js 안에 '/api' target 주소를 서버주소(로컬 환경시 서버포트)로 변경
  2. main.js 안에 serverUrl 변수명을 서버주소(로컬 환경시 서버포트)로 변경

구름 IDE 환경으로 개발시 로컬 주소가 아닌 URL 주소를 직접 입력해 주어야함

👨‍💻 팀 정보 (Team Information)


김현재

팀장

[email protected]


강예찬

팀원(Full Stack)

[email protected]


배성준

팀원(Front-End)

[email protected]


홍승표

팀원(Pytorch, CV)

[email protected]



Blur Pencil 사용법

STEP 1

사진을 Drag and Drop해서 올린다.

STEP 2

인식된 객체 중 모자이크 할 객체를 선택한다.

STEP 3

모자이크 처리 된 이미지를 확인 후 다운로드 한다.

로그인 없이 무료로 사용 가능


폴더 기능

작업한 이미지들을 폴더 별로 나누어 저장할 수 있으며 다른 유저와 공유도 할 수 있습니다.

메인 페이지
폴더 저장
폴더 공유
파일 관리

💻 DEMO

더 많은 테스트 케이스를 demo 폴더에서 확인하실 수 있습니다.

Demo Image 1

Demo Image 2

Demo Image 3

Blur Pencil 기대 효과

  • 빠르고 편리한 자동 검열 기능을 통해 보안 취약점과 저작권 침해 등을 보완할 수 있다.
  • 강력한 보안을 필요로 하는 개인이나 집단, 저작권 보호를 중요시하는 단체에게 Blur Pencil의 기술을 통해 업무 성능 향상을 도와준다.
  • 인식률(score)과 NMS(Non-Maximum Suppression)을 조절하여 검열 대상의 인식률을 조절 할 수 있다.

저작권 및 사용권 정보 (Copyleft / End User License)

MIT License

Copyright (c) 2020 GONNYONG4

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

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.