Studi Kasus
Script
index.html
<!doctype HTML>
<html lang="en">
<HEAD>
<TITLE>.:: Welcome To my Website ::.</TITLE>
</HEAD>
<FRAMESET rows="14%,*,16%">
<FRAME SRC="frame1.html"name="frame1"/>
<FRAMESET cols="10%,*,10%">
<FRAME SRC="frame2.html"name="frame2"/>
<FRAME SRC="home.html"name="frame3"/>
<frame src="frame4.html"name="frame4"/>
</FRAMESET>
<frame src="frame5.html" name="frame5"/>
</frameset>
</HTML>
frame1.html
<!doctype HTML>
<html lang="en">
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="black">
<font color="white" size="5"><a href="home.html" target="frame3">kembali ke halaman utama</a></font>
<img src="b.jpeg" align="right" height="50" width="1000">
</BODY>
</HTML>
frame2.html
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
</head>
<body bgcolor="lightgrey">
<img src="aa.jpg"/><br>
<ul>
<li><a href="home.html" target="frame3">home</a></li>
<li><a href="aboutme.html" target="frame3">about me</a></li>
<li><a href="galeri.html" target="frame3">galeri gambar</a></li>
<ul>
</body>
</html>
home.html
<!doctype HTML>
<html lang="en">
<BODY bgcolor="grey">
<font size="10">Menu</font>
<ul>
<li><a href="#Pendahuluan">Pendahuluan</a></li>
<li><a href="#generasi">generasi komputer</a></li>
<li><a href="#macam">macam-macam OS</a></li>
<ul>
<h3 id="Pendahuluan">Pendahuluan</h3>
<p>
Sistem operasi merupakan sebuah penghubung antara pengguna dari computer dengan perangkat keras komputer.
<br>Sebelum ada system operasi, orang hanya mengunakan computer dengan menggunakan sinyal analog dan sinyal digital.<br>
Seiring dengan berkembangnya pengetahuan dan teknologi, pada saat ini terdapat berbagai system operasi dengan keunggulan masing-masing.<br>
<p>Untuk lebih memahami system operasi maka sebaiknya perlu diketahui terlebih dahulu beberapa konsep dasar mengenai system operasi itu sendiri.
<br> Pengertian system operasi secara umum ialah pengelola seluruh sumber-daya yang terdapat pada system computer dan menyediakan sekumpulan layanan (system
calls) ke pemakai sehingga memudahkan dan menyamankan penggunaan serta pemanfaatan sumber-daya system komputer.
<br>Sistem computer pada dasarnya terdiri dari empat komponen utama, yaitu perangkat-keras, program aplikasi, sistem-operasi, dan para pengguna.
<br>Sistem operasi berfungsi untuk mengatur dan mengawasi penggunaan perangkat keras oleh berbagai program aplikasi serta para pengguna.
<br>Sistem operasi berfungsi ibarat pemerintah dalam suatu negara, dalam arti membuat kondisi computer agar dapat menjalankan program secara benar.
<br>Untuk menghindari konflik yang terjadi pada saat pengguna menggunakan sumber-daya yang sama, system operasi mengatur pengguna mana yang dapat mengakses suatu
sumber-daya.
<br>Sistem operasi juga sering disebut resource allocator. Satulagifungsi penting system operasi ialah sebagai program pengendali yang bertujuan untuk
menghindari kekeliruan (error) dan penggunaan computer yang tidak perlu.
Menurut Tanenbaum, system operasi mengalami perkembangan yang sangat pesat, yang dapat dibagi kedalam empat generasi:
<br>
<br>
<h3 id="generasi">Generasi komputer</h3>
<p>Generasi Pertama (1945-1955)
<p>Generasi pertama merupakan awal perkembangan system komputasi elektronik sebagai pengganti system komputasi mekanik
<br>hal itu disebabkan kecepatan manusia untuk menghitung terbatas dan manusia sangat mudah untuk membuat kecerobohan, kekeliruan bahkan kesalahan.
<br>Pada generasi ini belum ada system operasi, maka system computer diberi instruksi yang harus dikerjakan secara langsung.
<p>Generasi Kedua (1955-1965)
<p>Generasi kedua memperkenalkan Batch Processing System, yaitu Job yang dikerjakan dalam satu rangkaian, lalu dieksekusi secara berurutan.
<br>Pada generasi ini system computer belum dilengkapi system operasi, tetapi beberapa fungsi system operasi telah ada,
<br>contohnya fungsi system operasi ialah FMS dan IBSYS.
<p>Generasi Ketiga (1965-1980)
<p>Pada generasi ini perkembangan system operasi dikembangkan untuk melayani banyak pemakai sekaligus,
<br> dimana para pemakai interaktif berkomunikasi lewat terminal secara online ke komputer,
<br>maka system operasi menjadi multi-user (digunakan banyak pengguna sekaligus) dan multi-programming (melayani banyak program sekaligus).
<p>Generasi Keempat (Pasca1980an)
<p>Dewasa ini, system operasi dipergunakan untuk jaringan computer dimana pemakai menyadari keberadaan komputer-komputer yang saling terhubung satu sama lainnya.
<br>Pada masa ini para pengguna juga telah dinyamankan dengan Graphical User Interface yaitu antar muka computer yang berbasis grafis yang sangat nyaman,
<br>pada masa ini juga dimulai era komputasi tersebar dimana komputasi-komputasi tidak lagi berpusat disatu titik,
<br>tetapi dipecah dibanyak computer sehingga tercapai kinerja yang lebih baik.
<br>
<br>
<h3 id="macam">Macam macam sistem operasi</h3>
<p>1.LINUX
<p>Secara teknis dan singkat dapat dikatakan, Linux adalah suatu sistem operasi yang bersifat multi user dan multitasking,
<br>yang dapat berjalan di berbagai platform, termasuk prosesor INTEL 386 dan yang lebih tinggi.
<br>Sistem operasi ini mengimplementasikan standard POSIX.
<br>Linux dapat berinteroperasi secara baik dengan sistem operasi yang lain, termasuk Apple, Microsoft dan Novell.
<p>2.Symbian OS
<p>Pada awal mulanya di tahun 1998, symbian merupakan sebuah perusahaan
patungan dari beberapa pemain di dunia ponsel yaitu Psion, Ericsson, Nokia, dan
Motorola. Kemudian pada tahun 1999, Matsushita(Panasonic) bergabung kedalamnya.
Pada tahun-tahun berikutnya banyak para pembuat ponsel yang mulai mengadopsi
teknologi symbian. Tahun 2000, Sony dan Sanyo melisensi Symbian OS, tahun 2001
fujitsu dan siemens membeli lisensi juga. Tahun 2002 Samsung membeli lisensi, ditahun
yang sama pula Siemens dan Sony Ericsson menjadi salah satu pemegang sahamnya.
Samsung menjadi salah satu pemegang saham ditahun 2003
<br>
<br>
<a href="aboutme.html">Halaman selanjutnya-></a>
</BODY>
</html>
aboutme.html
<!doctype HTML>
<html lang="en">
<BODY bgcolor = "lightgrey">
<img bgcolor="black" src="gambarframe1.jpeg" width="1280" height="100">
<br>
<br>
<hr color="blue" height="20">
<center><strong><font face="Alien Encounters" size="8">About Me</font></center>
<hr color="blue" height="20">
<br>
<br>
<br>
<br>
<img src="uyab.jpeg" width="300" height="400" border="3"><br>
<p><font face="arial" size="5">pria cakep yang lahir pada tanggal 10 September 1990 ini mempunyai nama lengkap</font><font face="Alien Encounters"
size="5"> Dwi Hananto Bayu Aji
</font><font face="arial" size="5">, biasa dipanggil</font><font face="Alien Encounters" size="5"> Uyab. </font><font face="arial"
size="5">Aku dilahirkan di bumi Reog tercinta yaitu kabupaten Ponorogo.</font>
<br>
<p><font face="arial" size="5">Berikut ini adalah seklumit biodataku</font><br>
<br>
<table border =0 align="left" cellspacing=0 cellpadding=5>
<TR>
<td width=150>Nama</td>
<td width=400>DWI HANANTO BAYU AJI</td>
</TR>
<TR>
<td width=150>TTL</td>
<td width=400>Ponorogo,10 September 1990</td>
</TR><tr>
<td width=150>Alamat</td>
<td width=400>Jalan R.Patah No. 42 desa/kec. kauman Kab.Ponorogo</td>
</tr>
<tr>
<td width=150>Hobi</td>
<td width=400>Menggambar</td>
</tr>
<tr>
<td width=150>Cita-cita</td>
<td width=400>Menjadi Orang Sukses dunia akhirat</td></tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Riwayat Pendidikan<br>
<table border =2 align="left" cellspacing=0 cellpadding=5>
<TR>
<th>jenjang</th>
<th>Nama Sekolah</th>
<th>Tahun Ajaran</th>
</TR>
<tr>
<td>SD</td>
<td>SDN 1 SOMOROTO</td>
<td>1997-2003</td>
</tr>
<tr>
<td>SMP</td>
<td>SMPN 1 PONOROGO</td>
<td>2003-2006</td>
</tr>
<td>SMA</td>
<td>SMAN 1 PONOROGO</td>
<td>2006-2009</td>
</tr>
<td>Perguruan Tinggi</td>
<td>S1 Pend. Teknik Informatika</td>
<td>2009-...</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a href="home.html"><-halaman sebelumnya</a> <a href="galeri.html">Halaman selanjutnya-></a>
</BODY>
</html>
frame4.html
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
</head>
<body bgcolor="lightgrey">
<img src="UM2.jpg" width="100px"/><br>
<a href="www.um.ac.id" target="_blank" >website UM</a>
</body>
</html>
frame5.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body bgcolor="lightgrey">
copyright 2011
</body>
</html>
Screenshoot web
