화면 명세서

메인화면

메인화면

소스참고
Mobile_main.xfdl

00 Main(Logout) – 이용안내 – 1

No

기능설명

1

이용안내 : 앱 이용시 필요한 내용 설명으로 구성된 안내화면으로 이동

2

로그인 : 로그인 화면으로 이동

3

앱 타이틀 표시. 로그인 후 개인정보영역으로 변경

4

자가진단 : 안전과 감염병 확산 방지를 위한 자가진단 화면으로 이동

5

출결관리 : QR코드 체크인 또는 비대면 체크인 화면으로 이동

6

과정관리 : 교육 수강 이력 확인 화면으로 이동

7

교육일정 : 일정 확인 또는 신청 할 수 있는 화면으로 이동

8

교육과정안내 : 개발자 교육과 퍼블리싱 교육 과정에 대한 소개 화면으로 이동

9

찾아오는 길 : 주소, 연락처, 지도로 구성된 화면으로 이동

10

알림 : 공지사랑 또는 교육 신청에 관련된 정보를 제공하는 화면으로 이동

11

교육문의 : 전화걸리 기능이 탑재되어 있어 클릭 시 바로 전화열결로 이동

12

FAQ : 자주 묻는 내용을 리스트 형태로 볼 수 있는 화면으로 이동

13

배너 : 웹진, 페이스북, 동영상 등 링크되어 있는 화면으로 이동

이용안내

앱 이용시 필요한 내용으로 구성된 안내화면

소스참고
Mobile_frmOperationGuide.xfdl

00 Main(Logout) – 이용안내 – 1

No

기능설명

1

이용안내 각 항목의 타이틀

2

각 항목들의 상세내용

3

각 항목들이 스텝의 형태로 구현되어 있습니다.

로그인

로그인은 회원(인터넷 신청) 과 비회원(영업대표 신청) 2가지 방법이 있습니다.

소스참고
Mobile_frmLogin.xfdl

회원(인터넷 신청) 로그인

수강생 본인이 투비소프트 고객지원홈페이지에서 회원 가입 후 교육을 신청한 경우로 홈페이지 회원정보를 이용하여 로그인합니다.

회원로그인

No

기능설명

1

로그인 방법 선택 버튼 - 회원 선택

2

회원 가입시 생성했던 회원아이디를 입력합니다.

테스트 아이디 : edutest

3

회원 가입시 생성했던 비밀번호를 입력합니다.

테스트 비밀번호 : 123456

4

선택 시 로그인 정보를 기억합니다.

5

LOGIN 버튼 클릭 시 로그인 작업을 진행합니다.

비회원(영업대표 신청) 로그인

투비소프트 영업대표를 통해 교육을 신청한 경우로 성명과 이메일 주소를 이용하여 로그인합니다.

회원로그인

No

기능설명

1

로그인 방법 선택 버튼 - 비회원 선택

2

영업대표가 등록한 성명을 입력합니다.

테스트 아이디 : TOBESOFT

3

영업대표가 등록한 이메일을 입력합니다.

테스트 비밀번호 : guest@tobesoft.com

4

선택 시 로그인 정보를 기억합니다.

5

LOGIN 버튼 클릭 시 로그인 작업을 진행합니다.

상세화면

자가진단

자가진단은 당일 교육에만 실행할 수 있으며 한 번 진행되고 나면 다시 진행할 수 없습니다. 
항목 중에 입장 불가능한 항목이 체크되어 있으면 QR코드를 생성하지 않고 교육담당자에게 문의하라는
경고 메시지만 출력합니다. 자가진단이 성공적으로 제출되면 출결관리에 필요한 QR 코드를 생성합니다.
소스참고
Mobile_frmQuestionnaire2.xfdl

04 자가진단 팝업 – 1

No

기능설명

1

문진표 질문에 해당사항을 선택합니다.

2

제출 버튼을 클릭하면 QR 코드 생성 여부를 묻는 화면으로 이동합니다.

입장 불가능한 항목이 체크되면 QR 코드 생성이 되지 않습니다.

출결관리

자가진단이 성공적으로 제출되어 QR 코드가 생성된 후 진행 할 수 있으며 출결관리 메뉴로 
들어가면 QR 코드가 생성됩니다. (QR 코드는 관리자가 입실, 퇴실에 사용하는 각 개인의 QR 코드입니다.)
출결관리 버튼을 클릭하면 체크인 화면으로 넘어갑니다. 
체크인은 입실과 퇴실을 체크인하며 입실과 퇴실에 대한 표시는 메인화면 출결관리 버튼에 표시합니다.
소스참고
Mobile_frmSeedQrCode.xfdl

출결1

No

기능설명

1

자가진단 후 QR 코드가 생성된 상태로 클릭하면 체크인 화면으로 이동하여 입실체크를할 수 있습니다.

2

입실을 체크인 하면 출결관리 박스안에 입실시간과 함께 입실이 표시가 됩니다.

교육 후 다시 버튼을 클릭하여 퇴실체크도 진행합니다.

3

퇴실로 체크인을 하면 퇴실시간과 함께 수료 완료 도장이 표시됩니다.

퇴실 체크가 완료된 후에는 버튼이 동작되지 않습니다.

QR 체크인

QR 체크인은 생성된 QR 코드를 인식하여 체크인하며 QR 코드인식은 관리자가 확인합니다.

qr

No

기능설명

1

QR 체크인 메뉴를 선택합니다.

2

생성된 QR 코드를 관리자 화면의 카메라에 인식합니다.

3

'정상처리되었습니다.' 라는 메세지로 성공 확인 후 닫기 버튼을 클릭하여 체크인 화면을 종료합니다.

비대면 체크인

비대면 체크인은 관리자가 제공하는 번호를 입력하여 체크인 하는 방식입니다.
QR 코드를 인식시키지 않고 번호를 입력합으로써 비대면 교육시 활용하는 체크인 기능입니다.

비대면

No

기능설명

1

비대면 체크인 메뉴를 선택합니다.

2

입실과 퇴실 중 항목을 선택합니다.

3

빈 칸에 관리자로부터 받은 숫자를 입력합니다.

4

체크인 버튼 선택 시 체크인 후 화면이 종료되고 메인화면을 이동합니다.

5

체크인 없이 종료할 경우 닫기버튼으로 화면을 종료합니다.

과정관리

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

06 과정관리

No

기능설명

1

수강생 성명과 교육 수강 목록건을 출력합니다.

2

수강 목록의 전체 상태에 대한 범례입니다.

3

수강 과정과 상태를 나타냅니다.

4

수료증을 출력합니다.

교육일정

제품의 교육일정을 확인 하거나 교육을 신청할 수 있습니다.
소스참고
Mobile_frmEduRegistration.xfdl

07 교육일정

No

기능설명

1

메뉴에서 수강할 제품을 선택합니다.

2

선택된 제품 과정들의 교육일정 목록입니다.

3

목록에서 과정 선택 후 클릭하면 교육신청화면으로 이동합니다.

4

교육 신청 후 안내사항입니다.

교육신청 팝업

과정선택 후 교육신청 버튼 클릭 시 넘어가는 팝업화면입니다.

교육신청

No

기능설명

1

선택한 교육과정과 신청회차를 표시합니다.

2

신청 시 필요한 정보를 입력합니다. 이름, 연락처, 이메일은 필수 입력항목입니다.

3

교육신청을 하지 않고 팝업창을 종료합니다.

4

교육이 신청이 되고 팝업창이 종료됩니다.

교육과정소개

제품의 교육과정을 개발자과정과 퍼블리싱과정별로 각 과정별 소개와 주요내용을 볼 수 있습니다.
소스참고
Mobile_frmEduInfo.xfdl

07 교육과정 안내

No

기능설명

1

각 과정의 메뉴를 선택합니다.

2

선택한 과정에 해당하는 교육과정 목록이 보여집니다.

3

상세정보 확인 버튼입니다.

4

각 과정의 상세 정보를 확인 할 수 있습니다.

찾아오는 길

제품의 교육과정을 개발자과정과 퍼블리싱과정별로 각 과정별 소개와 주요내용을 볼 수 있습니다.
소스참고
Mobile_frmContactUs.xfdl

08 찾아오시는 길

No

기능설명

1

지역별 교육장 정보 메뉴를 선택합니다.

2

주소, 연락처, 안내사항을 표시합니다.

3

지도를 통해 장소를 표시합니다.

4

근처 지하철역을 기준으로 출구번호와 오는 길을 안내합니다.

교육문의

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

교육뮨우ㅏ

FAQ

제품의 교육과정을 개발자과정과 퍼블리싱과정별로 각 과정별 소개와 주요내용을 볼 수 있습니다.
소스참고
Mobile_frmFaq.xfdl

FAQ

No

기능설명

1

자주 묻는 내용들을 목록형태로 보여줍니다.

2

클릭하면 자세한 팝업으로 세부 내용을 확인 할 수 있습니다.

배너

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

00 Main(Logout) – 이용안내 – 1

No

기능설명

1

클릭 시 링크되어 있는 화면으로 연결됩니다.