Hackatonsite/case1.html at main · Autopsias/Hackatonsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Case 1: MCP DOMO - Hackatonsite</title>
    <meta name="description" content="Build an AI-powered integration with DOMO to fetch industrial KPIs">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="assets/css/styles.css">
</head>
<body class="bg-gray-50">
    <!-- NAVIGATION -->
    <header class="bg-white shadow">
        <nav class="container mx-auto px-4 py-4">
            <div class="flex justify-between items-center">
                <h1 class="text-2xl font-bold text-blue-600">
                    <a href="index.html">Hackatonsite</a>
                </h1>
                <ul class="flex space-x-6">
                    <li><a href="index.html" class="hover:text-blue-600">Home</a></li>
                    <li><a href="case1.html" class="text-blue-600 font-semibold">Case 1</a></li>
                    <li><a href="case2.html" class="hover:text-blue-600">Case 2</a></li>
                    <li><a href="case3.html" class="hover:text-blue-600">Case 3</a></li>
                    <li><a href="case4.html" class="hover:text-blue-600">Case 4</a></li>
                </ul>
            </div>
        </nav>
    </header>

    <!-- MAIN CONTENT -->
    <main class="container mx-auto px-4 py-8">
        <article class="bg-white rounded-lg shadow-md p-8 max-w-4xl mx-auto">
            <h1 class="text-3xl font-bold text-gray-900 mb-4">Case 1: MCP DOMO – Industrial KPIs</h1>

            <section class="mb-6">
                <h2 class="text-2xl font-semibold text-gray-800 mb-3">Context</h2>
                <p class="text-gray-700 mb-3">
                    Secil uses DOMO as its Business Intelligence platform to consolidate and analyze industrial indicators. Currently, DOMO receives industrial time-series data via MQTT.
                </p>
                <p class="text-gray-700">
                    The goal of this case is to create an MCP (Model Context Protocol) that provides tools to access the industrial dataset resulting from this collection, using only the DOMO DataSet API to perform queries, filtering, and incremental reading of historical and near real-time data.
                </p>
            </section>

            <section class="mb-6">
                <h2 class="text-2xl font-semibold text-gray-800 mb-3">Case Objective</h2>
                <p class="text-gray-700">
                    <strong>Develop a proof of concept of a functional MCP that includes specific tools for connecting, authenticating, and extracting data from DOMO, allowing other applications or AI agents to consume industrial data in a structured way.</strong>
                </p>
                <p class="text-gray-700 mt-3">
                    The team may demonstrate the use of these tools, for example, in the automatic generation of KPIs or industrial performance reports.
                </p>
            </section>

            <section class="mb-6">
                <h2 class="text-2xl font-semibold text-gray-800 mb-3">Key Challenges</h2>
                <ul class="list-disc list-inside space-y-2 text-gray-700">
                    <li>Understand the structure of DOMO datasets</li>
                    <li>Perform authentication and API calls</li>
                    <li>Select and calculate relevant industrial KPIs</li>
                    <li>Present results clearly (charts, dashboard, etc.)</li>
                </ul>
            </section>

            <section class="mb-6">
                <h2 class="text-2xl font-semibold text-gray-800 mb-3">Available Data / APIs</h2>
                <div class="bg-blue-50 rounded p-4 mb-3">
                    <h3 class="font-semibold text-gray-800 mb-2">DOMO DataSet API</h3>
                    <p class="text-gray-700">
                        <a href="https://developer.domo.com/portal/3b1e3a7d5f420-data-set-api" target="_blank" class="text-blue-600 hover:text-blue-800 underline">
                            https://developer.domo.com/portal/3b1e3a7d5f420-data-set-api
                        </a>
                    </p>
                </div>
                <div class="bg-blue-50 rounded p-4">
                    <h3 class="font-semibold text-gray-800 mb-2">Sample Data</h3>
                    <p class="text-gray-700">Real production data (provided for the pilot)</p>
                </div>
            </section>

            <section class="mb-6">
                <h2 class="text-2xl font-semibold text-gray-800 mb-3">Success Criteria</h2>
                <ul class="list-disc list-inside space-y-2 text-gray-700">
                    <li>✅ Successfully authenticate and read data through the DOMO API</li>
                    <li>✅ Calculate at least three industrial KPIs</li>
                    <li>✅ Demonstrate functional visualization or reporting</li>
                    <li>✅ Explain how the solution could be scaled for real use</li>
                </ul>
            </section>

            <section class="mb-6">
                <h2 class="text-2xl font-semibold text-gray-800 mb-3">Useful Resources</h2>
                <ul class="space-y-2">
                    <li>
                        <a href="https://developer.domo.com/" target="_blank" class="text-blue-600 hover:text-blue-800 underline">
                            DOMO Developer Portal
                        </a>
                    </li>
                    <li>
                        <span class="text-gray-700">Existing dataset documentation</span>
                    </li>
                </ul>
            </section>

            <!-- Back to Home Button -->
            <div class="mt-8 pt-6 border-t border-gray-200">
                <a href="index.html" class="inline-block bg-gray-600 text-white px-6 py-2 rounded hover:bg-gray-700">
                    ← Back to All Cases
                </a>
            </div>
        </article>
    </main>

    <!-- FOOTER -->
    <footer class="bg-gray-800 text-white mt-12 py-6">
        <div class="container mx-auto px-4 text-center">
            <p>&copy; 2025 Hackatonsite - AI-Driven Development Hackathon</p>
            <p class="text-gray-400 text-sm mt-2">Learn. Build. Innovate.</p>
        </div>
    </footer>
</body>
</html>