'개발로그'에 해당되는 글 4건

  1. 2007/05/04 myID 접속 장애 원인 공유 (2)
  2. 2007/03/29 myID + Me2Day 유저모임 후기
  3. 2007/02/20 myID.net 의 웹 접근성 고려 사항 (10)
  4. 2007/01/16 만든 사람들 (3)
아래의 시간에 20 여분간 접속장애가 있었습니다.

5/4일 00:32 ~ 00:52 (약 20 여분간)

사용에 불편을 드려 죄송합니다.
자세한 원인은  파악되는 데로 수정 공지드리겠습니다.

어제 장애에 대한 원인 파악이 되어 공유드립니다. (다소 기술적인 내용입니다.)

직접적인 원인은 저희 구현언어인 루비의 일일 로깅쪽 버그였습니다. 옵션 변경이라는 사소한 변경이지만 충분한 테스트를 못한 부분에 실수가 있었습니다. 향후에는 하부 시스템 변경시 아무리 사소한 변경이라도  1 일이상의 평판조사와 1주일 이상의 테스트 원칙에 따라서 운영하겠습니다.
모니터링도 자동화 뿐아니라 상위레벨 모니터링을 강화하겠습니다.

이하는 다소 기술적인 이야기라, 루비 개발자 분들에게 공유차원에서 말씀드립니다.

위의 루비 로거 버그는 http://blade.nagaokaut.ac.jp/cgi-bin/scat.rb/ruby/ruby-talk/218107 에 자세히 알려져 있습니다. 문제는 오류 발생시 몽그레일이 내용은 "500 Internal Server Error" 라고 출력하면서, 실상 http status 코드는 200 을 뿌리는 바람에, 일반 모니터링 시스템에 검출이 안되었습니다. 따라서, 가급적 상위레벨의 모니터링을 보강하실 것을 권장드립니다. 또한, 루비가 좋은 언어이지만, 아직은 충분히 성숙되지 못한 부분이 있습니다. 라이브러리나 옵션변경시에 알려진 문제점을 커뮤니티등에서 꼭 확인하시기 바랍니다.

트랙백 주소 :: http://blog.myid.net/trackback/35

  1. Subject: myid.net 서버 에러와 springnote.com의 사용

    Tracked from πιανο 2007/05/06 03:42  삭제

    <P>관련글: <A target='_blank' class='con_link' href="http://blog.myid.net/35">http://blog.myid.net/35</A></P> <P>&nbsp;</P> <P>2007년&nbsp;5월&nbsp;4일&nbsp;00시&nbsp;30분쯤, 메모할 것이 있어서&nbsp;<A target='_blank' class='con_link' href="http://www.springnote.com..

댓글을 달아 주세요

  1. 성수 2007/05/05 04:14  댓글주소  수정/삭제  댓글쓰기

    수고 많으십니다.
    근데 서비스 변경이나 신규 적용은 낮에 하시면 어떤가요??

    • myid 2007/05/06 23:01  댓글주소  수정/삭제

      네. 저희도 적용후 장애에 대비해서, 테스트가 완료된 코드에 대해서 다음날 오전중에 배포를 원칙으로 하고 있습니다. 다만, 이번건은 너무 사소한 변경으로 판단하였고, 또한 일단위 로그 자르는 기능이라, 12 시 이후에 문제가 발생하게 되었습니다. 테스트 서버에서 하루 이상 테스트를 했어야 했습니다만, 언어 기초 라이브러리라 너무 믿었던 점이 실수였습니다.

3월 28일 어제, myID + Me2Day 유저모임을 가졌습니다. 비 오는 날에도 많은 분들께서 와주셔서, 즐거운 분위기에서 다양한 이야기를 나눌 수 있었던 자리였습니다.

오전 중에 myID 장애가 났던지라 부끄러운 마음으로 참석해서, 사과의 말씀과 앞으로의 대책에 대해 말씀 드렸습니다. 그런데 의외로 박수를 보내주셔서 마음이 뭉클해졌습니다. ^^

마음으로 후원해 주시는 많은 분들을 실망시키지 않도록 더더욱 노력 해야겠습니다.

사용자 삽입 이미지

myID 개발팀장님이신 kayflow님, 구석에 몰려서 많은 질문을 당하셨(?)습니다.


사용자 삽입 이미지

정말 "마이아이디 로그인안된다고 구석에 몰아놓고 괴롭히는 정의의 일당들" (by sumanpark) 처럼 보입니다. ^^


사진 by sumanparkhttp://www.flickr.com/photos/doubletrack/437773210/in/set-72157600032826604/


사용자 삽입 이미지
myID 오픈 후 가장 많이 들었고, 또 어제 그 자리에서도 종종 얘기되었던 myID가 앞으로 더 노력해야 하는 하는 점은 "OpenID를 만들어도 쓸 수 있는 사이트가 없어서 좋은 점을 잘 모르겠다", "블로거들이 delegation을 하는 것도 너무 어렵다.", "쉬운 설명이 필요하다" 였기에, myID팀에서 곧 오픈 할 Me2Day와 스프링노트의 Joint Sign-Up에 대한 소개하는 시간을 가졌습니다.


OpenID 지원 사이트가 좀 더 쉬운 적용을 할 수 있고, 유저가 편리하게 이용할 수 있도록 하는 방법 중의 하나가 Joint Sign-Up입니다.

Joint Sign-Up이란, MyOpenID에서는 Affiliate Program이라고도 하는데 OpenID 지원사이트에서 회원가입을 누르면 'OpenID란 무엇인가'에 대한 안내와 함께 OpenID 가입부터 지원사이트 가입까지 하나의 맥락에서 끊김 없이 진행될 수 있게 됩니다.

사용자 삽입 이미지
그간에는 "우리 사이트가 OpenID 로그인이 되니 OpenID를 발급해 주는 곳에 가서 아이디를 만든 후 다시 오셔서 로그인하세요" 라고 안내할 수 밖에 없었고, OpenID인지에 대해 지원사이트에서 유저에게 일일이 설명해야 하는 짐이 있었는데, 이런 점들이 많은 부분 Joint Sign-Up을 통해 해소될 수 있게 됩니다.

이번 Joint Sign-Up Me2Day가 계기가 되어 마련되었고, 덕분에 OpenID를 지원하고자 하는 많은 사이트들이 쉽게 적용할 수 있도록 포맷화되어 곧 공개될 예정입니다.

어제의 모임은 Me2Day 열혈 유저분들이 많아 myID로 인한 Me2Day 사용성에 대해서만 이야기하실 줄 알았는데 OpenID에 대한 전반적인 관심이 많으셔서, 조만간 Joint Sign-Up이 공식화되는 시점에 좀 더 많은 분들을 초대해 이야기를 나눌 수 있는 자리를 한번 마련할 예정입니다.


사용자 삽입 이미지
여러 가지 면에서 국내 첫 Consumer로서 OpenID 국내 활성화에 Me2Day의 역할이 크고, 유저분들 또한 OpenID에 대한 관심을 확인하는 자리여서 이번 모임이 더더욱 의미 있었습니다. 더 많은 사이트들이 OpenID를 쉽게 지원할 수 있도록, 또 대중 유저들도 OpenID를 쉽게 이해하고 가치를 체감할 수 있도록 앞으로 해야 할 과제가 많은 것 같습니다. 더 열심히 달리겠습니다. ^^



많은 분들이 관심을 가지고 찾아주셨는데, 어제의 자리는 캐주얼한 자리라 원하시는 만큼 깊은 말씀을 나누지 못해 서운하신 분도 계신 것 같습니다.

이후 마련할 자리에서는 좀 더 깊은 이야기를 나눌 수 있도록 하겠습니다.



---- myID


트랙백 주소 :: http://blog.myid.net/trackback/26

댓글을 달아 주세요

안녕하세요. myID.net 개발팀에서 UI개발을 맡은 유인동입니다.

요즘 웹 표준을 준수한 접근성 높은 웹 사이트를 개발하는 것이 화두인데요. myID.net을 개발하면서 접근성 높은 서비스를 만드는 것이 얼마나 어려운 일인지 새삼 느끼고 myID.net개발의 소감 비슷한 사례를 소개하려 합니다.

국내 최초의 오픈 아이디 서비스 myID.net의 접근성 향상 전략은 웹 표준 개발입니다. myID.net은 모든 OpenID 적용서비스 사용시 우선 사용하게 되는 서비스이므로, 적어도 인증 관련 핵심기능들은 최대한의 접근성을 제공해야만 합니다. W3C에서 제정하여 배포하고 있는 권고안을 지키려 노력하여 보다 효율적으로 접근성 향상을 얻을 수 있었습니다.

Cross Browsing

CSS를 지원하는 브라우저에서 동일한 화면 구성

구조와 표현을 분리하여 CSS에서만 디자인을 담당 하도록 했습니다. 표준 준수를 바탕으로 크로스 브라우징을 위한 약간의 튜닝 작업을 통해 다양한 브라우저 지원을 제공 할 수 있었습니다.

Zoom & Fluid Layout

필요에 따라 글씨 크기와 화면 크기를 자유롭게 변경할 수 있도록 하였습니다.
사용방법은 Ctrl+(확대), Ctrl-(축소) 혹은 Ctrl을 누른 상태에서 스크롤 변경입니다.

접근성을 해치지 않는 자바스크립트의 사용

myID 발급 화면

모든 핵심기능을 서버사이드 언어와 HTML으로 구현 후 사용자 친화적인 UI를 위한 클라이언트 사이드 유효성 검사 등의 기능을 javascript로 추가 개발하는 순서로 작업하였습니다.

보안상 우려로 javascript를 끄고 브라우징 하시는 분들도 myID.net의 모든 기능을 이용하실 수 있습니다.

Disable Images

이미지가 없는 myID.net 메인페이지

이미지가 없는 myID.net 메인 페이지.

컨텐츠가 되는 이미지는 그에 해당하는 대체 텍스트를 제공하고 배경색과 외곽선 등을 활용하여 이미지를 사용 할 수 없는 환경의 사용자에게도 거의 동일한 UI를 제공 할 수 있도록 하였습니다.

이미지 없이 웹 사이트를 이용할 수 있게 되면 시각장애인 뿐만 아니라 저속회선 사용자에게도 이득이 되며 TLOGIN과 같은 종량제 무선 인터넷 서비스를 사용 할 경우에 사용자의 비용절감을 기대할 수 있을 것 같습니다.

Disable CSS

CSS가 없는 myID.net 메인페이지

HTML만으로 의미를 파악할 수 있도록 하고 화면낭독프로그램을 통한 접근이 수월 하도록 컨텐츠의 선형화를 중시하여 개발했습니다.

구조와 표현을 분리하여 HTML의 양을 줄였고 로딩 속도 절감, 회선 비용의 절감, 유지보수 비용 절감 등의 장점을 얻을 수 있었습니다.

접근성

접근성을 해치지 않는 자바스크립트의 사용, 구조와 표현을 분리하고 컨텐츠를 논리적으로 선형화하는 것이 실제로 접근성에 도움이 되는지 테스트하기 위해 화면낭독프로그램 중 하나인 드림보이스를 사용하여 회원가입, 프로필 수정, 간단한 서핑 등을 테스트 해보았습니다.

javascript와 HTML을 분리하는 것이 생각했던 것 보다 더 중요하다는 것을 느낄 수 있었습니다. HTML과 javascript가 명확히 분리되지 않았을 때 숨겨져 버리는 컨텐츠들이 많았고 화면낭독프로그램 등으로 웹을 이용하는데 큰 불편함을 느꼈습니다.

이 과정을 통해 접근성과 컨텐츠의 논리적인 선형화를 다시 한번 생각해보는 계기가 되었고 가입 프로세스의 일부분을 수정하기도 하였습니다.

탁월한 접근성을 제공하는 것은 정말 쉬운 일이 아닌 것 같습니다. 하지만 접근성을 높여가는 일은 어려운 일이 아닌 것 같습니다.

위와 같은 사항들이 잘 지켜지지 않은 부분이 myID.net에 있다면 신고해 주십시오. 위와 같은 사항이 지켜지지 않는 것은 버그입니다.

위의 내용 외에도 접근성을 해치는 부분 또는 개선되었으면 하는 부분들을 알려주시면 적극 반영하고 사례를 공유하여 앞으로 오픈마루가 만들 서비스들에도 적용 될 수 있도록 하겠습니다.

오픈마루 화이팅!! myID.net 화이팅!!

트랙백 주소 :: http://blog.myid.net/trackback/18

댓글을 달아 주세요

  1. luka7 2007/02/22 11:54  댓글주소  수정/삭제  댓글쓰기

    css를 사용하지 않았을 경우에.

    "메뉴로 바로가기" 메뉴의 의미가 무엇인지 궁금합니다.

    • 유인동 2007/02/23 16:31  댓글주소  수정/삭제

      안녕하세요. myID.net 개발팀의 유인동입니다.
      먼저 luka7님의 관심과 조언 감사드립니다.

      인터넷 웹 콘텐츠 지침 | 웹 접근성 연구소(http://iabf.or.kr/Lab/Kwcag/Example.asp)의 항목 2.5 반복 네비게이션 링크를 참고하시면 콘텐츠를 선형화 하여 인식할 경우에 시각장애인이 웹 사이트를 이용하는데 반복적인 부분을 스킵하거나 포커스 이동의 편의를 위해 스킵 네비게이션을 제공하라는 지침이 있습니다. KWCAG 1.0의 지침에 따라 본문으로 가기와 메뉴로 가기의 스킵 네비게이션을 페이지 상단에 제공해 보았습니다.

      luka7 감사한 지적 덕분에 발견한 것은 본문으로 바로가기는 항상 필요하지만 메뉴는 로그인 후에만 생기기 때문에 동일하게 로그인 시에만 메뉴로 가기라는 스킵 네비게이션을 제공 하도록 수정했습니다. 감사합니다 :)

  2. luka7 2007/02/22 11:57  댓글주소  수정/삭제  댓글쓰기

    그리고 접근성에 있어

    가입하기만 접근성이 100%확보된다는 것은 무슨 의미가 있는지 궁금합니다.

    사용자가 가장 많이 접근하게될 관련정보 질문하기등등은 접근성에 있어 꽤 떨어지는 편으로 보입니다만.

    과연 myID.net이 웹 접근성을 고려했다고 할 수 있는지 의문입니다.

    • 유인동 2007/02/23 14:09  댓글주소  수정/삭제

      OpenID 적용 서비스 사용시 myID.net 서비스를 가장 우선 사용하게 되기 때문에 접근의 시작인 서비스가 “최대한의 접근성을 보장해야 한다” 라고 생각하고 표준을 지키려 힘을 썼습니다.

      회원가입, 인증 외에 로그인 및 프로필 수정, 서핑, OpenID 지원 블로그에 코멘트 달기 등 사이트 전반적인 핵심기능 전체 이용을 이미지 없을 때, javascript 없을 때, 스크린 리더 이용시, 또 다양한 브라우저로 테스트를 해보았습니다.

      말씀하신 관련정보 및 질문하기도 동일하게 테스트 해보았으며 해당 링크로의 접근과 이용이 가능함을 확인했습니다. 사용자에게 선택권을 넘기고자 또 시각 장애인이 혼동이 될까 하는 우려로 외부 사이트의 링크를 새창으로 처리하지 않는 등 여러가지 고민을 하면서 작업하였습니다.

      (물론 관련정보나 질문 등의 블로그의 컨텐츠 자체는 범용적인 오픈소스 블로그를 사용하면서, 한계가 있음을 인정합니다. 컨텐츠 자체의 코드는 표준화되지 않았지만 TT에서도 전체적으로 선형화를 신경을 썼기 때문에 컨텐츠를 접근하는데 있어서 큰 문제는 없었습니다. ㅠ_ㅠ)

      접근성은 "접근이 가능하냐 하지 않느냐" 라고 생각합니다. 편리함을 위한 사용성과는 조금 다른 개념이라고 생각합니다. 그렇다고 했을 때 myID.net 서비스가 접근성을 “완전히 보장한다” 라고는 절대 말씀드릴 수 없겠지만 접근성을 고려하며 제작한 것은 사실입니다.

      관심과 지적에 힘 입어 더욱더 여러가지 환경과 상황을 고려하고 생각하며 제작하겠습니다. 감사합니다 :)

    • luka7 2007/02/23 23:54  댓글주소  수정/삭제

      질문하기가 안되더군요 : ) 그러니까 쓰기가 안되는거지요~

      테터툴즈의 접근성 문제긴하지요.

      그리고 접근성이 뛰어나다~ 라고 말함에 있어서는 접근이
      가능하다는 물론 접근이 용이하다~ 도 포함 되어야 하지
      않을까 싶습니다. 그래서 물론 어려운거구요 ㄷㄷ;

      주제 넘게 너무 떠들었네요;

      아무튼 내일 뵙겠습니다;

    • 유인동 2007/02/24 01:32  댓글주소  수정/삭제

      접근성을 넘어 사용성을 보장하는 부분은 제작자들이 계속 연구하고 고민해야할 문제인 것 같습니다 ㅠ_ㅠ

      아 KWAG 워크샵에 오시는 군요.
      방갑습니다~ 내일 뵙겠습니다 :)

  3. 정찬명 2007/03/01 00:51  댓글주소  수정/삭제  댓글쓰기

    인동씨, 저 오늘 이 포스팅과 사랑에 빠져버릴 것 같아요 ㅎㅎㅎ. 완전 굿잡!

  4. 한정기 2007/03/07 13:50  댓글주소  수정/삭제  댓글쓰기

    구글 알리미를 통해서 왔습니다.

    키워드는 "웹접근성" 이었습니다.

    좋은글 보고 돌아 갑니다.

    PS. 혹 저를 모르신다고 하시지는 않겠지요? ^ ^

만든 사람들

개발로그 2007/01/16 14:54

myID.net을 만들고 있는 사람들입니다~ :-)

내가 중심이되는 열린 인터넷!

이 광호 (Product Manager)
openmaru studio in NCsoft
011-9031-4423

myID가 무비자 여행의 시작이 되길

신 상호 (Developer)
openmaru studio in NCsoft
019-335-6434

언제 어디서나 myid.net

신 동호 (Developer)
openmaru studio in NCsoft
017-226-2474

사용자에게 가치로운 오픈ID로 확장되길

장 기형 (UI Designer)
openmaru studio in NCsoft

나를 따라다니는 인터넷 여권 myID

유 인동 (UI Developer)
openmaru studio in NCsoft
010-7725-2235

myID.net으로 자유롭게 인터넷 여행하는 그날까지..

이 주미 (Marketing)
openmaru studio in NCsoft
011-9135-7710

낯설지만 신선한 myID.net, 이용자들 사랑받고 사이트들 지원받아서 무럭무럭 자라나길...

Joyce (User Communicator)
openmaru studio in NCsoft
019-293-4273

(이페이지는 hCard 포맷 를 지원합니다.)

TAG myID.net

트랙백 주소 :: http://blog.myid.net/trackback/7

댓글을 달아 주세요

  1. 2007/02/20 14:08  댓글주소  수정/삭제  댓글쓰기

    자기이름을 건 프로젝트라.... 정말 멋집니다....

  2. 지오 2007/07/27 19:19  댓글주소  수정/삭제  댓글쓰기

    여권이라...이거 특허청에 등록 먼저 하심 ...아이디어 좋아여....실용화에선.. 시스템이 중요하리만치...