-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathmedia.html
238 lines (206 loc) · 14.6 KB
/
media.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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Creative Commons Indonesia supports the usage of Creative Commons licenses and open cultural works in Indonesia">
<meta name="author" content="Creative Commons Indonesia">
<title>Media | Creative Commons Indonesia</title>
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost&family=Sen&display=swap" rel="stylesheet">
<!-- css -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
<link href="assets/css/animate.min.css" rel="stylesheet">
<!-- icons -->
<link href="assets/fontawesome/css/fontawesome.css" rel="stylesheet">
<link href="assets/fontawesome/css/brands.css" rel="stylesheet">
<link href="assets/fontawesome/css/solid.css" rel="stylesheet">
<!-- favicon -->
<link rel="icon" type="image/png" href="assets/img/favicon.png">
<!-- rss feed -->
<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="feed.xml">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-md" aria-label="Navbar">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img src="assets/img/logoputih.png" alt="Creative Commons Indonesia" class="img-fluid" width="150"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#ccidnavbar" aria-controls="ccidnavbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="ccidnavbar">
<ul class="navbar-nav me-auto mb-2 mb-md-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="resources" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Informasi
</a>
<ul class="dropdown-menu mt-3 bg-ccid-red-31 animate__animated animate__flipInY animate__faster" aria-labelledby="resources">
<li><a class="dropdown-item" href="lisensi-cc-bahasa-indonesia.html">Lisensi</a></li>
<li><a class="dropdown-item" href="kajian.html">Kajian</a></li>
<li><a class="dropdown-item" href="faq.html">FAQ</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="berita.html">Berita</a></li>
<li class="nav-item"><a class="nav-link" href="acara.html">Acara</a></li>
<li class="nav-item"><a class="nav-link" href="media.html">Media</a></li>
<li class="nav-item"><a class="nav-link" href="tentang.html">Tentang kami</a></li>
<li class="nav-item"><a class="nav-link" href="sobatccid.html">Sobat CCID</a></li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-md-0">
<li class="nav-item"><a class="nav-link" href="https://www.facebook.com/CreativeCommonsIndonesia" title="Facebook"><i class="fa-brands fa-square-facebook"></i></a></li>
<li class="nav-item"><a class="nav-link" href="https://twitter.com/CC_ID" title="Twitter"><i class="fa-brands fa-twitter"></i></a></li>
<li class="nav-item"><a class="nav-link" href="https://www.instagram.com/cc.indonesia/" title="Instagram"><i class="fa-brands fa-instagram"></i></a></li>
<li class="nav-item"><a class="nav-link" href="hubungi-kami.html" title="Hubungi kami"><i class="fa-solid fa-address-book"></i></a></li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid mt-2">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html"><i class="fa-solid fa-house-chimney"></i></a></li>
<li class="breadcrumb-item active" aria-current="page">Media</li>
</ol>
</nav>
</div>
<main class="container p-5">
<div class="row mt-5">
<div class="col-12">
<div class="row mb-5">
<div class="col-lg-3 col-md-4 mb-4">
<img src="uploads/Cover modul SPT.jpg" alt="modulspt" class="img-fluid">
</div>
<div class="col-lg-9 col-md-8 d-flex align-items-start flex-column ps-md-5">
<h3>Modul Pengajaran Sumber Pembelajaran Terbuka Bagi Pelatih</h3>
<p class="mb-4 mb-xl-auto">Creative Commons Indonesia (CCID) meluncurkan sebuah buku modul SPT yang bertajuk “Modul Pengajaran Sumber Pembelajaran Terbuka Bagi Pelatih” yang merupakan lanjutan dari serial Buklet Sumber Pembelajaran Terbuka. Buku ini sangat cocok bagi Anda yang ingin mengajarkan Sumber Pembelajaran Terbuka secara mandiri.</p>
<p class="mb-4">
<a href="2023/08/peluncuran-modul-spt-oleh-ccid.html" class="btn btn-primary mb-2 mb-xl-0" type="button">Baca artikel</a>
<a href="https://commons.wikimedia.org/wiki/File:Modul_Pengajaran_Sumber_Pembelajaran_Terbuka_bagi_Pelatih.pdf" class="btn btn-primary mb-2 mb-xl-0" type="button">Unduh di Wikimedia Commons</a>
</p>
</div>
</div>
<div class="row mb-5">
<div class="col-lg-3 col-md-4 mb-4">
<img src="uploads/peluncuran-buklet-sumber-pembelajaran-terbuka-1.png" alt="Sumber Pembelajaran Terbuka" class="img-fluid">
</div>
<div class="col-lg-9 col-md-8 d-flex align-items-start flex-column ps-md-5">
<h3>Buklet Sumber Pembelajaran Terbuka</h3>
<p class="mb-4 mb-xl-auto">Buklet Sumber Pembelajaran Terbuka (SPT atau <i>Open Educational Resources</i> (OER)), disusun secara kolaboratif bersama dengan Wikimedia Indonesia, Perpustakaan Kemdikbudristek, SEAMEO SEAMOLEC, BRIN, Socolas, dan Komunitas Gimpscape ID. Buklet SPT ini terdiri dari 2 seri yakni Pengenalan Sumber Pembelajaran Terbuka Bagi Pendidik, serta Panduan Praktik Penggunaan dan Pembuatan Sumber Pembelajaran Terbuka. Buku ini cocok bagi Anda yang ingin mengetahui ilmu dasar Sumber Pembelajaran Terbuka dengan konteksnya di Indonesia.</p>
<p class="mb-4">
<a href="2023/01/peluncuran-buklet-sumber-pembelajaran-terbuka.html" class="btn btn-primary mb-2 mb-xl-0" type="button">Baca artikel</a>
<a href="https://commons.wikimedia.org/wiki/Category:Buklet_Sumber_Pembelajaran_Terbuka" class="btn btn-primary mb-2 mb-xl-0" type="button">Unduh di Wikimedia Commons</a>
<a href="https://commons.wikimedia.org/wiki/File:Pengenalan_Sumber_Pembelajaran_Terbuka_bagi_Pendidik_-_Seri_1.pdf" class="btn btn-primary mb-2 mb-xl-0" type="button">Unduh Seri 1</a>
<a href="https://commons.wikimedia.org/wiki/File:Panduan_Praktik_Penggunaan_dan_Pembuatan_Sumber_Pembelajaran_Terbuka_-_Seri_2.pdf" class="btn btn-primary mb-2 mb-xl-0" type="button">Unduh Seri 2</a>
</p>
</div>
</div>
<div class="row mb-5">
<div class="col-lg-3 col-md-4 mb-4">
<img src="uploads/Poster katalog domain publik.jpg" alt="katalog domain publik" class="img-fluid">
</div>
<div class="col-lg-9 col-md-8 d-flex align-items-start flex-column ps-md-5">
<h3>Katalog Domain Publik</h3>
<p class="mb-4 mb-xl-auto">Dapatkan Katalog Domain Publik: Karya Bebas Hak Cipta di Indonesia oleh Creative Commons Indonesia.</p>
<p class="mb-4">
<a href="https://commons.wikimedia.org/wiki/File:Katalog_Domain_Publik_-_Karya_Bebas_Hak_Cipta_di_Indonesia.pdf" class="btn btn-primary mb-2 mb-xl-0" type="button">Unduh di Wikimedia Commons</a>
</p>
</div>
</div>
<div class="row mb-5">
<div class="col-lg-3 col-md-4 mb-4">
<img src="uploads/Poster buku made with CC.jpg" alt="made with cc" class="img-fluid">
</div>
<div class="col-lg-9 col-md-8 d-flex align-items-start flex-column ps-md-5">
<h3>Made with Creative Commons</h3>
<p class="mb-4 mb-xl-auto">Creative Commons Indonesia meluncurkan terjemahan Bahasa Indonesia dari buku Made with Creative Commons.</p>
<p class="mb-4">
<a href="https://commons.wikimedia.org/wiki/File:Made_With_Creative_Commons_-_Panduan_Penerapan_Model_Bisnis_Terbuka_Untuk_Anda.pdf" class="btn btn-primary mb-2 mb-xl-0" type="button">Unduh di Wikimedia Commons</a>
</p>
</div>
</div>
<div class="row mb-5">
<div class="col-lg-3 col-md-4 mb-4">
<img src="uploads/brosur.jpg" alt="bukukontenterbuka" title="Buku Konten Terbuka" class="img-fluid">
</div>
<div class="col-lg-9 col-md-8 d-flex align-items-start flex-column ps-md-5">
<h3>Temukan materi komunikasi CCID </h3>
<p class="mb-4 mb-xl-auto">Materi komunikasi Creative Commons Indonesia berisi penjelasan singkat tentang hak cipta dan lisensi creative commons.</p>
<p class="mb-4"><a href="https://commons.wikimedia.org/wiki/Category:Materi_komunikasi_Creative_Commons_Indonesia" class="btn btn-primary mb-2 mb-xl-0" type="button">Unduh di Wikimedia Commons</a></p>
</div>
</div>
<div class="row mb-5">
<div class="col-lg-3 col-md-4 mb-4">
<img src="assets/img/bukukontenterbuka.jpg" alt="bukukontenterbuka" title="Buku Konten Terbuka" class="img-fluid">
</div>
<div class="col-lg-9 col-md-8 d-flex align-items-start flex-column ps-md-5">
<h3>Pedoman Praktis Penggunaan Lisensi Creative Commons</h3>
<p class="mb-4 mb-xl-auto">Buku terjemahan ini bertujuan untuk menyediakan pedoman praktis bagi perorangan dan organisasi yang tertarik untuk menggunakan dan menerapkan lisensi konten terbuka: Bagaimana cara kerja lisensi konten terbuka? Bagaimana cara untuk memilih lisensi yang paling cocok untuk kebutuhan personal? Di mana bisa mendapatkan konten terbuka dalam jaringan? Ini adalah beberapa pertanyaan yang akan terjawab di dalam pedoman.</p>
<p class="mb-4"><a href="https://upload.wikimedia.org/wikipedia/commons/0/02/Konten_Terbuka_%E2%80%93_Pedoman_Praktis_Penggunaan_Lisensi_Creative_Commons.pdf" class="btn btn-primary mb-2 mb-xl-0" type="button">Unduh di Wikimedia Commons</a></p>
</div>
</div>
</div>
</div>
</main>
<footer class="mt-5">
<div class="container-fluid">
<div class="row align-items-md-end pt-5 pb-4">
<div class="col-md-12 col-lg-2 offset-lg-1 px-5 px-md-0 mb-4 mb-md-5 mb-lg-2 text-center align-self-center">
<img src="assets/img/footer-sketch.svg" class="img-fluid h-100 px-2">
</div>
<div class="col-6 col-md-3 col-lg-2 mb-3 ps-5 ps-md-3 mb-md-0 d-flex justify-content-md-center">
<ul class="ms-4 fa-ul">
<li><h5>Informasi</h5></li>
<li><span class="fa-li"><i class="fa-brands fa-readme"></i></span><a href="media.html">Media</a></li>
<li><span class="fa-li"><i class="fa-brands fa-creative-commons"></i></span><a href="lisensi-cc-bahasa-indonesia.html">Lisensi</a></li>
<li><span class="fa-li"><i class="fa-solid fa-book-open-reader"></i></span><a href="kajian.html">Kajian</a></li>
<li><span class="fa-li"><i class="fa-solid fa-circle-question"></i></span><a href="faq.html">FAQ</a></li>
</ul>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-3 mb-md-0 d-flex justify-content-md-center">
<ul class="ms-4 fa-ul">
<li><h5>Tentang kami</h5></li>
<li><span class="fa-li"><i class="fa-solid fa-person-rays"></i></span><a href="tentang.html">Tentang kami</a></li>
<li><span class="fa-li"><i class="fa-solid fa-newspaper"></i></span><a href="berita.html">Berita</a></li>
<li><span class="fa-li"><i class="fa-solid fa-calendar-check"></i></span><a href="acara.html">Acara</a></li>
</ul>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-3 ps-5 ps-md-3 mb-md-0 d-flex justify-content-md-center">
<ul class="ms-4 fa-ul">
<li><h5>Network</h5></li>
<li><span class="fa-li"><i class="fa-solid fa-users"></i></span><a href="sobatccid.html">Sobat CCID</a></li>
<li><span class="fa-li"><i class="fa-brands fa-creative-commons"></i></span><a href="https://creativecommons.org/">CCHQ</a></li>
<li><span class="fa-li"><i class="fa-solid fa-earth-asia"></i></span><a href="https://network.creativecommons.org/">CC Global Network</a></li>
</ul>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-3 mb-md-0 d-flex justify-content-md-center">
<ul class="ms-4 fa-ul">
<li><h5>Kontak</h5></li>
<li><span class="fa-li"><i class="fa-solid fa-address-book"></i></span><a href="hubungi-kami.html">Hubungi kami</a></li>
<li><span class="fa-li"><i class="fa-brands fa-square-facebook"></i></span><a href="https://www.facebook.com/CreativeCommonsIndonesia">Facebook</a></li>
<li><span class="fa-li"><i class="fa-brands fa-twitter"></i></span><a href="https://twitter.com/CC_ID">Twitter</a></li>
<li><span class="fa-li"><i class="fa-brands fa-instagram"></i></span><a href="https://www.instagram.com/cc.indonesia/">Instagram</a></li>
</div>
</div>
<div class="row footer-license">
<div class="col-12 text-center text-white">
<p class="my-4"><i class="fa-brands fa-creative-commons pe-1"></i><i class="fa-brands fa-creative-commons-by pe-1"></i> 2012–2023 Creative Commons Indonesia. Kecuali dinyatakan lain, konten di situs ini dilisensikan di bawah lisensi <a href="https://creativecommons.org/licenses/by/4.0/deed.id">Creative Commons Atribusi 4.0 Internasional</a>.
</div>
</div>
</div>
</footer>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-92784032-1', 'auto');
ga('send', 'pageview');
</script>
<!-- js -->
<script src="assets/js/jquery-3.6.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.js"></script>
</body>
</html>