beautiful web & life

[전자정부 웹표준화 사업]

추진목적

• 국민 누구라도 신체 및 이용환경에 구애되지 않고 전자정부 서비스 이용 가능하도록 웹사이트 개선
• 웹접근성 호환성을 높이겠다는 목적

09년 예산규모 : 120억원(추경) - 115억(구축) + 5억(교육)

• 예산 집행 방식 : 전담기관 출연 후 , 조달 발주

추진 경과

• 전자정부 웹표준 준수지침 마련 (07.04~08.04)
  • [전자정부 웹표준 준수지침] 고시 (08.04)
• G4C 및 정보 공개시스템에 대한 웹표준 개선 시범적용 (09.01~09.07)
  • 소요예산 : 15.6억원, 수행업체 : 이컴라인 컨소시엄
• 전자정부 웹표준화 사업 추겨예산 확보(09.04 - 120억원 확보)
• 웹표준 강화 정책 수립을 위한 의견 수렴 (09.03)
• 중앙행정기관 웹사이트 개선 대상 선정 (09.04.08~ 09.04.30)
• [전자정부 웹표준 강회 종합대책] 발표 (09.05.25)

09년 (추경) 사업 추진 기본 방향

• 최근의 경제위기상황을 감안, 예산의 조기집행을 위해 7월까지 계약체결 및 선금 조기 집행 추진
• (1) 기술적 제약이 없는한 (- 단서),  (2)최소 3종 이상의 브라우져에서 전자정부 서비스가 정상 동작 하도록 웹사이트 개선
• 웹 접근성 향상을 위한 국가표준 기술 가이드라인에 따라 개선 (-18개 지표 )
  
  

---

----아래 부분은 관려 자료가 아닌 구두로 이루어진 회의 내용

진단 방법

• 웹접근성 관련 18개 지표
• 국내 웹접근성, 표준 관련 툴, 진단업체 (X- 검증되지 않고 진단 업체에 관한 공식적인 자료가 없음 )
• w3c html/css Validator  통과
• 마지막으로  사용자편의성 진단 (실제 사용자들의 사용성 평가)

브라우져에 구애되지 않고 서비스 이용에 관한

• [최소 3종이상의 브라우져]는 전담 기간이 정한다 (ie6 ie7 ie8 = X ff1.5, ff2.0, ff3.0 = X ㅡ버전별이 아닌 브라우져 자체 ie, ff , safari, crom....)
• 표준을 지키고
• active x 관련 Issue
  • 근본적으로  ie전용 기술사용 하지 말고 다른 브라우져에서도 사용 가능 한 방식으로 재 개발 (active x개발 지양)
  • active x 제거 사업
  • ex)플래쉬 플래에이와 같이 ie에서는 active x를 사용 하고 타브라우져에서는 플러그인 방식을 이용 하여 다른 브라우져에서의 똑같은 사용자 경험을 제공 한다
  • 인증서로그인인이나 보안 관련 대체 기술이 이미 나와있음, 사업자가 알아서 판단 하여 사용(위의 단서와 같이 최소 3개 브라우져에서 동일한 사용자 경험전달이 중요)
• 웹접근성 인증 마크
  • 인증마크획득은 사이트 구축시 목표로 되어야 하는것이 아님, 인증마크는 웹접근성을 알리기위한 목적임
  • 아직 정확히 정해져있지는 않지만 인증마크  획득관련은 차후에 다시 이야기함 - 현준호 팀장님
  • 그러나 인증마크획득의 목적으로 가지말고 진정 사용 자를 위한 웹사이트를 만들어 주었으면 하는 바램 - 현준호 팀장님
  • 기본적인 18개 지침은 100% 이루어 졌으면 하는 바램임. - 현준호 팀장님
  • 재구축, 제거작업 으로 끝나는것들이 아니라 여러가지 사례들로 앞으로 구축 시에 좀더 낳은 방향으로 진행 됬으면 좋겠다.

more..

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

엽님 markUp html/css, 엽님, 웹표준, 전자정부 웹표준화 사업, 접근성

 인라인블럭! 이런 쉬운놈

.inline-block {display:-moz-inline-box; display:inline-block; vertical-align:middle; }

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

엽님 markUp css, display, inline-block, 엽님, 웹표준

웹에 입문하고 처음으로 참가해보는 행사다.ㅋ

재밌겠죠??ㅋ

행사를 위해 수고하신분들께 감사드립니다~

앞으로도 좋은 행가사 많이 있었으면 좋겠다 ㅋㅋ

------------------------------------------------------------------------------------>>

세번째 웹 표준의 날 (부제: 웹표준을 넘어서)

일시 : 2월 7일 토요일 12시 30분 ~ 18시
장소 : 한국정보문화진흥원 2층 세미나실 (정보문화진흥원 오시는길)

주최 : CDK, ClearBoth
후원 : 한국정보문화진흥원

발표순서

1. 12:30 ~ 13:00 시작
2. 13:00 ~ 13:30 웹 표준을 넘어서 - 정찬명(http://naradesign.net/wp/)
3. 13:30 ~ 14:00 웹 표준, 기술의 진정성 - 추지호(http://www.pageoff.net/)
4. 14:00 ~ 14:30 장차법 시대의 웹 표준 - 장성민(http://www.jangkunblog.com/wp/)
5. 14:30 ~ 14:50 20분간 휴식
6. 14:50 ~ 15:10 브라우저 업그레이드 캠페인 - 조현진(http://resistan.com/)
7. 15:10 ~ 15:30 웹 표준 경진대회 & CSS PLAYGROUND  - 홍윤표(http://mydeute.com)
8. 15:30 ~ 15:50 웹 접근성 품질 마크 인증제도 - 한정기(KADO)
9. 15:50 ~ 16:10 20분간 휴식
10. 16:10 ~ 16:30 웹 접근성 평가툴에 대한 의견 - 문준기(KADO)
11. 16:30 ~ 18:00 웹 표준... 선배에게 질문하세요.[발표자 + 조훈(http://hooney.net/), 신현석(http://hyeonseok.com), 윤좌진(http://www.boochim.net/)]

참가비 : 없음

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

엽님 stuff 엽님, 웹표준, 웹표준을 넘어서 - 아름다운 웹으로~, 웹표준의날

익스 6을 사용 하다보면 최신의 일반 브라우져들보다 많은 버그들을 마추치게 되고 좌절 하게 된다.

처음엔 왜 ?? 그럴까 이거 뭐지... ㅜ.ㅜ 한페지작업하면서 크로스 브라우징을 위해 철야를 한적도 있다.

그러면서 알아가고 해결방법을 찾아가고 본능적으로 ie6버그를 대비한 코드를 넣어준다
position:relative, display:inline, zoom:1(?) 등등을

다른 한가지 방법은 버{background그가 일어날꺼 같은 마크업을 피하고 스크립트의 도움을 받는경우(?)가 있겠다.

a:hover [selecter] { property: value; } 이놈 도 비슷했다

a [selecter] { property: value; } 에 관한 속성은 먹지만

a:hover [selecter] { property: value; } 와 같이 수도 클래스(:hover)를 사용 할경우 css 속성이 먹지 않는다.

그래서 별 일 이 없지 않는한 위와 같은 방법을 피해가면서 hover 시에 a 태그안의 [selecter]필요로 하지 않게 작업 했고 이놈 문제에 대해서 생각을 하지 않고 있었다.

그러다 웹서핑중에

dynamicdrive 에서 CSS Image Gallery 메뉴를 보고 demo를 익스6에서 돌려보고 스크립트를 썼나 하고 소스 확인을 해봤는데, 정말 css 만으로 작업이 되어있었다.
ㅋㅋㅋ 뭐지?? -.-;; 이미지와 css html 을 가지고 와 로컬에서 확인 해보고 익스 6에서 돌려보니 잘 적용됬다..

갑자기 두근 두근 ,,, css 를 하나씩 지워가면서 확인 해보니  a:hover {background-color: transparent } 요놈 이 였다

CDK에서도 위와 관련한 이야기들이 본기억에 다시 한번 검색 해보기로 했다 ㅋㅋ

a:hover element { property: value; } 를 ie에서 사용시 에 스타일 적용이 안된다는 내용이 있고
겨미겨미님께서  IE6 bug: Ignored selector hover bug 에 관한 사이트를 걸어주신 내용이 있다.

관심없이 봤을땐 눈에 들어 오지 않던게 아주 조금의 사랑을 줬더니 이런 득탬을 ㅎㅎ
그냥 안되는줄 알고 없다!? 단정짓고 지내왔던걸 이렇게 늦게나마 찾은 기쁨 !! ㅋㅋ

아직까지도 많이 배우고있고 많이 알려주시고 찾아주시고 자극시켜주시는 만랩형님들에게 감사인사 드린다.

ps. 팍덕님 말씀처럼 border:none; 이놈의 추가로도 버그가 사라지는군요 ^^ 감사힙니다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

엽님 markUp IE6bug, Ignored selector hover bug, 엽님, 웹표준

지난 10월에 있었던 
웹 애플리케이션 컨퍼런스 2008 관련 자료 및 링크

컨퍼런스

• 웹 사이트 성능 튜닝 - 박경훈 (HOONS 닷넷)
• 리치웹을 이용한 매쉬업 웹 애플리케이션 개발 - 오창훈 (GS 이숍)
• 웹 애플리케이션 디자인 방법론 - 황리건 (한국 마이크로소프트)
• 웹 접근성 테스트 기반 개발 방법 - 조 훈 (케익소프트)
• PHP 기반 MVC 프레임웍 Best Practice - 최호진 책임연구원(안철수연구소)
• 클라우드 컴퓨팅의 현황과 활용 - 한재선 대표 (NexR)
• 집단지성 프로그래밍- 윤종완 팀장 (오픈마루)  (요청 중)
• 시맨틱웹과 Linked Data 기술 현황- 김학래 박사 (DERI)

컨퍼런스

• 대형 웹서비스를 위한 아키텍처 관점에서의 과제 함종민 본부장 (NHN)
• StoryBlender 해외 도전기 고진영 (이인프라네트웍스)
• 인터넷 패러다임 변화에 대한 전망 손경완 CPO (다음커뮤니케이션)
• 위젯, 웹 개발자의 신천지인가?
  
  • 위자드 웍스의 전략  표철민 (위자드웍스)
  • 오페라의 전략 조만영(Opera Software Korea),
  • 다음의 전략 김유진(다음커뮤니케이션)
• 지도 서비스의 현황과 미래 김민오 (다음커뮤니케이션) (비공개)
• Blue-chip Products 조엘 스폴스키 (Fog Creek Software)(비공개)
• 오픈 API 해커 문화 정진호 (Yahoo! Korea)

라이트닝 토크

• 오픈 웹 (김기창, 고려대 법대)
• 오픈 소셜 (이선재, KTH)
• 오픈 ID (김승현, ETRI)
• 매쉬업 (박상길, 다음커뮤니케이션)
• 텍스트큐브 (신정규, 태터앤프렌즈)
• 제로보드 (고영수, NHN) (요청 중)
• Hadoop (김형준, NHN)
• 여자개발자모임(전수현, 아이비김영)
• 웹표준 커뮤니티 (신현석, 시도우)

몽땅 다운로드 받기 클릭하세요

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

엽님 stuff 엽님, 웹앱스콘2008, 웹앱스콘관련자료, 웹앱스콘발표자료, 웹접근성, 웹표준

확인하러 갑시다! BabyMake3000



일하러 왔는데 일이 없어서 오늘 이런 저런 심심함을 보내는중
판타걸 찬미아줌마가 보내준 URL 에서 ㅋㅋㅋㅋ 아 재밌어 ㅎㅎ

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

엽님 stuff 쓰레기, 엽님, 웹표준, 찬미아줌