html5 image solution · 2018-07-03 · iwithus coop - image process expert group...

HTML5 Image Solution

2017.01

아이위더스

IWITHUS COOP - Image Process Expert Group

Innovation With US이미지 솔루션 전문가 그룹이 고객 시스템의 혁신을 이루겠습니다.

Image Web Solution표준웹환경에맞추어기존의제약에서벗어나고객의선택권을

돌려드리겠습니다.

www

HTML5

CSSJavascript

ImageProcessing

BCR

CompressEncryption

2


67.4464.75

61.5664.20

59.57

46.7544.26

41.73

36.06 34.67 33.89 34.7628.58

30.74 32.37 31.0634.73

44.46 46.0948.30

55.28 56.30 56.62 55.60

1.47 1.40 2.20 1.42 1.83 2.81 2.86 2.92 2.59 2.67 2.83 2.751.16 1.38 1.47 1.17 1.48 2.99 3.20 3.15 2.29 2.28 2.25 2.440.53 0.66 0.90 1.17 1.14 1.34 1.62 1.97 1.93 1.97 2.02 2.130.40 0.40 0.46 0.48 0.48 0.62 0.64 0.60 0.64 0.81 0.82 0.760.22 0.22 0.80 0.32 0.53 0.52 0.43 0.49 0.76 0.78 0.98 0.890

10

20

30

40

50

60

70

80

IE Chrome Firefox Safari Edge Swing Opera

※ 상기 데이터의 출처는 statcounter.com 기준으로 산출하였습니다.

3

웹 브라우저제품별 사용 현황

Intro


Edge

InternetExplore

r

마이크로소프트 엣지(Microsoft Edge, 코드명 스파르탄)는 2015년 7월 29일에 마이크로소프트가 출시한 웹 브라우저 입니다.

2015년 1월 21일에 공개되었으며, 2015년 7월 29일에 출시된 윈도우 10과 스마트폰 및 태블릿용 윈도우 10 모바일에

인터넷 익스플로러와 함께 탑재되었습니다. 마이크로소프트 엣지는 웹 표준을 지키는 레이아웃 엔진을 포함하면서도 가벼운

웹 브라우저가 되도록 설계되었고, 기타 마이크로소프트 서비스와의 확장 및 통합을 선호하면서 액티브X와 같은 레거시 기술들에 대한

지원을 제거하였습니다. 마이크로소프트 엣지는 윈도우 10만 지원하는 웹 브라우저로,

그 이하의 윈도우 버전은 지원하지 않습니다.

4

Microsoft의 웹 표준화 방향 (Non-ActiveX)

Intro


Google Chrome의 웹 표준화방향 (Non-Plugin)

5

플러그인 기반의 콘텐츠가

Chrome에서 작동하지 않음

NPAPI 플러그인 더 이상

작동하지 않음

Chrome은 더 이상 여러 가지 플러그인을 지원하지 않습니다.

이러한 기능의 대부분은 이미 웹 사이트 제작에 의해 더 안전한

방법으로 포함되어 있습니다.

예전에는 NPAPI라는 구식 시스템으로 다양한 플러그인을 개발했습니다.

그렇지만 NPAPI 플러그인이 웹사이트에서 종종 보안 문제를 일으키므로

현재는 이를 사용하는 사이트가 점차 줄고 있습니다.

Google은 Chrome의 보안, 속도, 안정성을 개선하기 위해 2015년 9월 1일

부터 NPAPI 플러그인에 대한 지원을 중단 합니다.

Intro


• 새로운 디바이스

(스마트폰, 태블릿PC 등)

환경 미지원

• 바이러스 및 악성코드내포 가능

• 서비스 이용을 위한 강제사용

• 특정업체의 기술 요소

• 특정 플랫폼 기반브라우저 확장 기술

ActiveX & NPAPI 문제점

ActiveX는 마이크로소프트에서 개발한 응용프로그램과 웹을 연동시키기 위해 제공되는 기술입니다.

ActiveX는 웹에서 HTML의 정적인 웹 문서에서 탈피하여, 동적이고 화려한 멀티미디어 기술을 동작 할 수 있도록 하는 일종의

인터넷 익스플로러 전용 플러그인(Plug-in) 기술이라고 할 수 있습니다.

보안 취약성 호환성 제약기술 종속

• 멀티브라우저 미 지원

• 비 표준 기술

서비스 이용 제약

6

ActiveX ?

NPAPI는 구글 크롬 브라우저가 지원하지 않는 각종 기능(결제, 인증, 보안 등)을 동작하도록 하는 플러그인(Plug-in)기술

이며, 구글은 프로그램 충돌, 보안 취약성, 모바일 미지원 등의 문제를 고려하여 ’15.9월에 NPAPI 지원을 중단하겠다고 발표 하였습니다.

NPAPI ?

Problem

IWITHUS COOP - Image Process Expert Group 7

AS-IS User Complaints

Problem


차세대 웹 표준으로 확정(2014년 10월 28일)되었으며, 기존 텍스트와 하이퍼링크만 표시하던 HTML이 멀티미디어 등 다양한

애플리케이션까지 표현·제공하도록 진화한 “웹 프로그래밍 언어“ 입니다.

오디오·비디오·그래픽(이미지) 처리 위치정보 제공 등 다양한 기능을 제공함으로써, 웹 자체에서 처리할 수 있는 기능이 대폭

향상 되었습니다.

8

HTML5 ?

HTML5는 현재 웹 브라우저 기업을 비롯한 글로벌 업체들은 오디오·비디오·그래픽(이미지) 등 표준화가 많이 진행된 기능을 중심으로

HTML5를 적극적으로 도입하고 있습니다.

HTML5 전망 ?

이미지 솔루션을 ActiveX, Plugin 없이 모든 브라우져에서 사용할 수 있습니다.

Solution


표준 웹 환경이 확산되면 어느 브라우저로도 인터넷에 접근할 수 있게 되고, OS 플랫폼 · 벤더 · 기기 의 제약에서 벗어나 생태계가

개방화 되고, 사용자 선택권이 증대될 수 있습니다.

※ 표준 웹 환경의 확산

현재, 멀티미디어를 비롯한 확장 기능들을 지원하기 위해서 이루어지고 있는 비표준 인터넷 웹 환경 (ActiveX, Flash, 실버라이트 등

별도 프로그램 설치)이 점차 해소될 전망입니다.

9

Ⅰ. 왜 HTML5 인가?

HTML 5

VS

Solution


※ 개방형 생태계로의 변화

개방된 웹 상에서 다양한 애플리케이션을 구현하고, 이를 누구나 브라우저로 접근할 수 있으므로, 애플(iOS) 및 구글(안드로이드) 등

OS 플랫폼에 대한 의존이 감소될 수 있습니다.

10

Ⅱ. 왜 HTML5 인가?

※ 이용자 선택권의 강화(One Source Multi Use)

이용자의 경우, 인터넷에만 접속하면 스마트 폰·태블릿 PC·PC 등 기기는 물론, 애플이나 구글 등 벤더에 상관없이 S/W나 콘텐츠 등을 이용

가능합니다.

VS

Solution


웹 표준 HTML5 기술을 적용한 IWITHUS 이미지 솔루션은 기존의 웹에서 지원하던 범용 이미지 포맷 및 업무용 이미지 (멀티TIFF, J2K 압축 등)를

통합 하여 관리하는 Non-ActiveX, Non-Plugin 방식의 이미지 처리 솔루션입니다.

11

Product

솔루션 주요기능

HTML5 이미지 뷰어

Tiff, BMP, Gif, Png, JPEG, JPEG2000등

다양한 포맷 지원

이미지 조회 기능

> URL 경로 불러오기, 로컬 이미지 불러오기

> 썸네일 보기, 원문 보기

> 확대, 축소, 회전, 맞춤, 스크롤 보기

이미지 출력 기능 / 이미지 저장 기능

지정 영역 컷팅 기능

돋보기 기능 (선택 영역 확대 보기)

멀티이미지 인덱싱

기존에 저장된 이미지를 별도의 변환 없이 조회

> 이미지 변환 서버 도입 불필요

> 기존 이미지 마이그레이션 불필요

IWS WebViewer

IWS WebScan

HTML5 이미지 스캔

BMP, TIF, JPG, JPEG2000등 다양한 포맷 지원

TWAIN 스캔드라이버지원 등 편리한 파일 스캔

IWS WebCompress

HTML5 이미지 압축

표준 및 고성능의 손실 / 비 손실 압축 방식 지원 ( 국

제 표준 압축 기술 )

이미지를 최상의 포맷으로 압축 및 복원

IWS WebEncrypt

HTML5 이미지 암호화

SEED256, ARIA, LEA, AES 등의 표준 암호화

알고리즘을 사용한 암/복호화 기능

파일 전체 암복호화 기능 / 순수 이미지 영역에

대한 암복호화 기능

IWS WebBCR

HTML5 바코드 리더

1차원 바코드 독취

( CODE39, CODE93, CODE128 )


( QR-CODE, DATAMATRIX )


웹 표준 HTML5 기술 및 특화된 이미지 처리 기술을 적용하여 다양한 포맷의 이미지의 축소, 확대, 회전 등 다양한 보기 기능 및 주석

기능으로 사용자에게 조회 편의성과 최적의 가독성을 제공합니다.

12

Product – IWS WebViewer

주요 기능

HTML5 표준 준수 모든 웹브라우저에서 사용 가능

- Edge, IE, Chrome, Opera, FireFox, Safari, Swing

Tiff, BMP, GIF, PNG, JPEG, JPEG2000등

다양한 이미지 포맷 지원

이미지 조회 기능

- HTTP URL 경로 불러오기, 로컬 파일 불러오기

- 썸네일 보기, 원문 보기

- 확대, 축소, 회전, 맞춤, 스크롤 보기

이미지 출력 기능 / 이미지 저장 기능

지정 영역 컷팅 기능

돋보기 기능 (선택 영역 확대 보기)

멀티이미지 인덱싱

기존에 저장되어진 이미지를 별도의 변환 없이 조회

- 이미지 변환 서버 도입 불필요

- 기존 이미지 마이그레이션 불필요



출력

º 선택 페이지 출력,

전체 페이지 출력 기능

이미지 삭제

º 선택된 이미지 삭제 기능

이미지 회전

º 좌로 90도 회전

우로 90도 회전

180도 회전 기능

화면 보기

º 썸네일 및 Page 보기

Page만 보기 기능

이미지 선택

º 썸네일 에서 특정 이미지

선택 기능

( 출력, 삭제시 사용 )

이미지 맞춤 보기

º 가로 맞춤 / 세로 맞춤

/ 페이지에 맞춤 기능

상세 기능

저장 (표준 포맷 지원)

º 이미지 저장 기능

( TIFF, JPEG, JPEG2000,

BMP, PNG 등 )

이미지 확대/축소

º 10 % ~ 400 %

( 마우스 휠로 확대/축소기능 )

마우스 드래그

º 마우스 드래그를 통해

이미지 이동

돋보기

º 특정 영역을 확대하여

뷰잉하는 기능

이미지 컷팅

º 이미지 선택 영역 컷팅 기능

페이지 이동

º 썸네일 간 페이지 이동

기능



특장점

업무 생산성 및 지원 측면

이미지 변환 서버 불필요(표준 포맷 모두 지원)

기본 이미지 마이그레이션 불필요

다양한 조회 편의 기능 지원

제품 안전성 측면

전담 인력을 통한 솔루션의 지속적인 개발 및

업그레이드

BPR 이미지 시스템 구축 경험과 풍부한 노하우 축적

제품 기능성 측면

유연한 연계성 측면

다양한 OS를 지원(Windows, 리눅스, MacOS 등)

웹 표준 기반이므로 다양한 브라우저 지원

(Internet Explorer, Chrome, Firefox, Opera, Safari등)

웹 표준 기반이므로 브라우저 업데이트시에도 제약이 없음

웹 표준 HTML5 기술을 적용한 Image Web Viewer 솔루션은 기존의 웹에서 지원하던 범용 이미지 포맷 및 업무용 이미지 (멀티TIFF, J2K 압축

등) 를 뷰잉하는 Non-ActiveX, Non-Plugin 방식의 이미지 뷰어입니다.

다양한 이미지 포맷 지원

조회의 신속성 및 편의성을 극대화한 전용 뷰어

PC환경에 거의 영향을 받지 않으며 설치가 불필요

로컬에 설치가 필요 없으므로 해킹 및 보안에 안전

최상의

이미지 뷰어


웹 표준 HTML5 기술 및 특화된 이미지 처리 기술을 적용 하였고, 표준 Twain 드라이버를 사용하여 다양한 포맷의 이미지를 생성합니다.

15

Product – IWS WebScan

주요 기능

BMP, TIF, JPG, JPEG2000등 다양한 포맷 지원

TWAIN 스캔드라이버지원 등 편리한 파일 스캔

API 로 스캔 Option 변경


웹 표준 HTML5 기술 및 특화된 이미지 처리 기술을 적용하여 손실, 무손실 압축 등 효율적인 압축 방식을 통해 이미지의 가독성 향상

및 손실을 최소화하고, 데이터 사이즈를 최소화하여 시스템의 부하를 최소화하는 최신의 압축 솔루션입니다.

16

Product – IWS WebCompress

주요 기능

표준 및 고성능의 손실 / 비 손실 압축 방식 지원

( 국제 표준 압축 기술 )

Tiff, Jpeg, Jpeg2000, Png 포맷 지원

이미지를 최상의 포맷으로 압축 및 복원(Jpeg2000)

다양한 플랫폼 지원

- 윈도우, 리눅스, 유닉스, 모바일

- 64Bit, 32Bit OS 지원


웹 표준 HTML5 기술 및 특화된 이미지 처리 기술을 적용하여 이미지 유출 및 위·변조 방지를 위하여, 이미지 생성 시 부터 활용 단계에

걸쳐 표준 암호화 알고리즘을(SEED256, ARIA, LEA, AES ) 이용한 이미지 암호화 솔루션 입니다.

17

Product – IWS WebEncrypt

주요 기능

SEED256, ARIA, LEA, AES 등의 표준 암호화

알고리즘을 사용한 암/복호화 기능

파일 전체 암/복호화 기능

순수 이미지 영역에 대한 암/복호화 기능

암호화 이미지 조회

일반 이미지뷰어로 조회 전용 이미지뷰어로 조회


웹 표준 HTML5 기술 및 특화된 이미지 처리 기술을 적용하여 1차원 바코드 또는 2차원 바코드의 내용을 해독하는 바코드 리더 솔루션입니다.

18

Product – IWS WebBCR

주요 기능


- CODE39, CODE93, CODE128


- QR-CODE, DATAMATRIX


17 Years Of Experience In Image Process

아이위더스는

2000년 ㈜드림투리얼리티를 시작으로 ㈜비주얼인포시스까지 17년간 이미지 인식 및 이미지 솔루션 분야에서만 다양한 제품군을 직접

개발한 전문 연구인력과 다양한 프로젝트를 직접 수행한 전문 개발인력으로만 구성된 Image Process Expert Group 입니다.

보험사LIG손해보험 – 청구 서류 자동인식 시스템 구축 개발NH손해 · 생명보험 – 이미지 시스템 구축 개발

신용평가기관SCI평가정보 – 여신.추심 이미지 시스템 구축 개발이크레더블 – 기업 신용평가 이미지 시스템 구축 개발

공공기관우체국 금융 – 신분증 이미지 시스템 구축 개발특허청 – 데이터센터 구축 개발

제1금융권KEB외환은행 – G2G시스템 구축 개발

하나은행 – EDMS 이미지 시스템 구축 개발광주은행 – BPR 이미지 시스템 구축 개발

하나금융그룹 – 공전소 전자화센터 구축 개발

증권사한화투자증권 – 차세대 시스템 구축 개발

하나대투증권 – 신분증 이미지 시스템 구축 개발

제2금융권신안저축은행 – 통합 이미지 시스템 구축 개발

우리저축은행 – (구)이미지 조회 시스템 구축 개발


02 - 525 - 0721

[email protected]

02 - 525 - 0720

20

Image Process Expert Group

아이위더스 입니다.

감사합니다.

html5 image solution · 2018-07-03 · iwithus coop - image process expert group...

Documents