gck-test

로이테크원 - 클라우드 SaaS 기반의 스마트 건설 PMIS

marketing-kr@mescius.com (Marketing GCK) — Wed, 06 Aug 2025 00:30:05 GMT

클라우드 SaaS 기반의 건설 SmartPMIS

로이테크원 SmartPMIS - 시스템이 바뀌면, 현장이 바뀝니다.

로이테크원의 SmartPMIS는 건설 현장의 실제 업무 흐름을 기반으로 설계된, 클라우드 기반 SaaS형 PMIS입니다. 공사일보, 자재 관리, 공정 계획부터 협력사 커뮤니케이션까지, 하나의 시스템에서 전부 해결할 수 있도록 건설 현장의 혁신을 일으키고 있습니다.

1) 현장의 수기 업무 → 디지털 전환

기존에는 공사일보, 자재 입출고 내역, 인력 배치 현황 등이 종이 문서나 Excel로 개별 관리되었습니다. SmartPMIS를 도입하면 이 모든 정보를 하나의 시스템에서 통합 관리할 수 있어, 데이터 유실·중복 입력·버전 혼선 같은 문제가 사라집니다.

✍ 손으로 쓰던 공사일보 → 디지털 입력 및 자동 저장
�� 자재관리, 인력 배치표 → 실시간 현황 공유 및 통계 확인
�� 분산된 문서 → 프로젝트별 폴더 및 자동 분류로 체계적 정리

2) 공정·인력·자재 흐름 → 실시간 가시화

SmartPMIS는 프로젝트별 주요 데이터(공정 일정, 투입 자재, 인력 등)를 실시간으로 수집하여 시각화대시보드형태로제공합니다. 이로써 본사와 현장이 동시에 업무 상황을 파악하고,
신속하게 대응할 수 있습니다.

�� 오늘 기준 진척률은 몇 %?
�� 누가 어떤 작업을 진행 중인가?
⏱️ 예정 대비 실제 일정 지연 여부는? → 한눈에 파악 가능!

3) 보고와 승인 → 자동화 및 협업 효율화

보고서 생성, 승인 요청, 이슈 공유는 건설 현장에서 반복적으로 발생하는 필수 업무입니다.
SmartPMIS는 이러한 일상 업무를 자동화하여, 업무 속도를 높이고 커뮤니케이션 효율을 극대화합니다.

�� 공사일보 자동 생성 + 보고 알림
�� 승인 요청 및 이력 추적
�� 설계 변경, 자재 수급 이슈 등 협업기록 보관

4) 단절된 파일 관리 → 데이터베이스화 및 분석 기반 확보

SmartPMIS는 단순히 파일을 저장하는 것이 아니라, 각 데이터를 구조화된 DB로 전환합니다.
이전프로젝트데이터를검색하고비교하며, 향후 프로젝트의 예산·일정·자재 수요 예측에 적극 활용할 수 있습니다.

�� 과거 유사 프로젝트 공정 비교
�� 자재 납기 지연 분석
�� 공정별 인력 투입 효율성 분석 등

5) 전산 인프라 없는 중소 건설사도 → 클라우드로 간편 도입

SmartPMIS는 클라우드 기반 SaaS로 제공되기 때문에, 별도의 서버나 IT 인력이 없어도
바로사용가능하며, 유지보수 부담 없이 언제나 최신 기능과 기술을 제공받을 수 있습니다.

��시스템 구축/설치 없이 즉시 사용 가능
�� 자동 업데이트로 항상 최신 기능 유지
�� PC, 태블릿, 모바일 등 다양한 디바이스에서 접속 가능

<로이테크원 SmartPMIS: 주요 프로젝트의 이해관계자 간 니즈 및 대응 시스템 관계>

건설 현장에서 프로젝트 관리 솔루션을 도입할 때 가장 중요한 요소는, 기존 업무 방식을 크게 바꾸지 않으면서도 업무 효율을 높이는 것입니다.

특히 로이테크원의 SmartPMIS가 실제 현장에서 빠르게 안착하고, 데이터 중심의 협업 시스템으로 자리 잡을 수 있었던 이유는, 실무자들이 익숙하게 사용하던 Excel 기반의 데이터 입력 방식과 업무 흐름을 웹에서도 거의 동일하게 구현 했기 때문입니다. 덕분에 시스템에 대한 거부감 없이 자연스럽게 적응할 수 있었습니다.

이를 가능하게 한 것이 바로 메시어스(MESCIUS) 의 JavaScript 기반 Excel UI 컴포넌트 SpreadJS 입니다. SmartPMIS는 SpreadJS를 통해 기존 Excel 환경의 편의성과 직관성을 그대로 유지하면서도, 웹의 확장성과 실시간 협업 기능까지 동시에 확보하는 데 성공했습니다.

이 사례는 SpreadJS의 Excel UI 컨트롤이 개발자 뿐만 아리나, 최종사용자게에도 실용적이고 유연한 JavaScript 컴포넌트인지 잘 보여줍니다.

다음 섹션에서 메시어스(MESCIUS) 의 JavaScript 기반 Excel UI 컴포넌트인 SpreadJS 가 어떤 방식으로 로이테크원의 SmartPMIS에서 사용되고 있으며, 어떤 가지를 개발자와 고객들에게 제공하고 있는지에 대해서 알아보겠습니다.

Excel의 딜레마 : 익숙함의 함정과 데이터 사일로 (Date Silo)

�� 모든 건설 관련 자료 Excel파일로 보관해도 괜찮을까?

실제 건설 현장은 매우 동적인 환경입니다. 공정 계획은 하루 단위로 바뀌고, 자재 수급과 인력 배치도 시시각각 변동 됩니다. 이러한 복잡한 상황 속에서 많은 현장 관리자들이 빠르고 직관적인 데이터 입력 도구인 Excel을 선호 합니다.
Excel은 사용자 진입 장벽이 낮고, 누구나 손쉽게 사용할 수 있기 때문 입니다.

하지만 파일 기반 관리 방식에는 구조적인 한계 가 존재합니다.

⚠️ 담당자 변경 시 자료 이관이 원활하지 않아 데이터가 유실 될 수 있음
⚠️ 문서 버전 혼선, 중복 입력 , 실시간 공유의 어려움
⚠️ 자료가 분산되어 있어 이력 추적이나 분석이 어려운 구조

이러한 문제는 프로젝트의 생산성 저하로 직결 되며, 더 나아가 축적된 데이터를 활용한 미래 프로젝트의 비용 예측, 일정 최적화, 자재 수급 개선 등 데이터 기반 의사결정이 어려운 상황 을 만듭니다.

즉, 데이터를 갖고 있음에도 이를 자산으로 활용하지 못하는 구조에 머물러 있는 것 입니다.

��SaaS와 Excel-Like UI의 결합 : SmartPMIS의 기술적 혁신

이러한 문제를 해결하기 위해 로이테크원(RoiTechOne) 은 클라우드 기반 SaaS 형태의 SmartPMIS 를 개발했습니다. 이 시스템은 단순히 Excel 작업을 대체하는 것이 아니라, Excel 기반의 익숙한 업무 방식을 웹으로 자연스럽게 확장 하여 현장 관리자들이 별다른 불편 없이 사용할 수 있도록 설계되었습니다.

기존에 개별 Excel 파일로 흩어져 있던 정보는 모두 통합 데이터베이스에 전산화 되어 저장되고, 이를 기반으로 자동 보고서 생성, 실시간 공정 분석, 이슈 추적 등 다양한 기능 을 지원합니다.
즉, 단순한 데이터 저장을 넘어, 현장의 데이터를 ‘의미 있는 정보’로 전환하고, 이를 기반으로 한 의사결정이 가능하도록 지원 하는 것이 SmartPMIS의 핵심입니다.

또한 SaaS 기반으로 제공되기 때문에, 고객사는 별도의 서버 관리나 유지보수 없이 항상 최신 기능을 안정적으로 사용할 수 있습니다. 또한 최신 건설 기술과 트렌드를 지속적으로 반영한 업데이트를 통해, 고객사의 경쟁력 강화와 디지털 전환 을 효과적으로 지원하고 있습니다.

��️ SpreadJS는 SmartPMIS 개발에 어떤 기여를 했는가?

SmartPMIS의 UI 구성에는 메시어스(MESCIUS) 의 JavaScript 기반 Excel UI 컴포넌트인 SpreadJS 가 적용되었습니다. SpreadJS 는 SmartPMIS가 현장의 저항 없이 성공적으로 안착하는 데 결정적인 역할을 했습니다.

�� 사용자 저항 최소화: 익숙한 UX 제공

SpreadJS는 Excel과 거의 동일한 작업 환경을 웹 상에 구현하여, 시스템 도입의 가장 큰 장벽인 사용자 저항을 효과적으로 해소합니다. 현장 실무자들은 별도의 교육 없이도 기존처럼 자연스럽게 데이터를 입력하고 관리할 수 있어, 낮은 학습 비용과 빠른 적응이 가능했습니다.

��개발 효율성 향상: 핵심 기능에 집중

Excel 수준의 그리드 UI를 자체 개발하려면 막대한 시간과 비용이 들었을 것입니다. SpreadJS 도입으로 UI 개발 리소스를 절감하고, 공정 분석, 리스크 관리, 협업 등 핵심 기능 개발에 집중할 수 있었습니다. 결과적으로 솔루션의 완성도는 높이고, 출시 속도는 앞당길 수 있었습니다.

�� 실시간 협업과 데이터 무결성 확보

SpreadJS의 가장 큰 장점 중 하나는 클라우드 DB와의 완벽한 통합입니다. 사용자가 입력한 데이터는 실시간으로 저장되고 공유되어, 버전 충돌이나 데이터 불일치 없이 항상 최신 정보를 유지합니다. 이는 SmartPMIS가 진정한 실시간 협업 시스템으로 기능할 수 있는 기반이 되었습니다.

�� Use Case

SpreadJS, “SaaS기반 건설 SmartPMIS 서비스”에 어떻게 적용되었나?

다음은 “SaaS기반 건설 SmartPMIS 서비스”에서 메시어스(MESCIUS) 의 프론트엔드 JavaScript Excel UI 컴포넌트인 SpreadJS 가 실제 어떻게 활용되었는지에 대한 구체적인 사례입니다.

✏️ Note! REACT 전용 Excel UI 라이브러리

해당 서비스는 React 프레임워크 기반으로 개발되었으며, SpreadJS는 React 개발 환경을 완벽하게 지원합니다. React 개발자는 익숙한 React 문법을 사용하여 SpreadJS의 Excel UI 컨트롤을 React 애플리케이션에 손쉽게 통합할 수 있습니다.

1) Excel과 유사한 웹 편집기 개발 : 건설 현장의 지속성을 만들다.

아래 이미지는 기존 건설 작업일보 Excel 파일을 SpreadJS API로 웹에 불러온 뒤, SpreadJS의 강력한 Excel 편집기 UI 컴포넌트 인 디자이너(Designer) 컴포넌트 를 활용해 구현한 화면입니다.

<SpreadJS엑셀 에디터를 이용하여 양식생성 및 전자결재 에디터로 활용한 화면입니다.>

SpreadJS는 Microsoft Excel과 매우 유사한 UI와 기능을 갖춘 JavaScript 기반 Excel 편집기 라이브러리 를 제공합니다. 개발자는 단 몇 줄의 코드로 Excel의 인터페이스와 주요 기능 을 웹 애플리케이션에 통합할 수 있습니다.

�� 주요 SpreadJS 기능 살펴보기

웹 Excel 에디터 컴포넌트 (디자이너 컴포넌트)

이를 통해 현장 관리자들은 기존 Excel에서 하던 작업을 웹에서도 동일한 방식으로 수행할 수 있으며, 자연스럽게 데이터를 웹 시스템으로 전환할 수 있습니다. 그 결과, 사용자 저항은 줄고, 학습 비용은 크게 낮아져 새로운 시스템 개발과 도입이 훨씬 수월해졌습니다.

2) Excel의 중요 데이터를 전산화 : 데이터 분석과 활용의 시작

“SmartPMIS서비스”는 다양한 건설 현장의 중요한 데이터를 이후에 다양한 각도에서 분석할 수 있도록 데이터베이스로(Database)로 취합할 수 있는 기능을 제공합니다.

- Excel 파일에서 데이터베이스(DB)화할 영역을 지정하여 저장

아래 이미지는 건설 관리자들이 SpreadJS의 Excel 시트위에서 데이터베이스에 저장되어야 하는 중요한 데이터 영역을 직접 선택하여 전산화할 수 있는 기능을 제공합니다.

<SpreadJS의 이름관리자를 통해 공정관리 Excel의 특정 필드 또는 테이블영역을 지정하여 DB화하는 화면입니다.>

SpreadJS에서는 “ Excel 이름 관리자 ”라는 기능을 제공합니다.

이는 특정 셀 영역에 이름(변수) 지정하고 해당 변수를 통해서 쉽게 해당 셀 범위의 데이터를 JSON 형태로 가져올 수 있는 JavaScript 함수를 제공합니다.

�� 주요 SpreadJS 기능 살펴보기

이름 관리자 : 명명된 범위 샘플 보기

이를 통해서 개발자는 복잡한 Excel 시트 위에서, 특정 셀 영역을 지정하여 데이터베이스(DataBase)화 할 수 있도록 쉽게 개발할 수 있어, Excel의 데이터 활용도를 더욱 높일 수 있습니다.

- 저장된 중요 건설 데이터 조회 및 활용

아래 이미지는 SpreadJS에서 이름 관리자를 통해서 저장된 Excel 시트 위의 특정 건설 관련 데이터를 검색하고 활용할 수 있는 기능을 지원합니다.

이를 통해, 건설 관리자들은 Excel 파일을 더 이상 일일이 열어볼 필요 없이, 다양한 건설 프로젝트의 중요 정보를 쉽게 검색할 수 있게 되었습니다. 이를 통해서 안정적인 건설 프로젝트를 이끌어 갈 수 있으며, 추후에 신규 건설 프로젝트에서도 이전 현장의 데이터를 ‘의사결정의 근거’로 활용할 수 있습니다.

고성능 건설 프로젝트 관리, 이제 클라우드로 한 번에

�� 로이테크원의 Smart PMIS 솔루션 도입이 필요하신가요?

건설 현장의 디지털 전환, Smart PMIS로 시작하세요.

로이테크원의 Smart PMIS 는 공사일보·자재·인력·공정 관리부터 협력사 커뮤니케이션까지 하나의 클라우드 시스템으로 관리하는 건설 PMIS 입니다.

여러분의 프로젝트 규모·예산 에 맞춘 Smart PMIS 제안을 받아보세요.

* 매칭 서비스는 메시어스 전문 컨설팅팀의 상담 후, 개발 범위와 예산에 따라 최종 결정 됨을 안내드립니다.

* 파트너 매칭에 대한 수수료는 별도로 받지 않습니다.

About 로이테크원

로이테크원은 우리나라의 건설/물류 산업에서 업무 정보화 및 첨단IT(Mobile, IoT, USN등)를 결합한 산업-IT융합기술을 개발 공급함으로써 관련 산업의 업무 효율성 향상 및 산업경쟁력 강화를 지원하고 나아가 세계시장을 주도하도록 돕기 위한 전문 소프트웨어 기업입니다.

연구노트 개발 업체 A사 - AI 스마트 연구 비서 서비스 솔루션

marketing-kr@mescius.com (Marketing GCK) — Wed, 14 May 2025 05:11:46 GMT

AI 스마트 연구 비서 (Assistant) 개발 솔루션

�� Excel 파일에 갇힌 연구 데이터, 이제 혁신이 필요합니다.

기존 Excel 스프레드시트 프로그램은 사용자 친화적인 인터페이스를 제공하지만, 연구 데이터의 복잡성과 규모가 증가함에 따라 명확한 기술적 한계를 드러냅니다. 연구원마다 로컬 PC에 데이터를 생성하고 보관하는 방식은 데이터의 중앙 집중 관리 부재, 일관성 없는 버전 관리, 그리고 실시간 협업의 어려움을 야기합니다.

특히, AI 기술의 발전으로 데이터 분석 및 활용의 중요성이 강조되면서, 대용량 데이터 처리 및 심층적인 분석을 통한 새로운 가치 창출에 대한 요구가 높아지고 있습니다. 그러나 Excel(엑셀) 파일 형태로 관리되는 연구 데이터는 분석을 위한 통합 및 전처리 과정에 상당한 시간과 노력을 필요로 하며, 데이터 분석 워크플로우의 효율성을 저해하는 주요 원인이 됩니다.

더욱이, 연구 데이터의 무결성 확보 및 보안 유지 측면에서도 로컬 파일 기반 관리는 잠재적인 위험 요소를 내포하고 있습니다.

�� 엑셀의 한계를 넘어, 스마트한 연구 환경을 구축하다.

“AI 기반 스마트 연구 비서(Assistant) 서비스” 개발팀은 이러한 Excel 파일 기반 데이터 관리의 근본적인 문제점을 정확히 진단하고, 연구자들이 기존의 Excel 작업 방식을 최대한 유지하면서도 데이터 관리 효율성을 극대화할 수 있는 솔루션 개발에 집중했습니다.

단순히 Excel 데이터를 클라우드로 마이그레이션하는 것을 넘어, AI 기술을 핵심 엔진으로 통합하여 연구 생산성을 획기적으로 향상시키는 다양한 기능을 제공합니다.

��️ SpreadJS, Excel의 익숙함을 담당하다.

“AI 기반 스마트 연구 비서(Assistant) 서비스” 의 주요 기능 중 하나는 바로 메시어스(MESCIUS)의 SpreadJS 를 활용하여 엑셀과 완벽하게 호환되는 사용자 인터페이스를 웹 환경에 구현했다는 점 입니다.

SpreadJS 는 단순한 Excel UI 컴포넌트를 넘어, 웹 브라우저 상에서 Excel 수준의 강력한 데이터 편집, 정교한 수식 계산, 다채로운 차트 시각화, 그리고 이미지 삽입 기능을 제공하는 완성형 Excel 시트 UI 컴포넌트 입니다.

SpreadJS는 “AI 스마트 연구 비서(Assistant) 서비스”의 개발팀과 최종 사용자 모두에게 다음과 같은 핵심적인 이점을 제공합니다.

�� 익숙한 사용자 인터페이스

SpreadJS는 Microsoft Excel과 매우 유사한 인터페이스의 개발을 지원합니다. 이를 통해 연구자들은 별도의 학습 과정 없이도 시스템을 직관적으로 사용할 수 있으며, 데이터 입력, 편집, 분석 등의 작업을 효율적으로 수행할 수 있습니다. 이는 새로운 시스템 도입에 대한 사용자의 저항을 최소화하고 빠른 온보딩을 가능하게 합니다.

�� 강력한 데이터 처리 및 시각화 기능

SpreadJS는 다양한 Excel 데이터 형식과 대용량 데이터를 안정적으로 처리할 수 있는 라이브러리를 제공하며, 풍부한 내장 차트 및 그래프 기능을 통해 복잡한 연구 결과를 명확하고 효과적으로 시각화하여 데이터 분석의 깊이를 더하고 이해도를 높입니다.

�� 높은 개발 유연성

개발팀은 SpreadJS의 광범위한 API를 활용하여 연구원들의 특정 요구사항에 최적화된 Excel 기반의 사용자 정의 기능을 자유롭게 구현하고, 기존 시스템과의 유연한 통합을 통해 전체적인 시스템 아키텍처의 완성도를 높일 수 있습니다.

�� Use Case

SpreadJS, “AI 스마트 연구 비서(Assistant) 서비스”에 어떻게 적용되었나?

다음은 “AI 스마트 연구 비서(Assistant) 서비스”에서 MESCIUS의 프론트엔드 JavaScript Excel UI 컴포넌트인 SpreadJS가 실제 어떻게 활용되었는지에 대한 구체적인 사례입니다.

✏️ Note! REACT 전용 Excel UI 라이브러리

1) 완전한 Excel 데이터 읽기/저장 기능 개발

아래 화면은 연구자들이 로컬 PC에 저장된 Excel 파일을 웹 플랫폼으로 간편하게 업로드 하거나, 웹 환경에서 직접 Excel 파일을 생성하여 수정 및 편집할 수 있는 기능 을 보여줍니다.

SpreadJS는 복잡한 백엔드 개발 없이도, 프론트엔드 JavaScript 코드만으로 Excel 파일을 읽고, 편집하고, 저장하는 데 필요한 모든 메서드를 제공합니다.

실제 AI 스마트 연구 비서의 화면으로 SpreadJS를 통해 Excel 파일을 가져오기 및 생성 지원

�� 주요 SpreadJS 기능 살펴보기

이를 통해 연구원들은 기존에 로컬 PC에 보관하던 Excel 파일을 웹으로 손쉽게 이동시키고, 웹 환경에서 데이터를 안전하게 관리할 수 있게 되었습니다.

더욱이, SpreadJS는 단순히 데이터 값만 읽어오는 것이 아니라, 이미지, 차트, 셀 서식, 수식 등 Microsoft Excel과 완벽하게 호환되어 연구 데이터의 손실 없이 웹 환경에서 기존 작업을 그대로 이어갈 수 있도록 지원합니다.

2) Excel과 유사한 웹 편집기 개발: 시스템 도입의 장벽을 낮추다.

아래 이미지는 SpreadJS API를 통해 읽어온 Excel 파일을 SpreadJS의 강력한 Excel 편집기 UI 컴포넌트인 “디자이너 컴포넌트”로 불러온 화면입니다.

실제 AI 스마트 연구 비서의 SpreadJS의 Excel 편집기 화면입니다.

SpreadJS는 Microsoft Excel과 매우 유사한 Excel 편집기 기능을 내장하고 있습니다. 개발자는 단 몇 줄의 코드로 MS Excel의 화면과 주요 기능을 웹 애플리케이션에 통합할 수 있습니다.

�� 주요 SpreadJS 기능 살펴보기

웹 Excel 에디터 컴포넌트 (디자이너 컴포넌트)

이를 통해, 연구원들에게 MS Excel과 동일한 사용자 인터페이스(UI) 및 사용자 경험(UX)을 제공함으로써, 기존 데스크톱 환경에서의 작업 흐름을 웹으로 자연스럽게 연결하고, 새로운 시스템 사용에 대한 사용자의 저항감을 최소화하고 학습 곡선을 획기적으로 단축 할 수 있었습니다.

3) AI + SpreadJS = 엑셀의 한계를 넘어선 스마트 연구 환경

*AI는 SpreadJS의 고유 기능이 아닙니다. 해당 개발사에서 AI와 SpreadJS를 결합하여 제공한 Excel(엑셀) 서비스에 대해서 설명합니다.

“AI 스마트 연구 비서(Assistant) 서비스” 는 서비스명에서 알 수 있듯이, AI 기능을 통해 연구원들의 Excel 데이터 정리 및 분석 작업을 효율적으로 지원 합니다.

① AI가 분석한 내용을 SpreadJS를 통해 재가공 가능한 Excel 문서로 생성

아래 이미지는 기존에 연구원들이 생성한 다양한 Excel 데이터를 AI가 취합 및 분석한 결과를 SpreadJS의 Excel 시트에 재구성하여 Excel 문서 형태로 제공 하는 것을 보여줍니다.

SpreadJS의 웹 Excel 편집기인 디자이너 컴포넌트로 구현된 화면입니다.

연구원은 AI가 생성한 SpreadJS 기반의 Excel 시트 위에서 자신의 연구 데이터를 추가하거나 수정, 가공하여 연구 효율성을 더욱 높일 수 있습니다.

② Excel 에디터에 AI 기능을 더하다!

아래 화면은 SpreadJS의 Excel 에디터에 AI 관련 확장 메뉴를 추가하여 연구원들에게 제공하는 인터페이스 입니다.

SpreadJS는 별도의 개발 없이도 기본적인 Excel 컨텍스트 메뉴(마우스 우클릭 메뉴)를 제공하며, 해당 메뉴의 항목을 유연하게 추가, 삭제 등 사용자 정의할 수 있는 메서드를 지원합니다.

�� 주요 SpreadJS 기능 살펴보기

이를 통해 개발팀은 컨텍스트 메뉴에 AI 기반 데이터 정리, 통계 분석, 텍스트 번역, 데이터 시각화(차트 생성) 등 연구 보고서 작성을 위한 백데이터 작업을 AI의 도움을 받아 더욱 쉽고 빠르게 수행할 수 있도록 기능을 확장 했습니다.

흩어진 연구데이터 통합, AI가 연구노트·보고서 생성까지 한 번에

�� AI 스마트 연구 비서 솔루션 도입이 필요하신가요?

연구 데이터 관리의 디지털 전환, AI 스마트 연구 비서로 시작하세요.

AI 스마트 연구 비서 솔루션 은 연구 데이터 관리·노트 작성·보고서 생성부터 팀 간 실시간 협업까지 하나의 클라우드 기반 시스템으로 통합 지원하는 연구 전용 AI Assistant 입니다.

여러분의 프로젝트 규모·예산 에 맞춘 AI 스마트 연구 비서 제안을 받아보세요.

* 매칭 서비스는 메시어스 전문 컨설팅팀의 상담 후, 개발 범위와 예산에 따라 최종 결정 됨을 안내드립니다.

* 파트너 매칭에 대한 수수료는 별도로 받지 않습니다.

�� 데이터 중심 SaaS 솔루션 개발의 이상적인 선택, SpreadJS

이처럼 엑셀과 완벽하게 호환되는 사용자 인터페이스, 뛰어난 확장성 및 유연성, 그리고 강력한 성능을 갖춘 SpreadJS는 단순한 시트 컴포넌트를 넘어 데이터 중심의 SaaS 솔루션 개발자들에게 최적의 선택지가 될 수 있습니다.

SpreadJS는 다음과 같은 개발자 및 기획자에게 특히 유용합니다.

��‍�� 기존 엑셀 기반 데이터를 웹 환경에서 그대로 활용하고 싶은 웹 서비스 개발자

��‍�� 복잡한 Excel 수식 계산, 다양한 차트, 이미지 등을 웹 시트에서 자유롭게 처리해야 하는 개발자

��‍�� 사용자에게 친숙한 Excel 인터페이스를 제공하여 시스템 도입 시 빠른 온보딩을 목표로 하는 B2B SaaS 기획자

SpreadJS를 통해 여러분의 웹 애플리케이션에 강력한 Excel 기능을 손쉽게 통합하고, 사용자에게 혁신적인 데이터 경험을 제공해 보세요!

SpreadJS 자세히 알아보기 | 온라인 튜토리얼 바로가기 | 디자이너 컴포넌트 자세히 알아보기 | 디자이너 컴포넌트 데모 바로가기

유럽 IT 기업, A사 - 맞춤형 기업 데스크톱 소프트웨어 개발 솔루션

marketing-kr@mescius.com (Marketing GCK) — Wed, 30 Apr 2025 06:44:52 GMT

맞춤형 기업 데스크톱 소프트웨어 개발 솔루션

.NET 개발 역량 강화
: Afternoon Software Solutions, ComponentOne으로 맞춤형 고성능 애플리케이션을 구현하다.

오늘날 많은 기업들이 업무 효율성을 높이고 프로세스를 자동화하기 위해 다양한 상용 소프트웨어 및 서비스를 적극적으로 도입하고 있습니다.

이는 분명 긍정적인 변화이지만, 획일화된 상용 소프트웨어의 틀에 기업의 업무 방식을 맞춰야 한다는 근본적인 한계 또한 존재합니다.

이러한 제약은 기업 고유의 업무 특성과 세부적인 요구 사항을 제대로 반영하지 못해 오히려 유연성을 떨어뜨리고, 예상치 못한 업무 비효율을 야기하는 결과를 초래하기도 합니다. 결국, 진정한 업무 혁신과 효율성 증대를 위해서는 기업의 특성을 정확하게 반영한 맞춤형 소프트웨어 개발이 필수적입니다.

본 블로그에서는 이러한 중요성을 인지하고, ComponentOne 툴킷을 활용하여 고객 맞춤형 고성능 애플리케이션을 성공적으로 개발하고 있는 Afternoon Software Solutions의 이야기를 소개 합니다.

그들이 어떻게 다양한 산업 분야의 복잡한 요구 사항을 해결하고, 기업의 잠재력을 극대화하는 맞춤형 솔루션을 제공하는지 함께 살펴보겠습니다.

고객의 니즈: 다양성과 복잡성을 넘어서는 맞춤형 솔루션 개발의 어려움

Afternoon Software Solutions는 기본적인 사무 관리 시스템부터 운송, 기술자 관리, 심지어 NGO의 자전거 공유 서비스에 이르기까지 광범위한 분야의 고객들과 협력하고 있습니다. 각 프로젝트는 고유한 기술적, 기능적 요구 사항을 가지고 있으며, 표준 소프트웨어로는 이러한 다양하고 복잡한 니즈를 충족시키기 어려웠습니다.

특히, 자체 개발팀을 보유하지 않거나 소규모 IT 부서만을 운영하는 고객들에게 Afternoon Software Solutions는 단순한 애플리케이션 개발을 넘어 장기적인 기술 지원과 유지 관리까지 제공해야 했습니다.

고객들은 시중의 다양한 솔루션을 검토했지만, 결국 자신들의 특정 요구 사항을 정확하게 충족시키는 맞춤형 솔루션을 위해 Afternoon Software Solutions를 찾게 되었습니다.

Pieter Meeussen 대표는 "고객들은 표준 소프트웨어에서 찾을 수 없는 특별한 기능을 요구하는 경우가 많습니다. 저희는 고객과의 긴밀한 논의를 통해 그들이 진정으로 필요로 하는 정확한 솔루션을 제공하는 데 집중합니다." 라고 말합니다.

이러한 배경 속에서 Afternoon Software Solutions는 다양한 고객의 요구 사항을 충족시키면서도 효율적인 개발 프로세스를 구축할 수 있는 핵심 도구의 필요성을 절실히 느끼고 있었습니다.

ComponentOne,
데스크톱 기반 맞춤형 고성능 애플리케이션 개발의 핵심이 되다!

Afternoon Software Solutions는 이러한 다양한 고객의 니즈를 해결하기 위해 .NET 개발 플랫폼의 강력한 기능과 함께 ComponentOne의 Studio Enterprise 툴킷을 적극적으로 활용했습니다.

특히 많은 닷넷 개발자들이 힘들어 하는 부분은 Visual Studio에서 제공해주는 표준 컨트롤은 정말 느리다는 것입니다 .

.NET 버전이 올라가면서 기능과 성능이 개선되었다고 하지만, Afternoon Software Solutions 처럼 복합하고 다양한 정보를 빠르게 딜리버리 해야하는 개발사 입장에서는 여전히 사용하기 어려운 선택지입니다.

이러한 문제에 직면한 .NET 개발자들을 위해 메시어스의 ComponentOne은 광범위하고 강력한 UI 컨트롤과 도구 모음을 제공하여 Afternoon Software Solutions 개발팀이 생산성을 높이고, 복잡한 기능들을 효율적으로 구현할 수 있도록 지원했습니다.

ComponentOne 개발의 유연성, 성능, 그리고 생산성 향상

ComponentOne은 Afternoon Software Solutions가 고객에게 맞춤형 고성능 애플리케이션을 효율적으로 제공하는 데 핵심적인 역할을 수행했습니다.

데스크톱 솔루션이든 모바일 인터페이스든, Afternoon Software Solutions는 ComponentOne의 풍부한 컨트롤 세트를 사용하여 탁월하고 고도로 맞춤화된 애플리케이션을 빠르고 효율적으로 제공합니다. Studio Enterprise 툴킷의 광범위한 기능을 활용함으로써 팀은 고객의 끊임없이 변화하는 요구 사항을 충족하기 위해 쉽게 전환할 수 있으며, 품질이나 기능을 저하시키지 않으면서도 적시에 결과물을 제공할 수 있습니다.

Pieter는 “ 제 생각에 가장 중요한 것은 오랜 시간 동안 쉽게 유지 관리할 수 있다는 것입니다. ”라고 강조했습니다.

광범위한 컨트롤 지원: 다양한 UI 컨트롤과 도구를 제공하여 개발팀이 각 프로젝트의 고유한 요구 사항에 맞는 최적의 인터페이스와 기능을 구현할 수 있도록 지원했습니다.

뛰어난 유연성 및 사용자 정의: ComponentOne 컨트롤은 높은 수준의 사용자 정의 기능을 제공하여 개발팀이 고객의 특정 요구 사항에 맞춰 애플리케이션을 완벽하게 맞춤화할 수 있도록 했습니다.

높은 성능: 특히 FlexGrid와 같은 컨트롤은 대량의 데이터를 효율적으로 처리하고 빠른 응답성을 제공하여 사용자 경험을 향상시켰습니다.

개발 생산성 향상: ComponentOne의 다양한 컨트롤과 직관적인 API는 개발 시간을 단축시키고, 개발팀이 핵심 비즈니스 로직에 집중할 수 있도록 지원했습니다.

유지 관리 용이성: Pieter Meeussen 대표는 ComponentOne 컨트롤의 가장 큰 장점 중 하나로 오랜 기간 동안의 쉬운 유지 관리를 꼽았습니다. 이는 장기적인 기술 지원 및 유지 관리를 제공해야 하는 Afternoon Software Solutions에게 매우 중요한 요소입니다.

Use Case

아래는 Afternoon Software Solutions이 메시어스의 ComponentOne 컴포넌트를 활용하여 개발한 대표적인 사례입니다.

�� 자전거 공유 플랫폼 관리 시스템

먼저 Afternoon Software 팀이 자전거 공유 플랫폼을 위해 개발한 전자 자전거 잠금 장치와 통신하는 WinForms 애플리케이션 을 살펴보겠습니다.

이 애플리케이션은 벨기에 플랑드르 지역 전역에 있는 공유 자전거의 관리 및 대여를 용이하게 하는 완벽한 솔루션입니다. 기본 애플리케이션 창을 열면 C1InputPanel 및 C1TopicBar 컨트롤이 즉시 눈에 띄며, 선택 시 ComponentOne 의 DockingTab에 로드되는 다양한 메뉴 옵션을 통해 사용자는 탭을 쉽고 체계적으로 구성하고 탐색할 수 있습니다.

이 애플리케이션은 .NET 6과 .NET 8 모두를 위해 빌드되었으며, 팀은 Xamarin 을 사용하여 최종 사용자에게 애플리케이션을 확장하고 있습니다. 애플리케이션 전반에 걸쳐 Pieter는 필터 표현식 , 다국어 입력 컨트롤 , C1DropDownControl , 그리고 ComponentOne의 FlexChart , FlexGrid 를 포함한 다양한 추가 ComponentOne WinForms 컨트롤을 효과적으로 활용하는 방법을 보여줍니다.

Afternoon Software Solutions의 Pieter Meeussen 대표는 " 메시어스의 FlexGrid는 그리드에 콤보 상자를 추가하거나 이미지를 추가하는 것과 같이 표준 그리드로는 구현이 어려운 모든 작업이 훨씬 쉬웠습니다. ”라고 회상합니다.

또 다른 주목할 만한 기능은 아마도 매핑(Mapping) 기능일 것입니다. 이 기능은 ComponentOne 의 C1Map 컨트롤 을 광범위하게 활용하여 매우 상호 작용적이고 시각적으로 매력적인 사용자 경험을 제공합니다. 이 지도에는 사용자 정의 핀이 표시되어 사용자가 자전거를 대여하거나 반납할 수 있는 스테이션의 상태를 색상으로 구분하여 쉽게 확인할 수 있습니다.

작은 원형 아이콘은 설정된 영역 내에서 자전거의 실시간 위치를 나타냅니다. 또한 사용자는 자전거를 반납해야 하는 지역을 결정할 때 기본 원형 모양 대신 지도의 더 정확한 폴리곤 기능을 활용하여 설정 위치에 대한 더 큰 제어력과 구체성을 확보할 수 있습니다.

�� 기술 문서 관리 애플리케이션

다른 주목할 만한 프로젝트는 학교 및 사무실 단지와 같은 대형 건물에 전기 및 난방 시스템과 같은 유틸리티를 설치하는 회사를 위해 개발된 .NET 8 기반 기술 문서 관리 애플리케이션입니다.

이 WinForms 솔루션 은 고객이 프로젝트 제안을 승인하거나 거부할 수 있는 Blazor 고객 포털과 통합되어 있습니다.

이 애플리케이션은 동적 콘텐츠 표시를 위한 C1Accordion 컨트롤, 데이터 관리를 위한 FlexGrids, FlexViewer, 사용자 정의 보고서를 생성하기 위한 FlexReport를 포함한 여러 주요 ComponentOne 컨트롤을 통합하고 있습니다. 특히 C1Accordion 컨트롤의 각 페이지를 FlexGrid로 채워 메뉴에 원하는 만큼 많은 레벨을 만들 수 있는 컴포넌트를 개발했는데, 이는 이전 방식에서는 한 레벨만 가능했던 것과 비교됩니다.

이 애플리케이션의 문서 관리에 대해 더 자세히 살펴보면, Pieter는 FlexGrid TreeView를 사용한 XML 파일 보기, FlexGrid를 사용한 Excel 파일 관리, FlexViewer, C1TextBox, C1PictureBox, FlexGrid와 같은 다양한 컨트롤을 사용한 탭 도킹 기능을 포함한 다양한 기능을 설명합니다.

그는 특히 이 애플리케이션의 보고서 및 내보내기 도구에서 FlexViewer를 광범위하게 사용하는 방법을 자세히 설명하는데, 여기서 사용자는 문서를 생성하거나, C1Excel을 사용하여 Excel로 내보내거나, CSV 형식으로 만들고 내보내는 동안 다국어 컴포넌트를 통해 현지화 기능을 활용할 수 있습니다.

Pieter는 “ 대용량 문서도 항상 매우 빠르게 로드됩니다. ”라고 높이 평가했습니다.

ComponentOne, .NET 개발 역량 강화의 필수 도구

ComponentOne,

.NET 개발 역량 강화의 필수 도구

Afternoon Software Solutions의 사례는 ComponentOne이 .NET 개발자들에게 얼마나 강력한 힘을 실어줄 수 있는지 보여주는 좋은 예시입니다.

다양한 고객의 복잡하고 고유한 요구 사항을 충족시키기 위해 맞춤형 고성능 애플리케이션을 개발해야 하는 상황에서, ComponentOne의 폭넓은 기능과 유연성은 개발팀에게 혁신적인 솔루션을 구현할 수 있는 기반을 제공했습니다.

ComponentOne을 통해 Afternoon Software Solutions는 개발 생산성을 높이고, 고객 만족도를 향상시키며, 지속적인 성장을 위한 발판을 마련할 수 있었습니다. 만약 여러분이 .NET 환경에서 다양한 요구 사항을 가진 고객을 위한 맞춤형 솔루션 개발에 어려움을 겪고 있다면, ComponentOne은 여러분의 개발 역량을 한 단계 끌어올리는 데 확실한 도움이 될 것입니다.

Afternoon Software Solutions 소개

https://afternoon-software.be/

벨기에에 기반을 둔 신뢰받는 소프트웨어 개발 및 컨설팅 기업인 Afternoon Software Solutions는 다양한 산업 분야에서 독특하고 복잡한 요구 사항을 가진 고객을 위한 맞춤형 소프트웨어 솔루션 제공에 특화 되어 있습니다. 2014년 Pieter Meeussen이 설립한 이 회사는 20년 이상의 소프트웨어 개발 경험을 바탕으로 맞춤형 개발, 컨설팅 및 교육 서비스를 제공하며, 상용 솔루션으로는 충족할 수 없는 맞춤형 애플리케이션을 찾는 기업들의 든든한 파트너 역할을 하고 있습니다.

글로벌 맞춤형 ERP 개발 기업 - 고객 맞춤형 ERP 솔루션

marketing-kr@mescius.com (Marketing GCK) — Wed, 30 Apr 2025 06:44:50 GMT

고객 맞춤형 ERP 개발 솔루션

우리 회사에 딱 맞는 ERP,

꿈이 아닌 현실로 만든 NetSistemas

오늘날 기업 운영에 있어 ERP(전사적 자원 관리) 시스템은 선택이 아닌 필수입니다. 특히 중소기업에게 ERP 시스템은 효율적인 자원 관리와 체계적인 업무 프로세스 구축을 통해 성장의 발판을 마련해 줍니다. 하지만 많은 중소기업들이 ERP 시스템 도입의 필요성을 절감하면서도, 높은 비용, 복잡한 기능, 그리고 기업의 고유한 업무 방식과 맞지 않는 시스템 때문에 도입을 망설이는 경우가 많습니다.

기존의 ERP 시스템들은 대기업의 복잡한 프로세스에 맞춰 설계된 경우가 많아, 중소기업에게는 불필요한 기능들이 많고 오히려 업무 효율성을 떨어뜨리는 요인이 되기도 합니다. 시스템이 만들어 놓은 틀에 기업의 프로세스를 억지로 맞춰야 하는 상황은 또 다른 불편함과 비효율을 야기합니다. 그렇다고 기업 내부에서 직접 ERP 시스템을 개발하려 해도, 숙련된 개발 인력 확보는 물론이고, 상당한 개발 기간과 비용이라는 현실적인 문제에 직면하게 됩니다.

이러한 어려움 속에서, 북부 스페인의 작은 개발사 NetSistemas 는 ERP 도입이 필요한 기업들에게 "맞춤형" ERP 솔루션 을 제공하며 20년 넘게 고객 만족을 이끌어오고 있습니다. 이번 포스팅에서는 단 한 명의 개발자로 이루어진 NetSistemas가 메시어스의 ComponentOne 닷넷 UI 컴포넌트롤 통해서 ERP 시스템을 개발 하고, 성공적인 비즈니스를 할 수 있었던 비결에 대해서 알아봅니다.

단 한 명의 개발자가 만들어낸 놀라운 성과, NetSistemas의 성공 비결 ��

NetSistemas는 "적을수록 많다"는 철학을 바탕으로, 대규모 확장이 아닌 고객 한 명 한 명에게 집중하여 최고의 만족을 제공하는 것을 최우선으로 생각합니다.

놀랍게도 이 모든 것을 단 한 명의 개발자, 로베르토 알론소가 이끌어가고 있습니다.

어떻게 한 명의 개발자가 복잡한 ERP 시스템을 개발하고
고객의 다양한 요구를 만족시킬 수 있었을까요?

NetSistemas의 핵심 경쟁력은 바로 고객의 업무 방식에 맞춰 프로그램을 개발하는 "맞춤형" 솔루션 제공에 있습니다.

기존 상용 ERP 시스템은 광범위한 기능을 포함하고 있어 도입 비용이 상당한 경우가 많습니다. 이는 다양한 기능을 개발하고 유지 관리하는 데 필요한 높은 비용을 고려할 때 불가피한 측면이 있습니다.

그러나 NetSistemas는 대부분의 기업이 실제로 사용하는 ERP 기능의 범위가 제한적이라는 점에 주목했습니다. 오히려 기업들은 표준화된 기능보다는 자사의 고유한 내부 프로세스에 따라 맞춤화된 관리 기능을 더 필요로 했습니다.

이에 NetSistemas는 프로그램이 고객의 업무 방식에 맞춰 완벽하게 통합되도록 개발하는 데 집중했습니다. 불필요한 기능 개발을 최소화함으로써 비용 효율성을 확보하고, 고객에게 실질적으로 활용 가능한 ERP 시스템을 합리적인 가격으로 제공할 수 있었습니다.

이러한 고객 중심적인 접근 방식은 높은 고객 만족도를 이끌어냈으며, NetSistemas가 20년 이상 지속적인 성장을 달성할 수 있었던 핵심 동력입니다.

고객 맞춤형 ERP 솔루션 FACTUNET, ComponentOne의 기술력으로 완성되다 ��️

이러한 성공적인 비즈니스 모델의 이면에는 효율적인 개발 환경 구축을 위한 개발자 한명의 전략적인 노력이 있었습니다.

초기 단계부터 불필요한 개발 부담을 줄이기 위해 전문적인 개발 도구를 적극적으로 도입했습니다. 특히 메시어스의 ComponentOne은 NetSistemas가 고품질의 다양한 기능을 갖춘 ERP 시스템을 효율적으로 개발하는 데 핵심적인 역할을 수행했습니다.

ComponentOne은 그리드, 차트, 입력, 보고, 레이아웃 등 .NET 기반 UI 개발에 필요한 광범위한 컴포넌트 및 컨트롤을 제공하는 종합적인 툴킷 으로, 뛰어난 성능과 유연성, 풍부한 기능을 자랑합니다.

개발자는 비즈니스 애플리케이션 개발에 필수적인 UI 컨트롤을 별도로 탐색하는 시간 없이 ComponentOne의 통일된 UI 컴포넌트들을 통해서 데스크톱, 모바일, 웹 등 다양한 닷넷 개발 환경 내에서 일관성 있는 개발 작업을 수행할 수 있습니다.

이를 통해 NetSistemas는 단 한 명의 개발자로도 다양한 .NET 플랫폼에서 안정적으로 작동하는 표준화된 ERP 시스템을 효율적으로 개발할 수 있었습니다.

더불어 ComponentOne의 강력한 .NET UI 컨트롤과 신뢰할 수 있는 기술 지원은 마치 숙련된 개발팀과 협업하는 것과 같은 효과를 제공했습니다. 특히 예산 제약이 있는 소규모 개발사의 경우, ComponentOne의 합리적인 가격 정책은 매우 큰 이점이었습니다.

Use Case��

아래는 NetSistemas의 맞춤형 ERP 솔루션인 FACTUNET 에서 .NET UI 컨트롤 툴킷인 ComponentOne이 어떻게 개발에 도움을 주고 있는지를 보여 줍니다.

�� C1 GanttView(간트뷰) 프로젝트 관리, 일정 관리 개발을 한 큐에 완료

NetSistemas의 ERP 시스템에서는 고객사가 프로젝트 관리나 공정 관리와 같이 납기일을 중요시 하는 경우, 간트 뷰를 제공하여, 고객이 해당 기능만으로도 충분히 업무의 효율을 가져 갈 수 있도록, 사용자에게 Microsoft Project와 유사한 사용자 경험을 제공합니다.

이를 위해 C1에서 제공하는 GanttView 컨트롤을 통해서, 아래와 같이 고객이 간트 차트를 통해서 다양한 업무를 시각적으로 관리하고 모니터링 할 수 있도록 개발하였습니다.

개발자는 간트 테이블과 간트뷰를 사용자가 자유롭게 수정하고 조회하고 관리하는 기능을 따로 개발하지 않고, C1 GanttView에서 제공하는 기능만으로 사용자들이 간트에서 필요로 하는 핵심 기능을 바로 제공할 수 있었습니다.

NetSistemas의 WinForms 사용에 대한 ComponentOne GanttView

�� C1 FlexGrid(플렉스그리드) - 데이터의 이해도를 높이다.

FlexGrid for WinForms 는 복잡한 데이터를 효율적으로 표시하고, 사용자 정의 기능을 통해 고객의 다양한 요구 사항을 만족시키는 데 핵심적인 역할을 했습니다.

FlexGrid의 강력한 기능을 활용하여 색상, 텍스트, 아이콘 등을 자유롭게 사용자 지정하고, 심지어 셀 안에 RTF 컨트롤을 내장하여 텍스트 모양까지 세밀하게 조정 할 수 있었습니다.

NetSistemas의 WinForms용 ComponentOne FlexGrid

NetSistemas의 맞춤형 FlexGrid 사용

이를 통해, 사용자들은 데이터로부터 오는 중요한 정보를 빠르게 캐치하고 의사결정에 활용할 수 있게 되었습니다.

�� C1 FlexReport(플렉스리포트) - 리포트로 필요한 데이터만 잘 보여주면 되죠.

고객들은 자신에게 필요한 보고서를 쉽고 강력하게 생성할 수 있기를 원했습니다.

이러한 요구를 충족시키기 위해, NetSistemas의 개발자인 로베르토는 ComponentOne의 FlexReport Designer를 도입했습니다.

다른 리포팅 엔진들이 무겁고 복잡했던 반면, FlexReport Designer는 코드 없이도 가볍고 빠르게 보고서를 구축할 수 있는 환경을 제공하여 개발 시간을 획기적으로 단축시켜 주었습니다.

FlexReport로 생성된 영양 분석표

��메시어스의 기술 지원 - 소규모 개발사의 든든한 파트너가 되다. ��

MESCIUS의 기술 지원 또한 NetSistemas에게 큰 힘이 되었습니다.

로베르토는 ComponentOne 팀의 신속하고 정확한 기술 지원 덕분에 기술적인 어려움에 직면했을 때도 빠르게 문제를 해결하고 개발에 집중할 수 있었습니다.

이처럼 ComponentOne의 강력한 기능과 안정적인 지원 덕분에, NetSistemas의 단 한 명의 개발자인 로베르토 알론소는 지난 23년간 30~50개의 .NET 애플리케이션을 성공적으로 개발하며 고객들에게 맞춤형 ERP 솔루션을 제공할 수 있었습니다.

그는 ComponentOne과의 만남을 " 최고의 결정 중 하나 "라고 확신하며, 앞으로도 이 파트너십을 지속할 것이라고 밝혔습니다.

NetSistemas의 이야기는 대규모 개발팀이 아니더라도, 뛰어난 개발 도구와 고객 중심의 철학만 있다면 충분히 성공적인 소프트웨어 개발 기업을 만들 수 있다는 것을 보여주는 좋은 사례입니다. 특히 맞춤형 ERP 시스템 구축을 고민하는 중소기업들에게 NetSistemas의 경험은 시사하는 바가 클 것입니다.

NetSistemas 소개

https://www.netsistemas.com/

NetSistemas의 대표적인 솔루션인 FACTUNET은 북부 스페인 지역 시장의 고유한 요구 사항에 맞춰 개발된 맞춤형 ERP 시스템입니다.

FACTUNET은 단순한 비즈니스 관리 프로그램을 넘어, 사용자에게 실질적인 생산성 향상을 제공하는 포괄적인 서비스 및 툴 세트입니다. 직원 관리, 배송 알림, 송장 및 주문 생성, 회계 처리, 창고 및 재고 추적 등 다양한 기능을 제공하며, 지역 사회의 여러 산업 분야에서 핵심적인 역할을 수행하고 있습니다.

독일 서비스 제공 IT 기업, H사 - 이벤트 기획 관리 솔루션

marketing-kr@mescius.com (Marketing GCK) — Tue, 15 Apr 2025 04:47:16 GMT

문화 예술 이벤트 기획 관리 솔루션

ComponentOne으로 문화 예술 분야 이벤트 기획의 혁신을 개발하다!

문화 예술 분야에 맞춤 기획 관리 시스템 개발의 가능성을 보다.

KOKOS.event 출시 이전에는 많은 조직들이 Microsoft Excel 파일이나 심지어 수동적인 종이와 펜 방식을 사용하여 이벤트 기획 및 관리 프로세스를 진행했습니다. 이러한 기본적인 시스템은 비효율적일 뿐만 아니라 오류 발생 가능성이 높고 협업에도 어려움이 많았습니다.

Hirschbiegel + Grundstein GmbH는 더욱 광범위하고 유연하며 사용자 친화적인 솔루션의 필요성을 인식했고, 그 결과 KOKOS.event가 탄생하여 극장과 이벤트 공연장이 운영 방식을 혁신적으로 변화시켰습니다.

구독 관리, 오케스트라 스케줄링, 물품 및 자금 관리 등 KOKOS.event의 직관적인 모듈들은 엔터테인먼트 및 호스피탈리티 산업이 수동적인 이벤트 기획의 한계를 넘어 더욱 정교하고 자동화된 워크플로를 구축할 수 있도록 지원했습니다.

이벤트 기획 업계의 효율성을 높이기 위해 Hirschbiegel + Grundstein GmbH는 아주 세부적인 사항까지 쉽고 편리하게 추적하고 조율할 수 있는 솔루션의 필요성을 확인했습니다. 이 솔루션은 약속 조정, 인력 배치, 시간 기록, 아티스트 일정 관리 등 다양한 스케줄링 기능을 요구했습니다.

또한 기능을 탭과 그룹으로 정리하고, 이벤트 조정의 광범위한 요구 사항을 수용할 수 있도록 여러 창이나 패널을 유연하게 배치할 수 있는 기능도 필요했습니다.

Use Case

아래에서는 KOKOS.event의 문화 예술 공연관리 솔루션에서 ComponentOne(C1)이 어떻게 사용되고 있는지를 보여줍니다.

�� Winform 기본 UI 컨트롤의 한계: 개발자의 니즈를 충족시키지 못하다.

프로젝트의 모든 요구 사항을 상세히 검토한 결과, 개발팀은 Windows Forms 프레임워크를 사용하여 애플리케이션을 구축해야 한다는 것을 명확히 인지했습니다. 하지만 WinForms가 기본적으로 제공하는 UI 컴포넌트만으로는 복잡하고 정교한 UI 요구 사항을 충족시키기에는 역부족이었습니다. 특히, 프로젝트에서 요구하는 수준의 상세한 데이터 테이블을 WinForms 자체 기능만으로는 구현하는 것이 불가능에 가까웠습니다.

제한된 개발 인력이라는 현실적인 제약까지 고려했을 때, 기본적인 UI 컴포넌트에만 의존하여 프로젝트를 완수하는 것은 단순한 비효율을 넘어 프로젝트 실패로 이어질 수 있는 위험한 선택이었습니다. 이에 개발팀은 고품질의 동적인 서드파티 UI 컨트롤 도입을 필수 불가결한 요소로 판단하고, 다양한 벤더의 툴킷을 면밀히 검토했습니다. 하지만 상당 수의 툴킷들이 예상치 못한 버그를 포함하고 있거나, 필요한 핵심 기능들이 누락되어 있어 개발팀의 기대에 미치지 못했습니다.

결국, 개발팀은 닷넷 개발자 커뮤니티 내에서 오랜 기간 동안 안정성과 풍부한 기능으로 정평이 나 있는 ComponentOne으로 최종 결정을 내렸습니다.

이는 WinForms 기본 컨트롤의 한계를 명확히 인식하고, 복잡한 개발 과제를 성공적으로 완수하기 위한 전략적인 선택이었습니다.
ComponentOne은 단순한 UI 컨트롤 라이브러리를 넘어, 개발자들이 직면하는 다양한 기술적인 난관을 해결하고 생산성을 극대화할 수 있는 강력한 솔루션을 제공합니다.

�� ComponentOne FlexGrid: 유연한 그리드 기반의 스케쥴러 기능 개발

KOKOS.event의 현대화된 인터페이스의 핵심에는 ComponentOne의 WinForms 데이터 그리드 컨트롤인 FlexGrid가 있습니다. FlexGrid는 인력 스케줄링 양식부터 이벤트 타임라인, 심지어 재무 계획 및 예산 관리에 이르기까지 애플리케이션 전반에 걸쳐 다양한 방식으로 활용됩니다.

볼프강은 “ 모든 폼에 C1 FlextGrid가 들어 있습니다. 대부분의 폼에는 최소한 하나의 FlexGrid가 포함되어 있습니다. ” 라고 밝혔습니다.

스케줄링을 위해 특별히 제작된 컴포넌트도 있었지만, Hirschbiegel + Grundstein GmbH의 개발팀 은 해당 컴포넌트들이 디자인 면에서 다소 제한적이라고 판단하고 ComponentOne FlexGrid의 유연성 을 선택했습니다.

애플리케이션 UI 레이아웃을 고려할 때, 사용자들은 가능한 많은 정보를 한 화면에서 보기를 원했습니다. 일반적인 스케줄링 컴포넌트는 추가적인 시각적 공간을 포함하고 있어, 콤팩트한 인터페이스가 필요한 이 프로젝트의 요구 사항에는 적합하지 않았습니다.

볼프강과 그의 팀은 처음에는 스케줄링 컴포넌트를 고려했지만, FlexGrid가 제공하는 사용자 정의 기능을 더 선호했습니다.

그는 “맞춤형 FlexGrid만큼 잘 작동하지 않았습니다. FlexGrid는 정말 놀라울 정도로 유연합니다.” 라고 단언했습니다.

하지만 KOKOS.event에 Hirschbiegel + Grundstein GmbH가 사용한 컨트롤은 FlexGrid 뿐만이 아니었습니다. FlexGrid가 프로젝트의 요구 사항을 성공적으로 충족시키자, 볼프강의 팀은 아래의 컨트롤을 포함한 다양한 컨트롤을 애플리케이션 전반에 걸쳐 추가적으로 활용했습니다.

ComponentOne Scheduler (완벽한 기능을 갖춘 이벤트 캘린더 컨트롤)
툴바용 WinForms 리본 컨트롤
직관적인 사용자 경험을 위한 체계적인 작업 공간을 생성하는 DockingTab

볼프강은 “시간이 지나면서 점점 더 많은 컨트롤을 발견했고, 그것들을 사용하기 시작했습니다.” 라고 말하며, 궁극적으로 애플리케이션의 사용성과 효율성을 향상시켰다고 덧붙였습니다.

닷넷 Winforms 개발자를 위한 모든 UI 컨트롤을 지원하는 ComponentOne

ComponentOne의 WinForms 컨트롤을 통해 KOKOS.event는 역동적인 기능과 사용자 정의 옵션을 제공하여 사용자가 복잡한 이벤트 기획 작업을 쉽고 정확하며 실시간 협업을 통해 관리할 수 있도록 지원합니다. Hirschbiegel + Grundstein GmbH의 개발팀은 소규모 팀으로도 KOKOS.event와 같은 대규모 애플리케이션을 성공적으로 제공할 수 있었습니다.

문화 예술 분야의 이벤트 기획 방식을 혁신한 KOKOS.event 애플리케이션은 정교한 소프트웨어 솔루션과 포괄적인 사용자 인터페이스의 완벽한 조합을 보여주는 ComponentOne 의 뛰어난 역량을 입증하는 사례입니다.

Hirschbiegel + Grundstein GmbH의 ComponentOne 활용 사례 중 가장 강력한 도구는 단연 FlexGrid 입니다. 다양한 기능을 구현하는 데 사용된 ComponentOne의 WinForms 데이터 그리드는 이 애플리케이션의 가치를 높이고 사용자들의 시간을 절약하며 오류를 줄이고 궁극적으로 지역 주민들에게 탁월한 문화적 경험을 제공하는 데 크게 기여했습니다.

Hirschbiegel + Grundstein GmbH 사 소개

https://www.hg-online.de/

유럽 IT 서비스 분야의 베테랑 기업인 Hirschbiegel + Grundstein GmbH는 지난 30여 년간 독일, 스위스, 오스트리아 시장에서 애플리케이션 개발의 핵심적인 역할을 수행해 왔습니다. 특히 문화 예술 분야를 위한 혁신적인 기획 솔루션 개발에 주력하며, 극장, 오페라 하우스, 축제, 이벤트 공연장의 운영을 현대화하고 효율성을 높이는 데 기여해 왔습니다.

스마트 제조업 설비 기업 - 스마트 제조 결함 분석 AI 설비 시스템 솔루션

marketing-kr@mescius.com (Marketing GCK) — Thu, 10 Apr 2025 00:54:16 GMT

스마트 제조 결함 분석 AI 설비 시스템

노코드(No-Code) 웹 개발 도구 포건시를 활용한
제품 불량 분석 대시보드

AI 인공지능의 등장과 함께 스마트 팩토리는 한층 더 진화하고 있습니다. 이제 제조업에서도 AI 기반의 다양한 설비가 하나의 트렌드로 자리 잡았으며, AI를 활용한 제조 혁신이 활발하게 이루어지고 있습니다.

특히, 생산 과정에서 발생하는 다양한 제품 결함, 즉 불량을 검출하는 데 AI가 큰 도움을 주고 있습니다.

모든 제조 공정의 마지막 단계에서는 불량 제품 검출이 중요하며, 생산 과정에서 불량률을 최소화하는 것이 가장 중요하지만, 현실적으로 이를 완전히 방지하는 것은 어렵습니다.

기존에는 생산된 제품이나 부품의 불량을 사람의 육안에 의존해 검출하는 경우가 많았습니다.

그러나 이 방식은 직원의 경력에 따라 결함을 찾아내는 능력이 달라질 수 있으며, 사람의 눈으로 확인하기 어려운 미세한 결함을 검출하기 어려워 제품 신뢰도가 하락하는 문제를 초래하기도 했습니다.

이러한 불량률을 줄이기 위해 부품 공급사는 발주된 수량보다 더 많은 여분의 부품을 추가로 납품하는 방식으로 대응해왔습니다.

그러나 이로 인해 영업 이익이 감소하고, 신규 투자와 제품 개선 및 개발이 어려워지는 딜레마에 빠지게 됩니다.

이러한 어려움을 해결하기 위해 많은 기업이 AI 영상 분석 기술을 활용한 솔루션을 시장에 출시하며, 제품 결함 검수의 효율성을 높이고 있습니다.

이번 포스팅에서는 AI 영상 분석 기술을 활용해 단순히 불량 제품을 검출하는 것을 넘어, 제품 검사 과정에서 발생하는 실시간 데이터를 효과적으로 활용하는 방법을 소개합니다.

이를 위해, 메시어스의 Forguncy(포건시) - 노코드 기업 시스템 개발 도구 를 사용하여 웹 데이터 시각화 대시보드를 구축한 사례를 살펴보겠습니다.

스마트 제조업 설비를 만드는 회사인데, 웹 개발자는 없어요..

웹 개발이 익숙하지 않은 개발자도 Excel로 코딩 없이 만드는 제조 솔루션

최근 제조 현장에서는 AI 영상 분석 기술을 도입한 "스마트 제조 결함 분석 AI 설비 시스템" 을 통해 제품 신뢰도를 향상시키고 검수 효율성을 극대화하고 있습니다.

이 시스템은 컨베이어벨트 상의 결함 부품을 실시간으로 식별하여 생산성을 높이는 데 기여하지만, 진정한 가치는 단순히 결함을 검출하는 것을 넘어, 데이터 기반의 심층적인 분석과 개선 통찰력을 제공하는 데 있습니다.

확장이 어려운 데스크톱 기반의 제조업 솔루션

그러나 초기 단계 에서 해당 시스템을 개발한 기업은 AI가 감지한 결함 데이터로부터 의미 있는 정보를 추출하고 활용하는 데 어려움을 겪었습니다.

발견된 불량 유형과 발생 원인을 명확하게 제시하는 소프트웨어 솔루션이 필수적이었으나, 전문 소프트웨어 개발자 부족으로 인해 초기 시스템은 CS 기반의 데스크톱 애플리케이션 형태로 제한적인 기능만을 제공했습니다.

이는 고객에게 불량 발생의 근본 원인에 대한 명확한 정보를 전달하지 못했을 뿐만 아니라, 데이터 접근성 또한 시스템이 설치된 특정 PC로 제한되는 문제점을 야기했습니다.

이러한 한계를 극복하고 데이터 활용 능력을 강화하기 위해 해당 기업은 전문 웹 개발 인력 채용 대신, 메시어스의 노코드 엔터프라이즈 시스템 개발 플랫폼 인 Forguncy 를 전략적으로 도입했습니다.

코딩 없이 Excel로! 기존 제조업 시스템을 웹으로 확장

Forguncy는 전문적인 프로그래밍 지식 없이도 Excel과 유사한 직관적인 인터페이스 를 통해 강력한 웹 기반 시스템을 구축할 수 있는 혁신적인 솔루션입니다.

현장의 설비 담당자나 기존 CS 개발자와 같이 웹 개발 경험이 없는 사용자도 Forguncy의 사용자 친화적인 개발 환경을 통해 손쉽게 웹 화면을 설계하고, 복잡한 데이터 처리 및 관리 로직을 구현할 수 있습니다.

Forguncy 도입 후, 해당 기업은 AI 기반 결함 분석 시스템에서 생성되는 방대한 불량 데이터를 웹 환경에서 실시간으로 조회하고 분석할 수 있는 환경을 성공적으로 구축 했습니다.

엑셀 시트 위에서 시각적으로 화면을 구성하는 방식으로, 불량 유형별 발생 빈도, 추이 분석, 설비 별 결함률 등을 한눈에 파악할 수 있는 맞춤형 대시보드를 직접 개발 하여 데이터 기반의 의사 결정을 신속하게 내릴 수 있게 되었습니다.

이는 전문 웹 개발 기술 없이도 제조 설비 시스템 개발자들이 효율적인 품질 관리 시스템을 용이하게 구축할 수 있음을 입증하며, 시스템 개발 속도 또한 기존 방식 대비 획기적으로 단축시키는 효과를 가져왔습니다.

더 나아가, 설비의 새로운 기능 추가 또는 데이터 항목 변경과 같은 요구사항 발생 시에도 Forguncy를 통해 실시간으로 시스템을 유연하게 유지보수하고 확장 할 수 있게 되었습니다.

이는 시스템의 지속적인 개선과 변화에 대한 신속한 대응을 가능하게 하여 기업의 디지털 전환 역량을 한층 강화하는 결과를 낳았습니다.

Use Case

본 문서에서는 엑셀 기반 노코드 웹 업무 시스템 개발 도구인 포건시(Forguncy) 를 활용하여 구축한 "스마트 제조 결함 분석 AI 설비 시스템" 의 핵심 기능을 소개합니다. 특히, 실시간 데이터 기반의 의사 결정 지원 및 신속한 문제 대응을 가능하게 하는 주요 특징들을 살펴봅니다.

실시간 불량 검사 대시보드: KPI 기반 운영 현황 가시화

Forguncy는 엑셀과 친숙한 인터페이스를 통해 다양한 데이터 시각화 컴포넌트를 제공합니다.

숙련된 개발 지식 없이도 엑셀에서 차트를 생성하는 방식 그대로, 제조 현장의 실시간 불량 데이터를 웹 기반 대시보드에 즉각적으로 반영하여 시각화할 수 있습니다.

이를 통해 생산 관리자는 시간 별 불량률 추이를 직관적으로 파악하고, 잠재적인 품질 문제를 신속하게 감지하여 선제적인 대응 전략을 수립할 수 있습니다.

<Forguncy 빌더 화면>

* 위 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

<웹 브라우저 실행 화면>

* 포건시 빌더에서 만든 화면을 실제 웹 상에서 실행하여 웹 브라우저에서 보이는 화면입니다.

동적 데이터 모니터링: 반복문 기반 실시간 차트 업데이트

Forguncy의 강력한 기능 중 하나는 반복문(Loop) 명령을 활용한 실시간 데이터 모니터링 구현 입니다. 데이터베이스에 축적되는 제품 검사 데이터를 특정 주기로 자동 업데이트하여, 웹 페이지에 표시되는 차트를 실시간으로 갱신할 수 있습니다.

이는 변화하는 생산 현황을 즉각적으로 반영하여, 관리자가 최신 정보를 기반으로 정확한 판단을 내릴 수 있도록 지원합니다.

조건부 서식을 활용한 위험도 분석 및 시각적 경고

단순한 불량 건수 및 종류 표기를 넘어, Forguncy는 엑셀의 조건부 서식 기능을 그대로 활용하여 데이터의 잠재적 위험도를 시각적으로 강조 합니다. 설정된 기준에 따라 차트의 색상이나 형태를 자동으로 변경함으로써, 관리자는 불량 발생 추세의 이상 징후를 빠르게 식별하고, 즉각적인 조치를 취할 수 있습니다.

이는 품질 관리 효율성을 극대화하고, 불량률 증가로 인한 손실을 최소화하는 데 기여합니다.

�� Forguncy 도움말 바로가기

자동 알림 시스템: MS Teams & 카카오톡 연동을 통한 즉각적인 상황 공유

Forguncy 기반 시스템은 사전에 정의된 불량률 기준을 초과하는 상황 발생 시, 담당자에게 자동으로 알림을 발송하는 기능을 제공합니다.

Microsoft Teams 연동 ( 자세히 알아보기 )
Forguncy의 공식 MS Teams 연동 플러그인을 통해, 시스템에서 발생하는 주요 이벤트(예: 불량률 급증)를 팀 채널로 즉시 공유하여 협업 기반의 문제 해결 프로세스를 구축할 수 있습니다.
카카오톡 연동 ( 자세히 알아보기 )
Forguncy의 JavaScript 명령 실행 기능을 활용하여, 카카오톡 API와 연동하여 개인 또는 그룹에게 알림 메시지를 발송할 수 있습니다. 이는 담당자가 언제 어디서든 생산 현장의 이상 상황을 인지하고 신속하게 대응할 수 있도록 지원합니다.

Forguncy는 개발 리소스 부족 또는 전문 웹 개발 역량 부재에도 불구하고, 기업이 자체적으로 강력한 엔터프라이즈 시스템을 구축할 수 있도록 혁신적인 대안을 제시합니다.

특히, 기존 레거시 제조 시스템의 웹 기반 확장과 데이터 기반 통찰력 확보를 통해 제품 품질 향상 및 생산 효율성 증대에 핵심적인 역할을 수행합니다.

Forguncy 자세히 보기

Forguncy를 사용하여 HTML, CSS를 몰라도 Excel로 쉽고 빠르게 화면 디자인 및 로직 개발이 가능합니다. 또한, 기존에 사용하던 MS Excel 양식을 그대로 웹으로 변환할 수 있습니다.

쉽고 빠른 데이터 통합
- Excel, Access, Oracle, Microsoft SQL, MySQL, ODBC, MariaDB, SQLite
Excel 함수, 차트, 조건부 서식, 셀 병합 등 Excel 호환
다양한 UI 컨트롤
플러그인 지원

엔터크론아이앤씨 - 스마트 토탈 물류 포워딩 플랫폼 COVAS

marketing-kr@mescius.com (Marketing GCK) — Mon, 08 Jul 2024 06:28:40 GMT

스마트 토탈 물류 포워딩 플랫폼 COVAS

해외 교역을 위한 문서를 주고받아야 하는데

양식도 제각각... 종이 서류만 쌓여 가는데 어떻게 관리하죠?

포워딩은 수요 평가부터 계획, 운송, 통관 및 관리, 사후 처리 및 모니터링 등 여러 단계가 필요합니다. 그리고 이 과정에서 필수적으로 다양한 양식의 서류가 필요하게 됩니다. 송장 (Invoice), 선하증권(Bill of lading), 포장 목록 (Packing List), 원산지 증명서 (Certificate of Origin), 수입신고서 (Customs Declaration), 그 외 관세 및 부가세 납부 관련 서류 등이 그것입니다.

물류 조회나 고객 관리 등 많은 부분에서 전산화를 이루고 있지만, 여전히 많은 기업에서는 위와 같은 서류들을 작성하기 위해, MS 워드나 엑셀로 서류를 만들거나, 심지어 수기로 작성되고 관리되는 경우가 많습니다.

이 때문에 교역량이 많아지고 시간이 흘러갈수록 직원들은 서류 작업에 많은 시간을 사용하고, 이전 작업들에 대한 히스토리 관리가 어려워 비슷한 작업에 대해서 매번 새롭게 작성하거나, 통관에 문제가 생겼을 때 데이터 검색이 어려워 해결에 애를 먹는 경우가 많이 발생한다고 합니다.

또한 물류업의 특성 상 대다수의 고객사들이 해외 법인을 함께 운영하고 있으며, 법인들 사이에 이러한 교역을 위한 문서들의 표준화가 되어 있지 않아, 서류 누락 및 커뮤니케이션 실수들로 인하여 수출이 지연되어 큰 어려움을 겪고 있습니다.

ActiveReportsJS, 물류 관련 서류 생성 자동화!

코딩 없이 표준화된 물류 및 통관 서류를 자동으로 생성하는 페이퍼리스 서비스 개발

이에 엔터크론아이앤씨에서는 메시어스 ActiveReportsJS의 리포트 디자이너 와 순수 JavaScript 리포팅 뷰어 컨트롤 을 이용하여, ActiveX나 별도의 설치 프로그램 없이 클라우드(Cloud) 기반으로 웹 페이지에서 실시간으로 포워딩 업무나 고객이 필요로 하는 다양한 서류 및 증명서들을 렌더링하고 공유할 수 있는 기능을 개발 하였습니다.

ActiveReportsJS 에서 제공하는 리포트 디자이너 프로그램 을 통해 노코드(No-Code) 기반 으로 드래그 앤 드랍 만으로 통관, 관세 관련 다양한 운송 및 수출을 위한 제출 양식을 쉽게 구성할 수 있게 되었으며, 이렇게 만들어진 양식들은 JSON 파일 형식으로 자동 변환되어, 클라우드 및 데이터베이스에서 쉽게 저장하고 관리 할 수 있습니다.

이를 통해 외부로부터 안전하게 서류와 데이터를 보관하고 해외 법인들과 표준화된 양식 공유 및 사용이 가능하게 개발할 수 있었습니다.

이를 통해 사용자는 포워딩 관련 양식들을 서류 작성과 관리에 더 이상의 시간과 비용을 낭비하지 않고 효율적인 업무 처리와 문서 관리가 가능해졌습니다.

USE CASE

아래는 엔터크론아이앤씨의 “코바스(COVAS)”에서 ActiveReportsJS(프론트엔드 리포팅 컨트롤) 가 어떻게 사용되고 있는지 보여 줍니다.

1) 선하증권(Bill of Landing)

복잡한 템플릿 생성도 쉽게

앤터크론아이엔씨에서는 ActiveReportsJS를 이용하여 국제 물류 운송 시에 필요한 선하증권(Bill of Lading)의 자동 발급 시스템을 구현하였습니다.

ActiveReportsJS는 차트 , 표 , 이미지 , 바코드 , 텍스트 상자 등 다양한 리포트 양식을 디자인하기 위한 모든 컨트롤을 제공 합니다. 노코드 기반의 리포트 디자이너 를 통해 운송서와 같은 복잡한 통관 물류 관련 문서 템플릿(양식)들을 코딩 없이 드래그 앤 드롭 으로 생성할 수 있습니다.

이를 통해서 개발자들은 웹 리포팅을 만드는데 양식 디자인으로 사용하는 시간을 줄이고 중요한 로직 개발에 집중할 수 있습니다.

사용자는 아래와 같이 코바스(COVAS) 시스템에서 선하증권(Bill of Lading)의 정보를 입력합니다. 이제 해당 선하증권 정보는 고객사 계정 아래에 저장이 되어 데이터베이스에서 관리가 됩니다.

* 위의 화면은 실제로 고객사의 시스템 상에서 선하증권을 입력하는 화면입니다.

아래는 위에서 시스템을 통해 사용자가 입력한 데이터를 출력물 형식으로 만들어 주기 위해 ActiveReportsJS에서 코딩 없이 디자이너로 생성한 리포트 템플릿입니다.

디자이너에서 데이터가 들어갈 섹션에 Rest API로부터 받아온 JSON 데이터의 항목 이름(Name)을 드래그-앤-드롭으로 맵핑해주면, JSON 파싱과 같은 코딩 없이도 자동으로 양식에 맞춰 데이터를 뿌려주어 출력물을 간편하게 생성할 수 있습니다.

* 실제 ActiveReportsJS 리포트 디자이너에서 만든 Air Waybill 템플릿입니다.

아래는 위의 리포트를 실제 실행한 화면으로, 별도의 뷰어 프로그램 설치 없이도 실시간으로 웹 브라우저에서 렌더링하거나 PDF 형식으로 저장 또는 인쇄 하는 것이 가능합니다.

* 실제 ActiveReportsJS 뷰어를 통해 보여지는 Air Waybill의 모습입니다.

2) 세금계산서

다양한 계산 수식 지원

ActiveReportsJS에는 기초 연산에 관한 함수 뿐만 아니라 수십 가지의 수학, 논리, 데이터, 변환, 비교, 집계에 대한 함수들을 기본 제공 하고 있어 JSON 데이터를 쉽게 가공하고 출력할 수 있습니다.

이를 통해, 앤터크론아이앤씨에서는 국세청 홈텍스에서 제공되는 서식과 동일한 전자 세금 계산서를 구현하여 실제 세금계산서 발급 업무도 쉽게 하나의 시스템 상에서 할 수 있도록 ActiveReportsJS를 통해서 구현 했습니다.

* 실제 ActiveReportsJS 리포트 디자이너에서 만든 세금 계산서 템플릿입니다.

3) 인사기록카드

여러가지 데이터 소스를 함께 사용

ActiveReportsJS에서는 복잡한 다수의 JSON 데이터 소스를 동시에 바인딩하여 적용할 수 있습니다. ActiveReportsJS 리포트 디자이너 프로그램에서는 Rest API와 같이 URL을 통해서 JSON 데이터 연결 을 쉽게 할 수 있도록 지원합니다.

또한, 받아온 JSON 문자열을 Data Set(데이터셋)으로 변환해주는 기능을 제공하여, 복잡한 JSON 데이터도 쉽게 활용하여 리포트를 빠르게 생성할 수 있도록 지원 합니다.

* ActiveReportsJS 디자이너에서 외부의 JSON DataSource를 연결한 모습입니다.

엔터크론아이앤씨는 ActiveReportsJS를 이용하여 “인사기록카드”를 구현하기 위해 개인정보가 담긴 6개의 다양한 JSON 데이터 소스를 활용 했습니다.

만약에 데이터가 여러 개로 쪼개져 있더라도 이를 하나의 JSON 문자열로 재구성할 필요 없이, 여러 개의 데이터 소스를 하나의 리포트에서 생성에 활용할 수 있어 리포트 개발이 더욱 용이합니다.

또한 한 개의 섹션에서 표시할 인사정보 데이터가 길어지면 자동으로 ActiveReportsJS 표(Table)의 멀티라인 기능을 통해 해당 영역이 늘어나면서 데이터가 표시되도록 구현하였으며, 혹시 페이지를 넘어가더라도 연속 페이지 리포트 양식 을 사용하여 내용이 다음페이지로 자연스럽게 연결되도록 구성되었습니다.

* 실제 ActiveReportsJS 리포트 디자이너에서 만든 인사기록카드 템플릿입니다.

* 실제 ActiveReportsJS 뷰어를 통해 보여지는 인사기록카드의 모습입니다.

About 엔터크론아이앤씨

ActiveReportsJS 자세히 보기

ActiveReportsJS는 프론트엔드 어플리케이션에서 데이터를 시각화하기 위한 리포팅 솔루션입니다. ActiveReportsJS의 리포트 디자이너 프로그램을 통해, JSON 데이터만으로 원하는 템플릿의 리포트를 쉽고 빠르게 생성해 보세요.

Angular, React, VueJS 지원
크로스플랫폼을 지원하는 디자이너 프로그램 제공
JavaScript 리포트 뷰어 제공
서버에 의존하지 않고 클라이언트 단에서 리포팅 가능

종합 건설 업체 H사 - 건설 시공 관리 플랫폼

marketing-kr@mescius.com (Marketing GCK) — Fri, 14 Jun 2024 05:14:12 GMT

건설 시공 관리 플랫폼 CMP
(Construction Management Platform)

인수인계서 전산화, 진행시켜!

건설 현장도 이제는 디지털 트랜스포메이션!

서류 및 문서 작성은 굿바이! 모두 시스템으로!

건설업은 현장의 비중이 크다 보니 업의 특성상 전산화, 디지털 트렌스포메이션이 가장 더디게 진행되는 분야 중에 하나라고 많이 이야기합니다.

현장의 관리자가 공사 진척 상황 및 여러 정보를 수기로 작성하고 이를 본사 및 시공사에 전달하고, 이렇게 전달된 내용들을 시공사(또는 본사)의 직원들이 취합하고 관리하는 방식으로 업무를 진행합니다.

이러다 보니 동일한 건설 현장에서도 현장 담당자마다 다른 다양한 형태의 문서가 생성되고, 건설 규모가 커지고 동시에 여러 건설 프로젝트를 관리하고 운영해야 하는 시공사 입장에서는 이러한 문서들을 취합하고 분석한다는 것은 결코 쉬운 일이 아닙니다.

이러한 건설 기획과 설계, 구매 조달, 시공과 감리, 인력 관리, 유지보수 등 수많은 건설 공정 단계에서 정형화되지 않은 많은 문서와 아날로그적인 프로세스로 인하여, 공사 진행 중에 미스 커뮤니케이션이 발생하거나, 실제 공정 및 품질에 문제가 발생할 때, 빠르게 대처를 하지 못하고 이를 분석하고 해결하는데 많은 시간과 비용이 발생하는 경우가 많습니다.

이러한 문제를 최소화하기 위해 정형화된 문서 양식을 만들거나, 시중의 건설 관리 솔루션을 도입하려고 하지만, 실제 건설 현장과 건설사의 프로세스에 맞추어 대응하지 못하는 것이 실정입니다.

이에 “국내 대형 H건설사”는 이러한 문제를 해결하기 위해, 공사 현장에서 각기 다른 양식으로 기록되고 관리되던 업무 전 과정을 포건시 | Forguncy(노코드 웹 업무 솔루션 개발 툴) 를 사용해 비개발자인 현업 담당자 분이 직접 각 건설 현장의 특성에 맞춘 “스마트 건설 시공 관리 플랫폼, CMP(Construction Management Platform)”을 구축 했습니다.

이를 통해, 공사 담당자들은 더 이상 문서(서류)의 형태로 전달하는 것이 아닌,

직접 포건시(Forguncy)로 개발한 웹 시스템 공사 현장의 작업 내용이나 이슈를 입력하고 입력한 다양한 현장의 작업 정보를 서로 공유할 수 있게 되었습니다.

협력사들은 시스템 상에서 건설 현장과 진행 상황들에 대한 정보를 확인하고,

각 단계에 맞는 인력과 장비들을 배정함으로써 효율적으로 협력을 할 수 있게 되었습니다.

시공사 입장에서는 공사 서류와 이슈 리포팅 등의 디지털 표준화를 통해서, 실시간으로 정보를 취합할 수 있게 되었으며, 단순 반복 업무에서 벗어나 데이터를 기반으로 안전한 공사 현장 관리와 건설 프로세스 혁신에 많은 시간을 투자할 수 있게 되었습니다.

건설 현업 전문가가 직접 만든 건설 업무 시스템

건설 프로젝트마다 자유롭게 시스템을 변경하여 대응!

건설업의 디지털 전환이 어려운 이유 중의 하나는 완전히 똑같은 건물이 없는 것처럼 동일한 건설 프로젝트가 없다는 것입니다.

건설 프로젝트마다 서로 다른 현장의 상황에 직면하고, 이로 인한 관리 포인트도 다를 수밖에 없다 보니, 현장마다 최적화된 신규 시스템을 도입하거나 구축한다는 것은 현실적으로 불가능할 수밖에 없었습니다.

포건시(Forguncy)는 노코드(No-Code) 기반의 업무 시스템 개발 도구로 비개발자인 현업 담당자가 직접 건설 현장의 니즈(Needs)가 반영된 시스템을 전문적으로 개발하고 관리할 수 있도록 돕습니다.

Excel(엑셀) UI 화면으로 원하는 공사일보, 인력, 자재, 장비 정보를 취합할 수 있는 시스템을 코딩 없이 쉽게 개발 및 배포를 쉽게 할 수 있으며, 건설 프로젝트마다 원하는 기능을 새로 추가하거나, 개선하여 시스템을 언제, 어디서나 빠르게 다각화할 수 있습니다.

더 이상 시스템에 업무를 맞추는 것이 아니라, 변화하는 건설업의 트렌드와 현장의 니즈에 맞추어 지속해서 현업 전문가가 작업 시스템을 확장하고 키워나갈 수 있으며, 이를 통해 더 효율적이고 높은 품질의 건축물을 만들 수 있도록 시스템을 통해 지원할 수 있습니다.

USE CASE

아래에서는 “스마트 건설 시공 관리 플랫폼” 에서 노코드(No Code) 업무 시스템 개발 툴인 포건시(Forguncy) 가 어떻게 사용되었는지를 보여 줍니다.

해당 시스템은 H건설사의 건설 공정관리, 공사관리, 안전관리, 협력사 관리, 현장관리, 자재 관리, 설계관리 등 건물 시공의 전 과정을 하나의 시스템에서 관리하고 조회할 수 있도록 개발되었습니다.

해당 플랫폼은 각각의 건설 프로젝트의 현장의 요구 사항에 맞추어 현업 담당자가 직접 포건시(Forguncy)의 다양한 템플릿과, 셀 유형, 명령들을 이용하여 업데이트하고 쉽게 개선 가능합니다.

CMP 메인 화면

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

실행 버튼을 누르면, 아래와 같이 웹 브라우저에서 구현된 것을 확인할 수 있습니다.

<웹 브라우저 실행 화면>

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

사용자는 상단의 메뉴를 통해 각 건설 현장 또는 공정 단계에서 필요로 하는 모든 작업을 확인할 수 있으며, 각 항목을 통해 현장이 현황과 데이터를 관련 업무 데이터를 입력할 수 있습니다.

공사 작업 내역 관리 및 공정 분석

해당 시스템에서는 또한 건물에 동 호수를 도식화하고 각 세대별로 협력사와 시공사가 공사작업 내역을 입력하고 공유할 수 있도록 개발하였습니다.

이를 통해, 협력사들은 서로의 작업 내역들을 확인하고, 언제, 어떤 인력들이 투입되어 작업을 해야 하는지 효율적으로 업무를 할 수 있게 되었고, 시공사와 현장 관리자들은 빠른 의사 결정과 세대별 공사 진행 상황을 실시간으로 파악할 수 있게 되었습니다.

포건시(Forguncy)의 Excel(엑셀) 기반 웹 페이지 빌더(Builder)를 통해서, Excel(엑셀)에서 셀(Cell)에 테두리와 음영을 넣는 것과 동일한 방법으로 원하는 건물의 구조를 그리고 원하는 데이터 기능을 쉽게 코딩 없이 구현하였습니다.

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

실행 버튼을 누르면, 아래와 같이 웹 브라우저에서 구현된 것을 확인할 수 있습니다.

<웹 브라우저 실행 화면>

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

또한 이렇게 모여진 공사 내역들은 포건시 간트 차트 를 통해서 전제적인 프로젝트의 진행 상황을 확인하고 관리할 수 있도록 구현하여, 관리자가 현재 프로젝트의 일정에 차질이 생기지 않도록 분석하고 문제를 해결하도록 돕습니다.

<웹 브라우저 실행 화면>

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

협력사 및 인력 관리

건설 현장에는 하루에도 수십에서 수백 명의 다양한 협력사와 인력들이 들어오고 나갑니다.

이를 현장 관리자가 수기로 관리한다면, 임금 지급이나 적합하지 않은 인력의 현장 투입으로 인하여 크고 작은 이슈들이 발생할 수밖에 없습니다.

이에 H건설사는 포건시의 리스트뷰와 가로 막대형 차트를 사용하여 일자별 협력사와 일용직 노동자 출력 인원, 작업 장소, 내용 등을 확인할 수 있는 관리 페이지를 만들어 운영 중입니다.

더 이상 일일이 수기로 인력을 체크하는 것이 아니라, 포건시로 개발한 시스템에 인력 정보를 등록하고 관리하여 적성에 따라서 필요한 곳에 적합한 인력을 배치하고, 혹시 모를 인적 사고에도 빠르게 대응할 수 있게 되었습니다. 이를 통해 각 작업의 업무 진행 향상과 자원 효율성을 극대화할 수 있습니다.

<웹 브라우저 실행 화면>

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

다양한 검사 보고서 출력 기능

포건시에는 사용자가 원하는 출력용 보고서(또는 양식)를 만드는 기능 을 코딩 없이 웹 시스템에 구현할 수 있도록 지원합니다.

이러한 포건시의 보고서 생성 기능 을 이용하여 H건설의 “스마트 건설 시공관리 플랫폼” 에는 건설 중인 건축물이 설계도서 내용대로 시공되고 있는지, 그리고 품질 관리, 공사 관리, 안전 관리 등에 대해 평가를 받기 위한 다양한 제출용 보고서를 실무 담당자가 시스템상에 모여진 데이터를 바탕으로 빠르게 생성할 수 있도록 개발하였습니다.

이를 현장 관리자가 수기로 관리한다면, 임금 지급이나 적합하지 않은 인력의 현장 투입으로 인하여 크고 작은 이슈들이 발생할 수밖에 없습니다.

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

실행 버튼을 누르면, 아래와 같이 웹 브라우저에서 구현된 것을 확인할 수 있습니다.

<웹 브라우저 실행 화면>

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

모바일 웹 전용 시공 관리 플랫폼

“스마트 건설 시공 관리 플랫폼” 은 현장에서 바쁘게 움직이는 작업자들이 휴대폰을 사용하여 활용할 수 있도록, 모바일 버전의 솔루션도 포건시로 함께 개발되었습니다.

포건시는 모바일 화면 크기에 최적화된 별도의 전용 웹 시스템도 Excel(엑셀) UI를 기반으로 쉽게 개발할 수 있도록 지원합니다. 이를 통해, 현장에서도 연속적으로 업무를 지속하고 전산화할 수 있는 여건을 제공할 수 있게 되었습니다.

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

<애플리케이션 실행 화면>

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

또한 모바일 버전에서는 추가적으로 카카오톡 API를 포건시와 연동하여 현장에서 확인된 이슈들을 빠르게 담당자에게 전달하고, 빠른 대응과 조치를 할 수 있는 기능을 개발하여 제공하고 있습니다.

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

<애플리케이션 실행 화면>

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

이러한 시공에 대한 혁신적인 전산화를 통해, H 건설은 모든 부분에서 완성도 높은 품질의 건축물을 건설하기 위한 노력을 하고 있습니다.

Forguncy 자세히 보기

쉽고 빠른 데이터 통합
- Excel, Access, Oracle, Microsoft SQL, MySQL, ODBC, MariaDB, SQLite
Excel 함수, 차트, 조건부 서식, 셀 병합 등 Excel 호환
다양한 UI 컨트롤
플러그인 지원

여기스터디 - 스마트 온라인 교육 학사 관리 솔루션

marketing-kr@mescius.com (Marketing GCK) — Fri, 14 Jun 2024 05:14:08 GMT

스마트 온라인 교육 학사 관리 솔루션

수강 신청부터 수업까지는 모두 온라인으로 바로 되는데,

증명서 발급은 따로 만들어서 메일로 보내주신다고요?!

온라인 교육 시스템의 장점은 웹 상에서 수강 신청, 결제 그리고 수업에 이르기까지 모든 것이 온라인으로 쉽고 빠르게 이뤄지며, 언제 어디서나, 배움의 길을 걸을 수 있다는 것입니다.

그러나 이러한 장점으로 인해, 교육 시스템을 관리하고 운영하는 직원들은 상대적으로 오프라인보다 더 많은 학생들을 관리하고 다양한 문의 및 요청을 받을 수 밖에 없습니다.

이 중에 특히 긴 시간이 걸리는 업무 중 하나는 각종 증명서 발급 업무일 것입니다.

여전히 많은 학교 및 교육 기관에서는 엑셀(Excel), 워드(Word) 및 한글(HWP) 양식에 관련 데이터를 복사 + 붙여 넣기 하는 방법으로 업무를 진행하는 경우가 많이 있습니다.

학생 및 교사의 요청으로 성적증명서, 수료증명서, 경력증명서, 납입증명서 등 다양한 증명서를 발급하는 것은 쉬운 업무처럼 보이지만, 증명서 발급 요청이 적을 때는 문제가 되지 않으나, 온라인 플랫폼 상의 학생과 교사가 많아질수록 많은 시간을 소요하게 됩니다.

ActiveReportsJS, 실시간으로 증명서를 발급해줘!

코딩 없이 증명서를 만들고, 코드 단 몇 줄로 웹 상에 보여주세요.

이에 여기스터디의 “ 여기캠퍼스 - 스마트 학사관리 시스템 ”은 ActiveReportsJS 의 리포트 디자이너 와 JavaScript 리포팅 뷰어 컨트롤 을 이용하여, ActiveX나 별도의 설치 프로그램 없이 웹 페이지에서 실시간으로 증명서를 렌더링하고 발급받을 수 있는 기능을 개발하였습니다.

이를 통해, 원하는 증명서를 PC(데스크톱) 브라우저에서 뿐만 아니라 스마트폰, 태블릿 등 모든 기기에서 바로 조회하고, 리포트 뷰어 자체에서 제공하는 PDF 내보내기 및 인쇄 기능을 통하여 원하는 형태로 빠르게 발급 받을 수 있게 되었습니다.

ActiveReportsJS는 개발자를 위한 노코드 기반의 리포트 디자이너 를 제공하며, 이를 통해 개발자가 드래그 앤 드롭(Drag & Drop) 방식으로 어떠한 코딩도 필요 없이 각종 증명서 양식을 쉽게 그릴 수 있도록 지원합니다.

이렇게 만들어진 증명서 양식에 필요한 데이터를 JSON 형식으로 바인딩만 하면 ActiveReportsJS의 리포트 뷰어에서 자동으로 웹 및 모바일 브라우저 상에서 증명서를 렌더링(시각화)해주고, PDF 및 인쇄 기능을 자체적으로 제공합니다.

ActiveReportsJS를 통해 개발자는 단 코드 몇 줄만으로, 웹 페이지에서 바로 증명서 생성부터 발급 그리고 PDF 출력 기능까지 구현할 수 있었습니다.

* ActiveReportsJS는 자동으로 화면 크기에 맞추어 리포트 뷰어가 모바일 전용으로 변환되어, 개발자는 별도의 모바일용으로 뷰어 및 증명서/양식 출력 기능을 개발할 필요가 없습니다.

Wijmo로 만든 수강생/교사 관리 대시보드

10만 명의 회원 데이터를 성능 저하 없이 빠르게 시각화

여기스터디는 Wijmo(JavaScript UI 시각화 컴포넌트) 에서 제공해 주는 고성능의 데이터그리드(FlexGrid) , 차트(FlexChart) 그리고 다양한 입력(Input) 컨트롤을 사용하여 10만 명이 넘는 학생 관리, 교무 관리, 성적 관리 등 대량의 데이터를 빠르게 불러와 직원들이 빠르게 다양한 업무를 처리할 수 있도록 시스템을 개발하였습니다.

초기 개발에는 HTML 테이블(Table)과 오픈소스 기반의 차트(Chart) 를 이용했으나, 대량의 고객 정보 데이터를 불러와 그려주려고 할 때마다, 오랜 시간을 기다려야 되거나 심하게는 시스템이 완전히 다운되어 사용이 어려운 경우가 많았습니다.

또한, 시스템을 사용하는 직원과 고객사에서 학생 및 교사 정보에 대한 빠른 검색 및 엑셀(Excel)과 같은 필터링, PDF 및 엑셀 내보내기 그리고 데이터 그리드의 열(Column) 순서를 사용자화 할 수 있는 다양한 고급 기능을 요청함에 따라 오픈소스 및 HTML의 기본 컨트롤만으로는 구현에 어려움을 겪었습니다.

이에 여기 스터디에서는 고성능(High Performance) 과 비즈니스 기반의 고급 기능(Advanced Feature)을 모두 만족하는 순수 JavaScript 컨트롤인 Wijmo를 도입하여 시스템의 UI와 UX를 구현하였습니다.

개발자는 코드 단 몇 줄 만으로 Wijmo의 데이터 그리드인 FlexGrid(그리드) 와 FlexChart(차트) 의 가상화 기술 을 통해서 성능의 저하 없이 10만명이 넘는 고객의 정보를 빠르게 렌더링 할 수 있었습니다.

* 실제로 많은 제조 기반의 국내 대기업에서 대량의 실시간 데이터 처리를 위해 Wijmo의 FlexGrid와 FlexChart를 사용하고 있습니다.
( Benchmark 바로가기 )

또한, 사용자가 원하는 빠른 검색, 엑셀(Excel)과 같은 필터링, PDF 및 엑셀로 데이터 내보내기, UI 커스터마이징 등의 복잡한 기능들을 별도의 추가 개발 없이 Wijmo 컨트롤들에서 기본 제공하는 API를 통해 개발하여 시간을 크게 단축할 수 있었습니다.

* Wijmo에서 제공하는 모든 JavaScirpt 데이터 그리드(FlexGird) , 차트(FlexChart) , 피벗(OLAP Pivot) , 입력(Input) 등의 컨트롤은 화면 크기에 맞추어 자동으로 모바일 전용으로 변환되어, 개발자는 별도로 모바일용 UI를 고민하고 개발할 필요가 없습니다.

여기스터디는 메시어스의 JavaScript 리포팅(ActiveReportsJS) 및 그리드, 차트 등의 UI(Wijmo) 라이브러리를 통해 한 개의 JSON 데이터만으로 교육 현장에서 필요한 각종 증명서 발급, 조회 및 출력을 위한 뷰어부터, 학사 관련 데이터 조회 및 대시보드 시각화까지 가능한 완전하고 안정적인 학사 관리 시스템 개발을 단 코드 몇 줄만으로 시간 및 비용의 효율화와 함께 이뤄냈습니다.

USE CASE

아래에서는 실제 “여기스터디”의 “ 스마트 온라인 학사 관리 솔루션 (여기캠퍼스) ”에서 ActiveReportsJS(JavaScript 비즈니스 리포팅 컴포넌트) 와 Wijmo(JavaScript UI 시각화 컴포넌트) 가 어떻게 사용되고 있는지를 보여 줍니다.

1️⃣ 학생 조회 및 수강 관리

여기캠퍼스에서는 Wimo에서 제공하는 다양한 컨트롤 중에 대표 컨트롤인 FlexGrid(데이터그리드) 를 사용하여, 10만명이 넘는 학생과 교사 데이터를 웹 화면에 렌더링하고 있습니다.

FlexGrid에서 자체적으로 제공하는 검색(Search) , 필터링(Filtering) , 페이징(Paging) 등 다양한 기본 기능을 통해, 코드 명령만으로 빠르고 쉽게 데이터 조회 및 관리를 위한 기능을 개발할 수 있습니다.

또한, 위의 이미지와 같이 FlexGrid의 셀 템플릿, 셀 메이커 기능을 이용하여, 버튼, 이미지 등의 다양한 HTML 요소와 컴포넌트 및 사용자 정의 컨텐츠를 그리드의 셀에 추가할 수 있습니다.

여기캠퍼스에서는 사용자 아이콘의 색상을 통해서 각 학생의 성별을 빠르게 확인 가능하게 구현했으며, 관리 및 상담 버튼을 추가하여 해당 메뉴로 바로 이동할 수 있도록 사용 편의성을 확보하였습니다.

또한, 복잡한 데이터의 가독성을 높이기 위해, FlexGrid의 셀 병합 , 멀티 헤더 , 열 고정 , 헤더 고정 기능을 설정하여 제한된 화면에서 다양한 데이터를 확인할 수 있도록 개발하였습니다.

이렇게 조회된 정보를 Excel 또는 PDF로 내려 받을 수 있도록, Wijmo에서 제공해주는 Excel 내보내기 , PDF 내보내기 명령어를 통해서 기능을 개발하였습니다.

2️⃣ 다양한 증명서 발급

“여기캠퍼스”에서는 성적증명서, 수료증명서, 경력증명서, 납입증명서 등 다양한 증명서를 온라인에서 이용자가 쉽게 발급 받을 수 있는 기능을 순수 JavaScript 기반의 리포팅 컴포넌트인 ActiveReportsJS 를 통해서 개발하였습니다.

개발자는 더 이상 ActiveX나 별도의 뷰어를 위한 프로그램 개발에 의존하지 않고, JSON과 HTML/JavaScirpt 프론트엔드 기술만으로 ActiveReportsJS 디자이너 를 통해서 코딩 없이 만들어진 증명서 양식을 JS 뷰어 를 통해서 웹 페이지 상에 실시간으로 렌더링하고 이를 PDF로 저장하거나 인쇄하는 기능 을 제공할 수 있게 되었습니다.

<실제 ActiveReportsJS 디자이너에서 성적 증명서를 디자인한 화면입니다.>

<실제 ActiveReportsJS 뷰어에서 성적 증명서를 웹 상에 그려준 화면입니다.>

3️⃣ 시스템 모니터링 대시보드

여기캠퍼스 시스템에서는 또한 실시간으로 시스템의 상태를 모니터링 할 수 있는 대시보드 기능을 Wijmo 의 고성능 차트를 통해서 시각화하고 있습니다.

10만명의 고객이 수시로 들어오는 웹 시스템의 대용량의 로그와 상태를 실시간으로 한눈에 볼 수 있고 이상 트래픽이나 이슈를 감지 할 수 있도록 Wijmo FlexChart 의 라인차트(LineChart) 와 원형차트(PieChart) 를 이용해 아래와 같이 개발하였습니다.

<실제 Wijmo로 구현된 시스템 이슈 및 서버의 상태를 모니터링하는 화면입니다.>

About 여기스터디

여기스터디 사이버평생교육원(이하 여기스터디)은 언제, 어디서나, 그리고 누구에게나 열린 학습 기회를 제공하는 교육부 인증 평생교육 기관입니다. 사회복지사, 보육교사, 청소년지도사 등 국가 자격증을 취득하기 위한 90여개 과목이 개설되어 있으며, 빠르게 변화하는 IT 환경에서 학습자의 만족과 최상의 교육 효과를 위하여 다양한 노력을 기울이고 있는 교육 기관입니다.

MESCIUS 제품 자세히 보기

마이링크 - 제조 기업을 위한 스마트 제조 IT 솔루션

marketing-kr@mescius.com (Marketing GCK) — Fri, 10 May 2024 00:46:28 GMT

제조 기업을 위한 스마트 제조 IT 솔루션

생산 과정은 완전 스마트! 그런데 말입니다...��

데이터 수집 및 운영 관리는 여전히 엑셀(Excel) 파일로?!

실제로 제조 기업에는 모든 공정마다 다양한 데이터가 생성되고 있습니다.

설비에서 나오는 방대한 생산 관련 데이터부터, 각 공정이 끝날 때마다 수행하는 제품 테스트 과정에서 생성되는 데이터, 그리고 각종 자재/장비 구매 등 하나의 부품을 만드는 데 생성되는 데이터까지 하루에도 수많은 데이터가 발생합니다.

하지만 생산 과정에서 이러한 데이터는 제품 생산에 큰 문제가 없다면 그냥 버려지거나, 단순히 기록용으로만 보관되는 경우가 많습니다. 또한, 이러한 데이터의 상당 부분이 엑셀(Excel) 파일 및 문서 파일의 형태로 관리 되는 경우가 상당히 많습니다.

그러다 보니, 서로 다른 다양한 자료를 통합하고, 제조 프로세스 개선 및 혁신을 위한 분석을 한다는 것은 기업 입장에서는 결코 쉬운 일이 아닙니다.

SpreadJS로 엑셀(Excel) 데이터를 모으다!

제조 과정의 데이터, 하나도 놓치지 않을 거예요~!

이에 마이링크(MYLINK)의 “ 스마트 제조 IT 솔루션 LinkBiz ”는 SpreadJS의 웹 엑셀(Excel) 에디터 컴포넌트(디자이너 컴포넌트) 를 이용하여, 엑셀(Excel) 작업이 익숙한 제조 기업의 현업 담당자와 연구원들의 기존의 엑셀(Excel) 작업 방식을 그대로 유지 하면서도 모든 제조 과정 & 업무 데이터들을 취합 및 정형화하여 데이터베이스화 할 수 있는 기능들을 개발하여 제공하고 있습니다.

이를 통해, 현업 담당자 및 연구원들은 각 제조 단계에서 수행한 작업들에 대해서 더 이상 엑셀(Excel)이나 워드(Word) 파일로 남기는 것이 아니라, SpreadJS 와 DsExcel 로 개발된 포털 사이트의 웹 엑셀(Excel) 시트에 작업하여 체계적으로 업무과 연구, 테스트 관련 엑셀(Excel) 데이터를 쉽게 전산화/데이터베이스화 할 수 있게 되었습니다.

또한, 단순하게 데이터를 모으는 것을 넘어 각 프로세스에서 모아진 서로 다른 비정형 데이터들을 SpreadJS의 웹 엑셀(Excel) 에디터 컨트롤로 가져와 연결하고, 데이터 분석을 위한 전처리 작업을 쉽게 할 수 있게 되었습니다.

헤이 ActiveReportsJS, 분석 결과를 리포트로 보여줘!

쉬워진 제조 관련 분석 리포트 자동화 기능 개발 ��

가공(전처리)된 데이터들은 마이링크(MYLINK)의 Python 또는 빅데이터 분석 솔루션을 통해 데이터 분석 및 시각화를 하는 데 실제로 사용되고 있으며, 이때 메시어스의 ActiveReportJS 를 활용하여, 분석된 결과 데이터들을 JSON 데이터 형태로 받아와 웹 상에서 다양한 보고서 형태로 자동으로 생성하고 보여주는 기능 을 개발하여 제공하고 있습니다.

이를 통해, 다양한 분석 결과를 한눈에 정형화된 보고서 형식으로 확인할 수 있으며, 이렇게 만들어진 보고서들을 데이터베이스화하여, 지속적으로 업무를 개선하고 제조 과정을 혁신하는 데 활용할 수 있습니다.

USE CASE

아래에서 실제 마이링크의 “스마트 제조 IT 솔루션(LinkBiz)”에서 SpreadJS(프론트엔드 Excel UI 컨트롤) , DsExcel Java API(백엔드 Excel API) , 그리고 ActiveReportsJS(프론트엔드 리포팅 컨트롤) 가 어떻게 사용되고 있는지 보여 줍니다.

템플릿 생성 및 수정 기능

LinkBiz 솔루션에서는 텍스트 상자, 숫자 입력, 날짜, 체크 박스 등의 다양한 기본 제공 입력 컨트롤을 활용하여 최종 사용자들이 다양한 데이터를 공통된 양식으로 입력할 수 있도록 템플릿을 생성하는 기능을 제공합니다.

템플릿 생성 시에, SpreadJS(JavaScript Excel UI 컨트롤) 는 웹 시스템 상에서 엑셀(Excel) 화면을 기반으로 다양한 제조 업무 관련 데이터를 쉽고 빠르게 입력 수정할 수 있도록 지원하고 있습니다.

SpreadJS의 엑셀(Excel) 에디터 기능을 이용하여, 사용자가 새로운 엑셀(Excel) 데이터 입력 시트를 만들거나, 기존에 사용하던 엑셀(Excel) 파일 양식을 그대로 불러와 기존과 동일한 방식으로 데이터를 쉽게 쌓을 수 있도록 기능을 제공하고 있습니다.

이를 통해, 기존의 익숙한 엑셀(Excel) 작업을 웹(Web) 시스템이라는 공간으로 가져와 관리가 어려웠던 엑셀(Excel) 파일의 데이터들도 모두 추후에 활용 가능하도록 전산화/데이터베이스화 할 수 있게 되었습니다.

<실제 마이링크 Linkbiz에서 SpreadJS를 이용하여 엑셀(Excel) 데이터 입력 템플릿을 생성하는 화면입니다.>

만들어진 SpreadJS의 엑셀(Excel) 템플릿은 JSON 문자열 형태로 DB에 저장되어, 아래와 같이 웹 상에서 쉽게 불러오고 관리할 수 있습니다.

이렇게 부서별, 업무별로 만들어진 공통 템플릿은 데이터 수집 작업을 할 때 누구나 필요 시에 불러와 작성할 수 있습니다.

<실제 SpreadJS로 만들어진 엑셀(Excel) 템플릿을 부서별/업무별로 저장하고 관리하는 화면입니다.>

엑셀(Excel)과 동일한 UI 지원을 통한 업무 지속성 제공

위의 과정을 통해 생성된 템플릿은 아래와 같이 엑셀(Excel)과 동일한 화면으로 보여지며, 모든 최종 사용자는 해당 엑셀(Excel) 입력 양식에 맞추어 일관성 있게 데이터를 쌓아 갈 수 있습니다.

특히 SpreadJS로 만들어진 엑셀(Excel) 데이터 입력 템플릿은, 기존 MS 엑셀(Excel) 파일들로부터 데이터를 복사(Ctrl+C) & 붙여넣기(Ctrl+V) 할 수 있으며, 기존에 사용했던 엑셀(Excel)의 모든 수식 들을 웹 엑셀(Excel) 상에서도 사용할 수 있도록 지원합니다.

또한, SpreadJS의 엑셀(Excel) 파일 가져오기 기능을 이용하여, 다양한 정보가 들어 있는 기업의 엑셀(Excel) 파일의 데이터를 쉽게 원클릭만으로 데이터베이스화 할 수 있도록 지원합니다.

반대로 엑셀(Excel) 파일 내보내기 기능을 이용하여 사용자들이 본인의 PC에서 내려 받아 지속적으로 엑셀(Excel) 작업을 할 수 있도록 지원합니다.

<실제 SpreadJS로 만들어진 엑셀(Excel) 템플릿에 데이터를 입력하는 화면입니다.>

이렇게 입력되고 저장된 데이터는 DsExcel Java(백엔드 Excel API) 를 이용하여 백엔드 서버 단에서, 사용자가 입력한 엑셀(Excel) 시트의 데이터를 분석하고 이를 데이터베이스의 RAW 데이터로 저장되며, 또한, 이를 다시 엑셀(Excel) 파일 형태로 서버에 별도로 저장하여 히스토리를 관리하고 이를 활용할 수 있도록 개발하였습니다.

액티브(Active)한 웹 리포트 생성

LinkBiz에서는 인공지능 데이터 분석 솔루션도 함께 제공하고 있습니다. 다양한 부서 및 제조 과정에서 수집된 데이터들을 분석하여 기업에 다양한 인사이트를 제공하고 있습니다.

이때 이렇게 분석한 데이터의 분석 자료를 실시간으로 쉽게 공유하고, 다른 업무 개선에도 활용할 수 있도록, ActiveReportsJS(JavaScript 리포팅 컴포넌트) 를 사용해 웹 리포트(보고서) 자동 생성 기능 을 개발하여 제공하고 있습니다.

데이터 분석 서비스로부터 JSON 문자열 형태로 데이터를 받아와 ActiveReportsJS 디자이너로 생성된 리포트 템플릿에 데이터 바인딩만 하면 원하는 형태의 보고서를 웹 상에서 바로 렌더링(시각화)할 수 있습니다.

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

제조 데이터 관리부터 분석·시각화까지 한 번에

�� 마이링크의 스마트 제조 IT 솔루션 도입이 필요하신가요?

제조 과정의 데이터 디지털 전환, 스마트 제조 IT 솔루션으로 시작하세요.

스마트 제조 IT 솔루션은 제조 공정에서 발생하는 데이터를 통합·정리하고, 분석과 시각화 까지 지원하는 제조 기업 맞춤형 솔루션입니다.

여러분의 프로젝트 규모·예산 에 맞춘 스마트 제조 IT 솔루션 제안을 받아보세요.

* 매칭 서비스는 메시어스 전문 컨설팅팀의 상담 후, 개발 범위와 예산에 따라 최종 결정 됨을 안내드립니다.

* 파트너 매칭에 대한 수수료는 별도로 받지 않습니다.

About 마이링크(MY LINK)

마이링크(MY LINK)는 글로벌 제조 기업의 제조 솔루션 및 운영 경험을 보유한 전문 개발자 그룹으로 전세계 제조 기업들의 물류, 품질, 설비 관리, R&D와 같은 다양한 업무 프로세스의 디지털화를 통해, 생산성 향상을 위한 데이터 수집, 인공지능 분석 및 시각화와 같은 맞춤 Total 솔루션을 개발하고 서비스하는 혁신 소프트웨어 기업입니다.

MESCIUS 제품 자세히 보기

글로벌 제조기업 N사 - 작업 인수인계 & 트러블 분석 관리 시스템

marketing-kr@mescius.com (Marketing GCK) — Fri, 10 May 2024 00:46:25 GMT

작업 인수인계 & 트러블 분석 관리 시스템

인수인계서 전산화, 진행시켜!

더 이상 관리하기 힘든 Excel 파일은 그만!

제조 공정 상에서 트러블이 발생할 경우, 해당 내용을 기록하고 보관하는 것이 중요하다는 것은 누구도 부인하지 않을 것입니다. 하지만, 많은 제조 기업에서는 이러한 기록을 시스템화하지 않고 여전히 엑셀 파일 또는 문서를 기반으로 하는 경우가 생각보다 많습니다.

“글로벌 광학필름 N사”에서도 시스템 개발 전에는 제조 과정에서 발생한 설비의 이슈를 엑셀(Excel) 파일에 기록하고, 이를 메일로 주간/야간 담당자들에게 공유하는 방식으로 이슈를 해결하고 히스토리를 보관하는 방식으로 업무를 진행하였습니다.

이렇다 보니, 기록 중에 설비 이슈에 대한 정보가 유실되거나, 수리 여부를 파악하고 작업 진행을 결정하는 데 많은 시간이 소요되는 경우가 종종 발생하였습니다.

더욱이 엑셀(Excel) 파일 기반의 인수인계서는 시간이 지남에 파일의 양이 기하급수적으로 많아졌고, 수많은 엑셀 파일에서 원하는 설비에 대한 정보를 찾아본다는 것은 거의 불가능에 가까워졌습니다. 이렇게 이전 수리 내역에 대한 조회가 어렵다 보니, 어떤 설비에서 문제가 많이 발생하고, 이를 위한 개선 방법을 찾는 것도 쉽지 않았습니다.

이에 “글로벌 광학필름 N사”는 이러한 문제를 해결하기 위해, 엑셀 파일 또는 문서로 기록되던 과정을 포건시 | Forguncy(노코드 웹 업무 솔루션 개발 툴) 를 사용해 현업 담당자 분이 직접 기업의 업무 프로세스에 맞는 웹 기반 작업 인수인계 & 트러블 분석 관리 시스템을 구축하였습니다.

이를 통해 작업자들은 엑셀 파일에 작업 내용을 작성하고 이를 메일로 전송하는 대신, 직접 포건시(Forguncy)로 개발한 웹 시스템에 설비 이슈에 대한 내용과 조치 방법을 시스템 상에 입력하고 관리할 수 있게 되었습니다.

작업 내용 입력 후 확인 버튼만 클릭하면, 자동으로 해당 데이터가 데이터베이스에 저장되며, 접근 권한이 있는 사람은 누구나 해당 내용을 확인할 수 있습니다.

이를 통해, 이전에 조치를 완료했던 동일한 문제가 발생하거나, 특정 설비의 작업 내역을 확인해야 할 경우, 필요한 내용을 검색하여 히스토리들을 찾아볼 수 있어 많은 시간을 절약할 수 있게 되었습니다.

대시보드를 활용한 효과적인 데이터 시각화

작업 인수인계 & 트러블 분석 관리 시스템에는 설비 오류와 조치 내역과 조치에 걸린 시간들을 한눈에 볼 수 있는 대시보드 페이지 또한 구현되어 있습니다.

Forguncy에서는 Excel과 유사한 방법으로 차트를 만들 수 있습니다. 막대형, 꺾은선형, 원형, 영역형, 방사형 등 다양한 유형의 차트들을 통해 설비별 작업 건수, 트러블 발생 건수, 트러블 조치 시간 등 다양한 정보들을 시각화하여 쉽게 이슈들을 확인할 수 있으며, 날짜를 조정하여 원하는 기간 동안의 데이터도 확인할 수 있습니다.

이를 통해서 관리자들은 어떤 설비에 문제가 많이 발생하는지 분석이 쉬워졌으며, 설비 교체 또는 제조 프로세스의 혁신을 위한 다양한 인사이트를 얻을 수 있게 되었습니다.

비개발자인 현업 담당자가 직접 만드는 웹 시스템!

제조 프로세스의 다양한 변화와 이슈에 빠르게 대응 가능!!

첨단 제조업의 경우, 무수히 많은 설비가 있고, 설비에 따른 발생하는 이슈나 이를 관리하고 처리 방법이 서로 상이한 경우가 많습니다. 전산화를 위해 이러한 프로세스를 내부 개발팀 또는 외주 개발자에게 설명하고 설계를 위한 기획안을 작성하는 데에 많은 시간이 소요되곤 합니다. 여기서 끝나는 것이 아니라, 개발하는 중간에도 검증을 위한 반복적인 미팅과 회의의 연속인 경우가 상당히 많습니다.

또한, 이렇게 시스템 개발 프로젝트가 끝나면, 새로운 문제에 직면하곤 합니다. 제조 설비 변경, 제조 프로세스 변경, 장비 업그레이드와 같은 다양한 이슈로 시스템 개선이나 시스템의 수정 필요한 경우, 즉각적인 시스템의 수정 및 개선을 기대할 수 없습니다. 이를 위해 개발팀 또는 외주 업체와의 스케줄이나 비용을 조정하는 것 또한 쉬운 일이 아니며, 일분 일초가 중요한 제조 기업에게는 큰 손실로 이어질 수 있습니다.

Forguncy(포건시)는 No-Code(노코드) 기반으로, 많은 직장인들에게 친숙한 Excel의 UI와 기능을 제공하여 비개발자인 현업 담당자가 직접 필요한 업무 시스템을 쉽게 구축할 수 있도록 지원합니다.

이를 통해, “글로벌 광학필름 제조업체 N사”처럼 설명하기 복잡한 업무 프로세스를 업무를 가장 잘 아는 현업 담당자가 디지털 트렌스포메이션의 주체로서 업무 개선을 위한 웹 시스템을 개발할 수 있도록 돕습니다. 또한, 다양한 변화에도 빠르게 업무 시스템을 수정 및 개선하여 다양한 제조 기업의 관리 업무를 지속할 수 있게 되었습니다.

USE CASE

아래에서는 작업 인수인계 & 트러블 분석 관리 시스템에서 Forguncy 가 어떻게 사용되었는지 보여줍니다.

현업 담당자는 기존에 엑셀(Excel) 양식의 설비 관리 작업 일보를 Forguncy의 다양한 셀 유형을 사용하여 웹 화면으로 구현하였습니다.

코딩 없이, 드롭다운/콤보상자, 텍스트 상자, 숫자, 날짜 등 각 항목에 맞는 셀 유형을 지정하여 더욱 쉽게, 그리고 형식에 맞게 데이터를 입력할 수 있도록 구현하였습니다.

이미지나 첨부파일 또한 업로드할 수 있어, 한 페이지에서 모든 자료를 입력할 수 있습니다.

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

실행 버튼을 누르면, 아래와 같이 웹 브라우저에서 구현된 것을 확인할 수 있습니다.

<웹 브라우저 실행 화면>

아래 링크를 통해 위에서 사용된 다양한 셀 유형의 종류와 사용법에 대해 알아보실 수 있습니다.

�� Forguncy 도움말 바로가기

셀 유형

이렇게 작성된 인수인계서는 아래 이미지와 같이 리스트로 확인할 수 있습니다.

아래 리스트는 Forguncy의 리스트뷰를 사용하여 만들어졌으며, 다음과 같은 기능들을 포함하고 있습니다.

클릭하여 상세 내용 확인
수정 및 삭제
일자별 검색
키워드 검색
정렬

위에서 작성된 작업 일보는 아래와 이미지와 같이 리스트뷰 형태로 보여지며, 어떤 작업이 완료되었는지, 또 어떤 작업이 완료되지 않았는지 한 눈에 확인이 가능하게 되었습니다.

또한, 기존 엑셀(Excel) 파일로 작업 일보를 관리했을 때는 원하는 작업의 내용을 찾아보는 것이 사실상 불가능하였지만, 웹 시스템으로 전환하면서 키워드 입력만으로 원하는 내용을 검색할 수 있어 업무 생산성이 향상되었습니다.

이를 통해, 제조 공정에서 동일한 트러블이 발생하면, 이전에 히스토리와 조치 내용을 검색하여 더욱 빠른 조치가 가능해졌습니다.

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

실행 버튼을 누르면, 아래와 같이 웹 브라우저에서 구현된 것을 확인할 수 있습니다.

<웹 브라우저 실행 화면>

아래 화면은 대시보드 화면으로, 설비 별 작업 건수, 트러블 발생 건수, 트러블 조치 시간 등 다양한 정보들을 확인할 수 있으며, 날짜를 조정하여 원하는 기간 동안의 데이터도 확인할 수 있습니다.

Forguncy에서 제공하는 다양한 Excel(엑셀) 차트 유형을 활용하여 만들어졌습니다.

설비 별 수리 작업 건수의 비율을 확인하기 위해 Forguncy의 원형 차트를 활용하였으며, 월별 작업 분포를 표현하기 위해 누적 막대 그래프를 사용하였습니다. 또한, 월별로 각 설비별 트러블 조치 시간을 표시하기 위해 리스트뷰를 활용하였습니다.

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

실행 버튼을 누르면, 아래와 같이 웹 브라우저에서 구현된 것을 확인할 수 있습니다.

<웹 브라우저 실행 화면>

이러한 대시보드를 통해 어떤 설비에 문제가 있는지 시각적으로 확인할 수 있게 되었으며, 이를 통해서 문제가 발생하는 설비를 교체하거나 업그레이드하는 것과 같은 다양한 의사결정을 위한 인사이트를 발견할 수 있습니다.

아래의 링크를 통해 각 기능에 대한 도움말을 확인하실 수 있습니다.

�� Forguncy 도움말 바로가기

온라인 커머스 AI 빅데이터 분석 솔루션

marketing-kr@mescius.com (Marketing GCK) — Thu, 25 Apr 2024 00:31:59 GMT

온라인 커머스 AI 빅데이터 분석 솔루션

온라인 쇼핑(이커머스) 시장은 매년 꾸준히 성장하고 있으며, 특히 코로나 이후 온라인으로 소비 패턴이 급격하게 변화되었습니다.
소비자들은 모바일과 웹을 통해서 더 편리하게 제품을 구매하고 비교할 수 있게 되었으며, 합리적인 소비, 즉 가성비 제품을 선호하는 현상이 두드러지게 나타나고 있습니다.

이에 많은 기업들은 온라인 상에서 빠르게 변화하는 소비 트렌드를 파악하고 시장에 맞는 제품을 출시하거나 기존 제품의 마케팅 전략을 수정하는 등 다양한 시도들을 하고 있습니다.

이를 위해, 기업에서는 신제품 출시 기획부터 마케팅 그리고 판매에 이르기까지 않은 인력과 시간을 투자하여 시장 분석 및 소비자 트렌드 분석을 하고 있습니다. 하지만 많은 기업들은 시장 분석의 중요성에서 대해서는 인지하고 있지만 현실에서는 인력, 비용과 같은 리소스가 부족하여 전문적인 시장 분석보다는 제품 자체의 R&D(연구개발)에 많은 포커스를 맞추는 경우가 많습니다.

다행히 최근 AI 기술의 발전으로 데이터 수집부터 분석까지 사람에 의존하지 않고 많은 부분에서 AI의 도움을 받고 있습니다.
이러한 AI 빅데이터 분석 기술의 발전은 많은 기업들에게 온라인 기반 이커머스 시장의 소비 트렌드를 분석하는 데 많은 시너지를 가져다 주고 있으며, 이를 활용한 다양한 웹 서비스가 나타나고 있습니다.

이러한 AI 온라인 이커머스 분석 서비스는 리소스 부족으로 어려움을 겪고 있는 기업들이 보다 쉽게 고객 데이터를 분석하여 구매 패턴을 파악하고, 예측 분석을 통해 효과적인 신제품 개발, 재고 관리 및 마케팅 전략을 수립하는 데에 큰 도움을 주고 있습니다.

이번 포스팅에서는 메시어스의 SpreadJS(JS Excel 컨트롤) 와 Wijmo(JS 차트 & 그리드 UI) 를 활용하여 개발되어, 많은 기업에게 도움을 주고 있는 사례 중 하나 인 "온라인커머스 AI 빅데이터 분석 솔루션"에 대해 소개하겠습니다.

해당 "온라인커머스 AI 빅데이터 분석 솔루션"은 관세청의 해외무역 데이터와 온라인 상의 소셜 미디어, 아마존 ,국내 다양한 이커머스로부터 다양한 쇼핑 데이터를 수집하여 이를 AI를 통해 기업에서 판매 또는 런칭하고자 하는 제품에 대한 다양한 시장 정보를 실시간으로 분석하여 제공해 줍니다.

SpreadJS를 통한 데이터 전처리 기능 개발

IT 전문가가 아니어도 할 수 있는 데이터 가공 및 전처리

시장 및 소비자 트렌드 분석은 다양한 데이터를 수집하고 이를 활용 가능한 데이터로 만드는 것으로부터 시작합니다.

이를 위해, "뉴스", "잡지", "트렌드 보고서" 및 "소비자 설문조사" 등과 같은 전통적인 자료부터, 최근에는 페이스북, 인스타그램, 블로그 등 온라인 데이터에 이르기까지 수 많은 데이터를 수집하고, 이를 다시 로우 데이터로 가공하는 것이 일반적인 작업일 것입니다.

<기존 데이터 수집 프로세스>

이러한 작업은 많은 인력, 시간, 그리고 비용이 드는 작업임에는 누구도 부인하지 않을 것입니다. 또한, 이런 과정에서 이미 시장은 레드 오션이 되어 버리거나 트렌드가 변하여 제품을 출시하여도 고객의 반응을 얻지 못하는 경우가 많이 발생합니다.

온라인 커머스 AI 빅데이터 분석 솔루션 은 이러한 문제를 효과적으로 해결해 줍니다.

우선 정확한 분석을 위한 데이터를 수집을 위해 해당 "온라인 커머스 AI 빅데이터 분석 솔루션"은 관세청의 해외무역 데이터와 온라인 상의 소셜 미디어, 아마존, 국내의 다양한 이커머스로부터 다양한 쇼핑 데이터를 실시간으로 웹으로부터 가공되지 않은 비정형 또는 정형의 형태로 수집하여 저장합니다.

이러한 가공되지 않은 데이터를 통해 정확하게 사용자가 원하는 데이터를 분석하기 위해서는 " 데이터 정형화 과정 "이 필수적입니다. 이를 위해서 해당 솔루션에서는 AI의 도움을 통해서 사용자가 필요한 데이터를 조회하고 직접 데이터를 가공할 수있는 데이터 정형화 기능을 제공하고 하고 있습니다.

이 때 SpreadJS - JavaScript Excel UI 컨트롤 을 사용하여, 현업 사용자에게 친숙한 Excel UI 화면과 기능을 제공하는 웹 Excel 에디터를 웹 상에 개발하여 쉽게 데이터를 가공할 수 있는 기능을 제공하였습니다.

이를 통해, AI로부터 1차로 가공된 데이터를 SpreadJS 스프레트시트로 불러와 사용자가 엑셀에서 데이터를 편집하는 것과 동일한 방식으로 직접 n차 데이터를 가공하여, 이를 이후 데이터 분석에 사용할 수 있는 데이터 셋으로 만들 수 있도록 지원하고 있습니다.

<SpreadJS를 활용한 데이터 전처리 프로세스>

* SpreadJS 컨트롤은 Excel과 유사한 UI와 함수 등 다양한 Excel의 기능을 제공하기 때문에 보다 쉽게 원하는 화면을 웹 상에 구현할 수 있습니다. ( 자세히 알아보기 )

Wijmo를 통한 효과적인 데이터 시각화

빅데이터를 딜레이 없이 시각화하는 고성능 차트 & 그리드

데이터 전처리 과정이 끝나면, "온라인 커머스 AI 빅데이터 분석 솔루션"에서는 AI가 자동으로 데이터 분석을 해주고, 분석 결과를 다양한 차트와 그리드를 통해 효과적으로 시각화합니다.

AI가 생성한 대시보드를 통해 새롭게 시장에 진출하고자 하는 또는 판매 중인 상품의 시장 점유율, 제품별 판매 현황, 판매 채널별 매출 현황, 요일별 주문, 연령 및 성별에 따른 선호도 등 다양한 정보들을 확인할 수 있으며, 이를 통해, 기업에서는 더욱 효율적으로 시장에 대한 이해를 할 수 있으며, 의사 결정에도 많은 도움을 받고 있습니다.

이커머스에서 실시간으로 생성되는 데이터의 양은 하루에도 상상을 초월할 만큼 많을 것입니다. 또한 사용자가 늘어나면서 온라인 상의 데이터의 수는 기하 급수적으로 증가하고 있습니다.

이러한 방대한 양의 데이터를 필요에 따라 정형화 했다고 하더라도, 대량의 데이터를 웹 시스템 상에서 사용자에게 딜레이와 같은 불편함을 주지 않고 시각화 렌더링 한다는 것은 쉽지 않은 일입니다. 특히 대시보드에서 개발하시면서 더 많은 인사이트를 사용자에게 제공해주고자 대량의 데이터를 차트 및 그리드 등 다양한 시각화 컨트롤에 바인딩하는 순간 화면이 멈추거나, 버벅이는 현상 을 많이 경험해 보셨을 것입니다.

이러한 이슈로 개발자들은 보편적으로 가져오는 데이터를 최소화하는 방법을 적용하곤 합니다. 이 경우, 시각화 요소의 렌더링 속도 자체를 높일 수는 있으나, 해당 분석 솔루션과 같이 대량의 데이터를 통해서 사용자에게 정확한 분석과 다양한 인사이트를 제공해야 하는 솔루션의 경우 제품 경쟁력을 약화하는 요소가 됩니다.

이에, 해당 솔루션에서는 이러한 분석 자료를 보기 위한 사용자의 기다림과 불편함을 최소화하기 위해, Wijmo의 그리드와 차트, 입력 컨트롤을 도입하여 고성능 분석 대시보드를 개발하고 현업 단의 니즈에 맞게 커스터마이징하여 보다 더 효과적인 데이터 시각화 를 제공하였습니다.

Wijmo는 자체 데이터 컬렉션(DataCollection) 그리고 가상화 렌더링 기술을 통해, 대용량 데이터도 수 밀리초 안에 처리할 수 있는 놀라운 성능을 보여줍니다.

이를 통해, 사용자가 대량의 데이터에 필터나 검색 조건을 실시간으로 바꾸더라도, 즉시 변경되어 데이터에 맞춰서 그리드와 차트와 같은 시각화 요소를 렌더링 해줄 수 있습니다.

또한, 모든 차트 및 시각화 UI 컨트롤은 사용자의 인터랙션에 빠르게 반응하며, 애니메이션 효과를 통해 더욱 더 시선을 사로잡는 대시보드를 구현할 수 있으며, 이를 통해 사용자들에게 직관적인 데이터 분석 기능을 제공합니다.

USE CASE

아래에서는 AI 빅데이터 분석 솔루션에서 SpreadJS 와 Wijmo 가 어떻게 사용되었는지 보여줍니다.

AI 빅데이터 분석 솔루션에서 SpreadJS 는 사용자에게 Excel의 느낌으로 쉽고 직관적으로 데이터를 조회하고 수정할 수 있는 데이터 정형화 기능을 제공 합니다.

데이터 정보 탭을 클릭하면, AI가 생성했거나, 다른 사용자가 생성한 다양한 이커머스 데이터 셋을 불러오거나 직접 추가하여 활용할 수 있는 화면이 보여집니다.

데이터 유효기간, 최종 수정일, 라이선스 등의 정보를 확인할 수 있으며, SpreadJS의 내보내기 기능을 통해 원하는 형식(CSV, XLSX, JSON)으로 다운로드 할 수 있습니다.

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

또한, 데이터를 클릭하면, 아래와 같이 Excel과 유사한 편집기 화면(UI&UX)을 확인하실 수 있습니다.

아래 화면은 웹 상에서 Excel과 유사한 화면 & 메뉴 구성(UI&UX)부터 엑셀 다양한 편집 기능까지 모두 가능한 JavaScript 라이브러리 인 SpreadJS 디자이너 컴포넌트 를 사용하여 구현되었습니다.

이를 통해, 최종 사용자는 마치 엑셀에서 작업하는 것과 같이 엑셀 시트에 데이터를 불러오고 필요한 형태로 데이터를 가공할 수 있어 별도의 학습 없이 편리하게 사용이 가능합니다.

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

�� SpreadJS 튜토리얼 바로가기

위에서 SpreadJS을 통해서 가공된 데이터를 AI가 분석을 하게 되며, 분석 후에는 아래와 같이 대시보드를 그려줍니다.

이때 시스템에서 Wijmo 의 고성능 차트 , 그리드 , 지도 등 다양한 데이터 시각화 컨트롤을 사용하여 대용량의 분석 데이터를 수밀리초 안에 웹 화면에 렌더링하여 최종 사용자에게 보여줍니다.

아래 화면에서는 국가별 수출 현황을 보여주는 Wijmo 컨트롤을 사용하여 개발된 대시보드를 확인할 수 있습니다.

* 위의 화면은 실제 고객사 솔루션 화면을 기반으로 재구성한 화면입니다.

국가별 수출 현황을 보여주기 위해 Wijmo의 Map(지도) 컨트롤 과 Grid(그리드) 를 활용하였으며, 대시보드의 하단에서는 라인 차트를 통해 상세 히스토리 데이터를 확인할 수 있습니다.

아래의 링크를 통해 각 컨트롤의 데모를 확인하실 수 있습니다.

�� Wijmo 튜토리얼 바로가기

Map(지도) - PureJS(SystemJS 버전) | Angular | React | Vue
Grid(그리드) - PureJS(SystemJS 버전) | Angular | React | Vue
Line Chart(라인 차트) - PureJS(SystemJS 버전) | Angular | React | Vue

위와 같이 Excel의 화면(UI), 엑셀 가져오기/내보내기, 편집 기능/함수 등 대부분의 기능을 제공해주는 SpreadJS 컨트롤을 사용 하여 사용자에게 엑셀 스프레드시트 기반으로 데이터를 쉽고 빠르게 편집할 수 있는 기능을 빠르게 개발할 수 있습니다.

또한, UI 컨트롤 집합인 Wijmo를 함께 활용하면, 어떠한 대량의 데이터도 딜레이 없이 시각화를 제공하는 대시보드 기능 을 개발할 수 있습니다.

이러한 메시어스의 강력한 Excel 및 UI 컨트롤 은 고객의 행동을 이해하고, 이를 통해 비즈니스 전략을 수립하거나 그 밖의 의사 결정 시에도 더욱 합리적이고 빠르게 결론을 도출할 수 있는 유사한 솔루션 개발을 고민하고 있는 개발자들에게 많은 도움을 제공 할 수 있습니다.

두리정보시스템 - 세탁소 관리 시스템

Thu, 25 Apr 2024 00:31:55 GMT

세탁소의 디지털 트랜스포메이션 (DX)!

세탁소 관리 시스템

세탁소의 장부를 Excel 화면으로 바꾸다.

세탁소의 디지털 트랜스포메이션(DX)!

세탁소의 장부를 Excel 화면으로 바꾸다

과거의 세탁물 관리는 주로 수기로 기록한 장부와 사람의 기억력에 많이 의존하였습니다. 세탁소 사업이 점차 거대해지면서, 동네 세탁소 그리고 가맹점 세탁소로 부터 세탁물을 모아서 받아 처리하는 사업 방식들이 생겨나기 시작했지만, 여전히 세탁물 입고와 출고가 수기로 관리되는 경우가 많았습니다.

이러한 과정에서 세탁물이 가맹점에서 지사(세탁 공장)으로 가는 중에 세탁물에 분실되거나, 또는 세탁이 완료된 후에도 세탁물이 출고가 되지 않아 많은 문제가 발생하곤 했습니다.

또한, 본사 입장에서는 가맹점별, 지사별 세탁물 현황 및 매출 현황을 파악하고 싶었지만 이렇게 많은 부분에서 수기로 이뤄지다 보니 파악하는 것이 쉽지 않았습니다.

두리정보시스템은 이렇게 수기로 이루어 지던 과정을 Spread.NET 의 Excel UI 컨트롤을 사용하여, 세탁소를 운영하시는 분들이 Excel 화면을 기반으로 쉽고 빠르게, 그리고 장부에 기입했던 느낌과 비슷하게 세탁물을 접수하고 관리할 수 있는 윈도우(Windows) 애플리케이션 기반의 POS 시스템을 만들었습니다.

이러한 시스템을 통해서 가맹 세탁소에서는 Excel 시트를 기반으로 지역 고객의 세탁물을 더욱 체계적으로 관리하고 미수금 및 매출 관리 또한 더욱 쉽게 할 수 있게 되었습니다.

USE CASE

아래는 실제 세탁소 프렌차이즈에서 사용되고 있는 관리 프로그램(ezClean 세탁소 시스템)의 일부로,

해당 프로그램에서 Spread.NET (.NET Excel UI 컨트롤)이 어떻게 사용되고 있는지 보여 줍니다.

ezClean 세탁소 시스템에 로그인하면, 아래와 같이 고객을 검색하고 고객의 세탁물을 접수할 수 있는 화면을 볼 수 있습니다.

세탁물 접수 및 관리 화면은 모두 메시어스의 Spread.NET으로 개발되어 있으며,

Spread.NET 엑셀 시트 위에 있는 옷 종류, 색상, 옷감 등의 옵션을 선택하여 세탁물을 쉽게 접수 할 수 있습니다.

또한, 세탁물이 접수될 때마다, Spread.NET의 Excel 함수를 통해서 전체 접수 수량과 총 금액 합계를 자동으로 계산하여 보여줍니다.

<Spreaed.NET 엑셀 시트 위에서, 셀 선택 함수를 사용하여 세탁물 접수 기능을 구현한 화면입니다.>

Spread.NET에서는 MS Excel의 대부분의 함수를 모두 제공하고 있습니다.

엑셀에서 제공하는 “=SUM()” 또는 “=SUMIF()”를 Spread.NET 시트에 입력하는 것만으로, 대량의 접수에도 번거로운 계산 작업을 순식간에 수행해서 사용자에게 보여줄 수 있습니다.

또한, Spread.NET은 엑셀에서 제공하지 않는 멀티 헤더(Multi-Header) 기능을 제공하여, 사용자에게 읽기 편한 데이터 시트를 제공합니다.

<Spread.NET의 시트에 일일 세탁 접수 현황을 보여주고 있는 화면입니다.>

아래는 월별 매출 현황을 Spread.NET의 자동 셀 병합 기능 을 이용하여 날짜와 고객명 기준으로 셀들을 자동 병합하여 모든 상세 매출 내역을 보여주고 있습니다.

<Spread.NET의 엑셀 함수와 자동 셀 병합 기능을 이용한 시스템의 월별 매출 현황 화면입니다.>

Spread.NET은 단순히 Excel 화면(UI) 뿐만 아니라 Excel 차트 컨트롤도 함께 제공하고 있습니다.

이를 통해서 ezClean 세탁소 관리 시스템은 통계 분석으로 위한 화면을 아래와 같이 제공하고 있습니다. 해당 차트는 Spread.NET 세탁물 접수 엑셀 시트와 연동되어 자동으로 차트를 실시간으로 그려줍니다.

<Spread.NET 엑셀 시트와 엑셀 차트를 이용해서 월별 접수 금액과 접수 수량을 시각화합니다.>

<Spread.NET 엑셀 시트와 엑셀 차트를 이용해서 연도별 매출 분석을 시각화합니다.>

About 두리정보시스템

두리정보시스템은 주로 C#.NET을 기반으로 한 다양한 Windows(윈도우) 데스크톱 기반의 POS 애플리케이션을 개발하는 전문 소프트웨어 개발 기업으로 전국의 세탁소, 상가 관리, 건설 현장의 식당 및 가설재 관리 등의 다양한 산업 현장 및 중소상공인을 위한 맞춤 관리 솔루션을 제공하고 있습니다.

수도권개발 - 건물 관리 솔루션

marketing-kr@mescius.com (Marketing GCK) — Mon, 23 Oct 2023 00:48:20 GMT

HTML, CSS를 모르는 비개발자도 쉽게 웹 개발을!

건물 관리 솔루션

Forguncy, 건물관리 시스템을 바꾸다

깔끔하게 정돈된 건물은 건물의 가치를 높일 뿐 아니라 건물을 이용하는 이용객의 안전하고 쾌적한 생활 환경을 만들어 주기도 합니다. ㈜수도권개발(이하 수도권개발)은 오피스텔, 주상복합 등 집합 건물의 쾌적한 생활 환경을 만들기 위한 건물 종합관리 업무를 수행하는 기업입니다. 집합건물 종합 관리 업무는 건물의 가치 향상을 위한 운영 관리, 시설물 유지 비용을 종합하는 회계 관리, 전기, 승강기, 가스 안전을 관리하는 시설물 유지 관리, 건물 청결과 소독을 담당하는 미화 관리 등 여러 가지 서비스가 유기적으로 결합한 형태입니다. 대부분의 집합건물 관리 기업은 이러한 복잡한 데이터를 수기형 방식, 워드, 엑셀, 등 다양한 형태로 운영하고 있습니다. 수도권개발은 건물 현장의 업무와 본사의 업무를 통합적으로 관리하여 인사이트를 얻고자 MESCIUS Forguncy 시스템을 도입하게 되었습니다. 그들이 Forguncy 제품을 통해 어떠한 미래를 그리고 있는지, 수도권개발 우상도 CEO를 만나 자세한 이야기를 들어 보았습니다.

Q. Forguncy 도입 이전, 업무진행 과정에서 어떤 어려움을 겪으셨나요?

현장의 업무와 본사를 연결하는 웹 애플리케이션 필요

집합건물 관리업무는 건물 현장에서의 시설, 인력, 비용 처리 현황 등을 즉각적으로 본사로 보고하는 것이 핵심입니다. 과거에는 통합된 시스템 없이 A건물의 청소 용역 사항, B 건물의 시설 유지 사항을 메신저, 팩스, 이메일 등으로 전달받아 본사 직원이 다시 엑셀로 취합하는 번거로운 작업을 진행하고 있었습니다. 취합 과정에서 직원의 작은 휴먼 에러는 정확한 데이터 관리를 어렵게 만들었고, 외근이 많은 CEO나 관리자들은 현장의 특이 사항을 즉각적으로 파악할 수 없어 현장과 본사와의 연계가 필요한 상황이었습니다.

<수도권개발의 도입 과제>

메신저, 이메일, 팩스 등 각기 다른 업무 처리 방식으로 인한 오류
반복되는 데이터 취합 작업으로 인한 생산성 하락
관리자의 외근 시 현장 파악 불가능

Forguncy 도입을 결심한 이유는?

비 개발자들도 충분히 만들 수 있는 시스템, Forguncy

Forguncy 제품은 HTML, CSS를 몰라도 Excel로 쉽고 빠르게 화면 디자인 및 로직 개발이 가능했으며 기존에 사용하던 MS Excel 양식을 그대로 웹으로 변환할 수 있다는 장점도 가지고 있었습니다. 도입 이전에는 조직 내 프로그램 전담 IT 인력 없이 시스템 구축과 사용이 가능한 일인지 의구심이 많았지만 MESCIUS의 친절한 설명과 지원 정책 덕분에 제품을 신뢰할 수 있었고 도입에도 어려움을 겪지 않았습니다.

비 개발자들도 쉽게 구현할 수 있는 시스템
짧은 개발기간
친절한 기술 상담

Q. Forguncy의 장점을 몇 가지만 말씀해 주신다면?

데일리 업무 보고부터 새로운 비즈니스 모델 개발까지

엑셀로 산재된 건물 관리 관련 파일을 Forguncy에 통합하고 관리하여 유기적인 데이터로 활용할 수 있다는 것이 큰 장점입니다. 타 제품 도입도 고려해 보았지만 데이터 관리 프로그램을 구입하여 사용하기에는 비용적인 부담이 있었고, 시중에 판매되는 프로그램을 도입한다고 해도 우리 회사만이 쓸 수 있는 딱 맞는 툴이 아닌 게 많아 불편한 점이 많을 것으로 생각했습니다.

Forguncy는 사전 정의된 다양한 명령어, 풍부한 셀 유형으로 우리 기업에 딱 맞는 시스템을 손쉽게 개발할 수 있다는 큰 장점이 있었습니다. 이를 통해 데일리 업무 보고 시간이 약 1/3로 줄어들었으며, 이를 활용해 추후 새로운 비즈니스 개발 모델에도 적용해 보고자 합니다.

Q. Forguncy를 통한 비전

어렵기만한 개발의 장벽을 넘다

건물 관리 업종은 각각의 관리 영역별로 신경 써야 할 데이터가 많음에도 불구하고 보수적인 업계의 특성상 IT 분야에 대한 관심도가 낮았습니다. 그러나 최근에는 건물 시설에 IoT 시스템이 접목되는 경우가 많고 이를 운영하기 위해서는 관리 기업 또한 그에 맞는 IT 시스템에 관심을 가져야 하는 시기가 왔습니다. 이러한 새로운 분야와의 접목이 건물 관리 업종의 외적 성장을 가져온다고 생각합니다.

내부적인 관점에서 보자면, 젊은 직원들은 비생산적이 업무에 시간을 투입하는 것을 꺼려합니다. 매일 생산되는 데이터 입력과 같은 비생산적인 업무는 시스템 개발을 통해 해결할 수 있으며 조직에 개발자가 없다 하더라도MESCIUS의 적극적인 지원을 받으면 비개발자라도 충분히 우리 기업에 딱 맞는 시스템을 개발할 수 있게 됩니다. 이렇게 개발된 툴은 편리함을 넘어 현장과 본사의 정보, 그에 맞는 인사이트를 제공해 주어 효과적인 관리 업무가 가능합니다.

로그인네트웍 - 스마트 수출입 통관 솔루션

marketing-kr@mescius.com (Marketing GCK) — Thu, 19 Oct 2023 06:52:33 GMT

쉽고, 빠르고, 정확하게!

스마트 수출입 통관 솔루션

SpreadJS의 제한 없는 기능으로 고객 편의성을 실현한 로그인네트웍

로그인네트웍은 2010년 설립된 수출입 통관, 물류 특화 소프트웨어 솔루션 개발 기업입니다. 통관, 물류 분야에 특화된 솔루션 개발 능력과 노하우를 바탕으로 OCR(Optical Character Reader) 솔루션 개발 전문 기업으로 발돋움하고 있는 로그인네트웍이 이번에는 인보이스 자동분석 및 데이터 추출 서비스를 출시하여 새로운 도약을 준비하고 있습니다. 그들이 새로운 프로젝트에 MESCIUS SpreadJS 제품을 도입하게 된 이유와 제품 도입을 통해 어떤 성과를 거둘 수 있었는지, 그 자세한 이야기를 들어 보았습니다.

개발 환경: Java SpringFrameWork 4.3.9 (JavaScript, JSP)
사용 제품: SpreadJS (스프레드JS) - JavaScript Excel 스프레드시트 컨트롤 ( 자세히 알아보기 )
주요 기능: Spread.Sheet(Excel UI), ExcelIO(Excel 불러오기 및 저장), 디자이너 컴포넌트

Q. 로그인네트웍에 SpreadJS가 필요했던 이유는?

고객 편의성을 위한 강력한 솔루션 SpreadJS

물류 업계에서 수많은 인보이스를 처리하는 것은 큰 일거리입니다. Pdf나 이미지 형식을 데이터로 변환하는 툴은 시중에도 나와 있고 자사에서도 개발하여 사용 중입니다. 하지만 엑셀 인보이스를 데이터로 변환해주는 툴은 국내에서 찾아보기 힘든 실정이지요. 저희는 엑셀에 익숙한 물류기업의 실무자가 편하게 사용할 수 있는 솔루션을 개발 중이었고, 설치형 프로그램보다는 간편하면서도 내부 직원과 고객사 직원이 모두 효율적으로 사용할 수 있는 웹 엑셀 제품이 필요했습니다.

Q. SpreadJS 도입 이전, 업무에서의 어려움이 있었다면?

성능 제약이 많은 오픈소스, 낮은 생산성

기존에는 그리드 기반 오픈 소스 제품을 도입하여 운영하고 있었습니다. 하지만 고객사에 100% 만족스러운 결과물을 드리는 데에는 한계가 있었습니다. 고객들은 실제 MS 엑셀을 쓰는 것과 똑같이 솔루션을 사용하기 바라는데 그리드 기반 기존 솔루션은 그 기능을 완벽히 구현할 수 없었기 때문이었는데요. 개발 제품을 찾던 중 우연히 알게 된 SpreadJS는 기능의 제한 없이 엑셀을 쓰는 것과 똑같이 사용 가능했고 파워풀한 성능 또한 우리 기업에 꼭 필요한 솔루션이라 느꼈습니다.

Q. SpreadJS를 도입했을 때 직원들의 반응은 어떠했는지?

생산성 향상에 대한 기대감 높아

제품을 도입하기 전 오픈소스 제품을 사용하고 있었는데, 사용에 공수가 많이 들고 기능적 제약이 매우 많아 불편했습니다. SpreadJS 도입을 결정했을 때, 직원들 모두가 생산성 향상에 대한 기대감을 가지고 반기는 분위기였습니다.

Q. SpreadJS 기능의 장점과 그것을 통해 얻게 된 성과가 있다면?

자유자재로 만들 수 있는 강력한 기능!

SpreadJS 제품의 가장 큰 장점은 JSON 형태로 파일을 읽고 쓰고 수정하는 것 , 사용자 정의 함수를 자바스크립트로 자유자재로 만들 수 있다는 것 입니다. 이러한 강력한 기능을 바탕으로 자사에서는 엑셀 인보이스를 생성해 주는 웹서비스를 출시할 수 있었는데, 그것에 SpreadJS를 활용했다는 것이 성과라 생각합니다. 제품을 사용하는 고객들 측면에서는 엑셀의 단순 반복 작업으로 인한 휴먼 에러를 없애고 결재 과정을 간소화할 수 있다는 점도 넓은 범위에서 성과라 생각합니다. 과거 고객은 이메일을 통해 인보이스 파일을 다운로드하고 다운로드 받은 파일을 다음 부서에서 양식에 맞게 수작업으로 가공 변환하여 다시 ERP 양식에 맞게 가공해야 했습니다. 이러한 단순 반복 작업은 휴먼 에러를 발생시키기고 업무 효율성을 낮게 만들었습니다. 하지만 고객사에 SpreadJS를 기반으로 한 웹 서비스를 제공한 이후 엑셀 데이터 변환 및 부서별 결재 과정이 간소화되었다는 평가를 받았고 이는 기업 이미지에도 큰 도움이 되었습니다.

USE CASE

로그인네트웍 에서 MESCIUS의 SpreadJS(스프레드JS) 자바스크립트 Excel 스프레드시트 컨트롤 을 사용하여 실제 개발 및 운영 중인 수출입 통관 물류 서비스 솔루션 화면입니다.

사용자가 선택한 인보이스 템플릿에 따라, 품목을 입력하는 Excel 양식을 SpreadJS를 통해 불러올 수 있도록 구현했으며, 사용자가 필요에 따라 시트(Sheet)의 컬럼을 추가할 수 있습니다. 또한 Amount 컬럼에는 Excel(엑셀)의 SUM(합계) 함수를 적용하여, Qty(수량)와 Unit Price(가격)에 따라서 자동으로 계산이 될 수 있도록 구현하였습니다.

또한 대량의 견적 작업이 필요할 경우 사용자가 더욱 유연하게 작업할 수 있도록 SpreadJS 디자이너 컴포넌트 를 활용하였습니다. 마치 Microsoft 엑셀에서 작업하는 것과 동일한 업무 환경을 제공하고 있습니다.

이렇게 작성된 인보이스를 별도의 설치 프로그램 없이도 웹 상에서 바로 출력할 수 있도록 SpreadJS의 인쇄 기능을 활용하였습니다.

<실제 SpreadJS 동작 화면>

실제 SpreadJS 동작 화면을 아래의 영상을 통해 확인할 수 있습니다.

Q. MESCIUS 제품을 추천하는 이유는?

고객 편의성 향상

로그인네트웍에서는 자동화 기술을 활용해 고객의 업무 편의성을 높일 수 있는 제품을 개발하고 있습니다. 저희 기업과 같이 고객 편의성 향상을 위한 기술 및 솔루션을 개발하는 기업이라면 조직 내부 인력과 고객의 생산성 모두를 끌어올릴 수 있는 SpreadJS와 같은 제품을 적극 추천하고 싶습니다.

About 로그인네트웍

㈜로그인네트웍은 2010년 설립 이래 불편한 수출입 통관의 경험을 완전히 바꾸고 있습니다. 전산(서버/통신/네트웍)설비 설치·관리, 전자상거래 특송 통관시스템, 전자문서 통관시스템, 수·출입 오더 관리시스템, INVOICE 통관 변환시스템, 스마트 수·출입 통관시스템, 동·식물/식품 검역시스템, 배차 관제시스템 서비스는 물론, RPA(Robotic Process Automation) 자동화 서비스로 단순 반복적인 업무를 자동으로 처리해 더욱 현명한 수출입 통관을 할 수 있도록 돕습니다.

EY한영 - 법인세 통합 관리 솔루션

marketing-kr@mescius.com (Marketing GCK) — Wed, 18 Oct 2023 07:10:01 GMT

개발 기간 1/2 단축, 생산성 2배 향상

개발 기간 1/2 단축,
생산성 2배 향상

법인세 통합 관리 솔루션

웹 엑셀의 모든 기능을 구현하는 SpreadJS

국내 4대 회계 법인으로 손꼽히는 EY한영은 회계감사, 세무, 재무 자문, 어드바이저리 서비스 전문가들이 활동하고 있는 회계∙컨설팅 기업입니다. 한영회계법인은 글로벌 EY의 한국 회원법인으로서 약 2,000명의 전문가들이 각종 세무 회계 고객 서비스를 제공하고 있습니다.

EY한영은 현재 법인세 프로그램 개발에 MESCIUS SpreadJS를 활용하고 있으며, 시스템 도입으로 공기 단축, 인력 감축 등의 생산성 향상에 도움을 받고 있다고 전했습니다. 제품 개발 담당 조강수 차장님과의 인터뷰를 통해 EY한영의 SpreadJS 도입 이야기를 들어 보았습니다.

개발 환경: Sencha(센차)
사용 제품: SpreadJS(스프레드JS) - JavaScript Excel 스프레드시트 컨트롤 ( 자세히 알아보기 )
주요 기능: Spread.Sheet(Excel UI), ExcelIO(Excel 불러오기 및 저장)

Q. SpreadJS 제품 도입을 결심한 이유는?

데이터 입출력, 엑셀과 가장 유사한 기능을 찾다

제가 담당하는 법인세 분야는 세금에 관한 정보를 신고, 출력해야 하는 작업이 많습니다. 법인세 관련 데이터를 입력하는 프로그램을 개발하면서 도움을 받을 수 있는 시스템이 없을지 검토하던 중 MESCIUS SpreadJS 제품을 알게 되었습니다. 세무, 회계 분야는 엑셀 활용도가 매우 높기 때문에 실사용자들도 웹에서 엑셀과 거의 같은 입력 형식, 조작 형태를 느끼고 싶어 한다는 점도 반영하여 엑셀과 가장 유사한 제품, 개발의 용이성 두 가지 측면에서 SpreadJS를 선택하게 되었습니다.

Q. 도입 과정에서의 어려움은 없었는지요?

편의성에 대한 기대, 적응의 어려움을 이겨내

저희의 기본 프레임워크는 센차(Sencha)인데요, 센차 프레임워크에서 많은 서식을 개발하는 것은 상당히 어려운 작업이었습니다. 그래서 도입 과정의 어려움보다는 SpreadJS 도입 이후 편의성에 대한 기대가 더 컸다고 생각합니다. 물론 SpreadJS 제품을 처음 사용할 때는 그 툴에 익숙하지 않고 프로그래밍을 새로 배워야 한다는 심리적 부담이 생기지만 개발자의 대부분은 자바스크립트를 다루어 보았기 때문에 그 부분도 쉽게 익숙해질 수 있었습니다.

Q. SpreadJS 제품 도입 이후의 성과는?

개발 기간, 인력 투입 모두 절반으로!

150 가지의 서식을 센차(Sencha) 프레임워크로 개발했다면 아마 개발 기간도 2 배 더 길어지고 공수도 그 이상 투입되었을 것입니다. SpreadJS의 데이터 가져오기, 내보내기, 정렬, 필터링, 추가, 삭제, 변경, 찾기, 시각화 등 엑셀 대부분의 기능 덕분에 개발 공기를 1/2로 단축할 수 있었고 인력 절감도 이루어 냈습니다. 이러한 기능을 바탕으로 현재 150종의 서식 개발을 거의 완료한 상태입니다.

Q. SpreadJS 기능 중 특히 만족스러운 기능이 있다면?

엑셀을 사용하는 것처럼 이질감 없는 기능

실무자들은 법인세 신고 대행을 위해 서식을 입력하고 그것을 데이터베이스화하는 업무가 많습니다. SpreadJS는 이러한 서식을 입력할 때 이질감 없이 원래 사용하던 엑셀처럼 활용할 수 있다는 것이 가장 큰 장점입니다. 이 외에도 친숙한 엑셀 환경의 인터페이스에서 데이터 양식과 데이터 뷰를 디자인할 수 있다는 점, 복사·붙여넣기가 쉽게 된다는 점, 서식과 보안 규칙이 그대로 유지된 채 쉽게 업로드, 다운로드가 가능하다는 점 역시 만족스러운 기능입니다.

USE CASE

아래 샘플은 위의 화면은 실제 EY한영에서 MESCIUS의 SpreadJS(스프레드JS) 자바스크립트 Excel 시트 컨트롤을 사용하여 개발 및 운영 중인 법인세 관리 솔루션의 실제 화면입니다.

< NO Excel 파일, Yes JSON >

SpreadJS의 강력한 Excel 변환 기능을 통해, 기존 사내에서 사용하고 있는 Excel 파일들을 모두 JSON String 형식으로 변환하여 Database 테이블에서 관리하고 있습니다.

또한, 실무자가 입력 및 수정한 내용에 대해서 JSON 형식으로 쉽게 저장하여 그대로 반영할 수 있습니다. 이로서 개별적으로 분산되어 관리되고 있던 사내 양식 및 업무 관련 Excel 파일을 하나의 웹 시스템 상에서 통합하여 업무 효율성을 증대할 수 있었습니다.

< Excel과 동일한 인터페이스 >

아래 화면에 보이는 것과 같이 SpreadJS는 기존에 사용하던 MS Excel과 동일한 인터페이스 및 기능을 모두 제공하고 있어, 실무자들이 별도의 학습 없이도 바로 업무에서 활용이 가능했습니다.

기존 Excel에서 제공하는 강력한 셀 타입, 함수(수식), 셀 서식 등 기대하는 Microsoft Excel의 거의 모든 기능을 SpreadJS를 통해 제공하였으며, 드래그 앤 드롭 셀 채우기, 복사/붙여넣기, 우클릭 메뉴 등 기존의 Excel과 동일한 사용 환경을 최종사용자에게 제공할 수 있어 실무자의 불편함을 최소화했습니다.

< Excel 불러오기 및 저장 기능 >

SpreadJS는 Client-Side에서 자바스크립트 함수를 통해 쉽고 빠르게 Excel 파일을 불러오고 저장할 수 있습니다.

이를 통해, 필요에 따라 새로운 Excel 양식을 웹 시스템에 바로 업로드 하고 반대로 현재 화면에 보고 있는 SpreadJS의 SpreadSheet 화면을 바로 다운로드하도록 실무자들에게 제공할 수 있었습니다.

Q. SpreadJS를 어떤 기업에 추천하고 싶은가요?

공수를 줄이고 싶은 조직이라면 누구나!

금융, 유통, 제조업 등 엑셀을 기초로 작업하는 기업, 합리적인 가격으로 개발 공수를 줄일 수 있는 방법을 찾는 기업에 SpreadJS를 추천하고 싶습니다. 저희가 도입 과정에서 타 제품군과 SpreadJS를 비교해 보았는데 가격, 기능, 지원적 측면에서 MESCIUS 제품이 더 우수하다고 평가했습니다. 자바스크립트 용 개발에서 엑셀과 가장 비슷한 엑셀 UI 컨트롤을 찾는다면 SpreadJS 제품이 압도적인 우위를 차지한다고 생각합니다.

About EY한영

EY에서는 글로벌화의 영향, 성장을 위한 모색, 기후변화 등 귀하의 비즈니스 효익을 높이기 위해 극복해야 할 도전 과제에 대한 통찰을 제공합니다. EY는 귀사가 유동성, 재무적 유연성, 주주 수익률을 높일 수 있는 재무적, 전략적, 운영적 솔루션을 찾을 수 있도록 지원합니다.

글로벌 IT기업, F사 - 통합 금융 EUC 솔루션

marketing-kr@mescius.com (Marketing GCK) — Wed, 18 Oct 2023 04:57:00 GMT

유연성, 품질, 기술 어느 하나 빠지지 않는 Spread.NET

통합 금융 EUC 솔루션

고객 만족의 기초가 되다

1974년 설립된 글로벌 기업인 F사는 서버, 스토리지, 네트워크 등 하드웨어 플랫폼의 대여, 판매 솔루션을 바탕으로 컨설팅에서 SI서비스까지 통합적으로 제공하는 종합 IT 기업입니다. 최근에는 금융권 고객 정보와 분석 정보 등을 다루는 정보계 서비스의 유지보수 프로젝트에서 MESCIUS Spread.NET을 활용해 업무 성과를 높이기도 하였습니다. F사가 Spread.NET을 활용하며 얻게 된 점은 무엇인지 이신욱, 양승원 부장을 만나 자세한 이야기를 들어 보았습니다.

개발 환경: Winforms .NET Framework
사용 제품: Spread.NET (스프레드 닷넷) - .NET(닷넷) 스프레드시트 컨트롤 ( 자세히 알아보기 )
주요 기능: Spread Sheet(Excel UI), ExcelIO(Excel 불러오기 및 저장), Excel 함수

Q. Spread.NET 제품을 도입하게 된 계기가 있으셨는지요?

글로벌 시장의 강자 MESCIUS를 만나다

양승원 부장 : 저희 팀은 은행 EUC(End User Computing) 업무를 비주얼 베이직에서 .NET으로 전환하는 프로젝트 추진한 경험이 있었습니다. 그 당시 프로젝트 진행에 적합한 솔루션이 필요했고, 적절한 제품을 찾던 중 일본 내에서 경쟁력이 있다고 알려진 MESCIUS를 소개받아 도입하게 되었습니다. 특히 저는 금융원 정보계 시스템 개발을 담당하고 있는데, 정보계 업무는 데이터베이스에 저장된 데이터를 잘 가공하여 고객의 니즈에 맞게 화면에 보여 주는 업무가 상당수를 차지하고 있습니다. 이에 MESCIUS Spread.NET 제품이 업무 효율성에 도움을 줄 것이라는 기대감에 도입을 결정하게 되었습니다.

Q. Spread.NET 제품 도입 이전에는 어떤 방식으로 업무를 진행하셨나요?

비주얼베이직, 고객 니즈 반영이 어려워

이신욱 부장 : Spread.NET 도입 이전에는 비주얼 베이직 프로그램을 사용해 업무 시스템을 구축했습니다. 비주얼 베이직 기본 기능을 사용하다 보면 시시각각 변화하는 고객니즈를 반영 할 수 없었고, 표준화된 자료 제공에 어려움을 느낀 적이 많았습니다.

Q. Spread.NET 제품을 어떻게 활용하고 있으신가요?

스프레드 자체 입출력, 업데이트까지 연동되는 편리함

양승원 부장 : 개발을 진행할 때는 분석 설계 업무와 개발 테스트 업무로 역할을 나누어 진행하며, Spread.NET은 개발 테스트를 진행하는 사람이 주로 사용하고 있습니다. 제품 도입 초기에는 개발 테스트 담당자들도 새로운 시스템 기능에 대한 막연한 어려움을 예상했지만 Spread.NET은 .NET 프로그래밍을 할 수 있다면 누구나 어려움 없이 사용할 수 있는 편리한 툴이었습니다. 특히 리포트 기능을 사용할 때 스프레드 자체에서 입출력이 가능하고 업데이트가 함께 연동되는 부분을 실무자들이 편리하게 느끼고 사용 중입니다.

Spread.NET 관련 링크

Spread.NET 자세히 알아보기 | 온라인 튜토리얼 바로가기

Q. Spread.NET 제품 도입 과정이나 도입 후 나타난 성과가 있으셨나요?

생산성 향상, 고객만족 두 마리 토끼를 모두 잡은 성과

양승원 부장 : 우리는 고객 시스템을 구축하면서 단순하게 구축 완료에 만족하는 것이 아니라 유지보수, 그에 투입되는 공수와 생산성, 품질까지 전 분야에 만족스러운 결과를 얻고자 했습니다. 현재 MESCIUS 제품을 베이스로 업무 컴포넌트를 만들어 고객에게 서비스를 제공하고 있습니다. 유연성, 품질, 기술 측면에서 고객에게 만족할 만한 서비스를 제공하는 기초가 되었다는 점이 큰 성과입니다.

이신욱 부장 : 고객들이 리포트 내용을 보고 만족하고 있다는 부분과, 시스템 도입 이후 개발 지원에 도움을 받고 있어 직원들의 생산성 향상에 도움을 받았다는 부분이 성과라 생각합니다. 또한 사용자 중심 처리를 위해서는 디스플레이가 깔끔해야 하는데 Spread.NET은 이러한 부분들도 만족시켜주고 있다는 점 또한 성과입니다.

Q. Spread.NET 제품 도입을 고민하고 있는 기업에 MESCIUS의 어떤 점을 특히 추천하고 싶으신가요?

빠른속도의 개발, 깔끔한 디스플레이가 필요하다면 강력 추천!

이신욱 부장 : 서비스 지원 측면을 추천하고 싶습니다. MESCIUS 개발지원팀은 적용 첫 단계에서부터 제품의 특징, 테크니컬 이슈, 실제 개발에 필요한 기술을 체계적으로 설명해 주는 등 단순 판매가 아닌 컨설팅 차원에서 도움을 주었습니다. 또한 사용자 눈높이에 맞는 기술지원 맞춤 서비스를 받을 수 있는 곳은 MESCIUS가 유일하다고 생각합니다.

양승원 부장 : 품질 측면을 추천하고 싶습니다. 시중에 이와 비슷한 제품이 많이 있지만 가격과 품질이 Spread.NET만큼 합리적인 제품은 찾아보기 어렵습니다. 또한 제품 도입을 통해 장애, 완성도 측면에서 큰 무리 없이 만족할 만한 성과를 낼 수 있었는데요. 고객이 화면에 처리 결과를 표시하고 입력하는 작업을 원한다면 Spread. NET에 대한 니즈가 높을 것으로 생각합니다. 빠른 속도의 개발을 원하고 화면에 대한 깔끔한 디자인이 필요하다면 MESCIUS 제품을 강력히 추천합니다.

농림축산부 - 스마트팜 R&D 빅데이터 포탈

marketing-kr@mescius.com (Marketing GCK) — Tue, 17 Oct 2023 08:31:10 GMT

데이터 전처리 서비스

스마트팜 R&D 빅데이터 포털

SpreadJS x DsExcel을 활용하여 엑셀 기반의 데이터 전처리 프로세스 구축

최근 4차 산업혁명이 시작되면서 모든 산업에 걸쳐서 다양한 데이터를 모으고 이를 활용하여 새로운 인사이트를 통해 산업을 혁신하려는 움직임이 가속화되고 있습니다. 특히, 인공지능과 빅데이터 분야의 니즈가 갈수록 심화하고 있으며, 실제 많은 기관/기업에서도 이를 주요 사업으로서 투자를 아끼지 않고 있는 것은 부인할 수 없는 트렌드일 것입니다.

이러한 변화의 바람은 농업 분야에서도 불어와 전통 경작 방식의 시설 원예, 축산업 등에 인공지능과 빅데이터, 사물인터넷, 지리정보시스템 등 IT 첨단기술을 접목해 생산성을 향상하고자 많은 프로젝트가 진행되었습니다.

스마트팜 연구개발 사업단에서는 현재 스마트팜 R&D 빅데이터 포털 의 운영을 통해, 현업 사용자(비즈니스 유저가)가 직접 필요한 데이터를 가공하고 분석할 수 있는 서비스를 제공하고 있습니다. 이를 통해 시설원예 및 축산 분야의 연구원 및 관련 종사자분들이 생산성 개선을 위한 연구를 빠르게 진행하는 데 많은 도움이 될 것을 기대하고 있습니다.

빅데이터 시대, 필요한 데이터를 빠르게 가공하는 것이 중요

데이터를 통한 시설 원예, 축산 분야의 연구의 효율성을 빠르게

기존에는 데이터 분석할 때, 분석 요건이 변경되거나 새로운 데이터가 필요한 경우, 실무 담당자 또는 데이터 분석가가 IT 부서에 요청하고, 원하는 데이터를 받아 분석하고 의사 결정을 내리기까지 긴 시간이 걸릴 수밖에 없었습니다.

이러한 딜레이(지연)를 줄이고자, “스마트팜 R&D 빅데이터 포털”에서는 시설원예 농장 및 목장 등으로부터 수집된 다양한 원본(RAW) 데이터(온도, 습도, 풍량, 지리정보 등)들을 현업 사용자들이 웹상에서 Excel 기반으로 직접 데이터 추출하고 필요한 자료들을 가공할 수 있는 데이터 전처리 기능을 제공하고 있습니다.

이러한 웹 Excel을 기반으로 사용자 데이터 전처리 기능을 위해 Excel과 유사한 화면과 기능을 최종 사용자에게 제공하기 위해 MESCIUS의 JavaScript 기반의 Excel UI 컨트롤인 SpreadJS 가 사용되었으며, 또한 백엔드 단에서는 가공된 엑셀 데이터를 서버상에 CSV 파일 또는 Excel 파일형식으로 저장하기 위해 Ds Excel Java API 를 사용했습니다.

SpreadJS x DsExcel을 통한 데이터 전처리 기능 개발

현업 담당자의 데이터 추출 및 가공의 장벽을 낮추다.

스마트팜 R&D 빅데이터 포털 에는 시설원예 농장 및 목장 등에서 모여진 다양한 원본 데이터들을 데이터베이스(DB) 또는 CSV파일의 데이터 셋 형태로 수집하게 되어 있습니다. 하지만 실제로 연구와 분석 목적에 따라서 데이터를 가공해야 하는 경우가 많습니다.

예를 들어, A 농장의 데이터에는 온도, 습도, 풍량, 질병, 위치 정보, 농장정보 등등 포함되어 있지만 실제 분석에서는 특정 기간의 온도 및 습도만 필요한 경우가 있습니다.

이 경우 데이터베이스를 잘 사용할 수 있는 연구자 및 분석가라면, SQL 쿼리를 이용하여 쉽게 가공할 수도 있지만, 현업 담당자들에게는 결코 쉬운 일이 아닐 것입니다.

기존 데이터 전처리를 위한 프로세스

이에 스마트팜 R&D 빅데이터 포털 에서는 현업 사용자가 필요한 데이터를 추출 및 가공하기 위해서 SpreadJS Excel UI 컨트롤을 사용하였습니다. 웹 페이지에서 엑셀 형식으로 불러와 데이터를 수정 및 가공할 수 있도록 기능을 제공하고 있습니다.

SpreadJS를 활용한 데이터 전처리 프로세스

이를 통해, 현업 데이터 연구원 또는 비즈니스 담당자들은 데이터베이스나 SQL 쿼리에 대한 전문 지식 없이도 농림축산의 연구를 위한 다양한 데이터들을 웹 화면에서 제공하는 SpreadJS Excel UI 컨트롤을 이용하여 담당자들이 원하는 데이터를 직접 수정 및 가공할 수 있게 되었습니다. 또한 해당 가공(전처리)된 데이터들은 R studio 또는 Python 등에서 데이터 분석에 활용하거나, 웹페이지에서 제공되는 SpreadJS Excel UI 컨트롤을 사용하여 2차, 3차… n차로도 쉽고 빠르게 가공할 수 있습니다.

SpreadJS 화면 상에서 가공된 데이터는 JSON 형태로 Ds Excel Java API 로 전달되어, 서버(백엔드) 상에 CSV 또는 Excel 파일 형태로 저장되고 관리될 수 있도록 개발하였습니다. 따라서 다른 사용자들과 쉽게 데이터를 공유하고 추가적인 연구와 분석을 자유롭게 할 수 있습니다.

USE CASE

아래에서는 스마트팜 R&D 빅데이터 포털에서 실제 SpreadJS (프론트엔드)와 DsExcel Java API (백엔드)가 어떻게 사용되고 있는지 보여 줍니다.

(스마트팜 R&D 빅데이터 포털 매뉴얼 참조)

포털에 들어가면 CSV 형식의 다양한 시설 원예 및 축산 관련 데이터 셋을 등록하고 활용할 수 있습니다. 등록된 데이터 셋들은 아래와 같이 리스트로 보이며, 사용자들이 필요한 데이터에 접근 가능합니다.

CSV 형식의 다양한 낙농 관련 데이터 셋, 스마트팜 R&D 빅데이터 포털 메뉴얼 참조

위의 데이터 셋을 선택하면, 아래와 같이 SpreadJS의 스프레트시트 상으로 데이터가 표출됩니다. 사용자는 해당 데이터 셋의 데이터를 확인하고, 엑셀과 동일한 방법으로 데이터를 수정 및 정제하여 분석에 필요한 데이터 형태로 가공할 수 있습니다.

SpreadJS에 스프레드시트에 질병에 대한 데이터를 불러온 화면, 스마트팜 R&D 빅데이터 포털 매뉴얼 참조

위에서 수정/가공된 Excel(CSV) 데이터는 DsExcel Java API를 통해 서버에 파일 형태로 저장되며, 다른 사용자도 해당 가공된 n차 데이터에 접근하여 이용할 수 있게 됩니다.

위와 같이 Excel의 UI/UX 뿐만 아니라 거의 모든 기능을 제공하고 호환해주는 SpreadJS 컨트롤과 DsExcel API를 함께 사용하여 현업 사용자에게 가장 익숙한 Excel 형태의 데이터 가공, 정제 및 시각화 기능을 제공한다면 사용자들의 활용도 및 생산성을 향상할 수 있습니다.

DsExcel API 관련 링크

DsExcel API 자세히 알아보기 ( Java 버전 / .NET 버전 )
온라인 튜토리얼 ( Java 버전 / .NET 버전 )

SpreadJS v14 새로운 기능

marketing-kr@mescius.com (Marketing GCK) — Tue, 17 Oct 2023 05:26:51 GMT

새로운 SpreadJS v15 릴리스가 출시되었다는 반가운 소식을 전해 드립니다! 스프레드시트 개발을 가속화하는 데 도움이 될 고객이 요청한 새로운 기능을 추가했습니다. 자세히 알아보려면 계속 읽어보세요.

TableSheet 및 데이터 관리자

SpreadJS v15에 추가된 기능 중 가장 중요한 것 두 가지는 TableSheet 및 데이터 관리자입니다. SpreadJS TableSheet는 새로운 유형의 시트 컴포넌트로서, 기존의 500+ 함수 SpreadJS 계산 엔진도 최대한 이용할 수 있는 매우 강력한 데이터 테이블입니다.

이 빠른 데이터 바인딩 테이블 보기에는 정렬, 필터링, 기타 여러 데이터 관리 기능을 매우 빠르게 만드는 관계형 데이터 관리자가 포함되어 있습니다.

새로운 기능에 대해 자세히 알아보려면 여기 에서 전용 TableSheet 및 데이터 관리자를 확인하십시오.

PivotTable의 향상된 기능

슬라이서

새 슬라이서 기능을 사용하여 클릭 한 번으로 PivotTable을 필터링할 수 있습니다. 친숙한 인터페이스를 사용하여 여러 개의 PivotTable을 연결하고 행과 열 필드의 필터 상태를 관리하는 방법으로 집계 대상을 필터링할 수 있습니다.

GETPIVOTDATA Spill 지원

PivotTable에서 표시된 데이터를 반환하는 GETPIVOTDATA 함수는 이제 Spill을 지원합니다. 이는 결과가 여러 셀을 채울 수 있음을 의미합니다. 그것이 가능하도록 하려면 allowDynamicArray 속성을 true로 설정해야 합니다.

통합 문서 기능 향상

유플렉스소프트 - 스마트 공장, 교실 솔루션

marketing-kr@mescius.com (Marketing GCK) — Tue, 17 Oct 2023 05:18:31 GMT

보고서 작성에 하루 종일 매달렸던 과거는 그만!

스마트 공장, 교실 솔루션

ComponentOne 데이터 시각화 기능이 가져온 개발 생산성 향상

㈜유플렉스소프트(이하 유플렉스)는 SBC 기반 클라우드 컴퓨팅 환경에 최적화된 솔루션을 만드는 IT 전문기업입니다. 클라우드 솔루션 공급, 클라우드 서비스, IT 인프라 관리, 서비스 통합 관제 서비스를 주력으로 하고 있으며 최근에는 인메모리 기반 고성능 데스크톱 가상화(VDI) 솔루션 '올인원 DV 5.0'을 앞세워 학교 현장에 디지털 트랜스포메이션을 확대하고 있습니다.

고객사의 다양한 니즈를 반영하여 고객 만족을 끌어내기 위해 MESCIUS ComponentOne 제품을 도입하여 활용하고 있는 유플렉스 신준식 이사(스마트공장솔루션 개발 총괄), 신민경 차장(스마트교실 개발 담당)을 만나 ComponentOne 제품 도입에 관한 자세한 이야기를 들어 보았습니다.

개발 환경: Winforms .NET Framework
사용 제품: ComponentOne Enterprise (컴포넌트원) ( 자세히 알아보기 )
사용 컨트롤: FlexGrid(그리드) | FlexChart(선, 스플라인-심볼, 막대차트) | FlexPie(파이차트) | Dashboard Layout(대시보드 레이아웃)

Q. ComponentOne 제품 도입 배경

공정 실적 데이터의 직관적 시각화, 기대감을 품다

스마트공장 솔루션을 개발하는 과정에서 고객의 가장 큰 니즈는 공정의 실적 데이터의 다양한 시각화 요구였습니다. 고객은 현장에서 수집된 실적 데이터를 직관적으로 확인하여 인사이트를 얻고자 하는 것이지요. 하지만 .NET 프레임워크에서 제공하는 기존 도구로는 고객 니즈를 충족할 수 없었습니다. 특히 보고서 처리 부분에서는 제작, 편집 과정의 어려움과 값비싼 도입 비용 때문에 걱정이 많았습니다. 개발에 도움을 줄 수 있는 다양한 제품을 검토하던 중 MESCIUS ComponentOne 제품을 알게 되었고, 그 성능과 편의성에 대한 기대감으로 제품 도입을 결정하게 되었습니다.

Q. ComponentOne 도입 이전, 업무의 진행 방식은 어떠했나요?

생산성 낮은 리포트 프로그램으로 업무 만족도가 낮아

과거 저희는 .NET에서 제공하는 리포트 프로그램 사용하고 있었습니다. 기존 프로그램의 가장 큰 어려움은 보고서 편집 부분이었습니다. 기능이 너무 어려워 보고서 한 개를 작성하려면 개발자 한 명이 다른 업무를 하지 못한 채 온종일 보고서 업무에만 집중해야 했습니다. 그만큼 업무 생산성이 낮았던 것이지요. 어렵게 작성된 보고서는 유지, 보수하는 데에도 비슷한 과정을 거쳐야 했기 때문에 보고서 부분 생상성 향상을 위한 시스템 도입이 절실한 상황이었습니다.

Q. ComponentOne 제품 도입을 결정하는 과정에서 어려운 점이 있었다면?

합리적 가격과 편리한 기능, 어려움을 해결하다!

새로운 시스템을 도입하는 과정에는 어떤 기업이든 비용과 적응 측면의 어려움을 겪는다고 봅니다. 유플렉스도 마찬가지였습니다. ComponentOne 이외의 다른 제품은 초기 도입 비용이 비싼 경우가 많았고 도입 이후 제품 배포에 들어가는 라이선스 비용도 부담스러운 것이 많았습니다. 개발자의 적응 부분에서는 기존 .NET 컴포넌트에 익숙했던 내부 개발자들이 새로운 툴에 익숙해질 때까지 시간이 오래 걸리지 않을까 하는 부분이 걱정됐습니다. 하지만 ComponentOne은 개발자들이 쉽게 사용할 수 있어 그러한 걱정은 덜어낼 수 있었습니다.

Q. ComponentOne 제품 도입 이후 나타난 성과

합리적 가격과 편리한 기능, 어려움을 해결하다!

고객의 니즈에 빠르게 대응할 수 있었던 점, 개발 기간을 효과적으로 단축할 수 있었던 점이 가장 큰 성과라 생각합니다.

USE CASE

해당 화면은 실제 유플렉스 소프트 에서 MESCIUS의 ComponentOne(컴포넌트원) .NET(닷넷) UI 컨트롤을 사용하여 개발 및 운영 중인 스마트 공장 솔루션 의 일부 화면입니다.

<스마트 MES KPI 모니터링 시스템>

매달 업데이트 되는 성과지표 RAW 데이터를 “컴포넌트원”의 다양한 Chart 컨트롤(선, 막대, 파이)을 이용하여, 이를 화면상에 구현했습니다.

또한, ComponentOne에서 제공하는 강력한 대시보드 레이아웃 컨트롤(Dashboard Layout) 을 이용하여, 최종 사용자에게 화면 요구 사항에 맞는 레이아웃을 선택하고 끌어서 놓기 , 최대화 , 레이아웃 저장 및 로드 , 레이아웃 변환 과 같은 커스터마이징 기능을 제공할 수 있었습니다.

< 스마트 MES PSI 정보 시스템 >

매일 업데이트되는 생산(Production), 출하(Sales), 재고(Inventory) 상태에 대한 RAW 데이터를 그리드(FlexGrid)와 차트(FlexChart)를 이용하여 대시보드를 구현하였습니다.

PSI에 대한 RAW 데이터를 생산 공정별로 그룹화하여 보여주기 위해, “ComponentOne”의 FlexGrid 자체에서 제공하는 그룹화(Grouping) 기능을 사용하여, 항목별로 총 생산실적, 출하 실적, 재고 현황에 대한 자료를 최종 사용자에게 보여줄 수 있도록 구현하였습니다.

또한, ComponentOne의 다양한 차트(FlexChart) 타입 중 하나인, 스플라인-심볼(Spline Symbol) 차트를 이용하여, 사용자가 심볼을 클릭할 경우, 해당 데이터에 대한 상세 정보를 보여 줄 수 있도록 하였습니다.

ComponentOne 관련 링크

ComponentOne 자세히 알아보기 | 온라인 튜토리얼 바로가기

Q. ComponentOne 기능 중 직원들이 특히 만족하고 있는 기능이 있다면?

데이터 연동, 기대감을 높여!

신민경 차장 : 스마트 교실 개발에 사용하는 ComponentOne 기능은 교사 스케줄관리, 캘린더, 플렉스 그리드, 리포트, 인쇄 등을 사용하고 있습니다. 캘린더는 스케줄과 연동된다는 점이 편리했으며 플렉스 그리드 또한 하나의 데이터 연결만으로도 연동된다는 것이 사용에 편의성을 주었습니다. ComponentOne이 제공하는 많은 기능 중에서도 리포트와 인쇄 기능은 실무자의 활용도가 높을 것 같아 기대감이 큽니다.

USE CASE

해당 화면은 실제 유플렉스 소프트 에서 MESCIUS의 ComponentOne(컴포넌트원) .NET(닷넷) UI 컨트롤을 사용하여 개발 및 운영 중인 스마트 교실 솔루션 의 일부 화면입니다.

< 스마트 교실 스케줄링 시스템 >

ComponentOne 의 스케줄러(Scheduler) 컨트롤을 사용하여, 교사들이 큰 어려움 없이 사용할 수 있도록 일반적인 일정 관리 화면과 유사한 스타일의 교사 강의 캘린더를 구현하여 제공하고 있습니다.

About UPLEXsoft

여기스터디 - 증명서 발급 솔루션

marketing-kr@mescius.com (Marketing GCK) — Mon, 16 Oct 2023 05:18:33 GMT

합리적 비용, 손쉬운 양식 디자인으로

개발 시간 1/5 단축!

학생 및 교사(강사) 증명서 발급 솔루션

혁신적인 .NET용 리포트 컨트롤 ActiveReports.NET

여기스터디 사이버평생교육원(이하 여기스터디)은 언제, 어디서, 누구에게나 열린 학습 기회를 제공하는 교육부 인증 평생교육 기관입니다. 사회복지사, 보육교사, 청소년지도사 등 국가 자격증을 취득하기 위한 90여개 과목이 개설되어 있으며 빠르게 변화하는 IT 환경에서 학습자의 만족과 최상의 교육 효과를 위하여 다양한 노력을 기울이는 교육 기관입니다. 그들은 수많은 교육생, 교·강사에게 원활한 행정 서비스를 제공하고 직원들의 업무 효율성을 높이기 위해 MESCIUS ActiveReports.NET 제품을 도입하게 되었습니다. 그들이 ActiveReports.NET을 통해 얻게 된 업무 성과, 그 자세한 내용을 여기스터디 이서용 부원장과의 인터뷰를 통해 살펴보겠습니다.

개발 환경: ASP.NET Webforms (C#)
사용 제품: ActiveReports.NET - .NET 리포팅 컨트롤 ( 자세히 알아보기 )
주요 기능: ActiveReports.NET 디자이너, 리포트 웹 뷰어

Q. ActiveReports.NET 제품 도입 배경

합리적 가격, 개발자 라이선스 1 Copy 만으로도 가능한 다양한 서비스!

시스템 도입의 가장 중요한 부분은 예산이었습니다. 여기스터디의 학사관리 시스템은 웹 표준으로 개발되어 있어 Active X 방식의 리포트 프로그램보다 html5로 퍼블리싱된 리포트 제품이 필요했습니다. 제품 검토 과정에서 다양한 업체와 다양한 라이선스 정책이 있다는 것을 알게 되었으며 가격대가 수천만 원 이상인 제품도 많았습니다. 그 중 MESCIUS ActiveReports.NET 제품의 라이선스 정책은 우리 기업에 가장 적합하다고 생각했습니다. ActiveReports.NET은 개발자 라이선스 1 copy 만으로도 다양한 서버, 도메인에서 서비스가 가능하여 최종 도입을 결정하게 되었습니다.

Q. ActiveReports.NET 도입 이전의 업무 방식은 어떠했으며, 개선하고 싶은 점이 있었다면?

30여 가지의 서식, 불편함이 쌓여 불만을 만들다

웹 서비스를 하면서 고객들에게 제공해야 하는 성적증명서, 교·강사의 경력증명서, 직원 급여명세서, 학적부 관리 양식 등 30여 가지가 넘는 양식을 사용하고 있었습니다. 양식은 웹 기반으로만 제작하여 서비스로 제공할 때 정형화된 틀을 벗어나는 경우가 많았죠. 각각의 브라우저마다 사이즈 호환이 되지 않아 1페이지의 양식이 2,3 페이지까지 넘어가게 되는 경우가 빈번하였고 그로 인한 불편이 쌓여 불만으로 커지기까지 했습니다.

Q. ActiveReports.NET 제품 도입 이후 나타난 성과

개발 시간 단축, 생산성 향상, ActiveReports.NET의 가장 큰 성과!

Html로 양식을 만들 때는 개발자, 퍼블리셔, 디자이너가 모두 투입되어야만 개발이 가능했습니다. 하지만 ActiveReports.NET 제품은 쉽게 양식을 디자인할 수 있게 되어 있어 양식 한 개를 개발하는 데 소요되는 시간이 1/5로 단축되었습니다. 또한 과거에는 성적증명서, 경력증명서를 각각 따로 워드로 작성해 발송하는 불편함이 있었지만 현재는 모든 기능을 DB와 연동하여 클릭 몇 번 만으로도 증명서를 출력할 수 있어 많은 시간을 절약할 수 있고 직원들의 생산성 향상에도 긍정적인 영향을 주었습니다.

Q. ActiveReports.NET 기능 중 특히 만족하고 있는 기능이 있다면?

자동 PDF 전환, QR코드로 리포트의 진위 여부까지 판단!

ActiveReports.NET에서 가장 많이 사용하고 있는 기능은 증명서 발행 후 PDF로 자동 변환하여 저장하는 기능입니다. 교육에 사용되는 많은 증명서를 따로 저장할 필요 없이 PDF로 저장할 수 있어 매우 편리하지요. 또한 메일을 발송할 때 ActiveReports.NET 주소를 url로 생성하여 발송하면 상대방도 바로 확인이 가능하며 QR코드를 통해 리포트의 원본 진위까지 온라인에서 즉각 확인할 수 있어 직원 뿐만 아니라 고객분들도 편리하게 활용할 수 있습니다.

USE CASE

여기스터디 에서 MESCIUS의 “ActiveReports.NET 리포팅 툴”을 사용하여 실제 개발 및 운영 중인 “학사관리 솔루션”에서 사용되는 리포트 양식 이미지입니다.

ActiveReports.NET에서 기본 제공되는 “리포트 디자이너(Report Designer)”를 이용하여 코딩 없이도 원하는 형식의 증명서 양식을 드래그 앤 드롭 방식으로 작성하고, 데이터 바인딩을 통해 원하는 위치에 데이터를 표시함으로써 수강생과 선생님들에게 쉽고 빠르게 다양한 증명서를 발급받을 수 있는 시스템을 제공할 수 있었습니다.

아래는 교사 또는 강사님의 경력증명서를 출력하는 페이지입니다. 리스트에 보이는 인쇄 버튼 누르면, ActiveReports.NET으로 생성된 강사의 경력 관련 증명서를 추가 설치 프로그램 없이 ActiveReports.NET의 “웹 리포트 뷰어(Report Viewer)”를 통해 웹 페이지에서 보여 줄 수 있습니다.

또한 리포트 뷰어(Report Viewer)에는 “인쇄 및 저장” 기능을 기본적으로 제공해 주고 있어, 고객에게 편리한 출력 및 인증서 다운로드 서비스를 제공할 수 있었습니다.

아래는 여기 스터디에서 ActiveReports.NET을 통해 작성한 실제 사용 증명서 양식들입니다.

ActiveReports.NET 관련 링크

ActiveReports.NET 자세히 알아보기 | 온라인 튜토리얼 바로가기 | Web 디자이너 데모 바로가기

Q. 마지막으로 하고 싶은 이야기가 있다면?

본사의 감동적인 서비스로 지원, 포기했던 개발까지 이루어내

여기스터디 학사관리 시스템은 ASP로 개발되어 있어 .NET 제품으로 구성된 ActiveReports.NET을 접목하는 데 초기의 어려움이 많았습니다. 내부에 .NET 개발자가 없어 현재 시스템과 접목이 가능할 지 고민도 많았고 여러 차례 시행착오도 겪었지만 MESCIUS 본사의 지원과 친절하고 상세한 안내 덕분이 이러한 어려움을 쉽게 극복할 수 있었습니다. MESCIUS 기술 지원팀에서는 현업에 적용하기 위한 예제 소스를 외국 본사로부터 확인하여 기능을 체크한 뒤 우리 시스템에 맞는 샘플 소스까지 제공해 주어 포기했던 개발 양식을 추가로 개발할 수 있는 성과도 얻었습니다. MESCIUS 본사의 감동적인 지원 서비스는 개발에서의 어려움을 해결하는데 큰 도움을 주었습니다. 여기스터디와 같은 교육 서비스 기업을 비롯하여 관공서, 학교 등 각종 증명서와 서식을 많이 이용하는 기업이 ActiveReports.NET을 도입한다면, 편리한 기능과 생산성 향상을 경험할 수 있으리라 생각합니다.

About 여기스터디

(주)여기스터디는 누구나, 언제, 어디서나 열린 학습의 기회를 제공하기 위해 노력하는 사이버평생교육원 입니다. 다양한 온라인 경험을 통한 교육의 질 향상 및 최상의 학습환경을 제공하기 위해 꾸준히 노력하고 있습니다.

그로스 - 인프라 스트럭쳐 솔루션

marketing-kr@mescius.com (Marketing GCK) — Sun, 15 Oct 2023 23:59:20 GMT

VueJS 개발자가 반드시 사용해야 하는
JavaScript UI 컨트롤

클라우드 기반 인프라 스트럭쳐 솔루션

Wijmo(위즈모) - SI 개발의 패러다임을 바꾸다.

“소프트웨어 개발은 화초를 키우는 일과 같습니다. 화초는 잘 심는 것도 중요하지만 계속해서 물을 주고 가꾸는 것이 심는 것만큼이나 중요한 일이죠. MESCIUS Wijmo는 효율적으로 화초할 방법을 일깨워 준 중요한 솔루션이었습니다.” -Growth 김지호 CEO-

구성원의 성장이 기업의 성장임을 알고 실천해 나가는 소프트웨어 기업, Growth(이하 그로스)는 공공사업을 비롯하여 대기업, 통신사, 제조업체 등 다양한 고객들과 SI 비즈니스를 수행하는 클라우드 솔루션 개발 기업입니다. 그로스는 고객사와의 협업 과정에서 수많은 데이터를 컨트롤 하여 고객이 쉽게 사용할 수 있는 데이터 시각화 솔루션이 필요했습니다. 그들이 MESCIUS Wijmo 제품을 선택하게 된 이유와 제품 도입을 통해 어떤 성과를 거둘 수 있었는지, 그로스의 김지호 CEO를 만나 그 자세한 이야기를 들어 보았습니다.

개발 환경: VueJS
사용 제품: Wijmo(위즈모) – JavaScript UI 컨트롤 ( 자세히 알아보기 )
사용 컨트롤: FlexGrid, FlexChart (Stacked Bar chart, line chart, Scatter chart), Gauge

Wijmo를 도입하게 된 결정적 이유가 있으셨나요?

쉬운 학습, 높은 성능 그리고 기술 지원

Wijmo를 도입하게 된 이유는 크게 세 가지입니다. .NET 환경이 익숙한 개발자들이 쉽게 사용할 수 있는지, 제품 관련 지원이 잘 이루어지는지, 데이터 처리 성능이 떨어지지 않는지, 이 세 가지 관점에서 제품을 검토하였습니다.

고객사 개발자들은 윈도우 애플리케이션과 .NET 프레임워크 개발 환경에 익숙합니다. 때문에 .NET 개발자들도 부담 없이 쉽게 사용할 수 있는 개발 환경이 중요하다고 생각했습니다. 기술적으로 쉽게 학습하고 사용하며 유지보수 할 수 있는 솔루션을 찾던 중 Wijmo를 알게 되었습니다. 기능적/성능적인 측면이 타제품보다 월등히 우수하여 도입을 결정하게 되었습니다.

Q. Wijmo 제품 도입 이전, 업무 진행 과정에서 어떤 어려움을 겪으셨나요?

어렵고 복잡한 오픈소스는 이제 그만!!

레거시 시스템에서 그리드나 차트를 만드는 작업은 상당히 어려운 작업입니다. 시중에 오픈 소스 제품이 많지만 기능적 제약이 많아 사용에 한계가 있지요. 저희도 오픈 소스를 커스터마이징하여 고객사에 제공하기도 했는데요. 커스터마이징 과정에서 리소스가 상당히 많이 투입되었습니다. 또한 커스터마이징에 따른 문제가 발생하면 기술 지원도 직접 해야 하는 상황이 발생하기도 했습니다.

Q. 현재 Wijmo를 어떻게 활용하고 있으신지요?

Vue.JS 기반의 차트, 그리드를 활용한 제조업 시각화 대시보드

내부에서 전사 프레임워크로 Vue.JS를 사용하고 있습니다. Vue.JS에서 가장 자주 사용하고 있는 기능은 Wijmo 차트, FlexGrid 입니다. 특히 FlexGrid는 엑셀의 대부분의 기능을 제공한다는 장점이 있습니다. 웹에서도 누구나 엑셀처럼 수식을 입력하거나 셀 간의 복사 이동이 가능합니다. 또한 필터나 정렬을 따로 구현하지 않아도 쉽게 사용할 수 있습니다. 이러한 측면에서 실무자들이 기존의 윈도우에서 쓰던 엑셀과 유사한 형태로 프로그램을 활용하고 있습니다.

USE CASE

아래 샘플은 위의 화면은 실제 Growth에서 MESCIUS의 Wijmo(위즈모) UI 컨트롤을 사용하여 개발 및 운영 중인 MES 솔루션의 샘플 화면입니다.

< Database 서버 모니터링 솔루션 >

해당 화면은 GROWTH 멀티 서버 통합 모니터링 솔루션 중, DataBase 서버를 모니터링 하는 시스템의 일부 샘플 화면입니다.

고객에게 DB 서버 트래픽 및 사용에 대한 상태를 직관적으로 보여주기 위해 Wijmo의 누적 막대 차트(Stacked Bar Chart)를 활용했습니다.

모든 트랜잭션에 대해서 Percentage(100%) 기준으로 모니터링이 가능하도록 Wijmo 컨트롤을 커스터마이징하여 구현했습니다. Wijmo(위즈모)의 누적 막대 차트에 대한 자세한 사용 방법 및 샘플은 아래 링크를 통해 직접 확인할 수 있습니다.

Wijmo 누적 막대 차트(Stacked Bar Chart) 튜토리얼 바로가기
PureJS | PureJS(SystemJS 버전) | Angular | ReactJS | VueJS

< 생산 설비 모니터링 솔루션 >

해당 화면은 GROWTH 멀티 서버 통합 모니터링 솔루션 중, DataBase 서버를 모니터링 하는 시스템의 일부 샘플 화면입니다.

공장에서 운영 중인 모든 생산 설비로부터 운영 및 계측에 대한 정보를 실시간으로 받아와, 그리드(FlexGird)를 통해 RAW 데이터를 보여주고 있습니다. 사용자가 원하면, 그리드가 제공하는 정렬, 필터 기능을 통해 원하는 정보만 빠르게 확인할 수 있습니다.

또한, 위의 실제 Raw 데이터에 대한 상태에 정보를 한눈에 볼 수 있도록 게이지(Gauge), 선 차트(Line Chart) 그리고 분산형 차트(Scatter Chart)를 사용하여 대시보드를 구현했습니다. 이를 통해 관리자가 한눈에 생산에 대한 상태를 확인하고 관리할 수 있도록 제공하고 있습니다.

Wijmo 그리드(FlexGrid) 튜토리얼 바로 가기 : PureJS(SystemJS 버전) | Angular | ReactJS | VueJS

Wijmo 게이지(Guage) 튜토리얼 바로 가기 : PureJS(SystemJS 버전) | Angular | ReactJS | VueJS

Wijmo 분산형 차트(Scatter Chart) 튜토리얼 바로 가기 : PureJS | PureJS(SystemJS 버전) | Angular | ReactJS | VueJS

Wijmo를 도입하게 된 결정적 이유가 있으셨나요?

Vue.JS 기반의 차트, 그리드를 활용한 제조업 시각화 대시보드

첫 번째, Wijmo는 Vue.JS는 물론 퓨어 자바스크립트까지 지원하고 있어 가이드 문서만 보더라도 누구나 쉽게 개발할 수 있습니다. 러닝커브가 짧고 동시에 여러 가지 프레임워크를 웹 환경에서 지원하기 때문에 오픈 소스를 쓰는 업체가 전환하기 쉽다 는 장점이 있습니다.

두 번째, 제조기업에서는 2만 개에서 100만 개가 넘는 방대한 데이터를 한 번에 그리딩해야 하는 경우가 많습니다. Wijmo의 대량 데이터 처리 성능 이 매우 만족스러웠습니다.

세 번째, 데이터를 표현하기 위해서는 대시보드 및 비주얼라이제이션 기능이 필요합니다. Wijmo에는 비주얼라이제이션에서 제공해 줄 수 있는 다양한 차트가 이미 내장되어 있습니다. 실무자뿐만 아니라 관리자들도 쉽게 통계적인 인사이트 를 얻을 수 있다는 장점을 가지고 있습니다.

Q. Wijmo 도입 이후 나타난 성과가 있으신지요?

제조업 솔루션, 클라우드 기반으로 진화하다

.NET 환경에서 클라우드 서비스(Cloud Service)로 전환했다는 것 자체를 성과라고 생각합니다. 저희는 윈도우 애플리케이션이 가지고 있는 성능을 웹 환경에서 어느 정도까지 끌어낼 수 있는지, 실제 고객들이 사용할 때 크게 불편함 없이 전환할 수 있는지를 성과의 기준으로 삼았습니다.

실제로 국내 제조업계의 특성상 .NET 개발자가 바로 웹 환경으로 전환하는 것은 쉬운 일은 아닙니다. 현재는 윈도우형 프로그램에서 웹으로의 패러다임 전환에 적응하는 시기이며 적응 과정에는 어려움이 따르기도 하지요. 하지만 고객사 분들이 보안적 측면, 중앙 집중식으로 관리하고 쉽게 배포하는 측면에서는 분명한 패러다임 전환이 필요합니다. 제조업계가 생각하는 패러다임 전환에 Wijmo나 MESCIUS 제품이 도움이 될 것입니다.

Q. 마지막으로 하고 싶은 이야기가 있다면?

Wijmo, 고객에게 최대의 가치를 이끌어 내는 원동력

국내 SI에서 그리드, 차트 기능을 추가하는 것은 비용과 리소스 측면에서 어려움이 많이 따르는 작업입니다. 비용을 고려하여 오픈소스 제품을 사용하면 기술 지원을 받기가 매우 어려운데요. 오픈 소스 커뮤니티에 있는 문제 해결 방법은 우리가 이미 알고 있는 낮은 수준의 지원이기 때문입니다.

MESCIUS 제품을 사용하며 느낀 가장 좋은 점은 높은 수준의 기술 지원이 매우 빠르게 이루어진다는 것입니다. 빠른 지원 서비스는 우리의 고객사에게로 이어져 비즈니스 민첩성을 한 층 업그레이드 시키는 중요한 계기가 되었지요. 고객사에서 기술 문제가 발생하는 즉시 그 문제를 해결할 수 있도록 MESCIUS가 즉각적인 지원에 나서고 있고, 이러한 점에서 MESCIUS를 다른 SI 기업에게도 추천하고 싶습니다.

About GROWTH

아마존 AWS S3 시스템과 완벽 호환되는 시스템을 국내 최초로 구축, 개발자를 위한 laaS, PaaS, BaaS등 다양항 오픈소스를 활용한 전문 개발 업체입니다.

1강. 나만의 첫 번째 포건시 앱 만들기

marketing-kr@mescius.com (Marketing GCK) — Sun, 17 Sep 2023 06:40:54 GMT

1강. 나의 첫번째 포건시 앱 만들기

포건시 무작정 따라하기 강좌에 오신 여러분을 환영합니다.

Step by Step~~으로 간단한 웹 솔루션을 직접 개발해 보실 수 있도록 진행할 예정이며, 따라해 보시면서 어려움이 있으실 경우 언제든지 문의 주세요.

자! Excel 느낌 그대로 살려서 여러분의 아주 간단한 첫번째 웹 어플리케이션을 함께 만들어 보아요.

전혀 어렵지 않습니다. ^^

Forguncy Builder 실행하기

포건시를 다운 받고 설치를 하신 후에, Foguncy Builder를 실행해보시면, 아래와 같은 실행 화면을 보실 수 있을 것입니다.

먼저, 아무 생각 하지 마시고, " 새로 만들기 "를 클릭합니다.

클릭하시면, 어디서 많이 본 듯한 느낌의 시작 화면을 보실 수 있습니다.

여기서 " Excel "을 떠올리셨다면, 이미 절반은 다 배운 것이나 마찬가지입니다.

Hello World!

이제 본격적으로 웹 페이지에 원하는 문자를 찍어 보겠습니다.

페이지1의 시트의 B2 위치에 " Hello World "를 입력합니다.

B3 위치에는 " 안녕하세요 "를 입력합니다.

스타일 적용하기

위에서 입력한 글자를 엑셀에서 하는 방법과 같이 꾸며 보겠습니다.

1. "안녕하세요" 문자가 있는 B3~O3까지 선택 합니다.

2. 이제 상단에 있는 메뉴바를 이용하여, 셀을 "병합"하고 원하는 "글자색"과 "배경색", 그리고 "가운데 정렬"을 설정합니다.

3. 실제로 직접 입력한 내용이 웹 상에 보이도록 실행해 보겠습니다.

상단 메뉴바에 있는 실행 버튼을 눌러 실행해 보세요.

포건시 빌더에서 브라우저를 자동으로 실행하여 아래과 같은 결과물을 보여 줍니다.

두둥~!! 웹 개발에 입문하신 것을 환영합니다.

Forguncy 사용 중 기술 문의 또는 구매에 대한 상담이 필요하실 경우, 언제든지 연락 부탁드립니다.

기술 문의 : 메시어스 개발자 포럼
구매 문의 : sales-kor@grapecity.com
전화번호 : 1670-0583

2강. 페이지 추가 및 이동시켜 보기

marketing-kr@mescius.com (Marketing GCK) — Sat, 16 Sep 2023 07:06:08 GMT

2강. 페이지 추가 및 이동시켜 보기

해당 장에서는 페이지를 추가하고 버튼을 눌렀을 때, 새로 추가한 페이지로 이동하는 것을 구현해 보겠습니다.

코딩 없이 Excel 느낌 그대로 시작해 봅시다!

1강 나만의 첫번째 포건시 앱 만들기 에 이어서 시작하겠습니다.

새로운 페이지 추가하기

먼저, 새로운 페이지를 추가해 보겠습니다.

1. 좌측 "프로젝트 탐색기" > "페이지" 색션에서 마우스 오른쪽 버튼을 클릭합니다.

2. 컨텍스트 메뉴에서 "새 페이지 만들기" 클릭합니다.

3. 이제, 새롭게 추가된 페이지, "페이지2" 라는 엑셀 시트 를 보실 수 있을 것입니다.

해당 시트에서 Excel에서 하시는 것처럼, 아래와 같이 자유롭게 셀을 병합하고 텍스트를 입력하여 페이지를 꾸며 보세요.

" B3:Y5 "까지 " 셀 병합 " 후, " 페이지 2에 오신 것을 환영합니다. "를 입력합니다.
" B7 "에 " 안녕하세요 "를 입력합니다.
" B8 "에 " 페이지 2 입니다. "를 입력합니다.
" B8:V8 "까지 선택 후, " 셀 색상 "을 설정합니다.

메인 INDEX 페이지 설정하기

페이지 이동 버튼을 만들기 전에, 먼저 메인 홈(Index) 페이지, 즉 홈페이지의 입구 페이지 세팅을 설정해보도록 하겠습니다.

1. "프로젝트 탐색기" > "페이지" > "페이지1" 선택 후, 마우스 오른쪽 버튼을 클릭합니다.

2. 컨텍스트 메뉴에서 "시작 페이지로 설정" 클릭

실 행 버튼을 누르면 무조건 페이지 1로 우선 접근을 하게 됩니다.

페이지 이동 버튼 추가하기

이제 " 페이지1 "에서 " 페이지2 "로 이동하는 버튼과, 다시 " 페이지2 "에서 " 페이지1 "으로 이동하는 버튼을 만들어 봅시다.

좌측 "프로젝트 탐색기" > "페이지" 섹션 > "페이지1 "을 더블 클릭하여 시트를 엽니다.
셀 " L6:O6 "를 선택 후, 상단 메뉴에 " 셀 유형 " 선택 상자를 클릭합니다.
여러 셀 유형 중에 " 버튼 "을 선택합니다.

버튼을 선택하고, 원하시는 버튼명을 입력해 주세요.

저희는 " 페이지2 "라고 버튼명을 입력하겠습니다.

" 페이지2 "에도 동일한 과정으로 버튼을 생성해줍니다.

버튼에 페이지 이동 명령 추가하기

버튼을 눌렀을 때, 원하는 페이지로 이동할 수 있도록 만들어 줍니다. 간단하게 클릭 몇 번 만으로 동작을 구현할 수 있습니다.

1. 먼저, " 페이지1 "에서 생성한 버튼을 선택합니다.

2. 우측에 나타나는 " 셀 유형 " 탭을 선택 후, " 명령 편집 "을 클릭합니다.

3. " 명령 편집 " 창에서, " 명령 선택 "의 메뉴를 열어, " 페이지 이동 명령 만들기 "를 선택합니다.

4. 이동하고자 하는 " 페이지2 "를 선택하고 " 확인 "을 눌러 명령 편집을 완료합니다.

4. " 페이지2 "에서도 동일한 과정으로 페이지1으로 가는 버튼에 명령을 만들어 줍니다.

6. 버튼을 통해, 페이지로 이동할 수 있게 모든 작업을 마쳤습니다.

7. 상단 메뉴에서 "실행"을 눌러 정상적으로 동작하는지 확인해 봅니다.

Forguncy 사용 중 기술 문의 또는 구매에 대한 상담이 필요하실 경우, 언제든지 연락 부탁드립니다.

기술 문의 : 메시어스 개발자 포럼
구매 문의 : sales-kor@grapecity.com
전화번호 : 1670-0583

SpreadJS v16 새로운 기능

marketing-kr@mescius.com (Marketing GCK) — Wed, 21 Jun 2023 05:07:27 GMT

SpreadJS V16이 출시되었습니다. 이번 릴리스에는 새로운 SpreadJS 파일 형식을 비롯한 흥미로운 여러 최신 기능과 TableSheet, 디자이너, 계산 및 통합 문서의 향상된 기능, Excel과 유사한 폼 컨트롤에 대한 새로운 지원 기능 등이 포함되어 있습니다. 이러한 기능을 응용 프로그램에 활용하는 방법을 자세히 알아보려면 계속해서 아래 내용을 읽어 보시길 바랍니다.

새로운 파일 형식 (.sjs)
TableSheet의 향상된 기능
데이터 관리자의 계층 구조
데이터 관리자 필드 이름 매핑
디자이너의 향상된 기능
TableSheet 템플릿 및 패널 기능 향상
TableSheet 계층 구조 데이터
선택 - 수준 찾기/바꾸기
형식 창
계산의 향상된 기능
잘못된 수식 입력 동작 및 스타일
셰이프의 향상된 기능
Excel과 유사한 폼 컨트롤
크기 조정 기능 향상
Shift+마우스 크기 조정 동작
통합 문서의 향상된 기능
복사/잘라내기 취소 이벤트
셀 꾸미기 스타일
데이터 유효성 검사의 사용자 정의 스타일
EditEnding 및 EditEnded 이벤트의 입력 취소

SpreadJS 체험판을 다운로드 하여 직접 새로운 기능을 테스트해 보실 수 있습니다.

새로운 파일 형식 (.sjs)

SpreadJS에 추가된 흥미로운 최신 기능 중 한 가지는 개선된 새로운 파일 형식입니다. 이 새로운 파일 형식을 사용하면 대용량 Excel 파일을 가져오는 성능이 크게 개선되며 저장 시 더 작고 더 최적화된 파일을 만들 수도 있습니다.

이 새로운 .sjs 파일 형식은 먼저 SSJSON으로 내보내야 했던 이전의 번거로움을 해소했으며 직접적으로 모델에 데이터를 변환합니다. 결과 데이터는 더 작은 SSJSON 파일과 함께 압축된 .sjs 파일로 저장되어 Excel의 자체 XML 구조와 유사해집니다. 이 형식으로 인해 이제 ExcelIO 프로세스가 훨씬 더 빨라지고 더 작아집니다.

이 기능에 대한 자세한 내용은 여기 에서 블로그를 확인하십시오.

TableSheet의 향상된 기능

별도의 고성능 데이터 표인 SpreadJS Tablesheet는 v16의 몇 가지 더 많은 기능을 허용하고 있습니다.

데이터 관리자의 계층 구조

이제 TableSheet가 소스 데이터에서 계층 구조 데이터를 지원합니다. 여기에는 다음을 포함하는 레코드에 대한 4가지 데이터 유형이 포함됩니다.

속성 "id" 및 "parentId"
계층 구조 수준을 나타내는 속성
계층 구조 자식을 포함하는 속성
사용자 정의 함수를 사용하여 계층 구조로 구문 분석할 수 있는 기본 키

계층 구조 작업도 추가되어 사용자에게 다음과 같은 기능을 제공합니다.

레코드 승격/강등
레코드를 위/아래로 이동
앞/뒤 또는 위/아래에 레코드 삽입
레코드 삭제
모든 레코드 수준 또는 특정 수준 확장/축소
레코드 정렬/필터

데이터 관리자 필드 이름 매핑

데이터 관리자의 데이터 소스 스키마가 이제 열의 별칭 설정을 지원하여 데이터 소스의 프런트 엔드와 백엔드 간에 다양한 이름을 허용합니다. 이 기능을 사용하려면 데이터 관리자에 뷰를 추가할 때 "캡션(Caption)" 속성을 설정하면 됩니다.

디자이너의 향상된 기능

이전 TableSheet에 해당하는 일부 기능을 포함하여 SpreadJS의 디자이너 컴포넌트에 대한 몇 가지 기능이 향상되었습니다.

TableSheet 템플릿 및 패널 기능 향상

TableSheet가 처음 SpreadJS에 추가되었을 때 디자이너에서 TableSheet를 관리할 수 있도록 패널을 포함했습니다. 특정 열은 이제 열 목록에서 관계 데이터로 작업 시 축소할 수 있습니다.

또한 관계 열은 해당 특정 열에 대한 세부 정보를 표시하도록 클릭할 수 있습니다. 이 기능은 통합 문서에서 TableSheet를 선택하는 경우 디자이너의 오른쪽에 있는 TableSheet 패널에도 적용됩니다. 추가 기능에는 필드 그룹화 및 드래그가 포함됩니다.

TableSheet 계층 구조 데이터

디자이너에서 TableSheet 구현에 관해 또 다른 기능이 향상되어 데이터 소스의 열 탭에서 계층 구조 데이터가 추가로 지원됩니다.

이제 열에는 유형, 요약, 수식 및 정의할 수 있는 아웃 라인 열과 같은 항목과 함께 별도의 "계층 구조" 섹션이 있습니다.

이러한 옵션은 다음과 같이 사용할 수 있습니다.

유형 - 부모, 자식 경로 또는 수준으로 정의됨
요약 수식 - 지정된 열에 대한 계층 구조 요약 수식 입력
아웃 라인 열 - 열의 디스플레이를 사용자 정의하여 체크박스, 이미지 또는 표시기 포함 여부 지정

선택-수준 찾기/바꾸기

대용량 워크시트에서 특정 데이터를 검색하는 경우 특정 선택 범위의 셀만 검색하는 것이 좋습니다. v16에서는 특정 선택 범위의 셀에서만 검색할 수 있도록 찾기 및 바꾸기 기능을 향상했습니다.

형식 창

새로운 형식 창 버튼을 통해 사용자는 셰이프, 그림 및 차트의 기존 측면 패널을 쉽게 열 수 있습니다.

계산의 향상된 기능

잘못된 수식 입력 동작 및 스타일

SpreadJS는 잘못된 수식을 자동으로 인식하며 사용자가 제출하려고 할 때 오류를 표시합니다. 하지만 수식이 잘못된 경우 제거될 수 있었습니다. 이 릴리스에서는 이 동작을 향상하여 셀에서 수식을 유지하고, AllowInvalidFormula 옵션이 true로 설정된 경우 수식을 텍스트로 변환합니다.

이 기능 향상으로 특히 잘못된 서식에 대한 셀 상태도 추가했습니다. 따라서 잘못된 수식이 있는 셀을 표시하고 이러한 특정 셀에 스타일을 적용할 수 있습니다.

셰이프의 향상된 기능

Excel과 유사한 폼 컨트롤

SpreadJS 내에서 자체 폼을 더욱 쉽게 만들 수 있도록 유용하고 SpreadJS 셰이프를 기반으로 한 Excel과 유사한 폼 컨트롤 일부를 추가했습니다. 이러한 컨트롤은 다음과 같습니다.

버튼
스핀 버튼
목록 상자
콤보 상자
확인란
옵션 버튼
그룹 상자
레이블
스크롤 막대

이러한 컨트롤은 컨트롤의 위치 및 크기를 나타내는 addFormControl 메서드의 왼쪽, 상단, 너비 및 높이 매개 변수를 지정하여 워크시트 어디에든 배치할 수 있습니다. 위치 및 크기가 설정되고 컨트롤이 생성되면 위의 스크린샷에 있는 나이 스핀 버튼과 같은 특정 셀에 바인딩할 수 있습니다.

또한 FormControlValueChanged라는 새로운 이벤트가 추가되어 폼 컨트롤의 값이 변경될 때마다(UI 작업, API 호출 또는 연관된 셀 변경) 실행할 수 있습니다.

크기 조정 기능 향상

개발자는 이제 셰이프 크기 조정의 다양한 유형을 제한하거나 허용할 수 있습니다. 이러한 유형에는 측면, 가로, 세로 크기 조정이 포함되며 API "allowResize"를 사용하여 설정할 수 있습니다.

Shift+마우스 크기 조정 동작

allowResize가 시트에서 true로 설정되면 셰이프의 크기를 조정하는 동안 shift 키를 길게 눌러 셰이프의 가로세로 비율을 유지할 수 있습니다.

통합 문서의 향상된 기능

SpreadJS의 기본 통합 문서 기능 몇 가지가 향상되었습니다.

복사/잘라내기 취소 이벤트

복사 및 잘라내기의 이벤트 기능이 향상되어 클립보드의 현재 상태를 제공합니다. 이는 다음 이벤트에 추가된 추가 인수와 함께 복사/잘라내기/붙여넣기 프로세스의 특정 단계 동안 특정 기능을 구현하도록 돕습니다.

ClipboardChanging
ClipboardPasting
ClipboardPasted

셀 꾸미기 스타일

셀 꾸미기를 포함하도록 스타일 구현 기능이 향상되었습니다. 여기에는 다음이 포함됩니다.

타원 색
모서리 폴드 색
아이콘(위치, 아이콘, 색)

데이터 유효성 검사의 사용자 정의 스타일

데이터 유효성 검사는 데이터를 잘못되었다고 표시하거나 특정 데이터 입력을 방지하는 데 유용합니다. 스타일은 해당 유효성 검사에 대해 설정할 수 있지만

이 릴리스에서는 데이터 유효성 검사에 대한 사용자 정의 스타일을 설정하는 기능을 추가했습니다.

EditEnding 및 EditEnded 이벤트의 입력 취소

EditEnding 및 EditEnded 이벤트는 사용자가 셀에 데이터를 입력하거나 변경한 후에 발생합니다.

v16 릴리스에서는 취소 매개 변수를 추가하여 개발자가 필요한 경우 편집을 취소할 수 있습니다.

gck-test

로이테크원 - 클라우드 SaaS 기반의 스마트 건설 PMIS

클라우드 SaaS 기반의 건설 SmartPMIS

추천합니다! ������������

�� 로이테크원의 Smart PMIS 솔루션 도입이 필요하신가요?

로이테크원 SmartPMIS - 시스템이 바뀌면, 현장이 바뀝니다.

1) 현장의 수기 업무 → 디지털 전환

2) 공정·인력·자재 흐름 → 실시간 가시화

3) 보고와 승인 → 자동화 및 협업 효율화

4) 단절된 파일 관리 → 데이터베이스화 및 분석 기반 확보

5) 전산 인프라 없는 중소 건설사도 → 클라우드로 간편 도입

Excel의 딜레마 : 익숙함의 함정과 데이터 사일로 (Date Silo)

�� 모든 건설 관련 자료 Excel파일로 보관해도 괜찮을까?

��SaaS와 Excel-Like UI의 결합 : SmartPMIS의 기술적 혁신

��️ SpreadJS는 SmartPMIS 개발에 어떤 기여를 했는가?

�� 사용자 저항 최소화: 익숙한 UX 제공

��개발 효율성 향상: 핵심 기능에 집중

�� 실시간 협업과 데이터 무결성 확보

�� Use Case

✏️ Note! REACT 전용 Excel UI 라이브러리

1) Excel과 유사한 웹 편집기 개발 : 건설 현장의 지속성을 만들다.

2) Excel의 중요 데이터를 전산화 : 데이터 분석과 활용의 시작

- Excel 파일에서 데이터베이스(DB)화할 영역을 지정하여 저장

- 저장된 중요 건설 데이터 조회 및 활용

�� 로이테크원의 Smart PMIS 솔루션 도입이 필요하신가요?

About 로이테크원

연구노트 개발 업체 A사 - AI 스마트 연구 비서 서비스 솔루션

AI 스마트 연구 비서 (Assistant) 개발 솔루션

추천합니다! ������������

�� AI 스마트 연구 비서 솔루션 도입이 필요하신가요?

�� Excel 파일에 갇힌 연구 데이터, 이제 혁신이 필요합니다.

�� 엑셀의 한계를 넘어, 스마트한 연구 환경을 구축하다.

��️ SpreadJS, Excel의 익숙함을 담당하다.

�� 익숙한 사용자 인터페이스

�� 강력한 데이터 처리 및 시각화 기능

�� 높은 개발 유연성

�� Use Case

SpreadJS, “AI 스마트 연구 비서(Assistant) 서비스”에 어떻게 적용되었나?

✏️ Note! REACT 전용 Excel UI 라이브러리

1) 완전한 Excel 데이터 읽기/저장 기능 개발

2) Excel과 유사한 웹 편집기 개발: 시스템 도입의 장벽을 낮추다.

3) AI + SpreadJS = 엑셀의 한계를 넘어선 스마트 연구 환경

① AI가 분석한 내용을 SpreadJS를 통해 재가공 가능한 Excel 문서로 생성

② Excel 에디터에 AI 기능을 더하다!

�� AI 스마트 연구 비서 솔루션 도입이 필요하신가요?

�� 데이터 중심 SaaS 솔루션 개발의 이상적인 선택, SpreadJS

유럽 IT 기업, A사 - 맞춤형 기업 데스크톱 소프트웨어 개발 솔루션

맞춤형 기업 데스크톱 소프트웨어 개발 솔루션

추천합니다! ������������

.NET 개발 역량 강화 : Afternoon Software Solutions, ComponentOne으로 맞춤형 고성능 애플리케이션을 구현하다.

고객의 니즈: 다양성과 복잡성을 넘어서는 맞춤형 솔루션 개발의 어려움

ComponentOne, 데스크톱 기반 맞춤형 고성능 애플리케이션 개발의 핵심이 되다!

ComponentOne 개발의 유연성, 성능, 그리고 생산성 향상

Use Case

�� 자전거 공유 플랫폼 관리 시스템

�� 기술 문서 관리 애플리케이션

ComponentOne, .NET 개발 역량 강화의 필수 도구

ComponentOne,

.NET 개발 역량 강화의 필수 도구

Afternoon Software Solutions 소개

글로벌 맞춤형 ERP 개발 기업 - 고객 맞춤형 ERP 솔루션

고객 맞춤형 ERP 개발 솔루션

우리 회사에 딱 맞는 ERP,

꿈이 아닌 현실로 만든 NetSistemas

단 한 명의 개발자가 만들어낸 놀라운 성과, NetSistemas의 성공 비결 ��

어떻게 한 명의 개발자가 복잡한 ERP 시스템을 개발하고 고객의 다양한 요구를 만족시킬 수 있었을까요?

고객 맞춤형 ERP 솔루션 FACTUNET, ComponentOne의 기술력으로 완성되다 ��️

Use Case��

�� C1 GanttView(간트뷰) 프로젝트 관리, 일정 관리 개발을 한 큐에 완료

�� C1 FlexGrid(플렉스그리드) - 데이터의 이해도를 높이다.

�� C1 FlexReport(플렉스리포트) - 리포트로 필요한 데이터만 잘 보여주면 되죠.

��메시어스의 기술 지원 - 소규모 개발사의 든든한 파트너가 되다. ��

NetSistemas 소개

독일 서비스 제공 IT 기업, H사 - 이벤트 기획 관리 솔루션

문화 예술 이벤트 기획 관리 솔루션

추천합니다! ������������

ComponentOne으로 문화 예술 분야 이벤트 기획의 혁신을 개발하다!

문화 예술 분야에 맞춤 기획 관리 시스템 개발의 가능성을 보다.

Use Case

�� Winform 기본 UI 컨트롤의 한계: 개발자의 니즈를 충족시키지 못하다.

추천합니다! ��

추천합니다! ��

추천합니다! ��

.NET 개발 역량 강화
: Afternoon Software Solutions, ComponentOne으로 맞춤형 고성능 애플리케이션을 구현하다.

ComponentOne,
데스크톱 기반 맞춤형 고성능 애플리케이션 개발의 핵심이 되다!

어떻게 한 명의 개발자가 복잡한 ERP 시스템을 개발하고
고객의 다양한 요구를 만족시킬 수 있었을까요?

추천합니다! ��

Hirschbiegel + Grundstein GmbH 사 소개

노코드(No-Code) 웹 개발 도구 포건시를 활용한
제품 불량 분석 대시보드

추천합니다! ��

건설 시공 관리 플랫폼 CMP
(Construction Management Platform)

추천합니다! ��

추천합니다! ��

추천합니다! ��

쉬워진 제조 관련 분석 리포트 자동화 기능 개발 ��