-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
466 lines (462 loc) · 20.3 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
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Web Portofolio</title>
<link rel="stylesheet" href="css/style.css" />
<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=Rubik&display=swap"
rel="stylesheet"
/>
<script src="https://code.iconify.design/iconify-icon/1.0.1/iconify-icon.min.js"></script>
</head>
<body>
<div class="header">
Web Portofolio
<link href="assets/img/favicon.webp" rel="icon">
<div class="navbar">
<div><a href="#about">Tentang saya</a></div>
<div><a href="#edu">Pendidikan</a></div>
<div><a href="#skill">Skill</a></div>
<div><a href="#materi">Materi</a></div>
</div>
</div>
<div class="main">
<div class="hero">
<div class="hello">
Haii
<div class="name">Icha Anawai</div>
<div class="line"></div>
<div class="desc">
Mahasiswa Teknik Informatika <br />
Fakultas Teknik Universitas Halu Oleo
</div>
<a href="#about"><button>Tentang Saya</button></a>
<div class="contact">
<a href="https://instagram.com/ichastavany">
<iconify-icon
icon="ant-design:instagram-filled"
style="color: rgba(255, 255, 255, 0.7)"
width="40"
></iconify-icon>
</a>
<a href="https://www.youtube.com/@ichaanawai9219">
<iconify-icon
icon="akar-icons:youtube-fill"
style="color: rgba(255, 255, 255, 0.7)"
width="40"
>
</iconify-icon>
</a>
<a href="https://github.com/nanachaa">
<iconify-icon
icon="akar-icons:github-fill"
style="color: rgba(255, 255, 255, 0.7)"
width="40"
>
</iconify-icon>
</a>
</div>
</div>
<div class="image">
<img src="Picture4.jpg" alt="" />
</div>
</div>
<div class="about" id="about">
<div class="image">
<img src="img/WhatsApp Image 2022-12-18 at 13.26.27 (2).jpeg" alt="" />
</div>
<div class="desc">
<h2>Tentang Saya</h2>
Saya adalah Mahasiswa Teknik Informatika, Fakultas Teknik Universitas
Halu Oleo, Angkatan 2022. Minat dan bakat saya ialah di bidang IT
termasuk pengembangan web dan konfigurasi jaringan.
<br />
<p>Hobi</p>
<div class="hobby">
<table>
<tr>
<td>
<iconify-icon
icon="ion:headset-sharp"
style="color: #202429"
width="40"
></iconify-icon>
</td>
<td>
<iconify-icon
icon="material-symbols:menu-book-outline-sharp"
style="color: #202429"
width="40"
></iconify-icon>
</td>
</tr>
<tr>
<td>Musik</td>
<td>Membaca</td>
</tr>
</table>
</div>
</div>
</div>
<div class="edu" id="edu">
<h2>Pendidikan</h2>
<div class="edu-content">
<div class="desc">
<table>
<tr>
<td>
<p>SD 4 ANDOWIA</p>
2010-2016
</td>
<td>
<p>SMP 1 ANDOWIA </p>
2016-2019
</td>
</tr>
<tr>
<td>
<p>SMA 1 ASERA</p>
2019-2022
</td>
<td>
<p>UNIVERSITAS HALU OLEO</p>
2022
</td>
</tr>
</table>
</div>
<div class="image">
<img src="img/edu.svg" alt="" />
</div>
</div>
</div>
<div class="skill" id="skill">
<h2>Skill</h2>
<div class="skill-content">
<div class="image">
<img src="img/skill.svg" alt="" />
</div>
<div class="desc">
<table>
<tr>
<td>
Web Programming
<div class="bar">
<div class="skill-bar web"></div>
</div>
</td>
</tr>
<tr>
<td>
Network
<div class="bar">
<div class="skill-bar network"></div>
</div>
</td>
</tr>
<tr>
<td>
Desain Grafis
<div class="bar">
<div class="skill-bar design"></div>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="materi" id="materi">
<h2>Ringkasan Materi</h2>
<div class="materi-content">
<div class="desc">
<table>
<tr>
<h4 style="color:#0088c2;">Sistem Operasi Windows</h4>
<p>Microsoft Windows atau sering kita sebut dengan nama Windows merupakan sistem operasi yang dikembangkan oleh Microsoft, di mana Microsoft sendiri didirikan oleh Bill Gates dan Paul Allen. Sistem operasi ini dibangun dengan menggunakan antarmuka pengguna grafis (GUI) untuk menyederhanakan perintah.</p>
</tr>
<tr>
<td colspan="2">
<p style="text-align: center;">Perkembangan sistem operasi Windows</p>
</td>
<td></td>
<td>
<p style="text-align: center;">Fungsi Windows</p>
</td>
</tr>
<tr>
<td>
<ul>
<li> Windows 1.0</li>
<li> Windows 2.0</li>
<li> Windows 3.0 </li>
<li> Windows 3.1 </li>
<li> Windows NT </li>
<li> Windows 95 </li>
<li> Windows 98 </li>
<li> Windows Edisi Milenium </li>
</ul>
</td>
<td>
<ul>
<li> Windows 2000 </li>
<li> Windows XP </li>
<li> Windows Vista </li>
<li> Windows 7 </li>
<li> Windows 8 </li>
<li> Windows 10 </li>
<li> Windows 11 </li>
</ul>
</td>
<td></td>
<td>
<ul>
<li>Menyediakan antarmuka antara pengguna dengan mesin. </li>
<li> Mengkoordinasikan komponen yang ada pada perangkat keras. </li>
<li> Menyediakan wadah supaya perangkat lunak berfungsi dengan selayaknya. </li>
<li> Menyediakan struktur manajemen data. </li>
<li> Memantau fungsionalitas sistem. </li>
</ul>
</td>
</tr>
</table>
<table>
<tr>
<td>
<p style="text-align: center;">Kelebihan sistem operasi Windows</p>
</td>
<td>
<p style="text-align: center;">Kekurangan sistem operasi Windows</p>
</td>
</tr>
<tr>
<td>
<ul>
<li> Mudah digunakan </li>
<li> Available software </li>
<li> Dukungan untuk perangkat keras </li>
<li> Fitur Plug & Play </li>
</ul>
</td>
<td>
<ul>
<li> Kebutuhan sumber daya yang tinggi </li>
<li> Harga tinggi </li>
<li> Sumber tertutup </li>
<li> Serangan virus </li>
</ul>
</td>
</table>
<table>
<tr>
<h4 style="color:#0088c2;">Microsoft Word</h4>
<p>Microsoft Office Word atau Microsoft Word, merupakan sebuah perangkat lunak pengolah kata yang dikeluarkan oleh Microsoft. Ini adalah sebuah aplikasi pengolah kata yang dapat membantu dalam menyelesaikan kegiatan apa pun yang berkaitan dengan dokumen, teks dan sejenisnya.</p>
<td>
<li> Word For Windows </li>
<li> Word For Mac </li>
<li> Microsoft Word 2010 </li>
<li> Microsoft Word 2013 </li>
<li> Microsoft Word Terbaru </li>
</td>
</tr>
</table>
<table>
<tr>
<td>
<p style="text-align: center;">Kelebihan Microsoft Word</p>
</td>
<td>
<p style="text-align: center;">Kekurangan Microsoft Word</p>
</td>
</tr>
<tr>
<td>
<ul>
<li> Tampilan mudah dimengerti bahkan untuk pemula sekalipun. </li>
<li> Terdapat fitur dasar yang berguna untuk menulis dan mengedit dokumen. </li>
<li> Memiliki beberapa versi yang lebih upgrade daripada versi sebelumnya. </li>
<li> Adanya menu Smartart yang memudahkan untuk memilih template dokumen. </li>
<li> Adanya fitur Quick Access Toolbar yang mempermudah untuk mendapatkan fitur tersebut dengan mengklik ikon yang dimaksud. </li>
</ul>
</td>
<td>
<ul>
<li> Dapat menyebabkan laptop atau PC menjadi lemot karena spesifikasinya yang berat. </li>
<li> Pemasangan lisensi pada Ms Word membutuhkan waktu dan relatif sulit bagi orang yang tidak terbiasa. </li>
<li> Pada Ms Word 2019, hanya bisa dipakai di Windows 8 dan 10. </li>
<li> Untuk menginstal Ms Word membutuhkan kuota internet yang tidak sedikit karena ukurannya yang besar. </li>
<li> Tab kontekstual dan style gallery yang ada terkesan sedikit mengganggu tampilan. </li>
</ul>
</td>
</table>
<table>
<tr>
<h4 style="color:#0088c2;">Microsoft Excel</h4>
<p> Microsoft Excel adalah sebuah program atau aplikasi yang merupakan bagian dari paket instalasi Microsoft Office, berfungsi untuk mengolah angka menggunakan spreadsheet yang terdiri dari baris dan kolom untuk mengeksekusi perintah. Microsoft Excel telah menjadi software pengolah data / angka terbaik di dunia, selain itu Microsoft Excel telah didistribusikan secara multi-platform. Microsoft Excel tidak hanya tersedia dalam platform Power Point, Microsoft Excel juga tersedia di MacOS, Android dan Apple.</p>
</tr>
</table>
<table>
<tr>
<td>
<p style="text-align: center;">Kelebihan Microsoft Excel</p>
</td>
<td>
<p style="text-align: center;">Kekurangan Microsoft excel</p>
</td>
</tr>
<tr>
<td>
<ul>
<li> User interface yang mudah untuk dipahami. </li>
<li> Kompatibilitas dengan berbagai platform/sistem operasi. </li>
<li> Mudah dipelajari untuk pengguna pemula. </li>
<li> Mempunyai ekstensi (.xls) terpopuler untuk software spreadsheet . </li>
<li> Dapat membaca ekstensi standar spreadsheet (.csv). </li>
</ul>
</td>
<td>
<ul>
<li> Akses fungsi tertentu seperti fungsi statistik terbatas. </li>
<li> Jumlah sel terbatas. </li>
<li> Add-ins untuk disiplin ilmu tertentu seperti neural network, fuzzy logic tidak powerfull dibandingkan software sejenis contoh: MATLAB dan SAS . </li>
</ul>
</td>
</table>
<table>
<tr>
<h4 style="color:#0088c2;">Bahan Tayang</h4>
<p> Aplikasi pengolah bahan tayang atau perangkat lunak presentasi adalah alat yang digunakan untuk membuat presentasi visual. Presentasi ini biasanya disampaikan dalam format tayangan slide, dan dapat dibuat dengan berbagai program. Program memungkinkan untuk menggabungkan elemen teks dan grafik untuk menyampaikan informasi penting kepada sekelompok orang sekaligus. Penggunaan umum untuk jenis perangkat lunak ini termasuk mengajarkan konsep baru atau kompleks kepada sekelompok siswa, mengumumkan peluncuran kampanye produk atau layanan baru kepada karyawan, melatih karyawan tentang konsep kunci atau kebijakan baru, atau mempresentasikan proposal ke grup.</p>
</tr>
</table>
<table>
<tr>
<td colspan="2">
<p style="text-align: center;">Macam Macam Aplikasi Pengolah Bahan Tayang</p>
</td>
</tr>
<tr>
<td>
<ul>
<li> Microsoft Power Point </li>
<li> Open office Impress </li>
<li> Kpresenter </li>
</ul>
</td>
<td>
<ul>
<li> iWork KeyNote </li>
<li> Canva </li>
<li> Prezi </li>
</ul>
</td>
</tr>
</table>
<table>
<h4>Google Slide</h4>
<p> Google slides merupakan layanan presentasi online yang di miliki oleh Google serta bagian dari produk office Google Suite. Google slides diperkenalkan secara publik sejak 2006 melalui Google Drive-nya. Dalam Google Suite, tidak hanya Google slides yang tersedia secara gratis namun juga layanan Suite lainnya seperti Google Docs, Google Sheets, dan Google Forms. Semuanya juga tergabung dalam Google Workspace untuk kebutuhan bisnis seperti penyimpanan yang lebih besar serta akses platform lebih lengkap. </p>
</tr>
<tr>
<td>
<p style="text-align: center;">Kelebihan Google Slide</p>
</td>
<td>
<p style="text-align: center;">Kekurangan Google Slide</p>
</td>
</tr>
<tr>
<td>
<ul>
<li> Berbasis cloud </li>
<li> Kolaborasi </li>
<li> Mudah digunakan pemula </li>
<li> Gratis </li>
</ul>
</td>
<td>
<ul>
<li> Harus menggunakan Gmail </li>
<li> Pilihan efek sedikit </li>
</ul>
</td>
</table>
<table>
<tr>
<h4 style="color:#0088c2;">Desain Grafis</h4>
<p> Desain grafis berasal dari dua kata, yaitu kata desain dan kata grafis. Desain adalah suatu metode perancangan estetika. Metode perancangan ini didasarkan pada kreativitas. Sedangkan grafis memiliki arti ilmu dari sebuah perancangan titik, maupun garis. Maka hal itu akan membentuk sebuah gambar, yang bisa memberikan informasi serta berhubungan dengan proses percetakan.</p>
<p> Maka bisa ditarik kesimpulan bahwa desain grafis adalah ilmu yang mengandalkan sebuah kreatifitas dalam menciptakan suatu rancangan yang berbentuk gambar. Tujuan akhirnya adalah sebagai kepentingan dari percetakan.</p>
</tr>
<td></td>
<tr>
<p style="text-align: center;"> Perbedaan Vector dan Bitmap </p>
<p> Vektor adalah gambar yang terbentuk melalui kombinasi titik dan garis dengan menggunakan rumus matematika tertentu. Dalam grafis vektor, rumus matematika digunakan untuk menentukan komposisi warna, tingkat ketebalan, serta posisi. Supaya ketika hasil gambarnya diperbesar tidak akan pecah atau terlihat kotak-kotak. </p>
<p> Bitmap adalah gambar yang tersusun berdasarkan titik serta kombinasi warna. Dalam grafis bitmap dihasilkan dari kumpulan titik atau piksel yang ditampilkan dalam layar komputer. Sehingga saat gambarnya diperbesar akan terlihat kotak-kotak atau bentuk pikselnya. </p>
</tr>
<tr>
<td colspan="2">
<p style="text-align: center;">Jenis - Jenis Digital Art</p>
</td>
<td></td>
</tr>
<tr>
<td>
<ul>
<tr>
<td>
<li> Vector Art</li>
<p>Vector Art merupakan gambar yang terbentuk dari sejumlah garis dan kurva. Ciri khas dari Vector Art adalah gambarnya yang terlihat seperti kartun tapi bentuknya nyata dan hampir mirip dengan bentuk aslinya. Aplikasi yang biasa digunakan untuk membuat seni digital ini yaitu Adobe illustrator, Corel-Draw, dan Adobe Photoshop.</p>
</td>
<td>
<img src="img/art.png" width="100" height="150" alt="" />
</td>
</tr>
<tr>
<td>
<li> WPAP</li>
<p>WPAP atau Wedha's Pop Art Potrait adalah suatu gugus seni ilustrasi potret wajah yang bersaling-silang secara geometri dengan penggunaan kontradiksi warna-warna khusus. Ciri khas dari WPAP adalah warnanya yang bebas namun masih terdapat unsur gelap terang. Aplikasi yang biasa digunakan untuk membuat seni digital ini yaitu Adobe illustrator, Corel-Draw, dan Adobe Photoshop.</p>
</td>
<td>
<img src="img/wpap.png" width="100" height="150" alt="" />
</td>
</tr>
<tr>
<td>
<li> Line art</li>
<p>Line Art merupakan gambar yang dibentuk dari garis-garis tegas dan biasanya berwarna hitam tanpa adanya gradasi warna. Ciri khas dari Line Art adalah warnanya yang hanya terdiri dari dua warna biasanya berwarna hitam dan putih seperti gambar sketsa. Aplikasi yang biasa digunakan untuk membuat seni digital ini yaitu Adobe illustrator dan Corel-Draw.</p>
</td>
<td>
<img src="img/Picture3.png" width="100" height="150" alt="" />
</td>
</tr>
<tr>
<td>
<li> Low Poly Art</li>
<p>Low Poly Art atau low polygon art adalah salah satu jenis seni digital yang memiliki efek visual seperti rangkaian kristal yang menyatu menjadi sebuah objek. Ciri khas dari Low Poly Art adalah bentuknya yang menyerupai kristal. Aplikasi yang biasa digunakan untuk membuat seni digital ini yaitu Adobe illustrator, Corel-Draw, dan Adobe Photoshop. </p>
</td>
<td>
<img src="img/Picture4.jpg" width="100" height="130" alt="" />
</td>
</tr>
<tr>
<td>
<li> Flat Design</li>
<p>Flat Design adalah desain dengan pendekatan minimalis yang menekankan kegunaan, dengan desain yang bersih tanpa ada bevel, bayangan, tekstur, berfokus pada warna-warna cerah dan ilustrasi dua dimensi. Ciri khas dari Flat Design adalah bentuknya yang sederhana dan menggunakan warna- warna yang cerah.Aplikasi yang biasa digunakan untuk membuat seni digital ini yaitu Adobe illustrator, Corel-Draw, dan Adobe Photoshop. </p>
</td>
<td>
<img src="img/Picture5.jpg" width="150" height="150" alt="" />
</td>
</tr>
</ul>
</td>
</table>
</div>
</div>
</div>
</div>
<div class="footer"></div>
</body>
</html>