-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcase4.html
More file actions
137 lines (126 loc) · 7.01 KB
/
Copy pathcase4.html
File metadata and controls
137 lines (126 loc) · 7.01 KB
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Case 4: SAP Profile Management - Hackatonsite</title>
<meta name="description" content="Automate SAP user profile creation workflow using AI-driven tools">
<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="hover:text-blue-600">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="text-blue-600 font-semibold">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 4: SAP Profile Management – Profile Creation Workflow</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">
The creation and management of SAP user profiles requires multiple interactions between business, IT, and security teams. Currently, the process is manual and poorly traceable.
</p>
<p class="text-gray-700">
This case proposes creating a simple digital workflow system to automate requests and approvals.
</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 platform or prototype workflow that allows users to create, approve, and track SAP profile requests, with a simple interface and the possibility of future integration with SAP.</strong>
</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>Model the profile creation and approval flow</li>
<li>Implement an interface (web app, Power Automate, etc.)</li>
<li>Ensure traceability and auditability of requests</li>
<li>(Optional) Use AI to interpret natural language profile requests</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">Example SAP Profile Request Structure</h3>
<p class="text-gray-700">Sample structure for profile creation requests</p>
</div>
<div class="bg-blue-50 rounded p-4 mb-3">
<h3 class="font-semibold text-gray-800 mb-2">Fictitious Endpoint</h3>
<p class="text-gray-700">Option to simulate integration with a fictitious endpoint</p>
</div>
<div class="bg-blue-50 rounded p-4">
<h3 class="font-semibold text-gray-800 mb-2">Recommended Tools</h3>
<p class="text-gray-700">Power Apps, Python Flask, or similar</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>✅ Build a functional flow from request → approval → execution</li>
<li>✅ Record and display the status of each request</li>
<li>✅ Include traceability (history, timestamps, approvers)</li>
<li>✅ Demonstrate potential for future SAP integration</li>
</ul>
</section>
<section class="mb-6">
<h2 class="text-2xl font-semibold text-gray-800 mb-3">Available Resources</h2>
<!-- Case Documentation Download -->
<div class="bg-purple-50 rounded-lg p-4 mb-4">
<h3 class="text-lg font-semibold text-gray-800 mb-3">📋 Case Documentation</h3>
<div class="bg-white rounded p-3 shadow-sm">
<div class="flex items-center justify-between">
<div>
<p class="font-semibold text-gray-800">Hackathon Case: SAP Profile Management</p>
<p class="text-sm text-gray-600">Complete case description and requirements (Portuguese)</p>
</div>
<a href="resources/case4/documents/Gestao Perfis SAP - Hackathon_Caso_Gestao_Perfis_SAP.docx"
download
class="ml-4 bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700 whitespace-nowrap">
Download DOCX
</a>
</div>
</div>
</div>
<!-- Technical Resources -->
<div class="bg-blue-50 rounded-lg p-4">
<h3 class="text-lg font-semibold text-gray-800 mb-3">🔗 Useful Resources</h3>
<ul class="space-y-2">
<li>
<span class="text-gray-700">Power Automate / Power Apps / Python web frameworks</span>
</li>
</ul>
</div>
</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>© 2025 Hackatonsite - AI-Driven Development Hackathon</p>
<p class="text-gray-400 text-sm mt-2">Learn. Build. Innovate.</p>
</div>
</footer>
</body>
</html>