HTML 파일은 Fog Web에서 Taglet을 등록하거나 수정할 때 센서마다 필요한 설정값의 기본값을 세팅하고 또 입력 받아 사용하기 위해 사용되는 파일이다.

파일은 크게 CSS를 담당하는 style과 설정 input 태그들을 넣는 configDiv, 데이터들을 세팅하고 저장하는 script로 나눠져 있으며 이 중 configDiv와 script의 함수 내용을 수정해서 사용해야 한다.

Style

input 관련 CSS내용으로 기본적인 form의 CSS는 제공하고 있으며, 자유롭게 수정 가능하다.

단, bootstrap을 사용하는 경우 bootstrap에서 사용되는 class의 CSS는 변경하거나 추가하지 말아야 한다.

ConfigDiv

센서를 등록하고 데이터를 전송하는 과정에서 필요한 추가적인 설정값들을 사용자들에게 받을 수 있도록 input form을 넣는 구역이다.

기본적인 form의 형태는 제공하고 있으며, 필요한 값의 형태에 따라 자유롭게 추가, 수정, 삭제가 가능하다.

Script

script 부분은 기본적으로 3개의 default 함수를 반드시 포함해야 한다. 그외에 추가적으로 필요한 함수는 자유롭게 삽입하여 사용할 수 있다.

프로그램 작성시 주의사항은 다음과 같다.

- default 함수들의 함수명은 절대 변경하지 않아야 하며 내용만 필요한 데이터에 맞게 변경해서 사용한다.

- script 내에서 Jquery 문법을 사용할 때 each 함수의 경우 $.each()는 사용이 불가하며 반드시 $(선택자).each() 용법으로 사용해야 한다.

3.3.1. default 함수

① jsonToInupt (aJson)

html input에 초기값, 또는 사용자가 설정한 값을 삽입해주는 함수이다.

초기값은 Profile에 있는 설정값이, 등록 이후에는 Edge에 저장되어 있는 값이 매개변수에 들어있으므로 해당하는 input값에 넣어 사용한다.

② inputToJson ()

html input에 입력된 값을 json형태로 리턴시켜주는 함수이다.

③ makeConfig (aModuleIdx, aEdgeIp, aEdgePort, aSensorCount)

Edge에 Taglet을 등록하고 사용할 Config 파일 내용을 리턴시켜주는 함수이다.

매개변수로 넘어온 Taglet index, Edge ip, Edge port, sensor 개수를 기본으로 html에서 입력받은 input 값, 그 외 추가적으로 생성한 데이터들을 “데이터명 = ” + String(데이터) 의 문자열 형태로 [Module] 부분에 삽입하여 리턴한다.