Skip to content

πŸ’­ 쀑μž₯년측을 μœ„ν•œ 지도 μ„œλΉ„μŠ€ by μ •ν˜œμΈ

Hyein Jeong edited this page Nov 6, 2024 · 1 revision

발제자: 혜인 μ •

πŸ“Β λͺ©ν‘œ

  • 쀑μž₯λ…„μΈ΅ μ‚¬μš©μžμ˜ νŽΈλ¦¬ν•œ κΈΈ μ°ΎκΈ° 지원
    • λͺ©μ μ§€κΉŒμ§€ 이동이 μ–΄λ €μš΄ 쀑μž₯년측을 μœ„ν•œ κ°„λ‹¨ν•˜κ³  μ•ˆμ „ν•œ κΈΈ μ•ˆλ‚΄ μ„œλΉ„μŠ€λ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€. 특히, λ³΅μž‘ν•œ 경둜λ₯Ό μ‰½κ²Œ λ”°λΌκ°ˆ 수 μžˆλ„λ‘ μ§€μ›ν•˜μ—¬ μ‚¬μš©μž κ²½ν—˜μ„ κ·ΉλŒ€ν™”ν•©λ‹ˆλ‹€.
  • κ°€μ‘± κ°„ μ‹€μ‹œκ°„ μœ„μΉ˜ 곡유둜 μ•ˆμ „ν•œ 이동 지원
    • 쀑μž₯λ…„μΈ΅ μ‚¬μš©μžκ°€ λͺ©μ μ§€κΉŒμ§€ μ•ˆμ „ν•˜κ²Œ 도착할 수 μžˆλ„λ‘ μ‹€μ‹œκ°„ μœ„μΉ˜ 곡유 κΈ°λŠ₯을 μ œκ³΅ν•΄ λ³΄ν˜Έμžμ™€μ˜ κΈ΄λ°€ν•œ μ†Œν†΅μ„ μœ μ§€ν•©λ‹ˆλ‹€.
  • μ ‘κ·Όμ„±κ³Ό μ‚¬μš© νŽΈμ˜μ„± κ°•ν™”
    • μ„œλΉ„μŠ€μ˜ λͺ¨λ“  ν™”λ©΄κ³Ό κΈ°λŠ₯이 쀑μž₯λ…„μΈ΅μ—κ²Œ μ‰½κ²Œ 닀가가도둝 직관적이며 μ ‘κ·Όμ„± 높은 μΈν„°νŽ˜μ΄μŠ€λ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€.

πŸ“Β μ£Όμš” κΈ°λŠ₯

  • μΆœλ°œμ§€μ™€ 도착지 지정 및 링크 곡유
    • **μΆœλ°œμ§€(예: ν• λ¨Έλ‹ˆμ˜ ν˜„μž¬ μœ„μΉ˜)**와 **도착지(예: μ†λ…€μ˜ 집)**λ₯Ό 손녀가 μ›Ήμ„œλΉ„μŠ€λ₯Ό 톡해 μ§€μ •ν•©λ‹ˆλ‹€.
    • 링크 생성 ν›„, ν• λ¨Έλ‹ˆμ—κ²Œ 링크λ₯Ό κ³΅μœ ν•˜μ—¬ μ„œλΉ„μŠ€λ₯Ό μ‹œμž‘ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • μ‹€μ‹œκ°„ μœ„μΉ˜ 곡유
    • ν• λ¨Έλ‹ˆκ°€ 링크에 μ ‘μ†ν•˜μ—¬ 이동을 μ‹œμž‘ν•˜λ©΄ ν• λ¨Έλ‹ˆμ˜ μœ„μΉ˜κ°€ μ†λ…€μ—κ²Œ μ‹€μ‹œκ°„μœΌλ‘œ μ „λ‹¬λ©λ‹ˆλ‹€.
    • μ†λ…€λŠ” μ›ΉνŽ˜μ΄μ§€μ—μ„œ ν• λ¨Έλ‹ˆμ˜ 이동 상황을 μ‹€μ‹œκ°„μœΌλ‘œ 확인할 수 μžˆμ–΄ μ•ˆμ „ν•˜κ²Œ μ•ˆλ‚΄ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • 경둜 μ•ˆλ‚΄ 및 λ„€λΉ„κ²Œμ΄μ…˜ κΈ°λŠ₯
    • ν• λ¨Έλ‹ˆμ˜ ν™”λ©΄μ—λŠ” μΆœλ°œμ§€μ—μ„œ λ„μ°©μ§€κΉŒμ§€μ˜ κΈΈ μ•ˆλ‚΄κ°€ μ‹œκ°ν™”λ©λ‹ˆλ‹€.
    • 넀이버 지도 λ˜λŠ” 카카였 지도 APIλ₯Ό ν™œμš©ν•΄ λ„€λΉ„κ²Œμ΄μ…˜ μ„œλΉ„μŠ€λ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€.
  • 경둜 μ΄νƒˆ μ•Œλ¦Ό κΈ°λŠ₯
    • ν• λ¨Έλ‹ˆκ°€ 경둜λ₯Ό μ΄νƒˆν•  경우 μ†λ…€μ—κ²Œ μ•Œλ¦Όμ΄ μ „μ†‘λ˜μ–΄ μ „ν™”λ‚˜ λ©”μ‹œμ§€ λ“±μœΌλ‘œ 즉각 μ•ˆλ‚΄ν•  수 μžˆλ„λ‘ λ•μŠ΅λ‹ˆλ‹€.
    • (μž₯μ• μΈκΉŒμ§€ μ§€μ›ν•˜κΈ°λ‘œ κ²°μ •ν–ˆλ‹€λ©΄,) μ§„λ™μ΄λ‚˜ μ†Œλ¦¬ 등을 톡해 λ•μŠ΅λ‹ˆλ‹€. (ν•˜μ§€λ§Œ 웹이기 λ•Œλ¬Έμ— μ‚¬μš©μžμ˜ ν΄λ¦­μ΄λ‚˜ 이벀트 없이 κ°€λŠ₯할지 확인 ν•„μš”
  • μ ‘κ·Όμ„± ν–₯상 κΈ°λŠ₯
    • 큰 글씨와 직관적인 μ•„μ΄μ½˜μœΌλ‘œ UIλ₯Ό κ΅¬μ„±ν•˜μ—¬ 쀑μž₯년측이 μ‰½κ²Œ μ‚¬μš©ν•  수 μžˆλ„λ‘ ν•©λ‹ˆλ‹€.
    • μŒμ„± μ•ˆλ‚΄ 및 진동 ν”Όλ“œλ°± μ˜΅μ…˜μ„ μ œκ³΅ν•˜μ—¬ μ‚¬μš©μžκ°€ μ‹œκ°μ μΈ μš”μ†ŒλΏλ§Œ μ•„λ‹ˆλΌ 청각적인 μ•ˆλ‚΄λ₯Ό 받을 수 있게 ν•©λ‹ˆλ‹€.
    • ν™”λ©΄ 색 λŒ€λΉ„ 및 λ‹¨μˆœν™”λœ λ ˆμ΄μ•„μ›ƒμœΌλ‘œ 가독성을 λ†’μž…λ‹ˆλ‹€.

πŸ“Β κΈ°μˆ μ  도전

  1. μ‹€μ‹œκ°„ μœ„μΉ˜ 곡유 및 μœ„μΉ˜ μ•Œλ¦Ό
  • WebSocket λ˜λŠ” WebRTCλ₯Ό ν™œμš©ν•΄ μ‚¬μš©μž κ°„ μ‹€μ‹œκ°„ μœ„μΉ˜λ₯Ό μ•ˆμ „ν•˜κ²Œ κ³΅μœ ν•©λ‹ˆλ‹€. (λ©˜ν† λ‹˜κ»˜μ„œ socketκΉŒμ§€λŠ” ν•„μš” 없을 것 κ°™λ‹€κ³  μ–ΈκΈ‰, ν•˜μ§€λ§Œ μ •ν™•ν•œ μœ„μΉ˜ 정보λ₯Ό μœ„ν•΄μ„œλŠ” ν•„μš”)
  • μ†λ…€μ—κ²ŒλŠ” ν• λ¨Έλ‹ˆμ˜ ν˜„μž¬ μœ„μΉ˜μ™€ 경둜 μ΄νƒˆ μ‹œ μ•Œλ¦Ό κΈ°λŠ₯이 μ œκ³΅λ˜μ–΄ μœ„μΉ˜ 정보λ₯Ό λΉ λ₯΄κ²Œ μ „μ†‘ν•©λ‹ˆλ‹€.
  1. μ ‘κ·Όμ„±
  • ν™”λ©΄ 낭독 κΈ°λŠ₯: ARIA λ ˆμ΄λΈ”μ„ μ„€μ •ν•˜μ—¬ ν™”λ©΄ 리더λ₯Ό 톡해 κΈΈ μ•ˆλ‚΄ 정보λ₯Ό μŒμ„±μœΌλ‘œ 듀을 수 μžˆλ„λ‘ ν•©λ‹ˆλ‹€.
  • λ°˜μ‘ν˜• μ›Ή 섀계: λͺ¨λ°”일 및 λ°μŠ€ν¬ν†±μ—μ„œ μ΅œμ ν™”λœ UIλ₯Ό 톡해 λͺ¨λ“  ν™”λ©΄μ—μ„œ κ°„νŽΈν•œ μ‚¬μš©μ΄ κ°€λŠ₯ν•˜λ„λ‘ μ§€μ›ν•©λ‹ˆλ‹€.
  • UX κ³ λ €: 쀑μž₯년측이 μ‚¬μš©ν•˜λŠ” μ›Ήμ„œλΉ„μŠ€μ΄κΈ°μ—, 폰트 ν¬κΈ°λ‚˜ ν™•λŒ€ λ“± UX κ³ λ €
  1. 링크 곡유 및 접속
    • νŠΉμ • μ‹œκ°„ λ™μ•ˆλ§Œ μœ νš¨ν•œ 링크λ₯Ό μƒμ„±ν•˜μ—¬ μ‚¬μš© ν›„ λ§Œλ£Œλ˜λ„λ‘ ν•˜μ—¬ λ³΄μ•ˆμ„ κ°•ν™”ν•©λ‹ˆλ‹€.
Clone this wiki locally