<template> <div class="wrap"> <div> <h2 style="color: #10833b;">플랫폼 소개</h2> <h3 style="margin-top: 3rem; color: #72be65;" >1. AI 안정통합 횡단보도 플랫폼이란?</h3> <p> AI 영상감지, 실시간 신호개방 등 최첨단 기술을 적용하여 횡단보도를 이용하는 보행자 보호를 위한 보행신호 자동연장, 무단횡단 방지, 우회전 차량사고등을 예방하고 주행중인 차량 내비게이션에 실시간으로 횡단보도 내 위험 정보를 제공하여 교통안전 예방정책을 추진하고, 횡단보도 사고를 줄이는데 목표를 둔 플랫폼 </p> <h3 style="margin-top: 3rem; color: #72be65;" class="m-b3">2. 주요 서비스</h3> </div> <div class="grid2 gap "> <div class="flex gap m-b3"> <img src="../../../resources/images/icon/icon1.png" alt="" class="m-r3"> <div class="box"> <p class="m-b green">보행약자를 위한 보행신호 자동연장 서비스</p> <p> AI 영상인식으로 사람, 목발, 우산, 휠체어, 유모차 등 보행자를 판별하고 보행자의 상태 정 보를 식별하여 신호제어기에 신호연장 신호를 전달 </p> </div> </div> <div class="flex gap m-b3"> <img src="../../../resources/images/icon/icon2.png" alt="" class="m-r3"> <div class="box"> <p class="m-b green">무단횡단 방지 및 무단횡단 사고 예방 서비스</p> <p> 차량 및 보행신호, 횡단보도 대기공간의 보행대기자를 판별하여 보행신호 시 우회전 차량의 진입 상황을 현장 음향신호 장비로 안내 </p> </div> </div> <div class="flex gap m-b3"> <img src="../../../resources/images/icon/icon3.png" alt="" class="m-r3"> <div class="box"> <p class="m-b green">우회전 차량 교통사고 예방 서비스</p> <p> 신호대기 상태에서 보행 대기자 판별 및 횡단보도 진입 여부를 인식하고 보행자 무단횡단 발생 시 음향 신호방비로 정보를 전달 </p> </div> </div> <div class="flex gap m-b3"> <img src="../../../resources/images/icon/icon4.png" alt="" class="m-r3"> <div class="box"> <p class="m-b green">차량 운전자 안내를 위한 실시간 내비게이션 안내 서비스</p> <p> 횡단보도 대기 공간의 보행대기자를 판별하고 횡단보도 내 무단횡단 및 우회전 준법 주행이 가능한지에 대한 정보를 내비게이션을 통해 안내 할 수 있도록 정보 제공 </p> </div> </div> <div class="flex gap "> <img src="../../../resources/images/icon/icon5.png" alt="" class="m-r3"> <div class="box"> <p class="m-b green">실시간 관제 시스템</p> <p> 현장 실시간 CCTV 영상을 제공하고, 발생하는 위험/사고현황을 한눈에 쉽게 볼 수 있는 서비스를 제공 </p> </div> </div> <div class="flex gap"> <img src="../../../resources/images/icon/icon6.png" alt="" class="m-r3"> <div class="box"> <p class="m-b green">GIS기반 분석 시스템</p> <p> 실시간으로 발생하는 위험/사고 정보를 수집하고 수집된 데이터를 활용하여 상황발생 테마별로 데이터를 분석, 시각화 하여 현황파악 및 해결책 도출에 도움을 주는 서비스를 제공 </p> </div> </div> </div> </div> </template> <style scoped> @media all and (max-width: 479px) { /* div { padding: 3rem 1rem !important; } */ } .box{ width: 80%; line-height: 2.5rem;} .wrap { padding: 5rem 15rem; line-height: 4rem; } h2 { font-size: 2rem; } h3 { font-size: 1.8rem; } p { font-size: 1.6rem; } </style> <script> export default { data() { return {}; }, methods: {}, watch: {}, computed: {}, mounted() { console.log("Main4 mounted"); }, }; </script>