웹스퀘어(Websquare)란?

/****************핵심 정리******************/
"위지위그 개발 도구가 포함된 HTML5 웹 표준 UI 플랫폼입니다."
(WYS WYG: What You See Is What You Get)

*1. 이클립스를 지원합니다.
*2. Scope 객체(WFrame) --> .scwin.
스코프는 웹 페이지를 구성하는 모든 단위 화면에 유효범위(Scope)를 설정하는 기능이며,
사용 효과로는
개발자가 웹페이지 전체를 하나의 Single Page로 쉽게 구현할 수 있고, 기존 버전의 IFrame은 매번 브라우저 재로딩으로 인한 메모리 부하가 컸지만,
독립적인 WFrame 을 사용함으로써 IFrame 사용을 최소화하여 웹 어플리케이션의 전반적인
성능향상을 기대 할 수 있습니다.

*3. jQuerySupport
웹스퀘어5에 서포트 기능을 추가하여 jQuery를
사용하며 jQuery 제공 api를 이용하여 웹스퀘어 객체에 접근할 수 있다는 장점이 있습니다.

*4. XML/JSON 지원
서버와 데이터 통신을 XML/JSON 으로 데이터 처리를 지원함.

*5. 웹 개발 도구 장점
브라우저 상의 로그,페이지소스,데이터컬렉션,인스턴스을 확인 할 수 있도록 제공함으로써 개발에 장점이있음

*6. MDI(Multiple Document Interface) 를 제공
함으로써 전용뷰어 설치 없이 웹 브라우저 환경에서 볼 수 있는 장점.




WebSquare2.0 Developer Guide

웹스퀘어 개요

04/Nov/14 12:34 PM

차례

개요

아키텍처

주요기능

특징

적용기술

Ajax

오래된 기술, 새로운 기법

Ajax 구성요소

웹 애플리케이션의 진화

JavaScript

XML

XML 정의

구성 요소

XForms

전통적인 HTML 폼을 대체한 새로운 폼 제공

XForms 구조

Model

User Interface

Instance Data

XPath

XPath 정의

XPath 노드

XPath Syntax

CSS

웹스퀘어 개요

개요
WebSquare는 차세대 웹표준인 HTML5를 지원하는 SW로, 국내 최초의 WYSIWYG 개발도구가 포함된 웹 표준 RIA 제품입니다.
WebSquare는 HTML, Javascript, CSS와 같은 웹표준 기술을 기반으로 하여 범용 브라우저(IE, 파폭, 크롬 등)에 별도의 실행환경 설치 없이 동작하는 크로스 브라우징을 지원합니다. 또 스마트폰과 태블릿 PC와 같이 웹표준 브라우저가 탑재된 플랫폼에서도 추가 개발 없이 동일하게 동작하는 크로스 플랫폼도 지원합니다. 따라서 WebSquare는 기능과 성능을 확장하기 위한 Plug-in 구조로 개발 표준 및 도구를 제공함으로써 보다 생산적으로 Ajax 기반의 웹 애플리케이션 구현을 가능케 합니다.



맨 위로

웹스퀘어 개요

아키텍처
WebSquare는 웹표준 기반 UI 플랫폼, 웹표준 기반 UI 컴포넌트, WYSIWYG 개발도구로 구성됩니다.
웹 표준 기반 UI 플랫폼은 웹 브라우저에 다운로드 되어 응용 프로그램을 기동시키는 자바스크립트 기반 실행환경인 Ajax Engine 입니다. 주로 서버와의 통신, 데이터 변환 처리, 화면 및 관련 파일의 동적 로딩과 실행 관리, 로그 수준 관리 등의 기능을 제공합니다.
웹 표준 기반 UI 컴포넌트는 UI 플랫폼에서 동작하는 컴포넌트로 Input, SelectBox, Radio 등의 폼 관련 컴포넌트에서 Grid, Chart, Tree, Tab과 같은 복합적인 기능의 다양한 컴포넌트를 제공합니다.
WYSIWIG 개발도구는 이클립스 기반의 WebSquare를 이용하여 화면 개발을 지원하는 도구로써 미리보기 설정을 통하여 개발된 화면을 내장, 외장 WAS(Web Application Server)에 배포하여 실시간 확인 작업이 가능합니다.



맨 위로

웹스퀘어 개요

주요기능
WebSquare의주요 기능은 다음과 같습니다.

WYSIWIG 개발 도구
강력한 기능에 비해 활용이 어려웠던 웹표준 기술을 WYSIWIG방식으로 쉬운 개발이 가능합니다. 다양한 UI 컴포넌트를 제공하여 개발 생산성을 높여줍니다.

이클립스 지원
이클립스를 기반으로 개발되었기 때문에 이클립스 플러그인과 결합하여 사용하는 것이 가능하며, 서버 개발 환경과 통합된 개발 도구를 구성하는 것도 가능합니다.

웹 개발 도구
개발자가 개발한 XML 파일을 웹브라우저에서 직접 편집/실행할 수 있는 'WebSquare Fiddle' 기능을 제공함으로써 개발의 편의성을 증가시킵니다.

캐싱 및 압축 기능
웹 리소스 캐싱 기능을 제공하여 속도를 향상시킬 수 있으며, 자바스크립트와 같은 리소스에 대한 웹표준 압축을 지원하여 네트워크 사용량을 최소화 하도록 지원합니다.

XML/JSON 지원
서버와의 데이터 통신을 위해 XML과 JSON방식의 데이터 처리를 지원합니다.

UI 컴포넌트
화면 개발에 필요한 재사용 구조의 Grid, Tab, MDI 등과 같은 다양한 컴포넌트를 제공하여 풍부한 UX(User Experience)를 제공하는 웹 페이지 구성이 가능합니다.

Grid
대량 데이터 처리, 정렬, 필터, 틀 고정, 셀 병합, 소계/합계, 엑셀 연동, 드릴다운 등 다양한 기능이 포함된 그리드 컴포넌트를 제공합니다.

MDI
PC에 별도 실행환경이나 전용 뷰어의 설치 없이 범용적인 웹 브라우저 환경에서 구동되는 MDI(Multiple Document Interface)기능을 제공합니다.

웹접근성
한국형 웹 콘텐츠 접근성 지침 2.0(KWCAG 2.0)을 준수하여 접근성을 제공하는 웹애플리케이션을 구현할 수 있습니다.

보안 연계
다양한 플랫폼을 지원하는 보안기술인 가상키보드 연계 및 SSL을 지원하여 중요 데이터를 보호할 수 있도록 지원하며 소스 보안을 위한 기본 기능들도 제공합니다.

다국어 기능
표준 유니코드 지원 기능은 동일한 시스템을 별도의 추가 개발 없이 환경설정만으로 간단하게 다국어로 표현할 수 있도록 해주며, 크로스 플랫폼 지원과 더불어 글로벌 서비스에 매우 유용합니다.

맨 위로

웹스퀘어 개요

특징
WebSquare의 특징은 다음과 같습니다.

크로스 브라우징/크로스 플랫폼 지원
IE, 파이어폭스, 오페라, 크롬, 사파리 등 웹표준을 준수하는 범용 브라우저에서 별도의 실행환경 설치 없이 하나의 웹 어플리케이션이 동일하게 동작하도록 하는 크로스 브라우징을 지원하며, OS나 이기종 플랫폼과 상관없이 웹표준 브라우저가 탑재된 어떠한 플랫폼에서도 별도의 추가 개발 없이 동일하게 동작하는 크로스 플랫폼을 지원합니다.

모바일 웹 지원
웹표준을 준수하는 다양한 웹 브라우저 및 이기종 플랫폼에서 동작할 수 있기 때문에 아이폰, 아이패드 그리고 안드로이드폰과 같은 모바일 기기를 위한 모바일 웹도 모바일 기종에 상관없이 보다 쉽게 개발할 수 있습니다.

개발생산성 향상
WYSIWYG 개발도구와 다양한 UI 컴포넌트를 활용하여 기존 웹개발 방식보다 30~50%의 개발생산성 향상을 기대할 수 있습니다.

대규모 프로젝트 적용 경험
국내 최초의 웹표준 UI 플랫폼으로써 대규모 프로젝트를 수행하면서 제품완성도를 검증 받았으며 기존 비표준 기술의 문제점을 극복하고 복잡한 웹표준 기술들을 캡슐화하여 보다 생산적으로 웹표준 어플리케이션을 구현할 수 있도록 합니다.

웹접근성 지원
WebSquare는 신체적, 환경적 조건에 관계없이 인터넷에 접속하여 웹서비스를 이용할 수 있어야 한다는 한국정보화진흥원의 한국형 웹 콘텐츠 접근성 지침 2.0(KWCAG 2.0)을 준수할 수 있도록 지원합니다.

웹표준 기술 준수
WebSquare는 W3C에 의해 제정된 XForms 스펙을 준수하는 표준 구조로 되어 구성되어 있으며 웹 브라우저 및 플랫폼 독립성을 보장하는 표준 기술을 사용하고 있습니다.