Skip to content

README.md

Latest commit

 

History

History
101 lines (76 loc) · 4.24 KB

README.md

File metadata and controls

101 lines (76 loc) · 4.24 KB
Raw

Human-AI Interaction: Anthropomorphization & User Engagement in ChatGPT

Scrollytelling Web Application based on Simas & Ulbricht (IHSI 2024)

IHSI 2024 DOI Netlify Ready Bilingual

An accessible, responsive, single-page scrollytelling data journalism application transforming the peer-reviewed research paper:

"Human-AI Interaction: An Analysis of Anthropomorphization and User Engagement in Conversational Agents With a Focus on ChatGPT"
Gustavo Simas & Vânia Ulbricht (2024)
Intelligent Human Systems Integration (IHSI 2024), Vol. 119, pp. 454–464
DOI: 10.54941/ahfe1004510

🌟 Key Features

  1. Strict Source Fidelity & Evidence Ledger:

    • Every claim, statistic, case study, and framework is strictly grounded in the manuscript with exact page locators (Simas & Ulbricht (2024), pp. 454–464).
    • Includes a dedicated, interactive, searchable Evidence Ledger Modal (Database) mapping all evidence IDs (EVD-01 through EVD-11).

  2. Full Bilingual Support (PT-BR / EN):

    • Instantaneous language switching with a single click (PT-BR $\leftrightarrow$ EN).
    • All user-facing components, narratives, chart legends, tooltips, and badges are translated without losing technical precision.
    • Preserves user language preference in localStorage.

  3. 7 Narrative Story Sections & Interactive Visual Grammar:

    • 01. O Paradoxo da Humanidade / The Paradox of Humanness: Theory of Mind attributes (Thinking, Feeling, Perceiving, Desiring, Choosing).
    • 02. A Mente Social / The Social Mind: CASA Paradigm, Media Equation Hypothesis, Attachment Theory.
    • 03. Os Quatro Motores / The SEEK Engine: Sociality, Effectance, Elicitation, Knowledge.
    • 04. A Espada de Dois Gumes / The Double-Edged Sword: Benefits vs. Risks Matrix, Answer-Bot Effect (ABE), Eliza Effect, and the Avatar Paradox (Cicco et al., 2020).
    • 05. Vivendo no Espelho / Real-World Cases: Kindle >500 Books, Inner Child Tulpa Dialogue, CarynAI (>15,000 users) & Replika.
    • 06. Governança & Modelos Interculturais / Governance & Cultural Frameworks: SPADE Framework, Global Traffic vs Human Capital Index, IFA Framework (Western Anthropocentrism vs East Asian Animism).
    • 07. Futuro & Conclusão / Future & Dromoaptitude: Human-Centered AI (HCAI) synergy and Dromoaptitude (navigating informational acceleration).

  4. Responsive Scrollytelling Architecture:

    • Desktop: Dual-column sticky sidecar layout with smooth IntersectionObserver section tracking.
    • Mobile: Responsive stacked viewer with compact navigation.
    • Accessibility: WCAG AA contrast compliance, keyboard focus rings, semantic landmarks, and prefers-reduced-motion support.

🚀 Running Locally

# Clone or enter the workspace
cd Scrollytelling

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

🌐 Netlify Deployment

The project includes netlify.toml preconfigured for zero-config Netlify static deployment:

[build]
  command = "npm run build"
  publish = "dist"

[build.environment]
  NODE_VERSION = "20"

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

📚 Academic Citation

@inproceedings{simas2024human,
  author    = {Gustavo Simas and V{\^a}nia Ulbricht},
  title     = {Human-AI Interaction: An Analysis of Anthropomorphization and User Engagement in Conversational Agents With a Focus on ChatGPT},
  booktitle = {Intelligent Human Systems Integration (IHSI 2024)},
  series    = {AHFE International},
  volume    = {119},
  pages     = {454--464},
  year      = {2024},
  publisher = {AHFE Open Access},
  doi       = {10.54941/ahfe1004510},
  url       = {https://doi.org/10.54941/ahfe1004510}
}