Teckno Boltim

Bagi seorang developer web yang juga berperan sebagai web desainer, gambar sudah menjadi hal wajib untuk dimasukkan ke dalam projeknya. Ada banyak format file untuk gambar dan juga dapat digunakan untuk ditampilkan pada web browser untuk keperluan website, namun apakah sudah tepat dalam memilih format file nya? Kali ini CodePolitan akan kupas mengenai format file apa yang tepat digunakan untuk website, apa saja kah itu? Berikut ulasanya.

Contoh Gambar GIF. Sumber: wikipedia.org

JPEG

PNG

Bayangkan, sekarang sebuah website bisa dibuat dengan mudah, cepat, mampu menampilkan animasi dan lain sebagainya. Namun, tentunya perkembangan ini didahului dengan proses yang sangat panjang. mari kita simak..

HTML pertama kali diluncurkan pada tahun 1990 yang kemudian diikuti dengan munculnya website pertama pada tahun 1991. Website ini diperkenalkan oleh Tim Berners-Lee. Pada peluncuran awal tersebut, HTML hanya dibekali kemampuan untuk menampilkan teks dan link saja. Tentu membosankan membaca website seperti itu.

Tidak berhenti disitu, munculnya tabel untuk membuat layout pada tahun 1992 membuat perkembangan web akhirnya lebih diminati pengguna. Tentunya website yang dikembangkan dengan layout akan lebih menarik dibandingkan hanya berupa teks saja.

Pada tahun 1995-1996, flash dan Javascript mulai diperkenalkan. Hal ini membuat perkembangan web menjadi lebih pesat lagi. Dengan flash dan javascript, penggunaanya dapat membuat konten pada web menjadi lebih interaktif.

Dengan berkembangnya teknologi pada website, akhirnya pada tahun 1996 W3C memperkenalkan penggunaan CSS. Dengan CSS tersebut, akhirnya dapat membuat web menjadi lebih cantik dan tentunya tidak membosankan.

Pada saat itu, penggunaan web masih sebatas web statis saja. Hal ini membuat konten dari web menjadi kurang menarik. Oleh karena itu, pada tahun 1998 munculah PHP. Bahasa ini dikembangkan secara open source, dan terbukti membuat halaman web menjadi lebih dinamis. Proses update pada halaman web juga menjadi lebih mudah.

Setahun setelah itu, CSS3 muncul dan membuat halaman web menjadi lebih menarik lagi. Dengan dibekali kemampuan dan fitur baru sehingga merubah wajah web dan proses perkembangannya menjadi lebih menarik.

Penggunaan internet yang makin ramai membuat banyak developer akhirnya tidak berhenti pada web dinamis saja. Mereka mulai memperkanalkan web yang mampu berinteraksi secara langsung dengan user atau bahkan dikendalikan langsung oleh user.

Perkembangan inilah yang akhirnya memunculkan teknologi seperti Facebook, Twitter, LinkedIn, Blogger dan lain sebagainya.

Pada tahun 2008, perkembangan ponsel semakin canggih dan membuat pergeseran budaya masyarakat yang tadinya lebih memilih melakukan browsing internet dengan komputer kini beralih menggunakan ponsel. 

Hal tersebut akhirnya memunculkan trend baru untuk membuat web yang mudah dibaca dan digunakan oleh pengguna ponsel. Inilah awal dari perkembangan penggunaan responsive web design.

Nah, dari ulasan tersebut kita telah mengetahui perkembangan web mulai dari awal hingga saat ini. Tentunya trend penggunaan web akan selalu berkembang dari waktu ke waktu. Apakah menjadi lebih menarik? kita tunggu saja. Karena tentunya penggunaan web juga akan semakin ramai. Sampai jumpa di artikel lainnya.

Infotechboltim.org-Peraturan Pemerintah Pengganti Undang-Undang (Perppu) No 1 Tahun 2016 mulai dikritisi banyak kalangan. Seksolog Dr Boyke Dian Nugraha mengungkapkan, hukuman kebiri yang ada dalam beleid tersebut menyiksa pelaku. Terpidana pemerkosaan yang terkena hukuman itu pun bisa menjadi seperti perempuan.

Boyke menjelaskan, hukuman kebiri dengan kimiawi biasanya menggunakan suntikan antiandrogen yang berisi hormon-hormon perempuan.

“Jadi sudah tahu sendirilah, Efek Hukuman Kebiri Kimia,hormon-hormon perempuan dikasih ke laki-laki, ya jadi perempuan dia. Dan dia akan amat terpengaruh dengan perubahan-perubahan itu. Yang tadinya agresif, toh akan sangat menurun. Bahkan termasuk imunitasnya. Termasuk otot-ototnya semua,“kata Boyke Kamis (26/5).

Meski kebiri kimiawi disebut bisa pulih, Boyke menjelaskan hal tersebut tergantung pemberian dosisnya. Untuk berapa lama zat kimia itu akan bekerja di terpidana kekerasan seksual tersebut. Tak hanya itu, dia menjelaskan,  hukuman kebiri juga tergantung kepada kondisi biologis masing-masing terpidana.

Boyke pun menjelaskan, pendidikan seks seharusnya menjadi solusi jangka panjang yang dilakukan pemerintah ketimbang memberlakukan hukuman kebiri. Dari hasil penelitian di berbagai negara, kata dia, pendidikan seks tak mengajarkan cara berhubungan seks. Namun justru mengajarkan melindungi diri dari hal-hal negatif.

“Kemudian, mencegah aborsi. Kita aborsi sudah 2,3 juta per tahun. Itu tanpa kita pendidikan seks. Kita negara Muslim terbesar, tapi ternyata angka aborsinya tinggi.” Pungkasnya

Silahkan lihat Kode script html dan css dibawah ini.

  <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Sign Up Form</title>
        <link rel="stylesheet" href="css/normalize.css">
        <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/main.css">
    </head>
    <body>

      <form action="index.html" method="post">
   
        <h1>Sign Up</h1>
     
        <fieldset>
          <legend><span class="number">1</span>Your basic info</legend>
          <label for="name">Name:</label>
          <input type="text" id="name" name="user_name">
       
          <label for="mail">Email:</label>
          <input type="email" id="mail" name="user_email">
       
          <label for="password">Password:</label>
          <input type="password" id="password" name="user_password">
       
          <label>Age:</label>
          <input type="radio" id="under_13" value="under_13" name="user_age"><label for="under_13" class="light">Under 13</label><br>
          <input type="radio" id="over_13" value="over_13" name="user_age"><label for="over_13" class="light">13 or older</label>
        </fieldset>
     
        <fieldset>
          <legend><span class="number">2</span>Your profile</legend>
          <label for="bio">Biography:</label>
          <textarea id="bio" name="user_bio"></textarea>
        </fieldset>
        <fieldset>
        <label for="job">Job Role:</label>
        <select id="job" name="user_job">
          <optgroup label="Web">
            <option value="frontend_developer">Front-End Developer</option>
            <option value="php_developor">PHP Developer</option>
            <option value="python_developer">Python Developer</option>
            <option value="rails_developer"> Rails Developer</option>
            <option value="web_designer">Web Designer</option>
            <option value="WordPress_developer">WordPress Developer</option>
          </optgroup>
          <optgroup label="Mobile">
            <option value="Android_developer">Androild Developer</option>
            <option value="iOS_developer">iOS Developer</option>
            <option value="mobile_designer">Mobile Designer</option>
          </optgroup>
          <optgroup label="Business">
            <option value="business_owner">Business Owner</option>
            <option value="freelancer">Freelancer</option>
          </optgroup>
          <optgroup label="Other">
            <option value="secretary">Secretary</option>
            <option value="maintenance">Maintenance</option>
          </optgroup>
        </select>
     
          <label>Interests:</label>
          <input type="checkbox" id="development" value="interest_development" name="user_interest"><label class="light" for="development">Development</label><br>
            <input type="checkbox" id="design" value="interest_design" name="user_interest"><label class="light" for="design">Design</label><br>
          <input type="checkbox" id="business" value="interest_business" name="user_interest"><label class="light" for="business">Business</label>
     
        </fieldset>
        <button type="submit">Sign Up</button>
      </form>
   
    </body>
</html>

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: 'Nunito', sans-serif;
  color: #384047;
}

form {
  max-width: 300px;
  margin: 10px auto;
  padding: 10px 20px;
  background: #f4f7f8;
  border-radius: 8px;
}

h1 {
  margin: 0 0 30px 0;
  text-align: center;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
  background: rgba(255,255,255,0.1);
  border: none;
  font-size: 16px;
  height: auto;
  margin: 0;
  outline: 0;
  padding: 15px;
  width: 100%;
  background-color: #e8eeef;
  color: #8a97a0;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
  margin-bottom: 30px;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 0 4px 8px 0;
}

select {
  padding: 6px;
  height: 32px;
  border-radius: 2px;
}

button {
  padding: 19px 39px 18px 39px;
  color: #FFF;
  background-color: #4bc970;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  margin-bottom: 10px;
}

fieldset {
  margin-bottom: 30px;
  border: none;
}

legend {
  font-size: 1.4em;
  margin-bottom: 10px;
}

label {
  display: block;
  margin-bottom: 8px;
}

label.light {
  font-weight: 300;
  display: inline;
}

.number {
  background-color: #5fcf80;
  color: #fff;
  height: 30px;
  width: 30px;
  display: inline-block;
  font-size: 0.8em;
  margin-right: 4px;
  line-height: 30px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255,255,255,0.2);
  border-radius: 100%;
}

@media screen and (min-width: 480px) {

  form {
    max-width: 480px;
  }

}

html adalah bahasa pemrograman inti untuk membuat halaman web, untuk membuat halaman web biasanya html dikombinasikan dengan script css agar tampilannya lebih dinamis dan mudah di edit. css adalah cascading style sheet dimana fungsinya untk mempercantik halaman web html. untuk contohnya adalah seperti berikut:

1. pertama kita ketik kodehtml berikut (copas juga bisa, hehe):

<!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”>
<head>
<title>belajar membuat halaman web dengan html dan css</title>
</head>

<body>
<div>header</div>
<div>kiri</div>
<div>kanan</div>
<div>footer</div>
</body>
</html>

2. kemudian kita buat kode css nya seperti ini :

body {
height: auto;
width: 900px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
.header {
height: 220px;
width: 900px;
background-color: #003366;
}
.leftcol {
float: left;
height: auto;
width: 225px;
background-color: #333333;
}
.rightcol {
float: right;
height: auto;
width: 675px;
background-color: #9999FF;
}
.footer {
clear: both;
height: 30px;
width: 900px;
background-color: #000033;
}

kemudia taruh kode css tersebut dibawah kode ‘</head>’ dan diawal script tambahkan <script>, kemudia di akhir kode tambahkan tag script penutup ‘</script>’ , karena disini kita membuat css yang embeded dengan html artinya  kode css menyatu dengan kode htmlnya (css di halaman html).

sehingga kode lengkapnya seperti ini :

<!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”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>belajar membuat halaman web dengan html dan css</title>

<style type=”text/css”>
<!–
body {
height: auto;
width: 900px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
.header {
height: 220px;
width: 900px;
background-color: #003366;
}
.leftcol {
float: left;
height: auto;
width: 225px;
background-color: #333333;
}
.rightcol {
float: right;
height: auto;
width: 675px;
background-color: #9999FF;
}
.footer {
clear: both;
height: 30px;
width: 900px;
background-color: #000033;
}
–>
</style>
</head>

<body>
<div>header</div>
<div>kiri</div>
<div>kanan</div>
<div>footer</div>
</body>
</html>

Referensi Link:
www.wikipedia.org

InfoTech.org Sebagai bentuk penghormatan, Google mempersembahkan Doodle untuk Suzanne Lenglen pada Selasa (24/5). Bukan tanpa alasan, jika sang petenis perempuan masih hidup, tepat hari ini ia akan merayakan ulang tahun ke-117. Karena dikenal sebagai salah satu figur yang berpengaruh, kamu jangan sampai tak tahu sejumlah fakta tentang Suzanne Lenglen berikut, menurut Mirror.

Menuju puncak karier dengan begitu cepat. Ketika banyak pemain tenis yang harus menjalani proses panjang untuk sampai ke puncak karier, Suzanne hanya butuh waktu kurang dari 5 tahun. Karena itu, ia pun dikenal sebagai pemenang kejuaraan tenis paling muda.

Nama Suzanne mendominasi kejuaraan. Selama karier profesionalnya, yakni pada rentang 1914 hingga 1924, ia berhasil kampiun dengan 31 gelar. Raihan itu otomatis membuat namanya jadi yang paling mendominasi di dunia tenis perempuan.

Jadi petenis perempuan pertama yang terkenal. Akibat pencapaian yang luar biasa, nama Suzanne mulai banyak dikenal publik, bahkan oleh mereka yang tak terlalu menyukai tenis. Di samping melambungkan citra Suzanne, ia pun membuktikan bahwa perempuan juga bisa mendominasi di dunia olahraga.

Pernah terlibat dalam film. Karier yang begitu gemilang di usia belia membuat Suzanne dilirik oleh sejumlah penggiat film. Berbuah hasil, pada 1925 Suzanne bermain dalam sebuah film bisu, How I Play Tennis, di mana rekam gambar itu berisikan tata cara bermain tenis dengan benar.

Tutup usia di tahun 1938. Sayangnya, Suzanne Lenglen didiagnosa mengidap leukimia pada Juni 1938 dan jadi buta 3 minggu setelahnya. Berdasarkan pemberitaan kala itu, Suzanne menghembuskan napas terakhir pada 4 Juli 1938.

Infotechboltim.xyz - Sebagai negara Adi Daya terbesar di dunia, pemerintahan Amerika Serikat memang dikenal memiliki sistem pertahanan yang paling kuat. Salah satunya adalah sebuah pesawat khusus yang dipercaya dapat bertahan di kondisi apapun, walaupun harus berhadapan dengan ‘kiamat’ sekalipun.

Dilansir dari laman news.com.au, pesawat ini dirancang untuk tahan dari kondisi paling buruk sekalipun, seperti perang nuklir dan bencana lainnya. Hal ini dilakukan agar pemerintahan Amerika tetap berjalan meskipun berada dalam kondisi darurat.

Dibuat dengan dasar Boeing 747 E-48, pesawat ini memiliki sebutan ‘National Airbone Operation Center’ saat operasi. Menurut rumor yang ada, pemerintah Amerika tak hanya menyediakan satu pesawat saja, melainkan hingga empat.

Total yang digelontorkan pemerintahan Amerika untuk membangun pesawat ini juga tidak tanggung-tanggung. Per satu pesawat dilaporkan menghabiskan dana lebih dari US$223 juta atau sekitar lebih dari Rp 3,1 triliun.

Untuk kekuatannya sendiri, pesawat ini disebut dapat bertahan dari serangan bom nuklir, ledakan asteroid, dan bisa bertahan mengudara selama beberapa hari tanpa harus ketakutan kehabisan bahan bakar. Satu-satunya hal yang membuat pesawat ini harus turun dan mendarat adalah untuk melakukan perawatan mesin.

Jika pesawat ini mampu tahan dari ledakan bom nuklir, tidak lengkap rasanya jika pesawat ini tidak dilindungi oleh perisai radiasi. Ditambah lagi, ada sekitar 67 antena terpasang dan alat penghubung dengan satelit yang digunakan untuk berkomunikasi dengan negara sahabat.

Untuk soal kecepatan, pesawat berbadan bongsor ini dapat melaju hingga 620 mil per jam. Selain itu, pesawat ini ternyata disiagakan 24 jam selama 365 hari, jadi jika ada keadaan darurat apapun, maka pesawat ini sudah siap lepas landas.

Untuk masalah persediaan makanan dan lainnya, pesawat ini mampu menyediakan makanan bagi 112 orang selama satu bulan penuh.

Namun dibalik itu semua, banyak kalangan yang mendiskusikan teori konspirasi tentang keberadaan pesawat tersebut. Bahkan, mantan Juru Bicara Presiden George Bush, Fleischer, mengunggah gambar yang disebut-sebut pesawat anti kiamat milik Amerika.

Hackers have again gained access to the world’s largest system for transferring funds among banks, a breach the network’s operator said indicates a wide-ranging effort to penetrate the financial system.

The Society for Worldwide Interbank Financial Telecommunication, a cooperative that runs the international messaging system between banks, said the attack targeted a commercial bank and managed to send Swift messages using the bank’s valid codes. It followed the theft in February of $81 million from Bangladesh’s account at the Federal Reserve Bank of New York.

The Bangladesh case provided startling evidence of the vulnerability of parts of the financial system that had been thought highly secure.

The notice by Swift said in both cases its own system wasn’t breached but that hackers accessed the fund-transfer system using the customers’ credentials and malicious software to cover their tracks.

“Forensic experts believe this new discovery evidences that the malware used in the earlier reported customer incident was not a single occurrence, but part of a wider and highly adaptive campaign targeting banks,” Swift said in a notice to banks reviewed by The Wall Street Journal but set to go out Friday.

A spokeswoman for Swift said there were a “few” additional incidents but declined to identify the other institutions involved. The Belgium-based Swift recently notified customers about a “small number of recent cases of fraud at customer firms,” it said in the notice.

The new evidence in question, Swift said, was sophisticated malware that was found by third-party forensic experts, who brought their findings to the messaging company. The attack happened before the Bangladesh theft, a person familiar with the matter said.

That malware was different than that used earlier to attack Bangladesh’s central bank, it added. In February, thieves attempted to siphon nearly $1 billion out of the Bangladesh bank’s account at the New York Fed.

The bulk of the fraudulent payment orders were stopped, but the thieves made off with $81 million that still hasn’t been traced.

The two sets of malware used in the attacks had two things in common, the Swift notice said. One, the attackers exploited the customer’s systems before messages were sent over Swift’s platform. Secondly, the malware helped the attackers cover their tracks, making it more difficult to identify the fraud.

The newer one identified by Swift attacks a type of computer software for reading files in a “portable document format,” or PDF. The malware is able to read customers’ PDF reports of payment confirmations, manipulate them and then remove traces of any fraudulent instructions, Swift said.

The Wall Street Journal reported this week that the Federal Bureau of Investigation suspected insiders may have helped the attack on Bangladesh Bank, citing people familiar with the matter. Swift similarly emphasized the risk of malicious insiders in its note to banks.

Swift, a member-owned industry cooperative, handles the bulk of world-wide cross-border payment instructions between banks. On average, the company handles 25 million messages each day.

Banks and brokerages relay information to each other through its trusted computer network, confirming the identities of senders and recipients, amounts being transferred, account numbers and intermediary banks.

The breaches raise the prospect that the system isn’t fully secure.

In the case involving Bangladesh Bank, attackers issued 35 fraudulent instructions attempting to divert funds to accounts in the Philippines and Sri Lanka.

At a conference in Miami this month, New York Fed Executive Vice President Richard Dzina said the bank acted on properly authenticated message instructions.

News of the second breach was reported earlier Thursday by the New York Times.