forked from cuadvancelab/cuadvancelab.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (120 loc) · 5.42 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="EASER SaTC website"
content="Web site created using create-react-app"
/>
<!--Bootstrap-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- Custom CSS-->
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>AI Cyberbully Labs</title>
</head>
<body>
<div class="layout">
<!-- Begin Header -->
<div class="header-container">
<!-- Begin Navigation -->
<header class="navbar navbar-expand-sm navbar-light fixed-top header">
<nav class="nav-container container-xxl">
<a href="index.html" class="navbar-brand active">EAGER SaTC</a>
<button id="hamburger-button" class="navbar-toggler" type="button" data-bs-toggle="collapse" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<ul id="navigation" class="nav-list navbar-nav flex-row">
<li class="nav-item col-md-auto">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item col-md-auto">
<a href="labs.html" class="nav-link">Labs</a>
</li>
<li class="nav-item col-md-auto">
<a href="publications.html" class="nav-link">Publications</a>
</li>
<li class="nav-item col-md-auto">
<a href="about.html" class="nav-link">About</a>
</li>
</ul>
</nav>
</header>
<!-- End Navigation -->
<div class="hero-bg">
<div>
<h3 class="hero-title">
SaTC-EDU: Learning Platform and Education Curriculum for AI-Driven Socially-Relevant Cybersecurity
</h3>
</div>
</div>
</div>
<!-- End Header -->
<!-- Begin Home -->
<div class="container-fluid">
<div class="lab-container">
<div class="title">
<h3>EAGER SaTc AI Cybersecurity Lab</h3>
</div>
<div class="brief-intro">
<p>
Cyberharassment (e.g., cyberbullying and cyberhate) is becoming prevalent with the rise of social media. It is crucial to automatically detect such content online to help protect the targeted group(s). The EAGER project is a set of hands-on labs that teaches students how to utilize machine learning to solve this social problem.
</p>
</div>
</div>
<div class="home-bg">
<div class="lab-container">
<div class="title">
<h3>Labs</h3>
</div>
<div class="lab-items-container">
<div class="lab-item">
<div class="lab-info-container">
<div class="lab-title">
<h2><a href="labs.html#text">AI for Text-based Cyberbully Detection</a></h2>
</div>
<div class="lab-brief-intro">
<p>This lab teaches students how AI models can be used to distinguish between a cyberbully and non-cyberbully text-based content. Students will learn data preprocessing, training, and the evaluation metrics of AI-based classifiers.</p>
</div>
</div>
</div>
<div class="lab-item">
<div class="lab-info-container">
<div class="lab-title">
<h2><a href="labs.html#image">AI for Multimodal (Image and Text) Cyberbully Detection</a></h2>
</div>
<div class="lab-brief-intro">
<p>Cyberbullying can occur in images, and it can also occur in both image and text. Students will extract visual features from images and combine these features with textual features to detect cyberbullying in this lab.</p>
</div>
</div>
</div>
<div class="lab-item">
<div class="lab-info-container">
<div class="lab-title">
<h2><a href="labs.html#adversarial">Adversarial Attacks in Cyberbully Detection</a></h2>
</div>
<div class="lab-brief-intro">
<p>AI models are vulnerable to adversarial attacks. In this lab, students will use different algorithms to generate images that can fool models trained to detect cyberbullying, causing the model to produce incorrect output.</p>
</div>
</div>
</div>
</div>
<span><a href="labs.html">View more</a></span>
</div>
</div>
</div>
<!-- End Home -->
<!-- Begin Footer -->
<div class="container-fluid">
<footer class="lab-container footer">
<div class="line">
© <time dateTime="12-10-2021" id="copyright-date"></time> EAGER SaTC AI-Cybersecurity Lab
</div>
</footer>
</div>
<!-- End Footer -->
</div>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>