Lesson 9_1 로그인 프로그램 만들기

안녕하세요. 오랫만에 글을 작성하게 되었습니다. 일이 바빠서 정신이 없었네요. 일을 하다가 많은 고객분들이 로그인 기능을 넣어달라고 하길래 이번 글은 간단하게 로그인 기능을 만드는 프로그램을 알려드리고자 합니다.

그림1) 새 VI생성

LabVIEW를 시작할때 새VI를 생성합니다.


그림2) 프런트 패널에 컨트롤과 버튼 생성

로그인 프로그램은 기본적으로 사용자 ID와 비밀번호를 입력하게 되어있습니다. 그리고 확인버튼과 종료버튼이 있으니 프런트패널에 생성해 줍니다.


그림3) 와일루프 생성

이제 프런트 패널에 필요한 컨트롤을 모두 만들었으니깐 블록 다이어 그램에서 코딩을 시작하겠습니다. 오른쪽의 블록다이어 그램에서 와일루프(While Loop)를 생성해 줍니다.



그림4) 이벤트 구조 추가 
이제 와일루프 안에 이벤트 구조(event structure)를 추가합니다.



그림5) 이벤트 구조에 이벤트 추가

그림6) 이벤트 구조에 로그인 버튼 추가

그림7) 이벤트 구조에 종료버튼 추가

이제 각각의 버튼(로그인, 종료)의 이벤트 케이스를 그림5,6,7처럼 해서 추가를 해줍니다. 현재는 프로그램이 간단해서 블록다이어그램의 버튼 아이콘이 다른곳에 떨어져도 크게 문제가 안됩니다. 하지만 프로그램이 크고 복잡해 질수록 버튼에 해당되는 이벤트를 찾기 어렵기 때문에 가능하면 아래 사진들 처럼 이벤트에 해당되는 버튼을 관련 케이스에 넣어주시기 바랍니다.


그림8) 종료 케이스 코딩
사용자가 종료 버튼을 누르면 나갈지 말지를 안내 메세지를 띄워서 결정하게 합니다.  두버튼 대화상자(Two Button Dialog)를 사용하고 출력측 부분을 조건터미널에 연결해 줍니다.


그림9) 로그인 구조 코딩

이제 실제적으로 로그인 코딩을 시작하겠습니다. 그림9와 같이 로그인 구조에 2개의 문자 컨트롤(로그인, 비밀번호)를  넣어줍니다.

그림10) For루프 및 사용자 정보 추가

이제 For루프를 만들고 2개의 문자 컨트롤이 For루프에 연결을 합니다. 사용자 정보는 예제이기 때문에 프런트 패널에 만들어서 비교하면서 볼수 있도록 하겠습니다.

그림11) 사용자 정보 배열은 인덱스 활성화

사용자 정보는 2자원 배열이기 때문에 (배열은 인덱스를 확성화 또는 비활성화 할수 있다) 인덱스 모드로 사용하겠습니다.
참고 : Lesson3 For Loop(포 루프)

그림11) 패턴일치 추가

이제 실제 사용자 ID와 비밀번호가 맞는지 확인을 해야 합니다. 패턴일치를 2개 생성합니다. 그리고  일치 문자열과 사용자ID, 비밀번호가 같은지 확인을 위해 같음?(Equal?) 아이콘을 사용합니다.


그림12) And 추가 
2조건(사용자ID, 비밀번호)이 일치해야 로그인을 허용해야 합니다. 따라서 And아이콘을 사용해서 조건을 만들어줍니다.




그림13) 사용자 정보 추가(1개) 및 블록다이어그램 코딩(로그인 케이스)

그림13과 같이 코딩 하셨다면 80%정도 완료가 된 것입니다.


그림14) And 출력 부분은 마지막 값으로 수정

이제 And출력축에서 인덱스를 비활성화 합니다. 어짜피 로그인 하는 사용자가 1명이기 때문에 사용자 정보와 일치하면 되기 때문입니다.



로그인 프로그램 1부는 이정도로 마무리 하겠습니다. 요즘 일이 많아서 바쁘지만 덕분에 블로그에 쓸 글들이 엄청 많아졌습니다. 문제는 시간이 없다는 거지만 그래도 틈틈히 올리도록 하겠습니다.



Discord Community Link














댓글

이 블로그의 인기 게시물

Lesson 12_1 프로퍼티 노드(Property Node)

DAQ로 전압 측정하기-2

Lesson5 Flat Sequence(플랫 시퀀스 구조)