브랜드매니저라는 나의 진로와 연관된 주제를 생각하다가 고객 반응을 분석하는 프로젝트를 하기로 정하였다. 마빗과 미디어 파이프를 활용해 제작하였다. 선생님의 도움을 받아 레고를 제작하고 코딩을 설계하였다. 먼저 미디어 파이프와 마빗 코딩 화면을 번갈아가면서 비례 변환의 pitch를 설정하였다. 이것으로 얼굴 방향을 따라오도록 만들었다. 만약 블록과 아이콘 출력 등의 블록을 활용해 미소를 지으면 하트 LED와 빨간 불빛이 나온다는 것을 설계하였다. 마지막으로 미디어 파이프 화면을 번갈아가면서 눈의 깜빡이는 정도를 구하였다. 그리고 그것을 대입해 한쪽 눈을 감으면 화난 표정이 나오도록 구현하였다.
처음에는 로봇이 사람의 외로움을 달래줄 수 있을지 궁금했다. 직접 만들어보니 단순히 입력된 코드대로만 움직이는 한계가 있어 실제 반려동물 같은 교감은 어려웠다. 하지만 내가 입력하는 신호에 맞춰 즉각적으로 빛과 소리로 반응하는 모습을 보며 인공지능과 로봇 기술이 더 발전하여 정교한 로봇이 상용화된다면 언젠가 로봇이 사람의 외로움을 해결해 줄 수 있겠다는 가능성을 느꼈다.
간단한 설명: 이 웹사이트는 브랜드 매니저의 역할을 체험해볼 수 있는 미니 테스트이다. 사용자가 선호하는 브랜드 이미지와 로고 스타일을 선택하면 그에 맞는 브랜드 매니저 유형을 알려준다. 브랜드 콘셉트 판단과 디자인 취향을 파악하는 과정을 경험해볼 수 있는 웹사이트이다.
•
html 코드:
2. ai를 활용한 인식관련된 웹사이트 코드펜 작업링크이콘 추가
•
웹사이트 링크:
•
간단한 설명: 이 웹사이트는 미디어파이프 AI를 사용해 손가락 개수를 실시간으로 인식하고 그 제스처에 따라 브랜드 스타일을 추천해주는 서비스이다. 사용자는 1, 2, 5개의 손가락을 들어서 감성, 트렌디, 친환경 브랜드 콘셉트를 선택할 수 있고 손 제스처로 브랜드 아이디어를 빠르게 탐색해보는 경험을 하게 해준다.
문제점: chat GPT가 매우 기초적이고 쉬운 문장들을 데이터로 넣어 회화에 도움이 되는 문장들이 생성되지 않았다. 그래서 ‘문장이 너무 쉬우면 안되고 진짜 미국 현지인들과 한국인 여행객이 대화할 때 쓸 법한 표현들을 넣은 문장들을 100개 정도 넣어서 만들어줘’라고 다시 질문했다.
웹사이트 구상: 고등학교때 배우는 수학2 의 미분 개념을 활용해서 그래프를 그렸을 때 그에 맞는 도함수를 그려주는 웹사이트를 제작했다.
•
문제점: 원함수를 그릴 때 손이 떨리는 미세한 값까지 모두 측정해서 도함수가 원하는대로 나오지 않았다. 그래서 스무딩 함수를 활용해서 좀 더 추상적으로 나타내고자 하였다.
•
보완후 작품:
•
간단한 설명:
사용자가 마우스 드로잉을 통해 임의의 함수 그래프를 직접 그리면, 웹사이트가 이 함수의 도함수 그래프를 실시간으로 계산하여 옆에 그려준다. 마우스 드로잉과 수치 미분 및 스무딩을 할용하여 사용자가 직접 함수를 조작하며 그 함수의 도함수을 체험하고 미적분적인 탐구를 할 수 있도록 돕는다.
웹사이트 구상 : 학습 플래너 쓸때 목표에다가 명언 하나씩 쓰는데 찾기 귀찮아서 스페이스바를 누르면 명언이 나오게 하는 사이트를 만들었다
•
만들기
이런 프롬포트를 적었더니
작동을 시켜보니 익명으로 뜨는 것이 아쉬워서 고쳐보기로 했다
익명인 자료들을 다 지워서 해결하였다
•
수정본 작동 영상
•
소감:이 랜덤 명언 생성기 만들면서, 간단하지만 사용자 경험을 신경 쓴 게 마음에 들었다. API에서 실시간으로 명언을 받아오고, 익명 대신 작가 이름 있는 명언만 보여주니까 더 신뢰감도 생기고 멋져 보이고. 복사나 공유 기능도 있어서 실제로 쓸 때 편리하고, 디자인도 세련돼서 사용하기 좋았다. 이렇게 작은 과제로도 재미있게 웹 개발 감각을 키울 수 있다는 걸 다시 느꼈다.
•
간단한 설명: 이 사이트는 랜덤 명언 생성기다. 버튼이나 스페이스바를 누르면 실제 인물들이 한 명언과 작가 이름이 새로 뜨는데, 작가 이름 없는 명언은 자동으로 걸러져서 ‘익명’으로 안 나온다. 명언은 공개 API에서 받아오고, 복사 버튼으로 클립보드에 저장할 수도 있고, 트위터로 바로 공유도 가능하다. 명언이 부드럽게 바뀌는 애니메이션도 있고, 디자인도 깔끔한 유리판 느낌이라 보기 좋다. 쉽게 명언을 보고 공유할 수 있는 간단한 웹사이트이다.