Update Course Layout

This commit is contained in:
Willy Sudiarto Raharjo
2012-06-14 09:36:24 +07:00
parent e193dfb2cf
commit e4d07869b3
7 changed files with 284 additions and 255 deletions
+57 -53
View File
@@ -1,69 +1,73 @@
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!DOCTYPE html>
<head>
<title>Willy Sudiarto Raharjo - IT Architecture</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keyword" content="Willy, Willy Sudiarto Raharjo, Willy SR, WillySR, UKDW, Dosen, Universitas Kristen Duta Wacana, Arsitektur Teknologi Informasi, Teknologi Informasi, Arsitektur Informasi, Teknik Informatika" />
<title>Willy Sudiarto Raharjo - Computer Technology</title>
<meta name="keywords" content="Willy, Willy Sudiarto Raharjo, Willy SR, WillySR, UKDW, Dosen, Universitas Kristen Duta Wacana, Arsitektur Teknologi Informasi, Teknik Informatika" />
<meta name="description" content="Situs ini berisi halaman materi untuk kelas Arsitektur Teknologi Informasi Universitas Kristen Duta Wacana" />
<link rel="icon" href="images/favicon.ico" type="image/ico" />
<script type="text/javascript" src="include/navbar.js"></script>
<link rel="icon" href="../images/favicon.ico" type="image/ico" />
<style type="text/css">
@import "../includes/index.css";
@import "../includes/normalize.css";
</style>
</head>
<body>
<div class="header-class"><span class="subjectTitle">IT Architecture</span>
<?php
include "../includes/functions.php";
include "../includes/date.php";
?>
<header role="banner">
<?php
include "../includes/courses.php";
?>
</div>
<div class="sidebar">
<!-- Class Information //-->
<div id="class-information">
<ul class="cinfo">
<li><h3>Kelas </h3>
<p>Hari <br/>Jam <br/>Ruang </p></li>
<li><h3>Nilai Akhir</h3>
<p><a href="https://docs.google.com/spreadsheet/pub?hl=en_US&amp;hl=en_US&amp;key=0AvhuiUaiIBYmdEdiWkROUTYyOTVhOG1qekpuQzFIZ1E&amp;output=html">Nilai Akhir</a></p></li>
</ul>
</div>
</div>
<div class="content">
<div class="subtitle">Pengantar</div>
<p>Matakuliah ini memberikan landasan terkait dengan pengembangan dan pembangunan arsitektur teknologi informasi. Selain lapisan dan metodologi pengembangannya, matakuliah ini juga akan mendiskusikan beberapa bentuk arsitektur teknologi informasi yang sudah diterapkan disertai dengan studi kasus.</p>
<div class="subtitle">Materi Presentasi</div>
<ol>
<li>Syllabus</a></li>
<li>Introduction to IT Architectures</li>
<li>Server Architectures</li>
<li>Cloud Computing #1</li>
<li>Cloud Computing #2</li>
<li>Web Architecture</li>
<li>Service Oriented Architecture</li>
<li>Web Services Architectures</li>
<li>Search Engines Architectures</li>
<li>E-Business &amp; E-Commerce System Architectures</li>
<li>Web 2.0 &amp; Social Networks Architectures</li>
<li>Mobile System &amp; Pervasive Computing Architectures</li>
<li>Enterprise System Architectures</li>
</ol>
<div class="subtitle">Referensi Buku</div>
<ol>
<li>Enterprise Cloud Computing: Technology, Architecture, Applications (Gautam Shroff, Cambridge)</li>
<li>Cloud Computing Bible (Barrie Sosinsky, Wiley)</li>
<li>Distributed and Cloud Computing: From Parallel Processing to the Internet of Things (Kai Hwang, Jack Dongarra, Geoffrey C. Fox, Morgan Kaufmann)</li>
<li>Information Technology for Management: Transforming Organizations in the Digital Economy (Efraim Turban, Dorothy Leidner, Ephraim McLean, James Wetherbe, Wiley)</li>
</ol>
</div>
<!-- End Content //-->
<div class="footer">
</header>
<section class="title">IT Architecture</section>
<section class="sidebar">
<header>
<h3>Kelas</h3>
</header>
<aside>
<p>Hari <br/>Jam <br/>Ruang </p>
</aside>
</section>
<section class="classinfo">
<section class="description">
<header>
<h1>PENGANTAR</h1>
</header>
<p>Matakuliah ini memberikan landasan terkait dengan pengembangan dan pembangunan arsitektur teknologi informasi. Selain lapisan dan metodologi pengembangannya, matakuliah ini juga akan mendiskusikan beberapa bentuk arsitektur teknologi informasi yang sudah diterapkan disertai dengan studi kasus.</p>
</section>
</section>
<section class="material">
<header>
<h1>MATERI</h1>
</header>
<ol>
<li>Syllabus</a></li>
<li>Introduction to IT Architectures</li>
<li>Server Architectures</li>
<li>Cloud Computing #1</li>
<li>Cloud Computing #2</li>
<li>Web Architecture</li>
<li>Service Oriented Architecture</li>
<li>Web Services Architectures</li>
<li>Search Engines Architectures</li>
<li>E-Business &amp; E-Commerce System Architectures</li>
<li>Web 2.0 &amp; Social Networks Architectures</li>
<li>Mobile System &amp; Pervasive Computing Architectures</li>
<li>Enterprise System Architectures</li>
</ol>
</section>
<section class="references">
<header>
<h1>REFERENSI</h1>
</header>
<ol>
<li>Enterprise Cloud Computing: Technology, Architecture, Applications (Gautam Shroff, Cambridge)</li>
<li>Cloud Computing Bible (Barrie Sosinsky, Wiley)</li>
<li>Distributed and Cloud Computing: From Parallel Processing to the Internet of Things (Kai Hwang, Jack Dongarra, Geoffrey C. Fox, Morgan Kaufmann)</li>
</ol>
</section>
<?php
include "../includes/footer.php";
?>
</div>
</body>
</html>
+11 -5
View File
@@ -1,10 +1,16 @@
<div id="nav">
<ul class="level1">
<nav role="navigation">
<ul>
<li><a href="../index.php">Home</a></li>
<li>|</li>
<li><a href="../manpro-ti/">Proj Mngt</a></li>
<li><a href="../os-ti/">Op Sys</a></li>
<li>|</li>
<li><a href="../kakom-ti/">CompSec</a></li>
<li><a href="../ati-ti/">IT Arch</a></li>
<li>|</li>
<li><a href="../tekkom-ti/">Comp Tech</a></li>
</ul>
</nav>
<ul id="socialbar">
<li class="facebook"><a href="http://www.facebook.com/willysr">Facebook</a></li>
<li class="twitter"><a href="http://www.twitter.com/willysr2804">Twitter</a></li>
</ul>
</div>
+15 -3
View File
@@ -40,8 +40,6 @@ a:active {
color: #00F;
}
nav[role="navigation"] ul {
float: right;
text-align: right;
@@ -183,7 +181,7 @@ section.news article header time {
font-size: 0.9rem;
}
section.news article p {
section.news article p, section.notice p, section.description p, section.references ol li {
font-size: 1rem;
line-height: 1.5rem;
margin: 0;
@@ -231,3 +229,17 @@ section.biography p {
margin-right: 10px;
line-height: 1.5rem;
}
section.material ol li {
line-height: 1.3rem;
font-size: 1rem;
margin: 0;
padding: 0;
}
section.material ol ul li {
line-height: 1.2rem;
font-size: 1rem;
margin: 0;
padding: 0;
}
-22
View File
@@ -10,29 +10,7 @@ include "includes/meta.html";
<style type="text/css">
@import "includes/index.css";
@import "includes/normalize.css";
@import "includes/fullcalendar/fullcalendar.css";
@import "includes/fullcalendar/fullcalendar.print.css";
</style>
<script type='text/javascript' src='includes/jquery/jquery.min.js'></script>
<script type='text/javascript' src='includes/jquery/jquery-ui-1.8.17.custom.min.js'></script>
<script type='text/javascript' src='includes/fullcalendar/fullcalendar.min.js'></script>
<script type='text/javascript' src='includes/fullcalendar/gcal.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
$('#calendar').fullCalendar({
events: 'https://www.google.com/calendar/feeds/willysr%40gmail.com/public/basic',
currentTimezone: 'Asia/Jakarta',
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultView: 'agendaWeek'
});
});
</script>
</head>
<body>
<?php
+53 -43
View File
@@ -1,60 +1,70 @@
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!DOCTYPE html>
<head>
<title>Willy Sudiarto Raharjo - Computer Security</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keyword" content="Willy, Willy Sudiarto Raharjo, Willy SR, WillySR, UKDW, Dosen, Universitas Kristen Duta Wacana, Keamanan Komputer, Teknik Informatika" />
<meta name="keywords" content="Willy, Willy Sudiarto Raharjo, Willy SR, WillySR, UKDW, Dosen, Universitas Kristen Duta Wacana, Keamanan Komputer, Teknik Informatika" />
<meta name="description" content="Situs ini berisi halaman materi untuk kelas Keamanan Komputer Universitas Kristen Duta Wacana" />
<link rel="icon" href="images/favicon.ico" type="image/ico" />
<link rel="icon" href="../images/favicon.ico" type="image/ico" />
<style type="text/css">
@import "../includes/index.css";
@import "../includes/normalize.css";
</style>
</head>
<body>
<div class="header-class"><span class="subjectTitle">Computer Security</span>
<?php
include "../includes/functions.php";
include "../includes/date.php";
?>
<header role="banner">
<?php
include "../includes/courses.php";
?>
</div>
<div class="sidebar">
<!-- Class Information //-->
<div id="class-information">
<ul class="cinfo">
<li><h3>Kelas </h3>
<p>Hari <br/>Jam <br/>Ruang </p></li>
<li><h3>Nilai Akhir</h3>
<p><a href="https://docs.google.com/spreadsheet/pub?hl=en_US&amp;hl=en_US&amp;key=0AvhuiUaiIBYmdEJwa3h0QTUyRlVNRVJvLU9RaE1xaUE&amp;output=html">Nilai Akhir</a></li>
</ul>
</div>
</div>
<div class="content">
<div class="notifications">PEMBERITAHUAN</div>
<p>Bagi yang hendak mengambil matakuliah ini, Anda <strong>diwajibkan memiliki dan membawa buku Information Security: Principles and Practice dan Cryptography Engineering</strong>.</p>
<div class="subtitle">Pengantar</div>
<p>Matakuliah ini memperkenalkan konsep pengamanan data dan informasi dengan menggunakan kriptografi, digital signatures, dan pembahasan beberapa protokol yang umum dipakai pada aplikasi nyata.</p>
<div class="subtitle">Materi Presentasi</div>
<ol>
<li>Syllabus</a></li>
</ol>
<div class="subtitle">Referensi Buku</div>
<ol>
<li>Information Security : Principles and Practice (Mark Stamp - Wiley)</li>
<li>Cryptography Engineering : Design Principles and Practical Applications (Niels Ferguson, Bruce Schneier, Tadayoshi Kohno - Wiley)</li>
<li>Security Awareness: Applying Practical Security in Your World (Mark Ciampa - Cengage)</li>
<li>Computer Security Handbook (Seymour Bosworth, M.E. Kabay - John Wiley &amp; Sons, Inc)</li>
<li>Computer and Information Security Handbook (John R. Vacca - Morgan Kaufman)</li>
<li><a href="http://www.cacr.math.uwaterloo.ca/hac/">Handbook of Applied Cryptography</a></li>
</ol>
</div>
<!-- End Content //-->
<div class="footer">
</header>
<section class="title">Computer Security</section>
<section class="sidebar">
<header>
<h3>Kelas</h3>
</header>
<aside>
<p>Hari <br/>Jam <br/>Ruang </p>
</aside>
</section>
<section class="classinfo">
<section class="notice">
<header>
<h1>PEMBERITAHUAN</h1>
</header>
<p>Bagi yang hendak mengambil matakuliah ini, Anda <strong>diwajibkan memiliki dan membawa buku Information Security: Principles and Practice dan Cryptography Engineering</strong>.</p>
</section>
<section class="description">
<header>
<h1>PENGANTAR</h1>
</header>
<p>Matakuliah ini memperkenalkan konsep pengamanan data dan informasi dengan menggunakan kriptografi, digital signatures, dan pembahasan beberapa protokol yang umum dipakai pada aplikasi nyata.</p>
</section>
</section>
<section class="material">
<header>
<h1>MATERI</h1>
</header>
<ol>
<li>Syllabus</li>
</ol>
</section>
<section class="references">
<header>
<h1>REFERENSI</h1>
</header>
<ol>
<li>Information Security : Principles and Practice (Mark Stamp - Wiley)</li>
<li>Cryptography Engineering : Design Principles and Practical Applications (Niels Ferguson, Bruce Schneier, Tadayoshi Kohno - Wiley)</li>
<li>Security Awareness: Applying Practical Security in Your World (Mark Ciampa - Cengage)</li>
<li>Computer Security Handbook (Seymour Bosworth, M.E. Kabay - John Wiley &amp; Sons, Inc)</li>
<li>Computer and Information Security Handbook (John R. Vacca - Morgan Kaufman)</li>
<li><a href="http://www.cacr.math.uwaterloo.ca/hac/">Handbook of Applied Cryptography</a></li>
</ol>
</section>
<?php
include "../includes/footer.php";
?>
</div>
</body>
</html>
+60 -51
View File
@@ -1,68 +1,77 @@
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!DOCTYPE html>
<head>
<title>Willy Sudiarto Raharjo - Project Management</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keyword" content="Willy, Willy Sudiarto Raharjo, Willy SR, WillySR, UKDW, Dosen, Universitas Kristen Duta Wacana, Manajemen Proyek, Teknik Informatika" />
<meta name="keywords" content="Willy, Willy Sudiarto Raharjo, Willy SR, WillySR, UKDW, Dosen, Universitas Kristen Duta Wacana, Manajemen Proyek, Teknik Informatika" />
<meta name="description" content="Situs ini berisi halaman materi untuk kelas Manajemen Proyek Universitas Kristen Duta Wacana" />
<link rel="icon" href="images/favicon.ico" type="image/ico" />
<script type="text/javascript" src="include/navbar.js"></script>
<link rel="icon" href="../images/favicon.ico" type="image/ico" />
<style type="text/css">
@import "../includes/index.css";
@import "../includes/normalize.css";
</style>
</head>
<body>
<div class="header-class"><span class="subjectTitle">Project Management</span>
<?php
include "../includes/functions.php";
include "../includes/date.php";
?>
<header role="banner">
<?php
include "../includes/courses.php";
?>
</div>
<div class="sidebar">
<!-- Class Information //-->
<div id="class-information">
<ul class="cinfo">
<li><h3>Kelas </h3>
<p>Hari <br/>Jam <br/>Ruang </p></li>
<li><h3>NILAI AKHIR</h3>
<p><a href="https://docs.google.com/spreadsheet/pub?key=0AvhuiUaiIBYmdDZ3dy1TRGVuMkx4TUtZY2tQSUFsYWc&amp;output=html">NILAI AKHIR</a></p></li>
</ul>
</div>
</div>
<div class="content">
<div class="notifications">PEMBERITAHUAN</div>
<p>Bagi yang hendak mengambil matakuliah ini, Anda <strong>diwajibkan memiliki dan membawa buku Managing Information Technology Project di setiap pertemuan</strong>. Tidak akan disediakan slide materi untuk perkuliahan ini, karena semua materi sudah ada di buku.</p>
<div class="subtitle">Pengantar</div>
<p>Matakuliah ini mencakup sisi manajemen dari pengelolaan sebuah proyek. Materi yang dibahas mulai dari pendefinisian, perencanaan, penjadwalan, pengendalian, analisa ekonomis, manajemen resiko, sampai dengan implementasinya dengan bantuan aplikasi perangkat lunak. Mahasiswa dalam prakteknya akan mengerjakan sebuah proyek dalam skala kecil untuk mengimplementasikan ilmu yang didapatkan selama perkuliahan.</p>
<div class="subtitle">Materi Presentasi</div>
<ol>
<li>Syllabus</li>
<li>Introduction to Project Management</li>
<li>Project Management and Information Technology Context</li>
<li>Project Integration Management</li>
<li>Project Scope Management</li>
<li>Project Time Management</li>
<li>Project Cost Management</li>
<li>Project Quality Management</li>
<li>Project Human Resource Management</li>
<li>Project Communications Management</li>
<li>Project Risk Management</li>
<li>Project Procurement Management</li>
<li>Presentasi Project</li>
</ol>
<div class="subtitle">Referensi Buku</div>
<ol>
<li>Managing Information Technology Project, 6th Edition (Kathy Schwalbe - Cengage)</li>
</ol>
</div>
<!-- End Content //-->
<div class="footer">
</header>
<section class="title">Project Management</section>
<section class="sidebar">
<header>
<h3>Kelas</h3>
</header>
<aside>
<p>Hari <br/>Jam <br/>Ruang </p>
</aside>
</section>
<section class="classinfo">
<section class="notice">
<header>
<h1>PEMBERITAHUAN</h1>
</header>
<p>Bagi yang hendak mengambil matakuliah ini, Anda <strong>diwajibkan memiliki dan membawa buku Managing Information Technology Project di setiap pertemuan</strong>. Tidak akan disediakan slide materi untuk perkuliahan ini, karena semua materi sudah ada di buku.</p>
</section>
<section class="description">
<header>
<h1>PENGANTAR</h1>
</header>
<p>Matakuliah ini mencakup sisi manajemen dari pengelolaan sebuah proyek. Materi yang dibahas mulai dari pendefinisian, perencanaan, penjadwalan, pengendalian, analisa ekonomis, manajemen resiko, sampai dengan implementasinya dengan bantuan aplikasi perangkat lunak. Mahasiswa dalam prakteknya akan mengerjakan sebuah proyek dalam skala kecil untuk mengimplementasikan ilmu yang didapatkan selama perkuliahan.</p>
</section>
</section>
<section class="material">
<header>
<h1>MATERI</h1>
</header>
<ol>
<li>Syllabus</li>
<li>Introduction to Project Management</li>
<li>Project Management and Information Technology Context</li>
<li>Project Integration Management</li>
<li>Project Scope Management</li>
<li>Project Time Management</li>
<li>Project Cost Management</li>
<li>Project Quality Management</li>
<li>Project Human Resource Management</li>
<li>Project Communications Management</li>
<li>Project Risk Management</li>
<li>Project Procurement Management</li>
<li>Presentasi Project</li>
</ol>
</section>
<section class="references">
<header>
<h1>REFERENSI</h1>
</header>
<ol>
<li>Managing Information Technology Project, 6th Edition (Kathy Schwalbe - Cengage)</li>
</ol>
</section>
<?php
include "../includes/footer.php";
?>
</div>
</body>
</html>
+82 -72
View File
@@ -1,90 +1,100 @@
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!DOCTYPE html>
<head>
<title>Willy Sudiarto Raharjo - Computer Technology</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keyword" content="Willy, Willy Sudiarto Raharjo, Willy SR, WillySR, UKDW, Dosen, Universitas Kristen Duta Wacana, Teknologi Komputer, Teknik Informatika" />
<meta name="keywords" content="Willy, Willy Sudiarto Raharjo, Willy SR, WillySR, UKDW, Dosen, Universitas Kristen Duta Wacana, Teknologi Komputer, Teknik Informatika" />
<meta name="description" content="Situs ini berisi halaman materi untuk kelas Teknologi Komputer Universitas Kristen Duta Wacana" />
<link rel="icon" href="images/favicon.ico" type="image/ico" />
<link rel="icon" href="../images/favicon.ico" type="image/ico" />
<style type="text/css">
@import "../includes/index.css";
@import "../includes/normalize.css";
</style>
</head>
<body>
<div class="header-class"><span class="subjectTitle">Computer Technology</span>
<?php
include "../includes/functions.php";
include "../includes/date.php";
?>
<header role="banner">
<?php
include "../includes/courses.php";
?>
</div>
<div class="sidebar">
<!-- Class Information //-->
<div id="class-information">
<ul class="cinfo">
<li><h3>Kelas </h3>
<p>Hari <br/>Jam <br/>Ruang </p></li>
<li><h3>Nilai Akhir</h3>
<p><a href="https://docs.google.com/spreadsheet/pub?hl=en_US&amp;hl=en_US&amp;key=0AvhuiUaiIBYmdDctd2M0Qjh1aGtSWE1KdTIzV2VYVHc&output=html">Nilai Akhir</a></li>
</header>
<section class="title">Computer Technology</section>
<section class="sidebar">
<header>
<h3>Kelas</h3>
</header>
<aside>
<p>Hari <br/>Jam <br/>Ruang </p>
</aside>
</section>
<section class="classinfo">
<section class="notice">
<header>
<h1>PEMBERITAHUAN</h1>
</header>
<p>Bagi yang hendak mengambil matakuliah ini, Anda <strong>diwajibkan memiliki dan membawa buku Understanding Computer Today &amp; Tomorrow (Deborah Morley, Charles S. Parker).</strong>.</p>
</section>
<section class="description">
<header>
<h1>PENGANTAR</h1>
</header>
<p>Mata kuliah ini memperkenalkan mahasiswa dengan dunia komputer dan diharapkan dapat menyatukan pandangan sekaligus memberi dasar yang setara bagi mahasiswa dengan berbagai macam latar belakang bidang ilmu untuk menempuh kuliah selanjutnya di program studi Teknik Informatika.</p>
<p>Berbagai macam aspek komputer diperkenalkan mulai dari perangkat keras, perangkat lunak, teknologi di dunia komputer, implementasi dan implikasi teknologi informasi dalam masyarakat.</p>
</section>
</section>
<section class="material">
<header>
<h1>MATERI</h1>
</header>
<ol>
<li>Syllabus</li>
<li>Introduction to World of Computers</li>
<li>The System</li>
<ul>
<li>Unit Processing and Memory</li>
<li>Storage</li>
<li>Input &amp; Output</li>
</ul>
</div>
</div>
<div class="content">
<div class="notifications">PEMBERITAHUAN</div>
<p>Bagi yang hendak mengambil matakuliah ini, Anda <strong>diwajibkan memiliki dan membawa buku Understanding Computer Today &amp; Tomorrow (Deborah Morley, Charles S. Parker)</strong>.</p>
<div class="subtitle">Pengantar</div>
<p>Mata kuliah ini memperkenalkan mahasiswa dengan dunia komputer dan diharapkan dapat menyatukan pandangan sekaligus
memberi dasar yang setara bagi mahasiswa dengan berbagai macam latar belakang bidang ilmu untuk menempuh kuliah selanjutnya di program studi Teknik Informatika.</p><p>Berbagai macam aspek komputer diperkenalkan mulai dari perangkat keras, perangkat lunak, teknologi di dunia komputer, implementasi dan implikasi teknologi informasi dalam masyarakat.</p>
<div class="subtitle">Materi Presentasi</div>
<ol>
<li>Syllabus</li>
<li>Introduction to World of Computers</li>
<li>The System</li>
<ul>
<li>Unit Processing and Memory</li>
<li>Storage</li>
<li>Input &amp; Output</li>
</ul>
<li>System Software</li>
<ul>
<li>Operating System and Utility Software</li>
<li>Application Software</li>
</ul>
<li>Network and Internet</li>
<ul>
<li>Computer Networks</li>
<li>Internet and WWW</li>
<li>Network and Internet Security</li>
</ul>
<li>Business On the Web</li>
<ul>
<li>Multimedia and Web</li>
<li>E-Commerce</li>
</ul>
<li>Systems</li>
<ul>
<li>Information System and System Development</li>
<li>Program Development and Programming Languages</li>
<li>Databases and DBMS</li>
</ul>
<li>Computer and Society</li>
<ul>
<li>Computer Security and Privacy</li>
<li>Intellectual Property Rights, Ethics, Health, Access</li>
</ul>
</ol>
<div class="subtitle">Referensi Buku</div>
<ol>
<li>Understanding Computer Today &amp; Tomorrow (Deborah Morley, Charles S. Parker)</li>
</ol>
</div>
<!-- End Content //-->
<div class="footer">
<li>System Software</li>
<ul>
<li>Operating System and Utility Software</li>
<li>Application Software</li>
</ul>
<li>Network and Internet</li>
<ul>
<li>Computer Networks</li>
<li>Internet and WWW</li>
<li>Network and Internet Security</li>
</ul>
<li>Business On the Web</li>
<ul>
<li>Multimedia and Web</li>
<li>E-Commerce</li>
</ul>
<li>Systems</li>
<ul>
<li>Information System and System Development</li>
<li>Program Development and Programming Languages</li>
<li>Databases and DBMS</li>
</ul>
<li>Computer and Society</li>
<ul>
<li>Computer Security and Privacy</li>
<li>Intellectual Property Rights, Ethics, Health, Access</li>
</ul>
</ol>
</section>
<section class="references">
<header>
<h1>REFERENSI</h1>
</header>
<ol>
<li>Understanding Computer Today &amp; Tomorrow (Deborah Morley, Charles S. Parker)</li>
</ol>
</section>
<?php
include "../includes/footer.php";
?>
</div>
</body>
</html>