All-share phost IT! Team Pringles http://kwhci.tistory.com/ 컴퓨터 소프트웨어학과 2009720064 최천성 컴퓨터 소프트웨어학과 2008720032 김범석 컴퓨터 소프트웨어학과 2008720171 임세진 컴퓨터 공학과 2008720086 김형구 http://kwhci.tistory.com/

문제 정의 및 해결 방안 <프로젝트 진행과 기록> 대학생들은 회사원들과 다르게 일정 회의 장소 없이 팀 프로젝트를 진행 한다. 회의 기록을 저장 하고 관리 및 공유 하기에 어려움이 따른다. 기록 내용을 분실하기 쉽고 문서화는 과정이 번거롭고 귀찮다

문제 정의 및 해결 방안 (계속) 해결 방안 사진의 내용을 웹으로 전송 해 모두가 공유 할 수 있도록 한다. 촬영 바로 전송 사진의 내용을 웹으로 전송 해 모두가 공유 할 수 있도록 한다. 텍스트로 옮기는 과정을 생략하고, 변환 중 기록의 손실을 줄일 수 있다. 아이디어를 쉽게 그룹화 할 수 있다. 화이트 보드에 수행 하는 일을 그대로 컴퓨터에서 진행 할 수 있다.

아이디어 구체화 Affinity Wall을 제작할 수 있는 공간 제공! 단순히 사진을 보관하고, 나열하는 기능에서 확장 기존에 단순히 기록된 용지의 사진기록의 개념에서 Affinity Wall 개념으로의 프로그램 활용 방안을 구상 Affinity Wall을 제작할 수 있는 공간 제공! 단순히 사진을 보관하고, 나열하는 기능에서 확장 화이트보드와 같이 텍스트를 추가하고, 브러쉬툴을 통한 그리기 기능 제공

아이디어 구체화 목표 용지화된 기록의 보존 기록의 팀원간 공유 Project Idea 정리 Affinity Wall

아이디어 구체화

아이디어 구체화 스마트폰을 이용해서 찍은 사진을 업로드 하거나, 기존에 컴퓨터에 저장된 사진을 업로드

Paper Prototype

사용자 테스트 계획 참가자 : 조원의 동아리 후배 3명을 참여자로 선정 <사전 예행연습 진행> 실제 테스트를 위한 테스트 시나리오 설정 조원을 대상으로 사전 연습을 진행 동작 가능한 인터페이스들 점검 사전 연습을 통해 종이 프로토타입 개선

사용자 테스트 실행 조력자:임세진 컴퓨터:김형구 관찰자:김범석 촬영:최천성 <테스트 진행 과정> 프로그램의 의도와 사용 목적에 대한 간략한 설명 제공 사용자의 의도대로 실제 테스트 진행 테스트 종료 후 사용자 의도에 대한 인터뷰 실시 테스트 영상 : http://kwhci.tistory.com/28

파악된 주요 문제점 & 해결 방안 테스트 수행 전에, 프로그램의 목표와 용도에 대해 설명했으나 참가자는 프로그램 자체의 활용방법을 확실히 파악하지 못하였다. 때문에 테스트 진행 과정에서 무슨 동작을 해야 할지 모르는 경우가 많았다. 해결방안 -> 처음 접속하는 사용자들에 대해 프로그램의 활용방안에 대한 샘플 매뉴얼을 제시해준다 제공되지 않은 인터페이스를 원하는 부분들이 발견되었다 사진의 확대,축소 여부 저장 해결방안 -> 실제 기술적인 구현부분에 어려움이 예상되어 추후 구현 고려

파악된 주요 문제점 & 해결 방안 제작자의 의도 : 사진보관함에서 컨버스로 사진을 드래그하면 사진이 추가된다 문제점 : 이러한 동작 방식을 사용자가 직관적으로 잘 파악하지 못하였다 해결 방안 >> 드래그가 아닌, 클릭으로도 사진을 추가할 수 있도록 추가적인 인터페이스 제공

사용자 테스트 결과 정리 <근본적인 문제점 파악> 테스트 당사자의 프로그램에 대한 활용 방안, 목적에 대한 이해도 부족 -> 테스터가 무엇을 해야 할지 잘 모름 -> 조력자가 계속 무엇을 하라고 지시하는 안 좋은 상황이 발생 프로그램이 이루고자 하는 목표, 방향성을 더욱 세부적으로 설정해야 한다 기타 세부적인 인터페이스의 편리함 개선 요구 -> 웹 페이지라는 공간의 제약성 -> 기술 구현상의 한계점

사용자 평가 1. 1. 회의 내용 기록 관리가 편리하다 보는가? ① 전혀 아니다 ② 아니다 ③ 보통 ● 그렇다 ⑤ 매우 그렇다 ① 전혀 아니다   ② 아니다   ③ 보통   ● 그렇다   ⑤ 매우 그렇다 2. 회의 아이디어 정리에 도움이 되었는가? 3. 다음 프로젝트 진행시 다시 우리 프로그램을 사용할 의행이 있는가? 4. 3번에서 아니라면 이유는 무엇인가? (          ) 5. 사용하면서 불편했던 인터페이스에 대해 의견을 적어주세요. ( 새로고침사용(사진이 남아있지 않은 점) )

사용자 평가 1. comment 5. 사용하면서 불편했던 인터페이스에 대해 의견을 적어주세요. ( 새로고침사용(사진이 남아있지 않은 점) ) -> 이미지 작업 후, 새로운 이미지를 추가 할 땐 바로 사진보관함에 들어 가지 않는다. 사진 보관함에 들어 오는 이미지는 페이지가 처음 로딩 될 때 PHP문을 이용해 불러 오는 이미지들로, 새로운 이미지를 더 추가 할 때는 새로고침을 하는 수밖에 없다. 이는 개발 당시 예상 하지 못했던 사용방법 이였다.

사용자 평가 2 1. 회의 내용 기록 관리가 편리하다 보는가? ① 전혀 아니다 ② 아니다 ③ 보통 ● 그렇다 ⑤ 매우 그렇다 ① 전혀 아니다   ② 아니다   ③ 보통   ● 그렇다   ⑤ 매우 그렇다 2. 회의 아이디어 정리에 도움이 되었는가? 3. 다음 프로젝트 진행시 다시 우리 프로그램을 사용할 의행이 있는가? 4. 3번에서 아니라면 이유는 무엇인가? (          ) 5. 사용하면서 불편했던 인터페이스에 대해 의견을 적어주세요. ( 사진을 올리는 방식 말고 다른 방법도 있었으면 좋을 것 같습니다. 크기조정. 펜의 색상이 없어요.)

사용자 평가2 5. 사용하면서 불편했던 인터페이스에 대해 의견을 적어주세요. ( 사진을 올리는 방식 말고 다른 방법도 있었으면 좋을 것 같습니다. 크기조정. 펜의 색상이 없어요.) -> 고정된 크기의 사진을 출력한 이유는 고정된 화면 크기에 최대한 많은 사진 자료를 보여주기 고정 크기 값을 주게 되었다.