政府部门知识门户
我们开发了一个公共信息门户的界面:它把政府部门的知识与政策信息按相互关系连接起来,让人按含义而不是关键词去查找。信息之间的关系如果不在界面上呈现,精心连接的数据看起来也和关键词检索结果列表没有两样。我们负责信息探索界面、展示信息间关系与脉络的界面,以及从检索到选择、查看详情的操作。
按含义而非字面查找的政策信息
政府知识门户是一项公共信息服务,把海量的知识与政策信息按含义和关系连接起来。每条信息都用数据记录它关于什么、与其他信息如何关联,目的是让人超越简单的关键词检索,按含义去查找。这是政府开始把语义网技术引入公共门户时期的工作。

把信息间关系与脉络画出来的探索界面
按含义连接的数据,只有连接在界面上可见才有用。基于含义的门户要返回给用户的,不是一条命中的信息,而是与它相连的其他信息以及两者之间的关系。我们实现了信息探索界面的结构与视觉呈现,让用户看得出信息之间的关系与脉络。我们专注于让人用眼睛顺着线索探索复杂的信息。

检索、选择、查看详情不中断的流程
在信息门户中,用户的探索按检索、从结果中选择、查看详情的顺序进行。我们利用界面组件与用户操作处理,让这个顺序在每次切换界面时都自然衔接、不被打断。探索流程的标准是:在三个步骤之间来回时,用户始终清楚自己身在何处。

在浏览器中像程序一样响应的门户操作
公共门户是任何人都用网页浏览器打开的服务,所以探索界面也必须在浏览器中运行。我们把门户界面实现为在浏览器中像程序一样响应的方式,带来比传统网页更丰富的操作与视觉表现。既是网页、又能对界面内的操作即时响应,这正适合顺着关系在信息间穿梭的探索。

项目亮点
展示政策信息之间关系与脉络的探索界面
超越关键词检索、按含义查找的公共门户
从检索、选择到查看详情的探索流程
洞察
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



