Selasa, 26 November 2019
Rabu, 20 November 2019
Selasa, 19 November 2019
Efek Hover pada Foto
Halo kembali lagi bersama dengan blog kesayangan kita semua hari ini saya ingin membagikan salah satu kreasi saya setelah belajar css & html, baik langsung saja ke coding nya.
Coding HTML
<!DOCTYPE html>
<html>
<head>
<title>Awesome Efek Hover</title>
<link rel="stylesheet" type="text/css" href="Style.css">
</head>
<body>
<div class="card middle">
<div class="front">
<img src="1-cloudscape-canvas-pixabay.jpg">
</div>
<div class="back">
<div class="back-content middle">
<h2>Blogger</h2>
<span>Youtube</span>
<div class="sm">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
</body>
</html>
Coding CSS
@import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
* {
margin: 0;
padding: 0;
text-decoration: none;
font-family: sans-serif;
}
body {
background: #2f3640;
}
.middle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.card {
cursor: pointer;
width: 340px;
height: 480px;
}
.front, .back {
width: 100%;
height: 100%;
overflow: hidden;
backface-visibility: hidden;
position: absolute;
transition: transform 0.6s linear;
}
.front img {
height: 100%;
}
.front {
transform: perspective(600px) rotateY(0deg);
}
.back {
background: #f1f1f1;
transform: perspective(600px) rotateY(180deg);
}
.back-content {
color: #2c3e50;
text-align: center;
width: 100%;
}
.sm {
margin: 20px 0;
}
.sm a {
display: inline-flex;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
color: #2c3e50;
font-size: 18px;
transition: 0.4s;
border-radius: 50px;
}
.sm a:hover {
background: #2c3e50;
color: white;
}
.card:hover > .front {
transform: perspective(600px) rotateY(-180deg);
}
.card:hover > .back {
transform: perspective(600px) rotateY(0deg);
}
Hasil
Before:
After:
Coding HTML
<!DOCTYPE html>
<html>
<head>
<title>Awesome Efek Hover</title>
<link rel="stylesheet" type="text/css" href="Style.css">
</head>
<body>
<div class="card middle">
<div class="front">
<img src="1-cloudscape-canvas-pixabay.jpg">
</div>
<div class="back">
<div class="back-content middle">
<h2>Blogger</h2>
<span>Youtube</span>
<div class="sm">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
</body>
</html>
Coding CSS
@import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
* {
margin: 0;
padding: 0;
text-decoration: none;
font-family: sans-serif;
}
body {
background: #2f3640;
}
.middle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.card {
cursor: pointer;
width: 340px;
height: 480px;
}
.front, .back {
width: 100%;
height: 100%;
overflow: hidden;
backface-visibility: hidden;
position: absolute;
transition: transform 0.6s linear;
}
.front img {
height: 100%;
}
.front {
transform: perspective(600px) rotateY(0deg);
}
.back {
background: #f1f1f1;
transform: perspective(600px) rotateY(180deg);
}
.back-content {
color: #2c3e50;
text-align: center;
width: 100%;
}
.sm {
margin: 20px 0;
}
.sm a {
display: inline-flex;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
color: #2c3e50;
font-size: 18px;
transition: 0.4s;
border-radius: 50px;
}
.sm a:hover {
background: #2c3e50;
color: white;
}
.card:hover > .front {
transform: perspective(600px) rotateY(-180deg);
}
.card:hover > .back {
transform: perspective(600px) rotateY(0deg);
}
Hasil
Before:
After:
SharedAnimation
Halo kembali lagi bersama dengan blog kesayangan kita semua hari ini saya ingin membagikan salah satu kreasi saya setelah belajar css & html, baik langsung saja ke coding nya
Coding HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="Style7.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<div class="share-button">
<span><i class="fa fa-share-alt"></i>   Share! </span>
<a href="#"><i class="fa fa-facebook-f"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
<div class="back">
<a href="NavbarSpecial.html">Back</a>
<a href="Layout.html">Exit</a>
</div>
</body>
</html>
Coding CSS:
body {
margin: 0;
padding: 0;
font-family: "mont-serrat",sans-serif;
display: flex;
height: 100vh;
align-items: center;
justify-content: center;
color: red;
background: rgba(0,0,0,0.5);
}
.share-button {
width: 280px;
height: 80px;
background: #dfe6e9;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: pointer;
transition: 0.3s linear;
position: relative;
}
.share-button:hover {
transform: scale(1.1);
}
.share-button span {
position: absolute;
width: 100%;
height: 100%;
background: #2d3436;
color: #f1f1f1;
text-align: center;
line-height: 80px;
z-index: 999;
transition: 0.6s linear;
border-radius: 40px;
}
.share-button:hover span {
transform: translateX(-100%);
transition-delay: 0.1s;
}
.share-button a {
flex: 1;
font-size: 26px;
color: #2d3436;
text-align: center;
transform: translateX(-100%);
opacity: 0;
transition: 0.3s linear;
}
.share-button:hover a {
opacity: 1;
transform: translateX(0);
}
.share-button a:nth-of-type(1) {
transition-delay: 0.8s;
}
.share-button a:nth-of-type(2) {
transition-delay: 0.6s;
}
.share-button a:nth-of-type(3) {
transition-delay: 0.4s;
}
.share-button a:nth-of-type(4) {
transition-delay: 0.2s;
}
.back {
width: 150px;
height: 20px;
background: black;
border-radius: 25px;
border: 1px solid black;
text-align: center;
position: absolute;
top: 56.5%;
line-height: 20px;
padding: 10px 20px;
}
.back a {
text-decoration: none;
color: white;
padding: 10px;
}
.back a:hover {
color: greenyellow;
}
Hasil
Before
After
Coding HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="Style7.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<div class="share-button">
<span><i class="fa fa-share-alt"></i>   Share! </span>
<a href="#"><i class="fa fa-facebook-f"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
<div class="back">
<a href="NavbarSpecial.html">Back</a>
<a href="Layout.html">Exit</a>
</div>
</body>
</html>
Coding CSS:
body {
margin: 0;
padding: 0;
font-family: "mont-serrat",sans-serif;
display: flex;
height: 100vh;
align-items: center;
justify-content: center;
color: red;
background: rgba(0,0,0,0.5);
}
.share-button {
width: 280px;
height: 80px;
background: #dfe6e9;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: pointer;
transition: 0.3s linear;
position: relative;
}
.share-button:hover {
transform: scale(1.1);
}
.share-button span {
position: absolute;
width: 100%;
height: 100%;
background: #2d3436;
color: #f1f1f1;
text-align: center;
line-height: 80px;
z-index: 999;
transition: 0.6s linear;
border-radius: 40px;
}
.share-button:hover span {
transform: translateX(-100%);
transition-delay: 0.1s;
}
.share-button a {
flex: 1;
font-size: 26px;
color: #2d3436;
text-align: center;
transform: translateX(-100%);
opacity: 0;
transition: 0.3s linear;
}
.share-button:hover a {
opacity: 1;
transform: translateX(0);
}
.share-button a:nth-of-type(1) {
transition-delay: 0.8s;
}
.share-button a:nth-of-type(2) {
transition-delay: 0.6s;
}
.share-button a:nth-of-type(3) {
transition-delay: 0.4s;
}
.share-button a:nth-of-type(4) {
transition-delay: 0.2s;
}
.back {
width: 150px;
height: 20px;
background: black;
border-radius: 25px;
border: 1px solid black;
text-align: center;
position: absolute;
top: 56.5%;
line-height: 20px;
padding: 10px 20px;
}
.back a {
text-decoration: none;
color: white;
padding: 10px;
}
.back a:hover {
color: greenyellow;
}
Hasil
Before
After
Button Animation
Halo kembali lagi bersama dengan blog kesayangan kita semua hari ini saya ingin membagikan salah satu kreasi saya setelah belajar css & html, baik langsung saja ke coding nya
Coding HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Button Animation</title>
<link rel="stylesheet" type="text/css" href="Button Animation.css">
</head>
<body>
<div class="container">
<a href="#">
<span></span>
<span></span>
<span></span>
<span></span>
Log In
</a>
</div>
</body>
</html>
Coding CSS:
body {
padding: 0;
margin: 0;
background-color: purple;
font-family: sans-serif;
}
a {
background: #0c002b;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #1670f0;
padding: 50px 50px;
font-size: 20px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
box-shadow: 0 100px 80px rgba(0,0,0,.5);
overflow: hidden;
}
a:before {
content: "";
position: absolute;
top: 2px;
left: 2px;
bottom: 2px;
width: 50%;
background: rgba(255,255,255,0.05);
}
a span:nth-child(1) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(to right, #0c002b, #1779ff);
animation: animate1 2s linear infinite;
}
@keyframes animate1
{
0%
{
transform: translateX(-100%);
}
100%
{
transform: translateX(100%);
}
}
a span:nth-child(2) {
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background: linear-gradient(to bottom, #0c002b, #1779ff);
animation: animate2 2s linear infinite;
animation-delay: 1s;
}
@keyframes animate2
{
0%
{
transform: translateY(-100%);
}
100%
{
transform: translateY(100%);
}
}
a span:nth-child(3) {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 2px;
background: linear-gradient(to left, #0c002b, #1779ff);
animation: animate3 2s linear infinite;
}
@keyframes animate3
{
0%
{
transform: translateX(100%);
}
100%
{
transform: translateX(-100%);
}
}
a span:nth-child(4) {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: linear-gradient(to top, #0c002b, #1779ff);
animation: animate4 2s linear infinite;
animation-delay: 1s;
}
@keyframes animate4
{
0%
{
transform: translateY(100%);
}
100%
{
transform: translateY(-100%);
}
}
Hasilnya kurang lebih seperti ini
Coding HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Button Animation</title>
<link rel="stylesheet" type="text/css" href="Button Animation.css">
</head>
<body>
<div class="container">
<a href="#">
<span></span>
<span></span>
<span></span>
<span></span>
Log In
</a>
</div>
</body>
</html>
Coding CSS:
body {
padding: 0;
margin: 0;
background-color: purple;
font-family: sans-serif;
}
a {
background: #0c002b;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #1670f0;
padding: 50px 50px;
font-size: 20px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
box-shadow: 0 100px 80px rgba(0,0,0,.5);
overflow: hidden;
}
a:before {
content: "";
position: absolute;
top: 2px;
left: 2px;
bottom: 2px;
width: 50%;
background: rgba(255,255,255,0.05);
}
a span:nth-child(1) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(to right, #0c002b, #1779ff);
animation: animate1 2s linear infinite;
}
@keyframes animate1
{
0%
{
transform: translateX(-100%);
}
100%
{
transform: translateX(100%);
}
}
a span:nth-child(2) {
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background: linear-gradient(to bottom, #0c002b, #1779ff);
animation: animate2 2s linear infinite;
animation-delay: 1s;
}
@keyframes animate2
{
0%
{
transform: translateY(-100%);
}
100%
{
transform: translateY(100%);
}
}
a span:nth-child(3) {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 2px;
background: linear-gradient(to left, #0c002b, #1779ff);
animation: animate3 2s linear infinite;
}
@keyframes animate3
{
0%
{
transform: translateX(100%);
}
100%
{
transform: translateX(-100%);
}
}
a span:nth-child(4) {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: linear-gradient(to top, #0c002b, #1779ff);
animation: animate4 2s linear infinite;
animation-delay: 1s;
}
@keyframes animate4
{
0%
{
transform: translateY(100%);
}
100%
{
transform: translateY(-100%);
}
}
Hasilnya kurang lebih seperti ini
Selasa, 12 November 2019
Pengertian Linux
Linux adalah salah satu OS yang menganut sistem UNIX yang menggunakan model pengembangan, serta distribusi software secara gratis, maupun biasa Anda kenal dengan sebutan open source. Sama halnya dengan aplikasi open source lainnya, Linux juga dapat dikembangkan dan di distribusikan secara gratis. Hal ini merupakan salah satu daya tarik dari OS ini.
Linux sendiri mungkin kurang familiar apabila dibandingkan dengan Windows maupun Macintosh. Hal tersebut sangat wajar karena pengguna Linux merupakan orang-orang dengan jumlah presentase yang sangat sedikit, yaitu betapa sedikitnya pengguna Linux yang hanya 1,5% apabila dibandingkan dengan Macintosh sebanyak 11%, serta Windows malah lebih dari 85%.
Selain itu, Linux juga OS yang handal nan tangguh, meskipun Anda tidak membutuhkan biaya untuk memakainya. Linux lebih terbukti stabil dan jarang terdapat permasalahan yang umum, misalnya proses yang melambat, terkena virus maupun malware, dan lain-lain. Jadi, Anda akan jarang mendapat masalah-masalah pada OS ini. Versi dari Linux sendiri lebih dikenal dengan istilah distributions, atau biasanya disingkat dengan distro.
Linux ini memiliki sejumlah versi yang berbeda, serta dapat memenuhi kebutuhan dari para pengguna yang tentunya akan berbeda-beda pula. Mulai dari para pengguna baru sampai pengguna lama dapat mendapatkan versi Linux yang disesuaikan dengan kebutuhan. Saat ini, hampir semua versi Linux dapat diunduh secara gratis dan dipasang di mana saja sesuai dengan keinginan Anda.
Sejarah Terbentuknya Sistem Linux
Sistem operasi Linux berbasis open source. Kernel dari sistem operasi Linux dibuat oleh Linus Torvald pada tahun 1991 saat itu dia masih masa perkuliahan di Universitas Helsinski, Finlandia. Sebelumnya, Richard Stallman pum sudah terlebih dulu mengembangkan project GNU. Dalam project tersebut, Stallman adalah pencipta linux untuk menciptakan sistem operasi yang benar-benar free. Free di sini artinya bebas untuk di kembangkan.
Berbagai kode program pun telah di kembangkan. Pada tahun 1991, kode linux ini telah terkumpul hanya kurang 1 yaitu kernel. Sementara itu, di lokasi yang berbeda Linus Torvald yang masih seorang mahasiswa di Universitas Helsinski mulai mengembangkan project pribadi. Hal ini adalah mengembangkan kernel pada sistem operasi yang mirip dengan UNIX (atau disebut dengan UNIX like).
Proses perkembangan yang dilakukan oleh Linux hanya sebatas kernel. Kernel yang telah dia kembangkan pun baru dapat membaca hardisk dan device yang telah terhubung ke komputer. Pada September 1991, kernel tersebut mulai di luncurkan dengan nama Linux. Kernel ini sendiri pun diberi versi 0.01. Kemudian, Kernel ini digabungkan dengan project GNU, sehingga terbentuklah sebuah nama GNU/Linux.
Setelah itu, proses perkembangan Linux pun menjadi sangat cepat. Pada 5 Oktober 1991, Linus resmi mengumumkan kernel Linux 0.02, kemudian pada 19 Desember 1991, linux kembali memperkenalkan versi kernel 0.11 yang mana pada versi ini, Linux telah dapat berfungsi selayaknya sistem operasi standar. Versi 0.11 kernel Linux masih berlisensi sebagai free software.
Namun, berikutnya linux pun mengganti lisensi kernel yang dia ciptakan menjadi GNU/GPL (General Public License) hal ini membuat siapa saja dapat melihat, mengembangkan dan berpartisipasi dalam proses development Linux. Awal kemunculan dari Linux pada dekade 1990-2000, Linux hanya dapat digunakan untuk lingkungan aplikasi berskala besar, misalnya seperti web server, network server, serta database server.
Macam Sistem Operasi Linux yang Sering Digunakan
Sistem operasi dari Linux berbeda dengan sistem operasi yang lain karena sifatnya yang open source atau bebas dikembangkan oleh siapa saja. Nah, oleh sebab itu banyak sekali varian dari sistem operasi ini. Sebagian besar para penggunanya telah berpendapat bahwa sistem operasi ini lebih mudah untuk digunakan, lebih simpel, terstruktur, serta tahan terhadap adanya virus dan malware. Berikut ini macam-macam Linux yang paling sering digunakan, di antataranya seperti berikut.
1. Debian
Debian adalah salah satu tipe dari macam-macam sistem operasi Linux yang telah lama ada sejak tahun 1999 lalu dan terus dikembangkan secara teratur di setiap tahunnya, hingga saat ini telah memasuki versi 8. Sistem operasi ini sebenarnya kurang cocok digunakan untuk tujuan personal. Hal ini karena fungsinya lebih diperuntukkan pada penggunaan di sistem komputer server maupum admin.
2. Ubuntu
Ubuntu yaitu tipe sistem operasi Linux yang dasarnya dikembangkan dari Debian. Bedanya, pada sistem operasi ini dapat digunakan tidak hanya pada komputer server dan admin saja, akan tetapi juga dapat digunakan untuk penggunaan pada komputer pribadi atau personal. Bahkan, pada versi terbaru ini dikondisikan untuk para penggunaan di perangkat smartphone Anda.
3. Linux Mint
Linux Mint Apabila Ubuntu tadi merupakan perkembangan dari Debian, maka Linux Mint pun dapat dibilang cucu dari sistem operasi Debian karena dikembangkan dengan dasar Ubuntu. Sistem dari operasi yang telah dikembangkan untuk tujuan penggunaan pribadi maupun personal (PC) dan telah terbagi menjadi dua varian yaitu CINNAMON dan MATE.
4. Red Hat
Red Hat pun merupakan salah satu dari sistem operasi Linux yang juga populer. Dapat dikatakan Red Hat satu angkatan dengan Debian. Hal ini karena Red Hat telah lama ada dan menjadi dasar bagi perkembangan macam-macam sistem operasi Linux yang lain, misalnya seperti Fedora dan CentOS. Demikian panduan lengkap mengenai linux yang merupakan salah satu bukti kecanggihan teknologi zaman sekarang. Seperti yang Anda ketahui, Sistem operasi linux sangat tangguh dan fleksibel, tak heran jika sistem ini sangat disukai.
Pengertian dan Fungsi MacOS
Pengertian MacOS
MacOS merupakan salah satu jenis sistem operasi pada komputer yang khusus digunakan untuk untuk mengoperasikan Notebook Apple Macintosh buatan Apple Computer. Menurut catatan sejarah, untuk pertama kalinya Macintosh diperkenalkan ke publik pda Januari 1984 melalui iklan Super Bowl.
Tetapi sebenarnya, cikal bakal hadirnya Macintosh jauh sebelum perkenalan itu. Macintosh merupakan perangkat piranti pertama yang menggunakan sistem antarmuka grafis GUI (Graphical User Interface). Karena itu banyak yang menganggap bahwa apa yang dilakukan oleh Apple adalah langkah yang revolusioner dalam dunia PC.
Nah kalau menurut Wikipedia, macOS yang sebelumnya disebut OS X merupakan antarmuka grafikal sistem operasi hasil buatan dan pengembangan Apple Inc. OS ini digunakan pada Macintosh. Orang-orang hebat yang berada di balik popularitas Macintosh adalah Bill Atkinson, Andy Hertzfeld dan Jef Raskin.
System 1 (24 Januari 1984)
Pada tanggal 24 Januari 1984 Mac OS pertama dirilis, dengan nama System 1. Apple membuat OS ini sebagai satu-satunya OS di masa itu yang sepenuhnya menggunakan GUI. Sejak saat itu, GUI menjadi pionir akan perkembangan OS lain. System 1 hanya bisa menjalankan 1 aplikasi saja dalam 1 waktu, dengan kata lain, System 1 belum mampu melakukan multitasking.
System 2 (April 1985)
System 2 diperkenalkan Apple pada April 1985 yang dilengkapi dengan Finder 4.1 dan Mini Finder untuk membuka aplikasi dengan cepat. Selain itu juga diperkenalkan sistem pengambilan screenshot dengan menggunakan tombol Shift + Command + 3. Di System 2, pengguna bisa men-shutdown komputer melalui menu yang disediakan.
System 3 (Januari 1986)
Versi ini dirilis Apple pada bulan Januari 1986. System 3.0 hadir bersama dengan diperkenalkannya MacPlus. Dilengkapi dengan Finder 5.1, System 3.0 mampu berjalan lebih cepat daripada versi sebelumnya. Ini dikarenakan pada System 3.0 telah ada teknologi Disk Cache yang akan menyimpan kegiatan yang sering dilakukan di memori. Satu bulan kemudian System 3.1 dirilis. Dilanjutkan System 3.2 pada juni 1986 dan System 3.3 pada Januari 1987.
System 4 (Maret 1987)
Apple merilis System 4.0 dengan Finder 5.4 pada bulan Maret 1987. Selain perbaikan bug, tidak ada perubahan yang terlalu berarti. System 4.0 ini hanya bisa dijalankan di Mac dengan RAM 512k keatas. 1 bulan berselang, Apple merilis lagi System 4.1 dengan Finder 5.5 yang hanya bisa dijalanlan di Mac OS dengan RAM 1 Mb keatas.
System 5 (System Software 5 – Oktober 1987)
Pada bulan Oktober 1987 Apple merilis System 4.2 dengan Finder 6.0. Namun mereka menamakannya System Software 5. Di versi ini, copy paste sudah bisa dilakukan dengan lebih mudah dengan dilengkapi progress bar dan tombol cancel. Di System Software 5 ini pula pertama kalinya Apple memperkenalkan fitur Multitasking melalui dirilisnya MultiFinder. Satu bulan kemudian yaitu November 1987, Apple kembali merilis System 4.3 dengan Finder 6.0 atau banyak yang menyebutnya sebagai System Software 5.1
System 6 (Juni 1988)
Apple merilis System 6 tepat pada bulan Juni 1988. Ini adalah sistem operasi yang dibuat dengan lebih stabil dan berjangka waktu lama. System 6 mampu berjalan dengan cepat dan bisa menjalankan Floppy Disk hanya dengan 300-400 Kb RAM saja, menyisakan banyak RAM untuk menjalankan aplikasi-aplikasi lainnya.
System 7 (13 Mei 1991)
Tepat pada 13 Mei 1991, Apple merilis sistem 7 dengan perubahan yang sangat signifikan. System 7 memberikan kebebasan kepada penggunanya untuk membuka banyak aplikasi sepanjang masih ada memory yang tersisa. Di versi ini pengguna juga bisa share file di hardisk melalui network. Pada bulan Januari 1995, Apple merilis System 7.5 dan dilanjutkan dengan System 7.5.3 pada bulan Mei 1996.
Mac OS 7.6 (Januari 1997)
Apple mulai mengganti nama OS nya sejak dirilisnya System 7.6 pada Januari 1997. Mac OS 7.6 adalah System 7.6 yang diganti namanya dan sejak saat itu nama Mac OS mulai diperkenalkan untuk versi-versi selanjutnya.
Mac OS 8 (Juli 1997)
Pada bulan Juli 1997, Apple merilis Mac OS 8. Sistem operasi ini laku hingga 1,25 juta copy dalam waktu 2 minggu saja dan 3 juta kopi dalam waktu enam bulan yang menjadikannya software paling laris dalam periode tersebut. Mac OS 8 sangat stabil dan saat itu menjadi semacam software “yang harus dimiliki” oleh semua komunitas pengguna Mac di tahun 1997.
Mac OS 9 (Oktober 1999)
Pada tanggal 23 Oktober 1999 Mac OS 9 dirilis. Versi Mac OS ini dipandang oleh Apple sebagai OS transisi dari versi 8 ke versi OS X. Di versi ini Apple memperkenalkan Multi User System, dimana setiap user bisa menyimpan data dan system settings mereka. Mac OS 9 memiliki implementasi dan manajemen memori yang lebih baik daripada versi-versi sebelumnya. Di versi inilah Apple memperkenalkan Apple Software Update ntuk mengupdate OS.
Mac OS X
Mac OS X memasukkan unsur-unsur BSD Unix, OpenStep, dan Mac OS 9. Mac OS X memiliki memori ala-Unix dan pre-emptive multitasking kepada platform Mac OS. Berikut ini adalah perkembangan Mac OS X:
1. Mac OS X 10 (Cheetah)
CEO Apple Steve Jobs menyebut Mac OS X sebagai platform penting bagi Apple setelah sistem operasi Macintosh pertama merevolusi industri pada tahun 1984. Saat diluncurkan 25 September 2001, versi pertama didukung 350 aplikasi di antaranya iMovie 2, iTunes, dan AppleWorks 6.1. Harganya waktu itu 129 dollar AS dan dipakai pada iMac, iBook, Power Macintosh G3, Power Mac G4, Power Mac G4 Cube, dan PowerBook. Di versi ini juga pertama kali diperkenalkan adanya Dock untuk pengaturan aplikasi Mac OS.
CEO Apple Steve Jobs menyebut Mac OS X sebagai platform penting bagi Apple setelah sistem operasi Macintosh pertama merevolusi industri pada tahun 1984. Saat diluncurkan 25 September 2001, versi pertama didukung 350 aplikasi di antaranya iMovie 2, iTunes, dan AppleWorks 6.1. Harganya waktu itu 129 dollar AS dan dipakai pada iMac, iBook, Power Macintosh G3, Power Mac G4, Power Mac G4 Cube, dan PowerBook. Di versi ini juga pertama kali diperkenalkan adanya Dock untuk pengaturan aplikasi Mac OS.
2. Mac OS X 10.1 (Puma)
Apple pertama kali memperkenalkan versi kedua Mac OS X pada Juli 2001 pada acara Macworld dan baru dirilis 25 September 2011. Ini mungkin versi yang selisihnya paling cepat dari pendahulunya karena hanya enam bulan. Apple meningkatkan user interface dengan nama Aqua dan memperluas dukungan terhadap media dan perangkat seperti DVD, MP3, CD, printer, dan kamera digital. Harga satu unit lisensi saat itu juga 129 dollar AS.
Apple pertama kali memperkenalkan versi kedua Mac OS X pada Juli 2001 pada acara Macworld dan baru dirilis 25 September 2011. Ini mungkin versi yang selisihnya paling cepat dari pendahulunya karena hanya enam bulan. Apple meningkatkan user interface dengan nama Aqua dan memperluas dukungan terhadap media dan perangkat seperti DVD, MP3, CD, printer, dan kamera digital. Harga satu unit lisensi saat itu juga 129 dollar AS.
3. Mac OS X 10.2 (Jaguar)
Versi ketiga ini diperkenalkan pada Agustus 2002 namun baru tersedia di pasar 23 Agustus 2002. Untuk pertama kali, nama kodenya dipakai dalam media marketing. Ada 150 fitur baru antara lain iChat, filter junk mail, dan teknologi jaringan yang lebih baik. Dengan stabilitas yang lebih tinggi, peningkatan performa dan kecepatan serta kompatibilitas yang lebih baik.
Versi ketiga ini diperkenalkan pada Agustus 2002 namun baru tersedia di pasar 23 Agustus 2002. Untuk pertama kali, nama kodenya dipakai dalam media marketing. Ada 150 fitur baru antara lain iChat, filter junk mail, dan teknologi jaringan yang lebih baik. Dengan stabilitas yang lebih tinggi, peningkatan performa dan kecepatan serta kompatibilitas yang lebih baik.
4. Mac OS X 10.3 (Panther)
Keluarnya versi keempat ini selisih lebih dari satu tahun dengan versi sebelumnya karena dirilis 24 Oktober 2003. Ada 150 fitur baru ditambahkan pada Mac OS X 10.3 ini, antara lain Finder dengan satu akses klik ke file dan folder, fitur tampilan Expose, dan iChat AV untuk video konferensi. Ada juga beberapa aplikasi baru yang disertakan seperti Font Book, FileVault, dan Safari. Inilah pertama kalinya browser Safari diperkenalkan untuk menggantikan Internet Explorer.
Keluarnya versi keempat ini selisih lebih dari satu tahun dengan versi sebelumnya karena dirilis 24 Oktober 2003. Ada 150 fitur baru ditambahkan pada Mac OS X 10.3 ini, antara lain Finder dengan satu akses klik ke file dan folder, fitur tampilan Expose, dan iChat AV untuk video konferensi. Ada juga beberapa aplikasi baru yang disertakan seperti Font Book, FileVault, dan Safari. Inilah pertama kalinya browser Safari diperkenalkan untuk menggantikan Internet Explorer.
5. Mac OS X 10.4 (Tiger)
Untuk versi kelima, selisih waktu dengan versi keempat malah lebih panjang lagi karena baru keluar April 2005. Namun, ada 200 fitur baru yang menarik seperti fungsi pencarian dengan Spotlight dan Dashboard yang mendukung widget untuk pertama kalinya.
Untuk versi kelima, selisih waktu dengan versi keempat malah lebih panjang lagi karena baru keluar April 2005. Namun, ada 200 fitur baru yang menarik seperti fungsi pencarian dengan Spotlight dan Dashboard yang mendukung widget untuk pertama kalinya.
6. Mac OS X 10.5 (Leopard)
Leopard memulai debutnya pada oktober 2007 dengan perbaikan pada fitur pencarian file dengan Stacks, desain ulang Finder, Quick Look, dan untuk pertama kali memperkenalkan backup Time Machine. Mac OS X Leopard dirilis 26 Oktober 2007 dan hadir dalam 2 versi, desktop dan server.
Leopard memulai debutnya pada oktober 2007 dengan perbaikan pada fitur pencarian file dengan Stacks, desain ulang Finder, Quick Look, dan untuk pertama kali memperkenalkan backup Time Machine. Mac OS X Leopard dirilis 26 Oktober 2007 dan hadir dalam 2 versi, desktop dan server.
7. Mac OS X 10.6 (Snow Leopard)
Snow Leopard yang muncul Agustus 2009 mungkin pembaruan besar-besaran secara sistem keseluruhan karena Apple menyatakan telah memperbarui 90 persen dari 1000 proyek yang terlibat dalam pengembangan Mac OS X. Ukurannya hanya setengah versi sebelumnya karena cukup dengan media penyimpan 7 GB. Telah mendukung prosesor 64 bit.
Snow Leopard yang muncul Agustus 2009 mungkin pembaruan besar-besaran secara sistem keseluruhan karena Apple menyatakan telah memperbarui 90 persen dari 1000 proyek yang terlibat dalam pengembangan Mac OS X. Ukurannya hanya setengah versi sebelumnya karena cukup dengan media penyimpan 7 GB. Telah mendukung prosesor 64 bit.
8. Mac OS X 10.7 (Lion)
Apple telah mendistribusikan versi uji coba kepada beberapa mitra pengembang. Beberapa fitur baru antara lain teknologi berbagi file secara nirkabel AirDrop dan desain ulang aplikasi Mail. Juga ada tool interface LaunchPad untuk menampilkan tampilan layar iPhone dan iPad ke Mac OS. Platform ini juga akan mendukung penuh layar multitouch.
Apple telah mendistribusikan versi uji coba kepada beberapa mitra pengembang. Beberapa fitur baru antara lain teknologi berbagi file secara nirkabel AirDrop dan desain ulang aplikasi Mail. Juga ada tool interface LaunchPad untuk menampilkan tampilan layar iPhone dan iPad ke Mac OS. Platform ini juga akan mendukung penuh layar multitouch.
9. Mac OS X 10.8 (Mountain Lion)
Mountain Lion menyiratkan tidak terlalu banyak perubahan dibandingkan dengan versi sistem operasi sebelumnya, Mac OS X Lion. Mountain Lion akan dapat ditemukan pada komputer Apple model terbaru. Pemilik beberapa model komputer Mac terdahulu juga punya kesempatan untuk meng-upgrade sistem operasinya. Namun, model yang didukung terbatas kepada Mac yang memiliki prosesor 64 bit dan dapat menjalankan kernel 64 bit.
Mountain Lion menyiratkan tidak terlalu banyak perubahan dibandingkan dengan versi sistem operasi sebelumnya, Mac OS X Lion. Mountain Lion akan dapat ditemukan pada komputer Apple model terbaru. Pemilik beberapa model komputer Mac terdahulu juga punya kesempatan untuk meng-upgrade sistem operasinya. Namun, model yang didukung terbatas kepada Mac yang memiliki prosesor 64 bit dan dapat menjalankan kernel 64 bit.
10. Mac OS X 10.9 (Mavericks)
Jika sistem operasi Apple sebelumnya selalu menggunakan nama dari keluarga kucing besar, kali ini Apple nampaknya mulai bosan dan melabeli OS terbarunya dengan sebutan OS X Mavericks. Walau tidak banyak perubahan dari OS X Mountain Lion sebelumnya, namun OS X Mavericks diklaim mampu melakukan penghematan penggunaan baterai di perangkat laptop milik Apple.
Jika sistem operasi Apple sebelumnya selalu menggunakan nama dari keluarga kucing besar, kali ini Apple nampaknya mulai bosan dan melabeli OS terbarunya dengan sebutan OS X Mavericks. Walau tidak banyak perubahan dari OS X Mountain Lion sebelumnya, namun OS X Mavericks diklaim mampu melakukan penghematan penggunaan baterai di perangkat laptop milik Apple.
11. Mac OS X 10.10
Dalam gelaran Worldwide Developer Conference 2014, Apple memperkenalkan OS X terbarunya yang diberi nama Yosemite. Tampilan OS X Yosemite itu sedikit banyak mengadopsi tampilan iOS 7, yang mulai mengedepankan “flat design”. OS X Yosemite (OS X 10.10) melanjutkan tradisi baru Apple menggunakan penamaan dari nama tempat, yang dimulai sejak OS X Mavericks. Sebelum itu OS X menggunakan nama kucing besar, seperti OS X Tiger, OS X Lion atau OS X Mountain Lion.
Dalam gelaran Worldwide Developer Conference 2014, Apple memperkenalkan OS X terbarunya yang diberi nama Yosemite. Tampilan OS X Yosemite itu sedikit banyak mengadopsi tampilan iOS 7, yang mulai mengedepankan “flat design”. OS X Yosemite (OS X 10.10) melanjutkan tradisi baru Apple menggunakan penamaan dari nama tempat, yang dimulai sejak OS X Mavericks. Sebelum itu OS X menggunakan nama kucing besar, seperti OS X Tiger, OS X Lion atau OS X Mountain Lion.
12. El Capitan (Mac OS X 10.11)
Dirilis untuk konsumen pada akhir tahun 2015. Nama El Capitan sendiri di ambil dari sebuah nama formasi bebatuan yang ada pada taman nasional Yosemite. Ini adalah penerus sekaligus menyempurnakan dari OS X Yosemite dan difokuskan pada peningkatan kinerja, stabilitas dan keamanan data.
Dirilis untuk konsumen pada akhir tahun 2015. Nama El Capitan sendiri di ambil dari sebuah nama formasi bebatuan yang ada pada taman nasional Yosemite. Ini adalah penerus sekaligus menyempurnakan dari OS X Yosemite dan difokuskan pada peningkatan kinerja, stabilitas dan keamanan data.
Langganan:
Postingan (Atom)