퀘스트3. 야구 이벤트 캡슐만들기
아래 퀘스트 질문과 단계별 가이드를 이용하여 Bixby로 야구 이벤트 정보를 조회하는 Capsule을 만들어보세요 각 퀘스트의 코드들은, 실습코드에 어느 정도 이미 만들어져 있습니다. 하지만, 가이드에서 "==> [실습코드에 추가해보세요]" 표시가 있는 부분의 실습코드는 빠져있는데요. 이부분을 실습코드에 채워서 동작하는 Capsule로 만들어 보세요.
시작
이번 퀘스트에서는, Bixby Views기능을 이용하여, Layout을 변경하는 방법과 Dialog 사용법을 알아보겠습니다.
Step1. Capsule 개발 기본설정
Bixby Developer Studio와 basebevent Capsule개발은 위한 기본 코드는, CodeLabs 진행공간에 이미 준비되어 있습니다. 부담없이, Bixby Developer Studio와 Capsule 개발 방법을 체험해 보세요.
Step2. Modeling 하기
Modeling은, 정연이가 말한 내용을 통해 정확히 무슨일을 처리하고 싶어하는지 인지할 수 있도록 하는 작업입니다. 이를 위해서 먼저, 정연이가 사용할 수 있는 "발화 시나리오"들을 정리하고, 발화에서 사용한 Input Concept과 Output Concept을 정리해 보겠습니다.
발화 시나리오
Input Concept
Output
모든 야구 이벤트 알려줘
-
이벤트명 이벤트 내용
이벤트 이미지
Concept 생성하기
자 그럼, 실습코드 Concept폴더에, Input Concept과 Output Concept을 생성하여 저장해보겠습니다. Concept은, 정연이의 발화 전체 내용 중에서, "발화 인식을 위해서, 중요하게 고려되어야 하는 값(Input Concept)"과 "발화의 결과를 리턴할 때 사용할 값(Output Concept)"으로 생각하시면 됩니다. 이번 Capsule은 Input Concept은 만들지 않겠습니다. 그럼 조회 결과를 알려주는 Output Concept도 만들어 보겠습니다. 이 Output Concept은 앞으로 만들 Action의 Output으로 사용될 예정입니다.
동영상 가이드 : https://youtu.be/DZYfHd8BUpY
Action 생성하기
이렇게 하여, Concept에 대한 준비는 모두 끝났네요. 자 그럼, 생성한 Concept을 사용하여 사용자 발화를 처리할 Action도 만들어 보겠습니다. Action을 선언하는 작업은, "정연이가 한 말(발화)이 어떤 목적을 가지고 어떤 명명들을 사용하여 어떤 작업을 하기를 원하는지"를 Bixby가 잘 이해하도록 정의하는 작업이라고 생각하시면 됩니다. 우리는 정연이가 요청한 야구 이벤 정보를 조회해서, 결과를 알려주는 Action을 만들어 보겠습니다. 아래와 같이, Action을 선언해 보겠습니다. 동영상 가이드에서 Create New로 Capsule을 생하는 부분이 나오지만, 이것은 참고용이므로, 따로 Capsule을 생성하실 필요는 없습니다. 이미 설치된 실습 Capsule을 이용하시면 됩니다.
동영상 가이드 : https://youtu.be/dpnv_RsGaq0
Step3. Javascript 개발하기
지금부터는 javascript를 활용하여, "Bixby가 알아들은 말의 목적에 맞는, 실제 처리를 진행할 수 있도록 하는" 개발 작업을 진행하도록 하겠습니다. 아래 영상과와 같이, 코드 처리를 하게 되면, Bixby가 정연이의 요청을 처리하는 실제작업에 대한, 구현이 완료됩니다.
동영상 가이드 : https://youtu.be/5TmCPPyMyw8
Step4. endpoint 선언하기
endpoint 선언을 하여, Modeling한 내용 중 Action과 Javascript 부분을 서로 연결하여 보겠습니다. 먼저 resource 폴더 밑에 endpoint 파일을 만들고, 아래 영상과 같이, 작성해보겠습니다.
동영상 가이드 : https://youtu.be/O6QZqRkQ8GM
Step5. Bixby Views 활용하기
image-card View를 thumbnail-card View로 바꾸어 보기
==> [실습 코드에 추가해보세]
코드 처리는 모두 끝났네요. 하지만, Bixby가 basebevent capsule의 처리결과를 단말에 내려줄때 Layout을 표현하기 위해서, Bixby Views기능을 사용해보겠습니다. basebevent의 View는 image-card로 만들어져 있는데요. 이것을 아래와 같이, thumbnail View로 만들어 보겠습니다.
동영상 가이드 : https://youtu.be/FIez8EDvojY
Dialog 추가하기
==> [실습 코드에 추가해보세]
Bixby View Layout에서는, 조회결과를 출력할 때, Dialog 기능을 이용해서 여러가지 Message도 표현 수 있습니다. 나만의 Dialog Message로 변경해보세요. Dialog와 관련된 여러가지 사용법은 아래 참조링크에서도 확인할 수 있습니다.
동영상 가이드 : https://youtu.be/AwVP_iJxWYg
Step6. 자연어 트레이닝하기
조회 발화 입력하여 NL 트레이닝
==> [실습 코드에 추가해보세요]
이제 Bixby Capsule이 정연이의 말을 잘 알아듣고 처리할 코드 준비가 완료되었습니다. 이 캡슐 코드가 잘 동작하도록 자연어 트레이닝을 진행하고, Simulator를 구동해보겠습니다. 자연어 발화를 입력한 후, 트레이닝하고 Simulator를 구동하는 방법을 알아보겠습니다. 앞선 동영상 가이드에서 자연어 트레이닝 방법을 설명하였으므로, 참조 부탁드립니다.
완성.
아래와 같이, Simulator가 실행되셨나요?
수고하셨습니다. 이제 정연이는 Bixby basebevent 캡슐로 삼성라이온즈 정보를 조회할 수 있게 되었습니다. CodeLabs 튜터님께 실행화면을 보여주세요.
Simulator 구동이 완료되면, CodeLabs 튜터에게 퀘스트 완료 Stamp를 받고, 선물도 받으세요.
Private Submission 등 Submission 방법은 CodeLabs 튜터에게 문의하세요.
추가적인 개발정보는 https://bixbydevelopers.com을 참고하세요.
추가 문의사항은 support@bixbydevelopers.com으로 문의 부탁드립니다.
Last updated
Was this helpful?