-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
395 lines (391 loc) · 19.2 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
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
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
<!DOCTYPE
html>
<html>
<head>
<meta name="viewport" content="target-densitydpi=medium-dpi, width=device-width, inital-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>Tematik</title>
<link rel="stylesheet" href="style.css"/>
<link rel="stylesheet" href="jquery.mobile-1.3.2.min.css"/>
<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.mobile-1.3.2.min.js"></script>
<script src="jquery.js"></script>
</head>
<body>
<!--Home////////////////////////////////////////////////////////////////////////////////////////////////////-->
<div id="home" data-role="page" data-theme="b" >
<div data-role="header" data-id="myheader">
<h1>Tematik Tema 4</h1>
</div>
<div data-role="navbar"><ul>
<li><a href="#home" data-transition="fade" data-icon="home">Home</a></li>
<li><a href="#lima" data-transition="fade" data-icon="bars">Pembelajaran 5</a></li>
<li><a href="#enam" data-transition="fade" data-icon="edit">Pembelajaran 6</a></li></ul>
</div>
<div data-role="content" data-theme="b">
<img src="images/cover.png" style="width: 100%;" />
</div>
<div data-id="myfooter" data-role="footer" data-position="fixed">
<h4>Berbagai Pekerjaan</h4>
</div>
</div>
<!--///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
<!--LIMA////////////////////////////////////////////////////////////////////////////////////////////////////-->
<div id="lima" data-role="page" data-theme="b" >
<div data-role="header" data-id="myheader">
<a href="index.html" class="ui-btn-left" data-iconpost="left" data-icon="arrow-l" data-rel="back">back</a>
<h1>Tematik Tema 4</h1>
</div>
<div data-role="navbar"><ul>
<li><a href="#home" data-transition="fade" data-icon="home">Home</a></li>
<li><a href="#lima" data-transition="fade" data-icon="bars">Pembelajaran 5</a></li>
<li><a href="#enam" data-transition="fade" data-icon="edit">Pembelajaran 6</a></li></ul>
</div>
<div data-role="content">
<img src="images/chat.png" style="width:90%; max-width:600px;" />
<ul data-role="listview" data-inset="false" data-theme="c">
<li><a href="#tahu">
<img src="images/iTahu.png" style="width:100%; max-width:80px;"/>
Tahukah Kamu ?</a></li>
<li><a href="#ungkap">
<img src="images/iUngkap.png" style="width:100%; max-width:80px;"/>
Ayo Ungkapkan Perasaanmu</a></li>
<li><a href="#laku">
<img src="images/iLaku.png" style="width:100%; max-width:80px;"/>
Ayo Lakukan</a></li>
<li><a href="#kerjasama">
<img src="images/iKerjasama.png" style="width:100%; max-width:80px;"/>
Ayo Bekerjasama</a></li>
<li><a href="#renung">
<img src="images/iRenung.png" style="width:100%; max-width:80px;"/>
Ayo Renungkan</a></li>
<li><a href="#kerja">
<img src="images/iKerja.png" style="width:100%; max-width:80px;"/>
Kerjasama dengan Orang Tua</a></li>
</ul>
</div>
<div data-id="myfooter" data-role="footer" data-position="fixed">
<h4>Berbagai Pekerjaan</h4>
</div>
</div>
<!--///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
<!--ENAM////////////////////////////////////////////////////////////////////////////////////////////////////-->
<div id="enam" data-role="page" data-theme="b" >
<div data-role="header" data-id="myheader">
<a href="index.html" class="ui-btn-left" data-iconpost="left" data-icon="arrow-l" data-rel="back">back</a>
<h1>Tematik Tema 4</h1>
</div>
<div data-role="navbar"><ul>
<li><a href="#home" data-transition="fade" data-icon="home">Home</a></li>
<li><a href="#lima" data-transition="fade" data-icon="bars">Pembelajaran 5</a></li>
<li><a href="#enam" data-transition="fade" data-icon="edit">Pembelajaran 6</a></li></ul>
</div>
<div data-role="content">
<h1>Evaluasi</h1>
<table>
<tr>
<td width="10%" valign="top"><strong>A</strong></td>
<td width="40%" valign="top">Perhatikanlah gambar susana
kota di samping ini! Tuliskan
jenis-jenis pekerjaan yang ada
di kota.<br/>
<textarea cols="100%" rows="100%"></textarea></td>
<td width="50%"><img src="images/31a.png" style="width:100%; max-width:300px;"/></td>
</tr>
<tr>
<td width="10%" valign="top"> </td>
<td width="40%" valign="top">Perhatikanlah gambar susana
desa di samping ini! Tuliskan
jenis-jenis pekerjaan yang ada
di desa.<br/>
<textarea cols="100%" rows="100%"></textarea></td>
<td width="50%"><img src="images/31b.png" style="width:100%; max-width:300px;"/></td>
</tr>
<tr>
<td width="10%" valign="top"><strong>B</strong></td>
<td colspan="2" width="40%" valign="top" align="justify">
Seorang pengusaha industri rumah tangga ingin membuat sejumlah meja dan
kursi .
Ia sedang bimbang apakah akan menggunakan bambu, kayu, atau besi untuk
meja dan kursinya.
Ia ingin membuat meja dan kursi yang kuat, murah, dan tahan lama.
Bantulah pengusaha tersebut untuk memilih salah satu dari ketiga bahan baku
tersebut.
Tuliskan alasanmu mengapa memilih bahan baku tersebut.<br/>
<textarea cols="100%" rows="100%"></textarea></td>
</tr>
<tr>
<td width="10%" valign="top"><strong>C</strong></td>
<td colspan="2" width="40%" valign="top" align="justify">
Sikap apa yang harus dimiliki oleh setiap pekerja? Jelaskan dengan singkat!<br/>
<textarea cols="100%" rows="100%"></textarea></td>
</tr>
<tr>
<td width="10%" valign="top"><strong>D</strong></td>
<td colspan="2" width="40%" valign="top" align="justify">
Tahukah kamu? Dari manakah asal benda-benda yang ada di sekitar kita? Berilah
tanda panah untuk menghubungkannya!<br/>
<img src="images/33a.png" style="width:100%; max-width:400px;"/></td>
</tr>
<tr>
<td width="10%" valign="top"><strong>E</strong></td>
<td colspan="2" width="40%" valign="top" align="justify">
Amati Peta Sumber Daya Alam Negara Indonesia di bawah ini.<br/>
<img src="images/33b.png" style="width:100%; max-width:400px;"/><br/>
Indonesia memiliki kekayaan alam yang beragam, tahukah kamu jenis-jenis sumber
daya alam yang ada di setiap pulau kita? Isilah tabel berikut untuk mengetahui
kekayaan alam Negara Indonesia.
<p>Pulau Jawa</p>
<input type="text" placeholder="Dataran Tinggi">
<input type="text" placeholder="Dataran Rendah">
<input type="text" placeholder="Dataran Perairan">
<p>Pulau Sumatra</p>
<input type="text" placeholder="Dataran Tinggi">
<input type="text" placeholder="Dataran Rendah">
<input type="text" placeholder="Dataran Perairan">
<p>Pulau Kalimantan</p>
<input type="text" placeholder="Dataran Tinggi">
<input type="text" placeholder="Dataran Rendah">
<input type="text" placeholder="Dataran Perairan">
<p>Pulau Sulawesi</p>
<input type="text" placeholder="Dataran Tinggi">
<input type="text" placeholder="Dataran Rendah">
<input type="text" placeholder="Dataran Perairan">
<p>Pulau Papua</p>
<input type="text" placeholder="Dataran Tinggi">
<input type="text" placeholder="Dataran Rendah">
<input type="text" placeholder="Dataran Perairan">
</td>
</tr>
<tr>
<td width="10%" valign="top"><strong>F</strong></td>
<td colspan="2" width="40%" valign="top" align="justify">
Apakah jenis sumber daya alam tersebut akan habis? Jelaskan dengan singkat!<br/>
<textarea cols="100%" rows="100%"></textarea>
Bagaimana supaya sumber daya alam tersebut bisa dimanfaatkan dalam jangka
waktu yang lama? Jelaskan dengan singkat!
<textarea cols="100%" rows="100%"></textarea></td>
</tr>
<tr>
<td width="10%" valign="top"><strong>G</strong></td>
<td colspan="2" width="40%" valign="top" align="justify">
Carilah luas permukaan setiap bidang yang berwarna berikut!<br/>
<img src="images/34a.png" style="width:100%; max-width:400px;"/>
<input type="text" placeholder="Gambar 1">
<input type="text" placeholder="Gambar 2">
<input type="text" placeholder="Gambar 3">
<img src="images/35a.png" style="width:100%; max-width:400px;"/>
<input type="text" placeholder="Gambar 4">
<input type="text" placeholder="Gambar 5">
<input type="text" placeholder="Gambar 6">
</tr>
<tr>
<td width="10%" valign="top"><strong>H</strong></td>
<td width="60%" valign="top" align="justify">
Pecahkanlah masalah berikut!
Seorang petani mempunyai sebidang sawah deng
bentuk dan ukuran, seperti gambar di samping. <br/></td>
<td width="30%"><img src="images/35c.png" style="width:100%; max-width:400px;"/></td>
</tr>
<tr>
<td width="10%" valign="top"><strong> </strong></td>
<td colspan="2" width="60%" valign="top" align="justify">
Untuk kesuburan tanaman padi, petani tersebut
memberikan 8 gram pupuk untuk setiap 1 m2. Berapa gram pupuk yang
dibutuhkan petani tersebut untuk seluruh kebunnya?
<textarea cols="100%" rows="100%"></textarea>
</td>
</tr>
<tr>
<td width="10%" valign="top"><strong>I</strong></td>
<td width="60%" valign="top" align="justify">
Ini adalah ruangan Perpustakaan SD Nusantara
1 yang berbentuk huruf "L". Ruang Perpustakaan
ini akan dipasang karpet. <br/></td>
<td width="30%"><img src="images/35b.png" style="width:100%; max-width:400px;"/></td>
</tr>
<tr><td width="10%" valign="top"><strong> </strong></td>
<td colspan="2" width="60%" valign="top" align="justify">
<textarea cols="100%" rows="100%"></textarea>
</td></tr>
<tr>
<td width="10%" valign="top"><strong>J</strong></td>
<td colspan="2" width="60%" valign="top" align="justify">
Coba buatlah soal cerita kreasimu sendiri dengan menerapkan konsep
luas bangun datar persegi panjang dan tuliskan jawabannya!
<textarea cols="100%" rows="100%"></textarea>
</td>
</tr>
</table>
</div>
<div data-id="myfooter" data-role="footer" data-position="fixed">
<h4>Berbagai Pekerjaan</h4>
</div>
</div>
<!--///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
<!--pembelajaran 5////////////////////////////////////////////////////////////////////////////////////////////////////-->
<div id="tahu" data-role="page" data-theme="b" >
<div data-role="header" data-id="myheader">
<a href="index.html" class="ui-btn-left" data-iconpost="left" data-icon="arrow-l" data-rel="back">back</a>
<h1>Pembelajaran 5</h1>
</div>
<div data-role="content" data-theme="b">
<img src="images/tk.png"/>
<p align="justify">Hari ini Udin bersama ayah mengunjungi paman di desa. Di tengah perjalanan,
Udin dan ayah merasa haus. Mereka kemudian membeli teh kemasan. Udin kembali
teringat dengan cerita "Ulil si Pucuk Daun Teh".</p>
<p align="justify">Udin berpikir bagaimana teh dari pegunungan bisa sampai ke kota dan ke desa.
Yuk, kita bantu Udin!</p>
<img src="images/25a.png"/>
<p>Amati gambar dan diskusikan bersama teman. Jawab pertanyaan berikut</p>
1. Bagaimana proses teh bisa ke tangan pembeli?
2. Siapa saja yang menikmati teh pada gambar di atas?<br/>
3. Bagaimana jika salah satu pekerja tersebut tidak dapat bekerja dengan baik?<br/>
4. Apakah setiap jenis pekerjaan tersebut saling membutuhkan?<br/>
Carilah hubungan antara jenis pekerjaan tersebut sebanyak mungkin. Tuliskan dalam
bentuk peta pikiran!
</div>
<div data-id="myfooter" data-role="footer" data-position="fixed">
<h4>Berbagai Pekerjaan</h4>
</div>
</div>
<!--/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
<div id="ungkap" data-role="page" data-theme="b" >
<div data-role="header" data-id="myheader">
<a href="index.html" class="ui-btn-left" data-iconpost="left" data-icon="arrow-l" data-rel="back">back</a>
<h1>Pembelajaran 5</h1>
</div>
<div data-role="content" data-theme="b">
<img src="images/aup.png"/>
<p align="justify">Pilihlah sebuah barang yang kamu gunakan dalam kehidupan sehari-hari.
Pikirkan bagaimana barang tersebut bisa sampai kepadamu! </p>
<textarea cols="100%" rows="100%"></textarea>
</div>
<div data-id="myfooter" data-role="footer" data-position="fixed">
<h4>Berbagai Pekerjaan</h4>
</div>
</div>
<!--/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
<div id="laku" data-role="page" data-theme="b" >
<div data-role="header" data-id="myheader">
<a href="index.html" class="ui-btn-left" data-iconpost="left" data-icon="arrow-l" data-rel="back">back</a>
<h1>Pembelajaran 5</h1>
</div>
<div data-role="content" data-theme="b">
<img src="images/al.png"/>
<p align="justify">Udin telah sampai di rumah paman di desa. Paman Udin adalah seorang petani. Ia
memiliki ladang yang ditanami dengan berbagai jenis tanaman.
Setibanya di sana, Udin melihat paman akan menanam jagung di ladang.<br/>
Ia juga akan memagari ladang jagungnya menggunakan batang-batang bambu. </p>
<img src="images/27a.png" style="width:100%; max-width:300px;"/>
<p>Jika 1 m2 membutuhkan 5 kantong biji jagung, berapa banyak kantong biji jagung yang
diperlukan?</p>
<p>Untuk menentukan banyaknya kantong biji jagung yang akan ditanam, kamu harus
mengetahui luas ladangnya.</p>
<p>luas ladang pak tani adalah:</p>
<textarea cols="100%" rows="100%"></textarea>
<p>Banyak kantong biji jagung yang diperlukan adalah:</p>
<textarea cols="100%" rows="100%"></textarea>
<p>Untuk membuat pagar sebuah bidang area, kamu harus mengetahui keliling bidang
tersebut.</p>
<p>Keliling ladang pak tani adalah :</p>
<textarea cols="100%" rows="100%"></textarea>
<p>Jika setiap 1 meter dari ukuran sisi memerlukan 8 batang bambu, berapakah jumlah
bambu yang ia perlukan untuk memagari ladangnya?</p>
<textarea cols="100%" rows="100%"></textarea>
<p>Sekarang cobalah untuk berkreasi membuat cerita tentang seorang petani yang akan
menanam sayuran di ladang pertanian. Perhatikan langkah-langkah berikut:<br/>
1. Tentukan ukuran panjang dan ukuran lebar ladang.<br/>
2. Hitung luasnya.<br/>
3. Tentukan jumlah tanaman yang diperlukan untuk area 1 meter persegi. <br/>
4. Hitung jumlah sayuran yang diperlukan.</p>
</div>
<div data-id="myfooter" data-role="footer" data-position="fixed">
<h4>Berbagai Pekerjaan</h4>
</div>
</div>
<!--/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
<div id="kerjasama" data-role="page" data-theme="b" >
<div data-role="header" data-id="myheader">
<a href="index.html" class="ui-btn-left" data-iconpost="left" data-icon="arrow-l" data-rel="back">back</a>
<h1>Pembelajaran 5</h1>
</div>
<div data-role="content" data-theme="b">
<h4>Bacalah kisah penambak ikan di bawah ini!</h4>
<p align="justify">Udin, kemudian berjalan-jalan di desa. Ia
menyusuri aliran sungai yang ada di desa
Udin kemudian bertemu dengan seorang
Petambak Ikan. Petambak ikan adalah pekerja
yang pekerjaannya mem buat tambak/kolam
dan meme lihara ikan untuk dikembangkan
di tambak tersebut. Jika jumlah ikan telah
banyak dan cukup besar untuk dimakan
Petambak ikan akan menjual ikan-ikannya
kepada penjual ikan dan penjual ikan akan
membawanya ke kota.</p>
<img src="images/29a.png" style="width:100%; max-width:300px;"/>
<p align="justify">Udin melihat Petambak Ikan tersebut sedang sibuk membersihkan sampah di
tambaknya. Tambak ikan tersebut mendapatkan air dari sungai yang dialirkan masuk
ke tambaknya.</p>
<p>Yuk, kita simak percakapan Udin dengan petambak ikan tersebut.</p>
<strong>Udin : </strong>Apa yang terjadi dengan tambak Bapak? <br/>
<strong>Petambak Ikan :</strong> Tambak ini penuh sampah.<br/>
<strong>Udin :</strong> Mengapa tambak Bapak penuh sampah?.<br/>
<strong>Petambak ikan :</strong> Karena banyak orang membuang sampah ke sungai, sampahnya masuk ke tambak.<br/>
<strong>Udin :</strong> Apa akibat sampah bagi ikan-ikan yang hidup di tambak?<br/>
<strong>Petambak ikan :</strong> Ikan-ikan bisa mati, karena tidak bisa bernapas.<br/>
<p>Percakapan tersebut bisa ditulis dalam bentuk yang lain</p>
<p align="justify">Pada suatu hari Udin berjalan menyusuri sungai. Udin bertemu dengan seorang
Petambak Ikan yang sedang membersihkan tambaknya.
Udin bertanya, "Apa yang terjadi dengan tambak bapak?".
Petambak Ikan menjawab, "Tambak ini penuh sampah."
Udin kemudian bertanya lagi, "Mengapa tambak ini penuh sampah?"
Petambak ikan kembali menjawab, "Karena banyak orang membuang sampah,
sampahnya jadi masuk ke tambak"
Udin semakin penasaran. Ia kembali bertanya, "Apa akibat sampah bagi ikan-ikan yang
hidup di tambak?"
"Ikan-ikan bisa mati karena tidak bisa bernapas," jawab Petambak. </p>
<p>Amati dan diskusikanlah dua jenis teks tentang Udin dan Petambak Ikan di atas,
bersama teman-temanmu! Kemudian, jawablah pertanyaan-pertanyaan berikut.</p>
1. Bagaimana perbedaan cara penulisan dua jenis teks tersebut?<br/>
2. Bagaimana perbedaan penggunaan tanda baca pada dua jenis teks tersebut?<br/>
3. Apa yang bisa kamu simpulkan dari dua jenis teks tersebut?
</div>
<div data-id="myfooter" data-role="footer" data-position="fixed">
<h4>Berbagai Pekerjaan</h4>
</div>
</div>
<!--/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
<div id="renung" data-role="page" data-theme="b" >
<div data-role="header" data-id="myheader">
<a href="index.html" class="ui-btn-left" data-iconpost="left" data-icon="arrow-l" data-rel="back">back</a>
<h1>Pembelajaran 5</h1>
</div>
<div data-role="content" data-theme="b">
<img src="images/ar.png"/>
<p align="justify">Apa yang telah kamu pelajari hari ini? Bagaimana kamu menerapkannya dalam
kehidupan sehari-hari?</p>
<textarea cols="100%" rows="100%"></textarea>
</div>
<div data-id="myfooter" data-role="footer" data-position="fixed">
<h4>Berbagai Pekerjaan</h4>
</div>
</div>
<!--/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
<div id="kerja" data-role="page" data-theme="b" >
<div data-role="header" data-id="myheader">
<a href="index.html" class="ui-btn-left" data-iconpost="left" data-icon="arrow-l" data-rel="back">back</a>
<h1>Pembelajaran 5</h1>
</div>
<div data-role="content" data-theme="b">
<img src="images/ko.png"/>
<p align="justify">Diskusikan bersama orang tuamu di rumah tentang alasan mengapa seseorang harus
bekerja. Cari tahu alasan-alasannya.</p>
</div>
<div data-id="myfooter" data-role="footer" data-position="fixed">
<h4>Berbagai Pekerjaan</h4>
</div>
</div>
</body>
</html>