인터넷/보안 // ID_0059

[인터넷/보안] AI전용 넷폰 런타임, 신분증형 화면과 개인별 서버 구축기로 확장

AUTHOR NETCITY_ADMIN
PUBLISHED 2026.05.09 19:16
ARCHIVE NODE 인터넷/보안
신분증형 AI전용 넷폰 런타임 화면과 개인별 서버 구성 버튼
검은 굵은 폰 베젤을 걷어내고 얇은 신분증 카드형 화면으로 정리한 AI전용 넷폰 런타임. 서버 버튼은 개인마다 다르게 구성하는 서버 슬롯으로 표시된다.

[수원=Netcity News] AI전용 넷폰 런타임 화면이 스마트폰 앱 모형에서 신분증처럼 얇은 인증 카드형 운영 화면으로 재정리됐다. 상단에는 홈·신분·통화·비상 자동 인지 버튼을 배치했고, 팀 통화와 연락처를 분리했으며, 비상 통화 화면에는 등록 연락처와 기관 연락망을 함께 볼 수 있게 했다. 서버 연결 영역은 카피하거나 공동으로 쓰는 서버가 아니라 사람마다 다른 이름, 주소, 역할을 각자 채워 넣는 개인별 서버 구축 슬롯으로 바뀌었다.

AI전용 넷폰 런타임 바로가기

신분증형 넷폰 화면, 개인별 서버 연결 슬롯, 팀 통화, 비상 연락처, 서버 전환 화면을 확인할 수 있는 런타임 UI입니다.

https://mobile.netcity.co.kr/ai-netphone-runtime/

핵심 요약

  • 전체 디자인을 두꺼운 스마트폰 케이스보다 얇은 신분증 카드처럼 보이도록 재정리했다.
  • 상단 버튼은 홈, 신분, 통화, 비상 자동 인지 버튼으로 분리했다.
  • 신분 버튼은 단말 인증 카드처럼 보이는 별도 신분증 화면을 연다.
  • 팀원 통화와 등록 연락처를 분리하고, 비상 통화 화면에는 긴급 버튼과 연락처, 기관 연락망을 함께 배치했다.
  • 서버 연결 버튼 좌우에는 화면 전환 화살표를 두고, 누르면 개인별 서버 목록이 펼쳐진다.
  • 서버 버튼은 카피·공동 사용이 아니라 사람마다 다른 구성으로 채우는 개인별 서버 구축 슬롯으로 표현했다.

1페이지: 폰 모형에서 신분증형 런타임 화면으로

이번 구축기의 첫 번째 방향은 넷폰 화면을 두꺼운 스마트폰 케이스처럼 보이지 않게 하는 것이었다. 검은 둥근 굵은 외곽선을 제거하고, 화면 전체를 얇은 하늘색 라인과 라미네이트 카드 배경으로 정리했다. 그 결과 넷폰은 기기 자체보다 인증된 운영 신분증처럼 보이게 됐다.

상단 버튼은 단순 메뉴가 아니라 자동 인지 기술을 상징하는 버튼으로 정리했다. 홈감지, 신분감지, 통화감지, 비상감지는 터치, 음성, 상황, 생체 인지 같은 입력을 받아 화면 모드를 바꾸는 장치로 표현된다. 사용자는 홈에서 신분증 화면, 팀 통화 화면, 비상 통화 화면으로 빠르게 전환할 수 있다.

신분증 화면은 NETPHONE ID 카드처럼 구성했다. 프로필 이미지, 단말 ID, 권한, 인지 방식, 발급 시간, 인증 상태가 한 카드 안에 들어가며, 버튼을 누르면 인식 완료 상태로 바뀐다. 이 화면은 넷폰이 단순 앱 묶음이 아니라 개인의 서버 권한과 작업 권한을 확인하는 단말이라는 점을 드러낸다.

시각 디자인도 이 기준에 맞춰 정리했다. 카드 모서리는 작게 줄이고, 그림자는 낮게 깔았으며, 내부 스캔 라인은 얇게 처리했다. 두꺼운 기기 프레임이 아니라 얇은 인증 카드가 작업 화면을 품고 있는 느낌을 중심에 둔 것이다.

2페이지: 팀 통화, 등록 연락처, 비상 통화의 분리

통화 화면은 팀원들 간의 연결을 중심으로 구성했다. 팀원 프로필, 역할, 상태, 연결 버튼을 한 화면에 두어 내부 작업자가 누구인지 바로 파악할 수 있게 했다. 이 영역은 일반 연락처와 섞이지 않고, 팀 통화 전용 목록으로 분리된다.

연락처 영역은 별도 버튼과 목록으로 배치했다. 사용자는 팀원 통화와 등록 연락처를 같은 전화번호부처럼 섞어 보는 것이 아니라, 작업 팀과 일반 연락망을 서로 다른 성격의 목록으로 볼 수 있다. 이는 현장 작업, 운영 연락, 자료 확인, 서버 지원 같은 역할 구분을 명확하게 하기 위한 구조다.

비상 통화 화면은 긴급 버튼과 등록 연락처, 기관 연락망을 함께 보여주는 방식으로 보강했다. 119 신고, 112 신고, 운영센터, 팀 소집 같은 빠른 버튼을 두고, 아래에는 보호자·운영자·관계 기관 연락망을 나눠 볼 수 있게 했다. 비상 상황에서는 버튼이 크고 명확해야 하고, 등록된 연락처도 즉시 보여야 한다는 요구를 반영했다.

이 구조는 넷폰이 통화 앱만 흉내 내는 것이 아니라 작업 현장에서 신분 확인, 연락, 비상 대응, 서버 연결을 한 화면 안에 묶는 운영 단말임을 보여준다.

  • 홈감지, 신분감지, 통화감지, 비상감지 버튼 분리
  • 팀원 통화 목록과 일반 연락처 분리
  • 비상 화면에 긴급 버튼, 등록 연락처, 기관 연락망 배치
  • 신분증형 인증 화면 추가
  • 검은 굵은 베젤 제거와 얇은 카드형 화면 적용

3페이지: 개인마다 다른 서버 구축 슬롯

서버 연결 영역은 이번 작업에서 가장 많이 조정된 부분이다. 처음에는 서버 아이콘을 연결하는 기능이 중심이었지만, 이후 요구는 더 분명해졌다. 이 서버들은 카피해서 함께 쓰는 공용 서버가 아니라, 사람마다 다르게 직접 구축해 가는 개인별 서버라는 점이다.

이에 따라 서버 버튼의 문구를 '개인마다 다르게 구성하는 서버', '개인별 서버 구성 목록', '각자 구성이 다름'으로 바꿨다. 버튼 배지도 '개인별'과 '내 구성'으로 정리했다. 서버 이름, 주소, 역할은 사용자마다 달라질 수 있으므로, 현재 화면의 서버들은 완성된 고정 메뉴가 아니라 각자가 자기 환경에 맞게 채워 가는 슬롯으로 표현된다.

서버 연결 버튼 양옆에는 화면 전환 화살표를 배치했다. 사용자가 화살표를 누르면 개인별 서버 목록이 펼쳐지고, 서버 아이콘들이 페이지 단위로 나온다. 별도 서버 연결 페이지에서도 같은 원칙을 유지해 좌우 화살표로 서버 화면을 전환하고 각 아이콘을 눌러 해당 서버로 이동할 수 있게 했다.

이 방식은 넷폰 런타임이 하나의 완성된 서비스 목록을 제공하는 것이 아니라 개인별 구축기를 제공한다는 점을 보여준다. 누군가는 스마트폰 HTTP 서버를 먼저 만들고, 누군가는 개발 서버, 기사화 서버, 파일 처리 서버, 사설 게시판을 먼저 만들 수 있다. 중요한 것은 모두가 같은 서버를 공유하는 것이 아니라 각자의 서버 구성을 갖는다는 점이다.

  • 서버 연결 버튼 좌우에 화면 전환 화살표 배치
  • 화살표 클릭 시 개인별 서버 목록 펼침
  • 별도 개인별 서버 연결 페이지 추가
  • 서버 버튼에 개인별·내 구성 배지 표시
  • 서버 이름, 주소, 역할이 사용자마다 달라지는 구조로 문구 정리

기록으로 남긴 구축 의미

이번 구축은 한 번에 완성된 앱을 만든 것이 아니라, 사용자의 요구를 따라 화면의 의미를 계속 좁혀 간 과정이었다. 처음에는 팀 통화와 비상 통화 디자인을 보강했고, 이어 등록 연락처 출력, 팀원과 연락처 분리, 신분 버튼 추가, 서버 화면 전환, 개인별 서버 슬롯 표현, 신분증형 얇은 디자인까지 단계적으로 정리했다.

결과적으로 AI전용 넷폰 런타임은 홈 화면, 신분증, 팀 통화, 비상 연락, 개인별 서버 구축 목록을 한 장의 얇은 인증 카드 같은 화면 안에 담게 됐다. 이 구축기는 앞으로 실제 서버 구성, 개인별 계정, 연락처 등록, 비상 연락망, 기사화 기록을 붙여 나갈 수 있는 기본 틀로 쓸 수 있다.

관련 링크

작업 파일

  • 넷폰 런타임 메인: /var/www/html/192.168.0.197/ai-netphone-runtime/index.php
  • 개인별 서버 연결 화면: /var/www/html/192.168.0.197/ai-netphone-runtime/server-connections/index.php
  • 기사 대표 폰 이미지: /var/www/html/192.168.0.197/news_assets/ai_netphone_runtime_builder_20260509.png
  • 작업 카드: /var/www/html/192.168.0.197/work_article_jobs/ai_netphone_runtime_builder_20260509.json

확인 결과

  • ai-netphone-runtime/index.php PHP 문법 확인 통과
  • ai-netphone-runtime/server-connections/index.php PHP 문법 확인 통과
  • 홈 화면 캡처로 신분증형 얇은 UI와 개인별 서버 버튼 확인
  • 별도 서버 연결 화면 캡처로 개인별 서버 문구와 버튼 확인
  • 대표 폰 이미지 PNG 생성 및 news_assets 복사 완료
  • 서버 버튼이 공동 사용이 아니라 개인마다 다른 구성임을 문구와 배지에 반영