Interactive Geographic Analysis Dashboard for Global Academic Conferences
전 세계 주요 학술 대회의 학술적 권위와 연구 환경(매력도)을 지도 상에 시각화하는 인터랙티브 대시보드
🇰🇷 한국어 설명 | 🇺🇸 English Description
TripConference는 반도체, 전자, 신소재, 컴퓨터 과학 및 인공지능(AI), 기계공학, 화학공학, 생명공학, 토목공학, 건축학, 산업공학 등 10개 주요 공학 및 과학 분야의 권위 있는 국제 학술 대회(Conference) 정보를 지도상에 시각화하고 분석해 주는 인터랙티브 웹 대시보드입니다.
대학원생, 연구자, 학계 종사자들이 논문을 투고할 학회를 결정하거나 참석 일정을 계획할 때 학회의 학술적 위상과 지리적 매력도를 직관적으로 비교·대조할 수 있도록 설계되었습니다.
대시보드는 각 학회에 대해 두 가지 핵심 정량 지표를 산출하여 제공합니다.
학회의 학술적 권위와 논문 채택 난이도를 평가하는 지표입니다.
- 산출 요소: 학회의 역사와 전통, 평균 논문 채택률(Acceptance Rate), H-index, 학계 내 인지도(Flagship 여부).
- 점수대 의미:
95+: 최상위 최고 권위 학회 (A* / Flagship 급)90+: 우수 국제 학술 대회 (A 급)80+: 공신력 있는 일반 국제 학술 대회 (B 급)
학생 및 연구자 입장에서 해당 학회 개최지가 주는 지리적·재정적·환경적 유인 요소를 평가합니다.
- 산출 요소: 개최지 인근의 글로벌 IT 기업 및 대학 밀집도, 물가 수준, 기후 및 치안, 학생 대상 여행 경비 지원(Travel Grants) 혜택.
- 점수대 의미:
- 개최 도시가 글로벌 테크 허브(예: 샌프란시스코, 싱가포르)이거나 학회 차원의 학생 재정 지원이 풍부할수록 높은 점수를 받습니다.
현재 총 10개 학문 분야의 387개 실존 국제 학술 대회 정보가 등록되어 있으며, 검증된 공식 웹사이트 주소, 정밀 일정(YYYY.MM.DD), 초록/논문 마감일(Abstract Deadline), 및 위치 좌표를 포함합니다.
| 분야 ID | 학문 분야 (Academic Fields) | 대표 색상 (Theme) | 대표 아이콘 (Icon) | 등록 학회 수 |
|---|---|---|---|---|
semiconductor |
반도체 (Semiconductors) | Amber (#f59e0b) |
fa-microchip |
37 |
electronics |
전자공학 (Electronics) | Sky Blue (#0ea5e9) |
fa-bolt |
71 |
materials |
신소재/재료공학 (Materials) | Emerald (#10b981) |
fa-atom |
50 |
architecture |
건축학 (Architecture) | Purple (#a855f7) |
fa-building-columns |
39 |
civil |
토목공학 (Civil Engineering) | Teal (#14b8a6) |
fa-bridge |
34 |
cs |
컴퓨터공학 & AI (Computer Science & AI) | Blue (#3b82f6) |
fa-brain |
38 |
mech |
기계/항공우주공학 (Mechanical & Aerospace) | Orange (#f97316) |
fa-gear |
32 |
chem |
화학공학/배터리/에너지 (Chemical & Energy) | Lime Green (#84cc16) |
fa-flask |
27 |
bio |
바이오메디컬/생명공학 (Biomedical & Biotech) | Rose Pink (#ec4899) |
fa-dna |
34 |
ind |
산업공학 (Industrial Engineering) | Indigo (#6366f1) |
fa-diagram-project |
25 |
- 대시보드의 학회 일정 및 개최지 정보는 매 분기(Quarter)마다 정기적으로 검토 및 업데이트됩니다.
- 최종 데이터베이스 업데이트: 2026년 3분기 (2026.3Q)
- 동적 상태 표시기: 페이지 로딩 시점의 분기를 계산하여
[Up to Date](최신 상태) 또는[Update Needed](업데이트 권장) 배지를 실시간으로 표시합니다.
- 대시보드는 최신 일정에 초점을 맞추기 위해 사용자가 접속한 날짜를 기준으로 과거 1년 ~ 미래 1년 (±12개월) 범위 내의 학회 일정만 지도와 목록에 표시합니다.
- 1년 이전의 완료된 과거 학회나 지나치게 먼 미래의 학회는 자동으로 숨김 처리됩니다.
- ⚡ 마감 임박 학회 우선 표출 (Approaching Deadlines Top 5): 전 학회에 걸쳐 실제 초록/논문 제출 마감일(
Abstract Deadline)을 수집·구축하여, 접속일 기준 마감이 가장 가까운 학회 5개를 왼쪽 사이드바 상단에 실시간 D-Day 카운트다운 배지(D-Day,D-2,D-14등)와 함께 우선 표출합니다. - ⏳ 미래/과거 학회 분리 및 타임라인 뷰: 접속한 사용자의 오늘 날짜를 기준으로 기본적으로는 다가올 **미래 학회(Upcoming Only)**만 깔끔하게 노출되며, 지난 학회 이력 확인이 필요한 경우 [Include Past] 토글 버튼을 켜서 과거 학회(종료 배지 및 차별화된 시각 효과 적용)를 함께 조회할 수 있습니다.
- 📅 연월일(YYYY.MM.DD) 정밀 표기 및 마감일순 정렬: 학회 개최일 및 논문 마감일을 모두 일자 단위까지 상세 제공하며, 정렬 옵션을 통해 개최일순(
Date Scheduled)뿐만 아니라 논문 마감일순(Abstract Deadline)으로도 학회를 탐색할 수 있습니다. - 🗺️ 반응형 인터랙티브 지도: Leaflet.js 기반의 무한 스크롤 타일 맵, 마커 클러스터링, 원클릭 지도 시점 초기화(
Reset View). - 🔍 스마트 검색 및 필터: 키워드 검색, 원클릭 검색어 지우기(
X), 실시간 검색 결과 수 피드백(Showing N conferences), 분야별 복수 선택 및 CQI/GSAI 슬라이더. - 📱 모바일 맞춤형 UI: 768px 이하 모바일 환경에서
List View와Map View를 손쉽게 오가는 전용 토글 탭 지원. - 💡 건의 및 피드백 시스템: 신규 학회 추가나 분야 건의를 위한 백엔드리스 팝업 모달 지원.
- 🌐 검색엔진 최적화 (SEO): Google 및 주요 검색엔진을 위한 Schema.org JSON-LD 구조화 데이터, Open Graph, Twitter Cards, 10개 분야별 Sitemap 연동 및 딥링킹 지원.
- 지도 엔진: Leaflet.js (지형 래핑 및 무한 스크롤, 남극 구역 렌더링 제한 적용)
- 스타일링: CSS Grid & Flexbox, Glassmorphism 테마, FontAwesome v6
- 데이터 관리 및 로직: Pure Vanilla JavaScript (LocalStorage 기반 필터 선택 상태 유지)
- 피드백 시스템: FormSubmit.co를 이용한 비동기 백엔드리스 건의사항 전송 시스템
저장소를 클론한 후 로컬 환경에서 실행하고 데이터베이스 유효성을 검사할 수 있습니다.
- 로컬 서버 구동 (VS Code의 Live Server 플러그인을 권장하며, 또는 아래 명령어를 사용합니다):
npx serve . - 데이터베이스 유효성 검사 (학회 ID 중복, 좌표 오류, URL 유효성 검사):
node validate_db.js
본 프로젝트는 Apache License 2.0에 따라 자유롭게 이용, 수정 및 배포할 수 있습니다. 상세 내용은 LICENSE 파일에서 확인하실 수 있습니다.
TripConference is an interactive web-based dashboard designed to map and analyze prestigious global academic conferences across 10 key engineering and science disciplines.
It aims to support graduate students and researchers in making informed decisions about where to submit papers and plan academic trips by comparing the academic prestige of conferences with the geographical attraction of their venues.
The dashboard scores and visualizes two major quantitative indices for each conference:
Evaluates the academic prestige, selection difficulty, and overall reputation of the conference.
- Factors: Historical reputation, average acceptance rates, H-index, and Flagship conference status.
- Scoring Bracket:
95+: Elite, world-class conference (A* / Flagship level)90+: Highly reputable international conference (A level)80+: Reliable general international conference (B level)
Evaluates the venue's appeal, financial incentives, and logistical benefits for student attendees.
- Factors: Proximity to global tech hubs and institutions, local cost of living, safety, climate, and student travel grant offerings.
- Scoring Bracket:
- Premium hub cities (e.g., San Francisco, Singapore) or conferences offering substantial travel grant funds receive higher scores.
The database contains 387 verified real-world international conferences with exact coordinates, precise schedules (YYYY.MM.DD), abstract deadlines (Abstract Deadline), and active official websites across 10 academic disciplines.
| Field ID | Academic Field | Theme Color | Icon | Count |
|---|---|---|---|---|
semiconductor |
Semiconductors | Amber (#f59e0b) |
fa-microchip |
37 |
electronics |
Electronics | Sky Blue (#0ea5e9) |
fa-bolt |
71 |
materials |
Materials | Emerald (#10b981) |
fa-atom |
50 |
architecture |
Architecture | Purple (#a855f7) |
fa-building-columns |
39 |
civil |
Civil Engineering | Teal (#14b8a6) |
fa-bridge |
34 |
cs |
Computer Science & AI | Blue (#3b82f6) |
fa-brain |
38 |
mech |
Mechanical & Aerospace | Orange (#f97316) |
fa-gear |
32 |
chem |
Chemical & Energy | Lime Green (#84cc16) |
fa-flask |
27 |
bio |
Biomedical & Biotech | Rose Pink (#ec4899) |
fa-dna |
34 |
ind |
Industrial Engineering | Indigo (#6366f1) |
fa-diagram-project |
25 |
- The database schedules, locations, and links are reviewed and maintained on a quarterly cycle.
- Last Database Update: 2026 Q3 (2026.3Q)
- Dynamic Status Badge: Evaluates user access time in real-time to display
[Up to Date]or[Update Needed]badges.
- Dynamically filters conferences to display only events within [-12 months, +12 months] relative to the user's current date.
- Historical events older than 1 year and distant future meetings beyond 1 year are automatically hidden.
-
⚡ Approaching Deadlines Priority Top 5 Widget: Aggregates verified abstract and paper submission deadlines (
YYYY.MM.DD) across all conferences, displaying the nearest 5 deadlines at the top of the sidebar with real-time D-Day countdown pills (D-Day,D-2,D-14, etc.). - ⏳ Dynamic Timeline Mode (Upcoming vs. Past Conferences): Defaults to showing only upcoming/ongoing conferences based on the user's current date, with a dedicated toggle button to reveal concluded past conferences (marked with distinct status badges, dimmer cards, and popup tags).
-
📅 Exact Date Precision & Deadline Sorting: Comprehensive day-precision (
YYYY.MM.DD) dates for both holding dates and submission deadlines, sortable by scheduled holding date or submission deadline. -
🗺️ Interactive Global Map: Powered by Leaflet.js with cylindrical tile wrapping, city marker grouping, and one-click
Reset View. -
🔍 Search & Multi-Field Filtering: Fast text search with clear (
X) button, instant result counts, discipline toggles, and CQI/GSAI sliders. -
📱 Mobile Responsive Controls: Dedicated
List View/Map Viewtab bar for mobile viewports ($\le 768\text{px}$ ). - 💡 Serverless Suggestion Box: Integrated suggestion modal for community submissions.
-
🌐 Google SEO, Deep-Linking & Rich Schemas: Built-in Schema.org JSON-LD (
AcademicEvent,ItemList,BreadcrumbList,FAQPage), multi-discipline sitemaps, and deep-linking URL parameters (?field=...,?id=...,?q=...,?past=1).
- Map Engine: Leaflet.js (configured with tile wrapping, horizontal copy-jumping, and vertical coordinate clipping for Antarctica).
- UI & Styling: Vanilla CSS Grid & Flexbox, Glassmorphism properties, FontAwesome v6.
- Logic: Vanilla JavaScript (leverages LocalStorage to persist filter selections across page reloads).
- Feedback Pipeline: Serverless suggestion submission routed through FormSubmit.co.
Clone the repository and run the project locally:
- Serve locally (Use VS Code Live Server or run):
npx serve . - Database Integrity Verification (Checks for duplicate IDs, incorrect coordinates, and broken links):
node validate_db.js
This project is licensed under the Apache License 2.0. See the LICENSE file for details.