# data[].attributes.headline
올해의 내가 성장해가는 과정과 결과를  담아주세요. 

# data[].attributes.subject
올해의 내가 성장해가는 과정과 결과를  담아주세요. 

# data[].attributes.body
1) 올해의 목표
2) 마주한 어려움
3) 극복하는 과정
4) 이를 통해 성장한 나의 모습
5) (2,3학년) 전년도와 연결지어 성장하는 나의 모습
형식은 '자유'입니다. 이 과정의 이야기를 솔직하게 담아 주세요

# data[].attributes.headline
특정 과목, 분야, 공부법 등 학업에 기울인 자신의 노력과 성과의 기록입니다. 

# data[].attributes.subject
특정 과목, 분야, 공부법 등 학업에 기울인 자신의 노력과 성과의 기록입니다. 

# data[].attributes.headline
교과 내, 교과 간, 혹은 기타 영역에서 자신이 수행한 프로젝트를 알려주세요

# data[].attributes.subject
교과 내, 교과 간, 혹은 기타 영역에서 자신이 수행한 프로젝트를 알려주세요

# data[].attributes.body
스스로 구상하고 기획하고 탐구한 사례를 알려주세요.

# data[].attributes.headline
진로활동은 어떻게 진로를 탐색했는지와 진로를 구체화하려는 개별 노력과정의 기록입니다 

# data[].attributes.subject
진로활동은 어떻게 진로를 탐색했는지와 진로를 구체화하려는 개별 노력과정의 기록입니다 

# data[].attributes.headline
(공통) 영역의 독서활동입니다. 

# data[].attributes.subject
(공통) 영역의 독서활동입니다. 

# data[].attributes.body
독서는 교과외 개인의 지적 탐구 과정과 노력의 기록입니다
(1학기) 책제목(저자)(영역)-ex 호모사피엔스(유발하라리)(진로),
(2학기) 책제목(저자(영역)-ex 리드로리드한다(이지성)(자율),의 형식으로 각 1장씩 작성해 주세요

# data[].attributes.headline
봉사활동은 여러분의 진로와 관련지어 인성 함양 및 사회연대와 공감의 노력 과정입니다

# data[].attributes.subject
봉사활동은 여러분의 진로와 관련지어 인성 함양 및 사회연대와 공감의 노력 과정입니다

# data[].attributes.body
학생지원포털을 참조해주세요

# data[].attributes.attachment_link.description
본 사이트에 게시된 정보는 본교 학생 아이디로 로그인해야만 열람 가능합니다.

# data[].attributes.headline
동아리활동은 동아리 활동속에서 빛나는 개인의 특기 및 활동 기록입니다. 

# data[].attributes.subject
동아리활동은 동아리 활동속에서 빛나는 개인의 특기 및 활동 기록입니다. 

# data[].attributes.body
(정규) (자율) 로 보고서를 구분해 주세요

# data[].attributes.headline
자율활동이란 주도적 발표와 참여를 통한 리더십과 학업역량을 보여줍니다. 활동 보고서와 활동에 대한 후속 활동을 담아주세요.

# data[].attributes.subject
자율활동이란 주도적 발표와 참여를 통한 리더십과 학업역량을 보여줍니다. 활동 보고서와 활동에 대한 후속 활동을 담아주세요.

# data[].attributes.body
활동명(날짜명)의 양식으로 보고서를 기입해 주세요. (ex) 금연캠페인(2024.04.02.)에 임하여~~~~

# data[].attributes.body
2025년 '나'의 목표1. 다양한 친구들과 친하게 지내기(교우관계)-친한 친구끼리만 지내는 것이 아니라 우리반의 다양한 친구들과 친하게 지내기2. 아침 일찍 등교하고 자습하기(생활습관)- 매일 새벽 1시전까지 잠에 들고 아침 6시 30분에 일어나서 학교에 7시 40분까지 등교하여 아침 자습 시간을 활용하여 국어 공부하기, 수능시간표에 적응하기 위해 아침 자습 하기3.성적 올리기(성적)-2학년 때 떨어진 내신 성적을 올리기 위해 내신을 공부하는 기간을 늘려 내신공부를 할 것임. 3학년이 되어 늘어난 시험 범위를 대비하기 위해 미리미리 내신 공부를 할 것임.4.좀 더 생각한 뒤 말하기, 성찰하기(인성)-상대방에게 말을 할 때 내가 나중에 그말을 후회하지 않고 상대방에게 상처를 주지 않도록 노력한다.하루를 되돌아보면서 내가 바꾸어야할 점을 생각하고 바꾸어야할 점을 바꾼다.

# data[].attributes.body
1. 주제: 우리 학교는 위급 상황에 안전한가?

2. 역할: 캠페인 자료 제작, 팀주도, 주제 제시

3. 동기: 학교는 학생들이 하루의 대부분을 보내는 공간인데 예기치 않은 화재나 응급상황이 일어날 수도 있음. 그래서 우리는 소화기나 자동심장충격기의 위치를 잘 모르는 경우도 있음. 그리고 우리 학교에 그런 장비들이 충분히 갖춰져 있긴 한 걸까? 라는 의문이 들음. 이러한 의문에서 학교 내 안전장비의 현황과 학생들의 인식에 대해 탐구해보고 싶어 우리 학교는 얼마나 안전하가라는 주제로 탐구를 하게됨.

4. 활동내용:

-학교 현장 조사: 학교에 AI실, 도서관,교실 등 다양한 장소에 소화기가 있는지 확인을 함. 또한 AED가 어디에 있는지, 몇 개 있는지, 얼마나 접근하기 쉬운지에 대해 사전 조사를 실시함.

5. (캠페인)학생인식 설문조사

-캠페인 준비: 캠페인을 실시하기 전에 반 구조도를 그려 학생들이 반 어디에 소화기가 위치해 있는지를 알기 위한 피켓과 AED가 현재 어디에 있는지에 대해 묻는 피켓을 제작함.

캠페인 결과 및 문제점 발견: 아침 캠페인을 실시 하여 학교 학생들이 얼마나 소화기와 AED의 위치를 잘 알고 있는지에 대해 조사함. 그 결과 학생들이 소화기의 위치와 AED의 위치를 헷갈려하는 것을 알게됨. 학생들이 소하기의 위치와 AED의 위치에 대해 잘 모르는 이유가 소화기가 구석진 곳에 위치해 있고 시각적으로 소하기의 위치를 나타내 주는 것이 부족하다는 문제점을 발견함. 그래서 시각적으로 안내 개선을 해야겠다고 생각함. 그리고 소화기와 AED의 위치를 알려주는 안내판을 만들어야 겠다고 계획함.

6. 독서: 안내판을 만들기전 데이터가 한눈에 보이는 시각화(강원양) 책을 읽음. 이 책은 데이터의 핵심을 시각적으로 효과 있게 보여주는 방법을 알려주고 어떻게 하면 사람들이 빠르게 정보를 이해하고 행동에 옯기게 만들 수 있는지에 대해 구체적인 사례와 원칙에 대해 알려줌. 이 책을 읽어 학교 건물의 전개도를 바탕으로 AED, 소화기 설치 위치와 접근성 문제를 시각화하고 학생들의 인식 수준을 색상과 아이콘을 활용해 한눈에 보여주는 자료 제작을 계획함.

7. 결과물 제작:

# data[].attributes.headline
1인 1활동(학급 수행평가 알림이)

# data[].attributes.subject
1인 1활동(학급 수행평가 알림이)

# data[].attributes.body
학교 수행평가 및 과제 일정을 정리하여 매주 금요일 또는 월요일 정리하여 단체 카톡에 올려 친구들이 수행평가를 더욱 잘 챙길 수 있도록 도와줌. 꾸준히 매주 올리려고 노력함. 과목 마다 과제와 수행평가의 내용과 기간을 명시하여 친구들에게 알려줌.

# data[].attributes.body
일주일에 한번씩 멘토와 맨티의 역할을 번갈아 가며 진행을 함. 주로 시험공부 계획을 어떻게 효율적으로 짜는지, 영어 지문 주제 위주로 분석하여 전체적인 흐름을 잡는 방법, 영어 수능특강 지문에 대해 가르쳐줌. 맨토로 활동할때마다 단순히 내용을 전달하는 것이 아니라 상대방이 스스로 생각하고 이해할 수 있도록 돕는데 중점을 두어 활동함. 활동 전에는 맨티가 어려워하는 내용을 인식하고 활동을 할대 맨티에게 맨티가 어려워하는 내용에 대해 질문해가면서 대화를 통해 맨티가 스스로 내용에 대해 이해할 수 있도록 하엿음. 이 과정에서 내가 이해한 것을 쉽게 설명하려 노력하였고 맨티가 편하게 이야기 할 수 있도록 경청하였음. 결론적으로 맨티가 힘들어하는 내용에 대해 이해하게 됨.

# data[].attributes.headline
자율활동(캠페인 활동)-수정본

# data[].attributes.subject
자율활동(캠페인 활동)-수정본

# data[].attributes.body
동기: 화재대피 훈련을 하던 중 실제로 화재가 일어났을 때 당황하지 않고 화재상황에 대비할 수 있을까? 라는 궁금증을 가지게 됨. 그래서 '화재상황이 일어났을때 우리는 안전한가?' 라는 주제를 가지고 탐구활동을 실시함.

활동: 학교 현장 조사- 학교에 AI실, 도서관, 교실 등 다양한 장소에 소화기가 있는지 확인을함. 학교 현장 조사를 통해 소화기가 시각적으로 사람들에게 잘 보이는지에 대해 조사함. 그 결과 소화기는 여러곳에 위치해 있지만 시각적으로는 잘 안보인다는 것에 대해 알게됨.

캠페인: -캠페인 준비: 캠페인을 실시하기 전에 반 구조도를 그려 학생들이 반 어디에 소화기가 위치해 있는지를 알기 위한 피켓을 제작함.(직접 제작함)

-캠페인 결과 및 문제점 발견: 아침 캠페인을 실시 하여 학교 학생들이 얼마나 소화기의 위치를 잘 알고 있는지에 대해 조사함. 그 결과 학생들이 소화기의 위치를 헷갈려하는 것을 알게됨. 학생들이 소화기의 위치에 대해 잘 모르는 이유가 소화기가 구석진 곳에 위치해 있고     시각적으로 소하기의 위치를 나타내 주는 것이 부족하다는 문제점을 발견함. 그래서 시각적으로 안내 개선을 해야겠다고 생각함. 소화기의 위치를 잘 알 수 있고 시각적 눈에 잘 띄는 소화기 팝업 디자인을 만들기로 계획함.

(2학년 활동 연계 결과물 만들기) 메타버스: 캠페인을 통해 소화기의 위치에 대한 인식 부족에 대해 알게되었으니 이 결과를 통해 2학년 자율활동 시간에 탐구한 메타버스 디자인에 대한 내용을 접목시켜 직접 메타버스 공간을 만들기로 계획함. (2학년 때 탐구한 메타버스 디자인이 경영전략에서 어떻게 사용될까 라는 내용을 탐구함으로써 실제로 메타버스 공간을 사용하여 상품을 구경하고 전시를 하는 것에 대해 알게됨. 이런 탐구활동을 통해 나도 직접 메타버스 디자인 공간을 만들어 소화기의 위치를 알려주는 메타버스 공간을 제작함.) 'ZEP' 메타버스 프로그램을 사용하여 직접 교실 공간을 만들어 소화기의 위치가 어디에 있는지 확인할 수 있도록 소화기 오브젝트를 추가하여 친구들이 직접 이 메타버스 공간에 들어와 체험할 수 있도록 메타버스 공간을 제작함.

독서: ' 공공디자인으로 안전만들기'- 장주영 책을 읽고 안전시설물을 직관적으로 개선한 디자인에 대한 내용을 읽음. ( 책 내용: '알려주기'라는 소화전 비상벨을 누르도로 유도하는 팝업 안내와 소화전 디자인을 연계한 디자인에 대해 알게됨. 간단하지만 사람들에게 신속하고 정확하게 상황을 알리도록 유도하는 중요한 디자인에 대해 알게됨. 그리고 이런 디자인은 사전 실험을 통해 복도식 건물 특성상 시각적으로 측면에서의 화재 안전용품 인지가 필요하다고 파악 되었고 이러한 특성을 고려하여 45도 모서리에 빨간색으로 강조색을 주어 측면에서도 시설물 위치가 눈에 잘 띄도록 하였고 소화전 사용법을 쉽게 숙지하고 사용할 수 있도록 일기 쉽게 사용 안내 정보를 알려주는 팝업 디자인에 대해 알게됨.) 이 책을 통해 나도 직접 학교 학생들이 소화기의 위치를 잘 알 수 있는 소화기 팝업 디자인을 제작하기로함.

(결과물 만들기2) 소화기 팝업 디자인: 학생들이 학교에서 소화기가 어디에 있는지 헷갈리지 않게 시각적으로 눈에 띄는 입체적인 소화기 팝업을 제작함. 소화기의 상징색이고 눈에 잘 띄는 색인 빨간색을 강조하여 소화기 팝업 디자인을 제작함. 소화기의 사용 설명을 넣어 불이 났을 때 당황하지 않고 소화기를 사용할 수 있게 디자인함.

# data[].attributes.headline
자율활동 메타버스 결과물

# data[].attributes.subject
자율활동 메타버스 결과물

# data[].attributes.body
진로활동1 (UX,UI 심화 탐구활동)(강조하고 싶은 부분: 사용자 중심 디자인 사고 체험, 스스로 UI구조를 설계하고 구현해보며 문제를 구체와하고 실전하는 경험을 쌓았고 특히 사용자 중심심 사고와 공감 능력, 디자인을 통한 사회적 배려의 가치를 체험)

동기: 화법과 작문 시간에 디지털 접근성과 포용적인 UI,UX 디자인에 대한 광고 기획서를 작성함. 이 활동을 통해 UI, UX의 개념과 중요성을 알게됨. 이를 바탕으로 UI,UX 심화탐구를 계획함. 현대 사회에서는 병원, 음식주문 등 많은 것이 키오스크나 앱을 통해 이루어짐. 하지만 디지털 기기 사용에 익숙하지 않은 고령자, 장애인은 이러한 기기 사용의 어려움을 느낌. 그래서 사용자 경험(UX)이라는 관점에서 문제를 바라봐 불편을 겪는 사람들의 눈높이에 맞춘 UI를 설계해 '누구나 소외되지 않고 디지털을 이용할 수 있는 디자인'인 사용자 중심 디자인에 대해 탐구해 보고자 함.

활동
1). 문제 확인하기: 고령층이 키오스크의 사용을 어려워하는 이유를 기사를 검색하여 상품 선택부터 결제까지 단계가 너무 복잡하다, 다음 단계로 넘어가는 버튼을 찾기 어렵다 등 다양한 이유를 찾아봄.
2).키오스크 UX,UI 문제 분석: 직접 키오스크를 통해 UX,UI 문제를 분석함. 그 결과 글씨가 작은 문제와 기능이 너무 많아 단계가 많다는 문제, 선택, 취소 또는 오류 같이 고령자에게 어려울만한 키오스크의 문제를 직접 분석함.

독서: '터치를 위한 디자인하기'_조시클라크는 사람의 손가락은 물리적 크기와 한계 때문에 터치 인터페이스에 부정확하다고 지적하며 더 크고 명확한 디자인이 필요하다고 함. 그래서 이를 고려하여 고령자를 위해 버튼의 크기를 크게 만들기로 계획함. 또한 터치는 시각적, 촉각적 반응이 없으면 매우 혼란스럽기 때문에 즉각적인 피드백이 꼭 필요하다고 말함. 이 내용을 적용하여 버튼을 눌렀을 때 고령자가 즉각적인 피드백이 없어 당황하지 않도록 선택 완료되었음을 명확히 표시하여 문제를 해결하려고 함. 마지막으로 한번에 하나의 일만 하게 하고 불필요한 복잡함을 제거하라고 말함. 이 내용을 바탕으로 고령자가 겪는 키오스크의 한 화면에 너무 많은 정보로 어려워하는 문제를 해결하기 위해 최소한의 버튼만 표시하고 불필요한 옵션은 최대한 숨기는 해결방안을 도출해냄.(내용)
(독서 내용을 결과물 제작의 밑 바탕으로 활용함.)

결과물 제작(와이어프레임으로 제작): 고령자도 쉽게 사용할 수 있는 키오스크를 만들기 위해 먼저 키오스크의 사용 단계를 간단하게 정리함. '시작화면 -시니어모드 선택- 메뉴 선택- 수량 선택- 결제- 완료의 총 5단계로 구성. 각 화면의 구조를 powerpoint의 와이어프레임으로 설계함.
고령자도 쉽게 손으로 선택할 수 있도록 도형을 이용한 버튼을 크게 배치함. 책에서 제시해준 '한번에 하나의 일만' 할 수 있도록 한 화면에 2-3개의 최소한의 버튼만을 배치하여 화면을 단순하게 구성함. 잘 사용되지 않는 화면의 모서리에 번호를 넣어 진행의 흐름을 직관적으로 보여주어 사용자가 불안해 하지 않도록 하였고 즉각적인 반응을 돕기위해 메뉴 선택 시 버튼의 컬러가 변하게 하여 명확함을 유도하였음. Powerpoint를 사용하여 각 슬라이드를 화면이라고 가정하고 버튼 도형에 하이퍼링크를 연결하여 실제 키오스크처럼 동작하도록 구성함.

앞으로 대학에 가서 해보고 싶다는 포부(?): 고령자를 위한 키오스크 UI를 직접 설계하며 사용자 중심의 디자인 사고를 하였고 대학에서는 전문 툴을 활용해 더욱 쳬계적인 UX, UI 디자인을 하여 실제로 고령자 키오스크 사용 문제를 해결하고 싶음.

전체적인 내용 정리: 화법과 작문시간에 '디지털 접근성과 포용적 UI,UX'를 주제로 광고 기획서를 작성하여 사용자 중심 디자인에 관심을 갖게 되었고 디지털 기기 사용에 어려움을 겪는 고령자의 키오스크 이용 문제를 해결하고자 이 탐구 활동을 계획함. 문제 해결 방법을 찾기 위해 기사를 검색하여 고령자가 키오스크 사용에서 어려움을 겪는 부분이 단계의 복잡성, 선택지의 다양성이라는 것을 알게됨. 이 문제를 해결하기 위해 [터치를 위한 디자인하기]-조시클라크의 책을 읽고 터치 인터페이스의 핵심 원칙(충분한 터치 영역, 단순한 정보 구조, 즉각적인 피드백 제공)을 알게됨. 책을 통해 알게된 원칙을 바탕으로 키오스크 시니어 모드 UI를 계획하고 각 화면의 정보 구조와 버튼 배치를 Powerpoint를 이용해 와이어 프레임 형태로 설계함.  이후 각 버튼에 하이퍼링크를 설정하여 실제 키오스크처럼 동작하는 프로토타입을 구현함.

# data[].attributes.headline
타이포그래피 디자인하기

# data[].attributes.subject
타이포그래피 디자인하기

# data[].attributes.body
동아리 활동(타이포그래픽 디자인)

동기: 진로활동을 통해 시각적인면이 사용자에게 정보를 인식할때 중요한 역할을 한다는 것에 대해 알게됨. 그래서 정보를 인식하는데 시각적으로 중요한 역할을 하는 타이포그래피에 대해 관심을 가지게 됨.

독서활동: 타이포그래픽 디자인- 안치홀트를 읽고 제 2차 세계대전 이전의 한가지 흐름이 도드라지는 타이포그래피, 제 1차세계대전 이후의 표현주의가 드러난 타이포그래피 등 타이포 그래피의 역사에 대해 알게됨. 또한 이 책을 통해 글줄 사이를 띄운 글이 더 가독성이 좋고 색이 주는 대비효과, 평면 디자인인 타이포그래피의 공간 구성과 관련된 내용을 알게됨. 시각적으로 더 눈에 잘 들어오는(가독성)이 좋은 타이포그래피 디자인에 대해 알게됨.

결과물 만들기: [타이포그래픽 디자인] 책을 읽고 색상 대비, 활자의 크기 비율, 글 줄 사이 띄우기 같이 타이포그래피를 디자인할때 어떤 점을 유의하여 디자인해야하는지에 대해 알게된 내용을 토대로 21대 대통령 가 후보들의 책자에서 타이포그래피 특징인 서체 느김, 색상, 레이아웃 등을 분석해봄. 그런 다음 분석 활동을 바탕으로 가상의 후보를 만들어 직접 선거 책자의 표지를 드로잉, 채색을 실시해봄. 색연필을 활용하여 글자와 배경의 색의 대조를 사용하여 후보자의 이름이 잘 드러날 수 있도록 책자를 그림. 또한 정당의 특정 색을 선정하여 정당의 색이 책자에 잘 녹여들 수 있도록 책자를 그림. 그리고 후보자의 숫자를 명확하게 인식할 수 있도록 글자 크기의 대비 방식을 적용하여 숫자의 시각적 가독성을 향상시키는 타이포그래피를 디자인함.