Giter VIP home page Giter VIP logo

kb_project's Introduction

KB IT's Your Life 2기 DOKB(도깨비)

dokb_2

개발기간

2022.10.3 - 2022.11.6 (1개월)



추진배경

1. 금융 IT플랫폼 환경을 활용 못하는 맹인을 위한 서비스 필요

  • 금융 비대면서비스가 확대대고 있지만, 장애인의 이용률은 많이 낮음.

2. 장애인들의 개인정보 유출의 위험성 대두

  • 일반인을 위한 금융 IT 플랫폼을 장애인이 함께 사용하다보니 금융업무 중 타인에게 도움을 요청하는 과정에서 개인정보 유출 우려

3. 디지털점포 등장, 그에따른 맹인의 온라인 접근성 한계

  • “AI·스마트 기기는 시각장애인 사용 어려워, 앱보다 ARS 가 더 수월...”
  • 접근성 높일 국가적 지원 필요

4. 온라인 환경을 사용할 수 없음 무조건 지점방문을 해야함.



기대효과

  • 소외된 계층들에게 보다 편리한 서비스를 제공
  • 잠재적 고객 확보
  • 사회공헌적 활동으로 인한 기업 이미지 향상


기술

  • 간단한 회원가입 및 로그인 기술 구현.
  • STT, TTS 기술로 음성 입력 및 명령을 통한 페이지 이동 서비스 구현.
  • 사진 대조를 통한 간단한 본인인증으로 비대면 계좌 개설 서비스 구현.
  • 근처의 KB국민은행 지점 검색 서비스 구현.
  • 쉬운 접근성과 쉽게알아 볼 수 있는 화면 UI 구현.
  • 머신러닝을 통한 신용등급예측 서비스 구현.
  • 반응형 웹 구현.


FE를 React로 사용한 이유

  • 이전에 경험해본적 있는 언어고 다루기 수월할 것이라고 판단됐다.
  • 리액트는 대화형 UI를 작성하기에 유리하다. STT, TTS와 같이 데이터가 변경되었을 때 효율적으로 렌더링을 수행할 수 있도록 한다.
  • 캡슐화된 컴포넌트가 스스로 상태를 관리하고 복잡한 UI도 효과적으로 구성할 수 있음


아키텍처구조에 따른 기술스택



구현 화면

create

find

login

lookup

main

predict

predict_result

transfer





kb_project's People

Contributors

yu081197 avatar gkssk4163 avatar waterricecake avatar dyntop avatar

Stargazers

 avatar

Watchers

 avatar

kb_project's Issues

Transfer

  • UI 클론하기
  • 금액 나오게 하기
  • 이체하기 구현

Find

  • 검색 리스트 구현하기
  • 지도 api 가져오기
  • 검색 기능 추가

Account Create

  • UI 클론하기
  • 약관동의 체크박스 구현
  • inform 부분 양식 맞게 썼는지 확인
  • 서버로 정보 보내기
  • 신분증 촬영

ChatBot

  • UI 구현하기
  • STT에 따라 화면 이동
  • STT로 응답하기
  • STT로 화면 작동

Account Lookup

  • UI 클론하기
  • 액수 나오게 하기
  • 캘린더 모달 구현
  • 내역에 나오게 하기

Predict

  • UI 클론하기
  • 데이터 보내기

CV

  • 마우스 커서 움직임 구현하기
  • 클릭이벤트 구현하기
  • 화상키보드 ui 구현
  • 화상키보드 클릭 구현

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.