12. 문제 정의
기존의 여러 웹사이트는 방대한 양의 컨텐츠로 인해 직관적인
모습을 보이지 못하고, 사용하는 매체(스마트폰,태블릿,노트
북)의 화면 크기에 따라 반응하는 기능을 가지고 있지 않아 사
용자에게 편안한 경험을 제공하지 못하는 경우가 많다.
기존 웹사이트의 문제점들
18. 제작 과정
1. 편리 사이트 제작
이종혁 학생이 웹 디자인 및 개발
나머지 학생 자료 조사
https://pyeonli.netlify.app/
2. 편리 인스타그램 설계
웹 개발 진행 과정 공유 및 홍보
@pyeonliofficial
visual studio code에서
html,css,js를 이용한 웹개발
19. 제작 과정
1. 편리 사이트 제작
이종혁 학생이 웹 디자인 및 개발
나머지 학생 자료 조사
https://pyeonli.netlify.app/
2. 편리 인스타그램 설계
웹 개발 진행 과정 공유 및 홍보
@pyeonliofficial
20. 제작 과정
1. 편리 사이트 제작
이종혁 학생이 웹 디자인 및 개발
나머지 학생 자료 조사
https://pyeonli.netlify.app/
2. 편리 인스타그램 설계
웹 개발 진행 과정 공유 및 홍보
@pyeonliofficial
21. 제작 과정
1. 편리 사이트 제작
이종혁 학생이 웹 디자인 및 개발
나머지 학생 자료 조사
https://pyeonli.netlify.app/
2. 편리 인스타그램 설계
웹 개발 진행 과정 공유 및 홍보
@pyeonliofficial
22. 초기 버전
낮은 가독성과사용자의 능동적 컨텐
츠 선택의 필연성
인터페이스 디자인이 경우에 따라 깨
지는 문제
디자인의 비일관성
직관성의 부족
23. 초기 버전
낮은 가독성과사용자의 능동적 컨텐
츠 선택의 필연성
인터페이스 디자인이 경우에 따라 깨
지는 문제
디자인의 비일관성
직관성의 부족
24. 초기 버전
낮은 가독성과사용자의 능동적 컨텐
츠 선택의 필연성
인터페이스 디자인이 경우에 따라 깨
지는 문제
디자인의 비일관성
직관성의 부족
25. 초기 버전
낮은 가독성과사용자의 능동적 컨텐
츠 선택의 필연성
인터페이스 디자인이 경우에 따라 깨
지는 문제
디자인의 비일관성
직관성의 부족
26. 초기 버전
낮은 가독성과사용자의 능동적 컨텐
츠 선택의 필연성
인터페이스 디자인이 경우에 따라 깨
지는 문제
디자인의 비일관성
직관성의 부족
27. 초기 버전
낮은 가독성과사용자의 능동적 컨텐
츠 선택의 필연성
인터페이스 디자인이 경우에 따라 깨
지는 문제
디자인의 비일관성
직관성의 부족
28. 초기 버전
낮은 가독성과사용자의 능동적 컨텐
츠 선택의 필연성
인터페이스 디자인이 경우에 따라 깨
지는 문제
디자인의 비일관성
직관성의 부족
버튼을 눌러야 보이는 환경 설정
29. 중간 피드백
어떤 정보를 제공하고 싶은지 불확실하다.
고령층의 접근 난이도가 높은 것 같다.
정보를 골라서 봐야한다는 점이 불편하다.
30. 피드백 수렴
전체적인 컨텐츠 내용을 수정한다.
직접 웹사이트를 체험해보시게 한 후
추가 피드백을 받는다.
컨텐츠 추천 기능을 추가한다.
31. 최종 버전
높은 가독성을 위한 글씨 크기 조절
기능
가독성을 위한 본문 강조 기능
컨텐츠 추천기능
디자인 수정 -직관적인 디자인
32. 높은 가독성을 위한 글씨 크기 조절
기능
가독성을 위한 본문 강조 기능
컨텐츠 추천기능
디자인 수정 -직관적인 디자인
최종 버전
33. 높은 가독성을 위한 글씨 크기 조절
기능
가독성을 위한 본문 강조 기능
컨텐츠 추천기능
디자인 수정 -직관적인 디자인
최종 버전
34. 높은 가독성을 위한 글씨 크기 조절
기능
가독성을 위한 본문 강조 기능
컨텐츠 추천기능
디자인 수정 -직관적인 디자인
최종 버전
모든 기기와
깨짐없이 호환됨
35. 높은 가독성을 위한 글씨 크기 조절
기능
가독성을 위한 본문 강조 기능
컨텐츠 추천기능
디자인 수정 -직관적인 디자인
최종 버전
직관적 버튼 및
입력 디자인
36. 최종 버전
언뜻 보면 컨텐츠적으로 부족한 부분이 있지만, 웹사이트 내의 아주
사소한 부분까지 고연령층 분들의 특징까지 고려하여 다양한 기능
들을 추가했습니다. AI를 설명하는 부분에서는 open.ai api를 사용
하여 별다른 회원가입 또는 번거러운 웹사이트 이동 없이 chat gpt
를 사용할 수 있게 하여 접근성을 높이고, Iot 기술을 설명하기 위해
웹사이트 내부에서 핸드폰과 가전제품간의 연결성을 보여주기 위해
핸드폰을 터치하면 가전제품이 작동되는 등 사용자의 접근성 향상
및 쉬운 이해를 위한 노력을 했습니다.
37. 강예나,백종수 학생이 조암시장을 방문하여 10~90
대의 사람들에게 피드백을 받았지만,
사람들의 참여 부족으로 우선 10명을 대상으로 한
설문조사가 진행되었습니다.
피드백
41. 향후 계획
콘텐츠적인 면에서 아직 많이 부족합니다. 이를 해결하기 위해 이미 만들어
넣은 사이트 형식에 맞게 여러 정보들을 탑재할 예정입니다.
새로운 기술은 계속 등장하는데 비해 기술에서 소외되는 사람의 수도 증가
할 것입니다. 앞으로도 편리 팀은 노인 뿐만 아니라 모든 사람들에게 편의
를 제공하고 도움이 될 수 있는 서비스를 개발하고 제작할 계획입니다.
42. 강예나
실행이 힘든 목표를 구상하고 실행해서 팀원이 노고를 겪고 진행이 힘들어졌던 것 같습니다. 실제로 시장에
가서 조사를 해보니 생각보다 더 많은 어르신들이 휴대폰 사용에 대해 잘 몰랐고 심지어는 한글을 모른다고
하는 어르신들도 많았습니다. 마지막으로 시험공부만 하기에도 시간이 부족한 시험이 2주 채 남지않는 상황
에서 시간을 내어준 팀원들에게 너무 감사했습니다. 다음에도 기회가 된다면 꼭 다시 한 번 도전을 하고싶습
니다.
앙트십이 나에게 준 변화
43. 백종수
프로젝트를 시작할 때는 가벼운 마음으로 임했는데 하다 보니 더욱 욕심이 생겼던 것 같습니다. 웹사이트를
만드는 데에 있어 도울 수 없는 점과 그만큼 다양한 아이디어를 내지 못한 게 아쉬웠습니다. 실제로 시장에
가서 설문조사를 할 때 여러 차례 사람들에게 무시를 당해 포기할까 하는 생각이 들기도 했으나 지속적인 시
도 끝에 약 10명에게 사이트 개발에 도움이 되는 긍정적 결과와 부정적 결과 모두 얻어 유지, 보완할 점을
분명히 알 수 있는 게 좋았습니다. 설문조사 중 중국인을 만났는데 강예나 학생의 외국어 능력을 통해 답을
들을 수 있었는데, 그게 인상깊었고 사업에 있어 외국어 능력은 필수적임을 느꼈습니다. 완성하지 못했음에
도 그 과정에 있어서 최선을 다하려고 노력했고 이 경험으로 스타트업이 얼마나 어려운지 알 수 있었습니다.
또 팀원들과 함께 더욱 성장할 수 있어 좋았습니다.
앙트십이 나에게 준 변화
44. 최다은
이번 프로젝트를 통해 기업이 문제를 해결하기 위해서 얼마나 많은 고민과 노력을 하고 있는지 조금이나마
알게된 것 같습니다. 프로젝트 초반에 문제 상황을 ‘새로운 기술에 소외되는 사람이 생긴다.‘로 정한 후에 이
에 대한 해결 방안과 그에맞는 자세한 요소들을 어떻게 꾸려나갈지에 대해 팀 내에서 많은 고민을 하던중에
팀의 정체성이 확실하지 않는다는 등의 막힘이 있긴 했지만 이 막힘들을 해결해가는 과정에서 조별로 과제
를 수행해야 할 때 계획을 세워가면서 맞춰야 하는부분들로 팀원 모두가 참여하여 진행 할 수 있는지, 능력이
되는지, 시간이 부족하진 않은지 등을 고려해야 한다는 점을깨닫고 또한 계획을 차질없이 진행하려면 팀원
들과의 소통이 많이 필요하다는 것을 알게되었습니다. 이번 프로젝트를 진로와 관련된 웹페이지 제작으로
진행하게 되었지만 가지고 있던 기술과 지식이 부족한 관계로 많은 도움이 되지 못해 아쉬운 마음이 들었기
에 진로와 관련된 더 많은 공부를 하게 되어서 좋은 경험이 된 것 같습니다. 또한, 이번 프로젝트를 통해 세상
의 다양한 문제들에 대해 좀 더 관심을 가지고 이런 문제들에 대해 고민하는 시간을 더 많이 갖는 태도를 기
르게된 것 같고, 이 경험이 나 자신을 발전시킬 수 있는 좋은 방향으로 작용하여서 이번 기회는 정말 뜻깊은
시간이었다고 생각합니다. 앞으로도 이 마음을 지니고 성장한 나로 여러 문제를 해결해가기 위해 노력하겠
습니다.
앙트십이 나에게 준 변화
45. 김건우
친구들과 함께 프로젝트를 기획하고 실행하면서 많은 시행착오와 단계를 거치면서 기업의 목적 성취를 위해
서는 구체적인 계획과 많은 요소 고려가 필요함을 느꼈습니다. 친구들과 협업하여 좋은 결과를 내려 고민하
고 함께하는 과정을 경험할 수 있는 뜻깊은 시간이었고, 이러한 경험을 바탕으로 기업에만 한정하지 않고 평
소 친구들과 조별 과제를 하게 되거나 과제를 수행해야하는 일이 있을 때 지켜야 할 예절과 올바른 절차와 방
법, 태도 등을 배웠습니다.그리고 팀 단위로 진행한 프로젝트에서 저의 진로와 관련하여, 대부분의 사람들에
게 도움이 되는 편리한 기술이 일부 사회적 소수자들에게는 오히려 불편한 장애물이 될 수 있음을 깨달아 기
술을 받아들일 때 그 기술에 대한 비판적 사고와 배려심을 가지게 되었고, 일본의 ‘RoBear’와 프랑스의
‘NAO’ 등의 돌봄 로봇 기술이 노인들의 삶을 편리하게 도와주는 것처럼 제 관심 분야인 웹을 관련시킨 사회
적 소수자를 위한 기술의 아이디어로는 무엇이 있으면 좋을지 그들의 입장에서 더 고민하고 사고할 수 있는
힘을 기를 수 있었던 기회였습니다. 아이디어를 검색하며 사물인터넷 기술'BEACON'에 대해 관심을 가지게
되었으며 사회적 약자들을 위한 사물인터넷 기술에 대해 관심을 가지게 되었고 더 탐구해 보고 싶습니다.
앙트십이 나에게 준 변화
46. 이종혁
프로젝트를 통해 팀원들의 화합도 중요하지만, 이 프로젝트가 현실적으로 시간적으로, 능력적으로 가능한지
판단하는 것도 중요하다는 생각이 들었습니다. 원래 웹개발을 하려고 한 인원이 세명이었지만, 결과적으로는
혼자 하게 되었고, 완전한 결과물을 내지는 못했습니다. 하지만 제 노력이 팀에 많은 기여를 하는 것을 보고 팀
원들의 응원을 받으면서 보람과 성취감을 느낄 수 있었습니다. 이번 프로젝트를 통해 기업가로서의 자질과 웹
개발하는 데 있어 필요한 프로그래밍 실력도 늘려가며 자기개발도 할 수 있어서 좋은 경험이였던 것 같습니
다. 또한 이번에 노인들의 디지털 소외 현상에 대해 찾아보면서 노인들 뿐만 아니라 장애인,
저소득층 등 넓은
범위의 사람들이 정보로 부터 소외받는다는 것을 알게 되었습니다. 이를 해결하기 위해 존재하는 여러 방법
들에 대해 탐구를 해 볼 예정이며, 이와 연관된 유니버셜 디자인에 대해서도 관심을 가질 생각입니다. 이 문제
는 개인적인 노력으로 해결될거라 생각하지 않습니다. 국가나 소프트웨어 플랫폼에서 적극적으로 디지털 소
외인들에 대한 지원 기능과 일정하게 규격화되어 사용자로 하여금 편안하고 안정적인 서비스 이용을 할 수 있
게끔 노력해야 한다고 생각하게 되었습니다. 앞으로도 앱이나 웹 뿐만 아닌 사람을 돕는 인간 친화적인 시도
를 다양한 분야에서 많이 해보아야겠다고 생각하게 된 계기가 된 여러모로 의미가 있는 활동이였습니다.
앙트십이 나에게 준 변화