투비교육포털에는 가장 기본적인 출결 기능을 시작으로 교육과정에 대한 소개와 교육 신청부터 수료증 발급까지 교육에 관련된 전반적인 시스템을 갖추고 있습니다.

이 문서는 투비교육포털 개발 시 사용한 전반적인 소스와, 개발 팁에 대해 안내하고 있습니다.

해당 문서와 프로젝트 소스를 확인하기 위해서는 넥사크로플랫폼 사용법에 대한 기본 지식이 있어야 가능합니다.

투비교육포털 기능설명

투비교육포털 메인화면

1 이용안내
• 앱 이용 시 필요한 내용에 대한 설명으로 구성된 안내 화면을 보여줍니다.

2 로그인
• 로그인 시 사용되는 회원정보는 투비소프트 고객지원(support.tobesoft.co.kr)사이트에서 등록한 정보입니다.

• 회원정보는 
  신청방법에 따라 2가지로 고객지원 사이트에서 회원가입 후 사용하는 회원(인터넷 신청)과 
  투비소프트 영업대표를 통해 신청한 비회원(영업대표 신청)으로 나누어집니다. 

• 로그인 방법은 
  회원(인터넷 신청)은 사이트에서 등록한 아이디와 패스워드를 입력하시고 
  비회원(영업대표 신청)은 성명과 영업대표가 신청한 이메일을 입력하시면 됩니다.

3 자가진단
• 감염병 확산 방지를 위한 자가진단 화면으로 이동합니다.
• 자가진단은 교육당일에만 진행할 수 있습니다.

4 출결관리
• 출결관리는 자가진단이 성공적으로 제출 된 후 진행할 수 있으며 QR코드가 생성됩니다.  
• 출결관리 방법은 대상자에 따라 
  오프라인 교육 신청 참가자는 QR체크인으로  QR코드를 인식하여 출결체크하며
  온라인 교육 신청 참가자는 비대면 체크인으로 숫자를 입력하여 출결체크합니다. 
• 출결관리는 3단계로 대기(QR체크인) > 입실(시간) > 퇴실(시간)로 표시됩니다.
• 입실과 퇴실 모두 정상 처리되어야 수료가 인정됩니다.
• 출결관리는 교육당일만 진행할 수 있습니다.

5 과정관리
• 교육 수강 이력을 확인할 수 있습니다. 
• 입실과 퇴실 모두 정상 처리되어 수료가 인정된 경우에는 수료증을 다운로드 할 수 있습니다.

6 교육일정
• 제품의 교육일정을 확인하거나 교육을 신청할 수 있습니다.

7 교육과정안내
• 제품의 교육과정을 개발자과정과 퍼블리싱과정별로 각 과정별 소개와 주요내용을 볼 수 있습니다.

8 찾아오는길
• 강의장 주소와 연락처 그리고 기타 안내사항, 지도 등을 표시합니다.

9 교육문의
• 전화걸기 기능이 탑재되어 있어 문의사항이 있을 때 클릭 시 바로 전화연결을 합니다.

10 FAQ
• 자주 묻는 내용을 리스트 형태로 볼 수 있습니다.

11 배너
• 하단에 애니메이션으로 돌아가는 배너를 클릭하면 각 배너에 연결되어 있는 페이지가 출력이 됩니다. 
• 하단링크는 투비소프트 웹진, 유튜브 동영상,  페이스북, 고객지원센터등 링크가 걸려 있습니다.

투비교육포털 소스

해당 APP은 넥사크로플랫폼 17.1.3.300 버전으로 작업되었습니다.

소스 다운로드 경로

http://edu.tobesoft.com/OpenSource/EduHub_OpenSource.zip

Project에 포함되어 있는 Service 경로 즉 TypeDefinition의 SvcURL경로는 삭제되어 있으며, DB정보 등에 대해서는 오픈하지 않았으니 해당 소스를 다운로드 받아 소스 참고용으로 사용하시기 바랍니다.

넥사크로플랫폼 UI 화면소스 폴더구조

개발소스
디렉토리	설명	비고
XPushUrl	XPush_Message_Layout
nexacro17lib	nexacro platform 엔진 lib
mobile	개발화면 소스
lib	lib모듈	사용안함
img	이미지
Html	Html파일
guide	앱 배포페이지 작성을 위한 이미지
EduSqlManager	Service jsp	> 하단 Service 목록 참고
comm	alert, confirm 화면
_resource_	resource	테마파일
DesignGuide	DesignGuide	투비교육포털 디자인 가이드

EduSqlManager 경로 Service JSP

개발소스
디렉토리	파일명	설명
EduSqlManager/
	CertificateFileDownload.jsp	수료증 다운로드 소스
	EduCertificate.jsp	사내 시스템 접근
	XPush_Provider.jsp	XPUSH 메시지 전송
EduSqlManager/Qr/
	FaqData.jsp	Faq 데이타를 DB에서 직접 조회
	makeCaptcha.jsp	비대면 로그인 사용시 필요한 이미지 문자생성
	makeCaptchaView.jsp	비대면 로그인시 생성한 숫자정보를 이미지로 표현
	makeSeedQrCode.jsp	Qr코드 생성
	QrCode3.jsp	QrCode Read
	jsQR.js	QrCode3.jsp에서 include하는 js

nexacro Studio를 통해 프로젝트 오픈하기

다운로드 받은 소스를 압축해제 하여 nexacro platform Project 파일을 오픈합니다.

loadfail

Open 시 Base Libarary Path를 소스에 포함된 lib 폴더로 지정해야 오류 없이 오픈이 가능합니다.

baselib

참고사항

UI개발 도구 : 넥사크로플랫폼 17

화면 UI는 넥사크로플랫폼 17로 개발하였습니다. 
화면 구성은 최대한 직관적이며 사용하기 편하게 구성하려고 했습니다. 

넥사크로플랫폼에서 제공하는 위지윅(WYSIWYG)방식의 개발도구인 넥스크로 스튜디오를 이용하면 고급기술을 몰라도 화면을 구현할 수 있습니다.
이 프로젝트를 구축하기 위해서는 투비소프트에서 진행하는 기본교육과 모바일 실무과정을 기본적으로 이수하면 보다 쉽게 구축할 수 있습니다. 

또한, 넥사크로의 강점은 OSMU (One-Source-Multi-Use) 환경을 제공한다는 점입니다. 
OSMU환경에서는 하나의 소스로 모바일 앱과 웹에 동시에 구현할 수 있습니다.

넥사크로 정기교육만 수강하면 나만큼 한다! 무리는 아니겠지요? 
(링크) 투비소프트 교육과정이 궁금하다면, 지난 교육서비스팀 포스트를 참조!

앱빌더 (App Builder)

넥사크로플랫폼 애플리케이션을 모바일 앱 형태로 빌드하기 위해서는 Android, iOS 각각에 맞는 개발환경(운영체제, 개발도구, SDK 등)이 필요합니다. 특히, iOS는 Xcode를 설치할 수 있는 Mac 장비가 필요합니다(해당 환경은 소스코드 작성이 아닌 앱빌드 용도로 사용). 
‘앱빌더’는 이러한 개발환경 구축의 불편함을 해소합니다. 사용자는 넥사크로 스튜디오에서 개발한 앱을 ‘앱빌더’를 이용하여 Android, iOS의 모바일 앱으로 손쉽게 빌드할 수 있습니다. 또한, 빌드한 앱을 모바일 디바이스에 직접 설치하고 동작하는 것을 확인해볼 수 있습니다. 
투비교육포털 앱은 ‘앱빌더’를 이용하여 진행되었기 때문에 별도의 네이티브 환경 구축이 필요 없습니다.

XPUSH

X-PUSH 서버는 메시지를 넥사크로플랫폼 클라이언트(이하 넥사크로 클라이언트)에 능동적으로 푸시하는 메시징 서비스를 제공합니다.

투비교육포털 앱에서는 공지사항, 교육관련 정보등에 대한 알림 기능을 전달하기 위해 사용했습니다.