AUPE/home.html at main · Black-Lights/AUPE · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AUPE RiskMonitor Dashboard</title>
    <link rel="stylesheet" href="assets/styles.css">

</head>
<body class="body">

<header>
    <h1>AUPE RiskMonitor Dashboard</h1>
</header>

<div class="container">
    <div class="welcome">
        <div class="welcome-text">
            <h2>Welcome to AUPE RiskMonitor Dashboard</h2>
            <p>AUPE RiskMonitor Dashboard is an advanced tool designed for visualizing and analyzing geospatial risk data, specifically targeting landslide risks across various provinces. Developed as part of our Software Engineering project in Geoinformatics, this application allows users to explore and understand different risks associated with landslides.</p>
            <h3>Key Features:</h3>
            <ul>
                <li>Dynamic Data Visualization: The dashboard offers various visualization options including interactive maps, bar charts, pie charts, and detailed data tables to represent landslide risk data.</li>
                <li>Data Customization: Users can select different data types (surface area or population or buildings), risk types, and specific provinces to tailor the data displayed.</li>
                <li>Interactive Maps: The app includes a mapping feature with different base tiles, allowing users to visualize risk levels with customizable opacity settings for better clarity and understanding.</li>
                <li>Comprehensive Analysis: It supports multiple risk levels (low, medium, high, very high) and provides detailed breakdowns by province, aiding in thorough geospatial analysis.</li>
                <li>User-Friendly Interface: With intuitive dropdowns and interactive elements, the dashboard ensures a seamless experience for users to navigate and extract meaningful insights from complex geospatial data.</li>
            </ul>
            <h3>Usage:</h3>
            <p>Simply select the type of data and provinces you are interested in from the dropdown menus. Choose your preferred visualization method and explore the geospatial risk information in a comprehensive and engaging manner.</p>
            <p>AUPE RiskMonitor Dashboard is a tool for researchers, policymakers, and anyone interested in geospatial risk analysis, providing crucial insights to support risk management and mitigation strategies.</p>
        </div>
        <div class="welcome-images">
            <img src="assets/img1.jpg" alt="App Image 1">
            <img src="assets/img2.jpg" alt="App Image 2">
        </div>
    </div>

    <div class="team">
        <h2>Meet Our Team</h2>
        <div class="team-member">
            <div>
                <img src="assets/img_ammar.jpg" alt="Team Member 1">
                <h3>Mohammad Ammar Mughees</h3>
                <p><a href="https://www.linkedin.com/in/mohammad-ammar-mughees-07a075211/" target="_blank">LinkedIn</a></p>
            </div>
            <div>
                <img src="assets/img_umayr.jpg" alt="Team Member 2">
                <h3>Mohmmad Umayr Romshoo</h3>
                <p><a href="https://www.linkedin.com/in/mohammad-umayr-romshoo-9417a416a" target="_blank">LinkedIn</a></p>
            </div>
            <div>
                <img src="assets/img_erfan.jpg" alt="Team Member 3">
                <h3>Syed Erfan Eshghelahi</h3>
                <p><a href="https://www.linkedin.com/in/erfaneshghelahi/" target="_blank">LinkedIn</a></p>
            </div>
            <div>
                <img src="assets/img_praveen.jpg" alt="Team Member 4">
                <h3>Praveenkumar Saminathan</h3>
                <p><a href="https://www.linkedin.com/in/praveen-kumar-s-993902228" target="_blank">LinkedIn</a></p>
            </div>
        </div>
    </div>

    <div class="documents">
        <h2>Project Documents</h2>
        <ul>
            <li><a href="Docs/SE4G_RASD.pdf" target="_blank">RASD Document</a></li>
            <li><a href="Docs/Design_Document_(DD).pdf" target="_blank">DD Document</a></li>
            <li><a href="Docs/Software_Release_Document_(SRD).pdf" target="_blank">SRD Document</a></li>
        </ul>
    </div>
</div>

<footer>
    <p>&copy; 2024 AUPE RiskMonitor Dashboard. All rights reserved.</p>
</footer>

</body>
</html>