Belajar Pemprograman Web

Design Prototype Aplikasi Nonton Film Online

noreply@blogger.com (Yosep Alfatah) — Thu, 01 Nov 2018 13:08:00 +0000

Pada Postingan kali ini saya ,Yosep alfatah akan memberikan sebuah contoh design Prototype aplikasi nonton online yang saya beri nama Moviesta ,yang saya buat dengan bantuan aplikasi Justind Mind .

Prototype adalah proses pembuatan model sederhana software yang mengijinkan pengguna memiliki gambaran dasar tentang program serta melakukan pengujian awal. Prototype memberikan fasilitas bagi pengembang dan pemakai untuk saling berinteraksi selama proses pembuatan, sehingga pengembang dapat dengan mudah memodelkan perangkat lunak yang akan di buat.

Model - model prototype :

1. Prototype kertas atau model berbasis komputer yang menjelaskan bagaimana interaksi antara pemakai dan komputer.

2. Prototype yang mengimplementasikan beberapa bagian fungsi dari perangkat lunak yang sesungguhnya. Dengan cara ini pemakai akan mendapat gambaran tentang program yang akan di hasilkan, sehingga dapat menjabarkan lebih rinci kebutuhannya.

3. Menggunakan perangkat lunak yang sudah ada. Seringkali pembuat software memiliki beberapa program yang sebagian dari program tersebut mirip dengan program yang akan di buat.

Oke tidak berlama lama saya akan langsung perllihatkan contoh aplikasi prototype

Pada tampilan Menu iconnya seperti ini:

Kemudian Masuk ke Halaman utama dari aplikasi Moviesta Kita

Dan terakhir jika kita sudah berhasil login maka akan masuk ke tampilan utama aplikasi kita

seperi gambar di paling atas

Oke sekian dari saya semoga ada manfaat yang bias di dapat dari blog saya ini

Pengertian dan Keunggulan Laravel

noreply@blogger.com (Yosep Alfatah) — Fri, 28 Sep 2018 03:51:00 +0000

Laravel adalah sebuah framework PHP yang dirilis dibawah lisensi MIT, dibangun dengan konsep MVC (model view controller). Laravel adalah pengembangan website berbasis MVP yang ditulis dalam PHP yang dirancang untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya pengembangan awal dan biaya pemeliharaan, dan untuk meningkatkan pengalaman bekerja dengan aplikasi dengan menyediakan sintaks yang ekspresif, jelas dan menghemat waktu.

MVC adalah sebuah pendekatan perangkat lunak yang memisahkan aplikasi logika dari presentasi. MVC memisahkan aplikasi berdasarkan komponen- komponen aplikasi, seperti : manipulasi data, controller, dan user interface.

Model, Model mewakili struktur data. Biasanya model berisi fungsi-fungsi yang membantu seseorang dalam pengelolaan basis data seperti memasukkan data ke basis data, pembaruan data dan lain-lain.
View, View adalah bagian yang mengatur tampilan ke pengguna. Bisa dikatakan berupa halaman web.
Controller, Controller merupakan bagian yang menjembatani model dan view.

Beberapa fitur yang terdapat di Laravel :

Bundles, yaitu sebuah fitur dengan sistem pengemasan modular dan tersedia beragam di aplikasi.
Eloquent ORM, merupakan penerapan PHP lanjutan menyediakan metode internal dari pola “active record” yang menagatasi masalah pada hubungan objek database.
Application Logic, merupakan bagian dari aplikasi, menggunakan controller atau bagian Route.
Reverse Routing, mendefinisikan relasi atau hubungan antara Link dan Route.
Restful controllers, memisahkan logika dalam melayani HTTP GET and POST.
Class Auto Loading, menyediakan loading otomatis untuk class PHP.
View Composer, adalah kode unit logikal yang dapat dieksekusi ketika view sedang loading.
IoC Container, memungkin obyek baru dihasilkan dengan pembalikan controller.
Migration, menyediakan sistem kontrol untuk skema database.
Unit Testing, banyak tes untuk mendeteksi dan mencegah regresi.
Automatic Pagination, menyederhanakan tugas dari penerapan halaman.

7 Alasan Menggunakan Framework laravel dibanding NativePHP

Artikel ini, saya tujukan bagi web developer yang masih senang menggunakan PHP native atau membuat “framework” sendiri. Tulisan ini tidak bermaksud menyalahkan pengguna PHP native, tapi lebih ke menambah wawasan kenapa sebaiknya kita menggunakan framework PHP pada umumnya, dan lebih khususnya framework Laravel.

1. Menghindari repetitive work
Membangun berbagai fitur di website itu cukup memakan waktu. Apalgi jika kita membangunnya sendiri. Itulah sebabnya, dalam industri web itu ada yang namanya NIH (Not Invented Here). Jadi, untuk beberapa fitur web, kita serahkan ke library lain yang bukan hasil bikinan kita.

Contoh sederhananya adalah fitur export excel. Fitur ini sangat sering saya temui dalam membuat website. Bisa saja saya membuat library sendiri yang merubah file teks biasa menjadi excel, tapi pasti memakan waktu. Oleh karena itu, fitur ini selalu saya percayakan ke library PHPExcel.

Laravel, bekerja di bawah level library itu. Ia bekerja meng-abstraksi fitur-fitur native PHP. Banyak sekali contohnya, dari Session, Redirect, Autentikasi, Cache, Input, Lokalisasi, Routing, Database, Queue dan sebagainya. Yang jika saya jelaskan semuanya bisa selesai satu buku.

Saya contohkan dengan Routing. Dalam mengembangkan aplikasi PHP, pasti kita sering berurusan dengan URL. Yang paling sederhana, adalah kita membuat subfolder dengan berbagai file php di dalamnya. Misalnya:

index.php
/blog/index.php
/blog/berita/index.php
/blog/kategori/index.php
/kontak.php
dst..
Tentunya, cara seperti ini tidak efektif untuk dilakukan untuk aplikasi yang besar. Karena, kita tidak akan paham struktur URL di website yang dibangun tanpa melihat isi tiap foldernya.

Teknik lain dalam routing ini adalah dengan menggunakan pattern Front Controller. Jika Anda belum paham, pattern ini memungkinkan kita membuat sebuah aplikasi PHP dengan url yang kompleks tapi hanya memiliki satu file index. Pattern ini sangat sering ditemui di berbagai CMS populer misalnya wordpress.

Untuk membangun pattern ini, ada cukup banyak hal yang harus Anda lakukan dari membuat logic front controller dan setup url writing di web server (misalnya dengan .htaccess di apache). Kalau mau coba buat sendiri, silahkan pelajari tutorial di sitepoint ini.

Routing di Laravel akan memudahkan developer membuat aplikasi dengan pattern Front Controller. Routing Laravel telah mengabstraksi fitur URL di PHP untuk melakukan hal dasar ini. Contoh sederhananya, jika kita ingin membangun URL seperti diatas, kita cukup mengisi file routes.php dengan:

Route::get('/', ...);
Route::get('blog/{blog-title?}', ...);
Route::get('blog/berita/{id?}', ...);
Route::get('blog/kategori/{id?}', ...);
Route::get('kontak', ...);
dst...
Dengan cara ini, ada beberapa keuntungan:

Untuk menambah/mengubah/menghaps URL, kita cukup memodifikasi file routes.php.
Untuk mengetahui route apa saja yang tersedia di aplikasi, kita pun cukup membuka file routes.php.
Bahkan Laravel menyediakan fitur untuk mengetahui semua route dengan satu perintah, yaitu php artisan routes. Ini salah satu contoh outputnya:

Output dari perintah php artisan routes
Tuh kan, Anda dapat langsung memahami URL apa saja yang tersedia di aplikasi ini.. ☺

2. Security
Bagi saya, keamanan aplikasi merupakan nomor satu dalam mengembangkan website. Terlebih jika website tersebut menyimpan banyak data yang sangat penting.

Keamanan merupakan hal yang terus berkembang. Riset terus dilakukan. Tiap hari celah baru ditemukan. Begitupun dengan penutup celahnya.

Mengikuti perkembangan keamanan aplikasi PHP, misalnya di phpsec, exploit-db, sensiolabs security, dsb bisa cukup melelahkan dan menyita waktu. Apalagi bagi seorang single fighter developer, udah capek bikin website, tambah capek lagi ketika websitenya di hack. Sakitnya tuh, disini, disini, disini... :D

Saya sendiri ketika masih menjadi asisten di Unpad, pernah menguji aplikasi yang dibuat oleh mahasiswa dengan melakukan SQL Injection. Dan hasilnya, cukup lumayan, saya dapat login ke aplikasi mereka tanpa mengetahui username dan passwordnya.. ☺

Laravel dengan komunitasnya, hadir memastikan fondasi dari aplikasi yang kita bangun benar-benar aman dari masalah security dasar seperti ini. Dari mulai pengamanan csrf, autentikasi, sanitasi data, validasi data dsb telah dilakukan oleh framework Laravel. Semuanya itu kita dapat dengan gratis.

Sekiranya ada lubang keamanan di framework ini, tentu akan banyak developer lain yang tahu. Dan, penutup celah keamanan ini akan segera dirilis. Misalnya seperti celah keamanan ini. Untuk menutup celah ini, saya tinggal mengupdate versi laravel ke versi terbaru. Selesai.

3. Quality
Sebagaimana saya jelaskan di poin 2. Laravel akan menjadi fondasi dari aplikasi yang kita bangun. Jika kita hendak membangun rumah, tentunya fondasi yang kokoh dan kuat akan menopang rumah yang besar. Bahkan, gedung pencakar langit sekalipun bisa dibangun diatasnya.

Yap, begitulah Laravel. Dimulai dari standar code yang mengikuti PSR0 dan PSR1. Begitupun dengan syntax dari framework ini, ada ratusan test yang berjalan ketika sebuah syntax baru dimasukkan ke dalam framework ini. Jadi, kita bisa memastikan bahwa framework ini benar-benar solid dan aman. Siap menjadi fondasi dari aplikasi kita, sebesar dan sekompleks apapun.

4. Memudahkan Teamwork
Alasan ini saya tujukan bagi Anda yang membuat framework sendiri. Saya ingin menantang Anda, seberapa cepat developer yang baru mempelajari framework yang Anda buat?

Tentunya, pasti beragam. Tergantung seberapa kompleks arsitektur framework yang Anda buat dan seberapa lengkap dokumentasinya. Belum lagi Anda akan direpotkan ketika developer baru tersebut mendapatkan sebuah fitur yang tidak dijelaskan di dokumentasi. Mencari di google pun di ngga akan ketemu, sekiranya framework ini hanya Anda gunakan di internal kantor (bukan opensource).

Berbeda kasusnya dengan menggunakan Laravel. Jika ada developer baru yang masuk ke project, dia cukup mempelajari dokumentasi resmi Laravel. Ini akan sangat menghemat waktu. Bahkan, ada penulis buku yang berani menjamin Anda paham Laravel dalam seminggu. (oke, itu saya, hahaha :D )

Suatu saat dia menemukan fitur yang tidak dipahami dari Laravel, dia cukup buka google dan lautan informasi akan datang menghampirinya. Ada pula forum resmi maupun tidak resmi yang siap menjawab pertanyaannya. Simple kan?

Yap, memang ada kepuasan tersendiri ketika kita membuat framework sendiri. Tapi ingat, framework yang solid itu tidak hanya dibangun dari codebase yang kompleks dan arsitektur yang berlapis-lapis. Tapi, ditambah pula dengan dokumentasi yang lengkap dan codebase yang selalu diaudit dari berbagai masalah keamanan dan performa.

Saran saya, untuk pekerjaan yang akan dikerjakan oleh banyak orang, mari kita turunkan ego kita dan gunakan framework yang banyak digunakan orang lain.

5. Interoperability
Jika Anda hendak membangun aplikasi open source, Anda harus memastikan codebase yang digunakan dipahami oleh banyak orang. Dengan begitu, akan lebih banyak orang yang akan berkontribusi di project tersebut.

Laravel dengan popularitas dan berbagai kelebihannnya menjawab masalah itu. Dapat kita temui banyak project opensource menggunakan Laravel, misalnya Flarum, sebuah aplikasi forum yang dibangun diatas Laravel dan EmberJS.

6. Hemat Biaya
Perlu saya jelaskan lagi?? Oke, ini beberapa hal yang akan mengeluarkan biaya ketika Anda menggunakan PHP native atau membuat framework sendiri:

Membuat dokumentasi penggunaan
Membuat dokumentasi API framework
Maintenance security
Maintenance bug
Maintenance performa
dll.
7. Hemat Waktu
Dengan berbagai abstraksi yang dilakukan Laravel, Anda dapat lebih fokus memikirkan logic bisnis dari aplikasi yang Anda buat.

Waktu Anda tidak perlu lagi disia-siakan dengan mengurusi hal-hal dasar di PHP. Titik.

Tentunya, dari semua alasan diatas, pilihan tetap saja jatuh ke tangan Anda. Jika aplikasi yang dikembangkan sangat simple, tentunya penggunaan Laravel bisa overkill.

Yang saya pahami, pekerjaan web developer itu unik. Berbeda dengan pekerjaan lain yang cenderung stabil. Menjadi web developer harus siap mempelajari berbagai hal baru. Apa, bagaimana dan kenapa-nya ketika kita membuat web bisa berubah dalam hitungan bulan, bahkan minggu.

Popularitas Laravel dalam beberapa tahun ini menunjukkan ada “sesuatu” di framework ini yang bisa kita pelajari dan manfaatkan. Sekiranya kita belum berminat untuk menggunakannya di dunia kerja, tidak ada salahnya jika kita mempelajarinya. Banyak hal yang bisa kita pelajari, dari arsitekturnya, coding style, API-nya, dll. Bisa jadi, framework ini merupakan jawaban dari do’a-do’a kita tentang berbagai keluhan ketika coding selama ini.. Dah..

Hak Atas kekayaan Intelektual(HAKI)

noreply@blogger.com (Yosep Alfatah) — Mon, 27 Aug 2018 09:50:00 +0000

Pengertian

Hak Atas Kekayaan Intelektual adalah hak eksklusif yang diberikan suatu hukum atau peraturan kepada seseorang atau sekelompok orang atas karya ciptanya. Menurut UU yang telah disahkan oleh DPR-RI pada tanggal 21 Maret 1997, HaKI adalah hak-hak secara hukum yang berhubungan dengan permasalahan hasil penemuan dan kreativitas seseorang atau beberapa orang yang berhubungan dengan perlindungan permasalahan reputasi dalam bidang komersial (commercial reputation) dan tindakan / jasa dalam bidang komersial (goodwill).

Dengan begitu obyek utama dari HaKI adalah karya, ciptaan, hasil buah pikiran, atau intelektualita manusia. Kata “intelektual” tercermin bahwa obyek kekayaan intelektual tersebut adalah kecerdasan, daya pikir, atau produk pemikiran manusia (the Creations of the Human Mind) (WIPO, 1988:3). Setiap manusia memiliki memiliki hak untuk melindungi atas karya hasil cipta, rasa dan karsa setiap individu maupun kelompok.

Kita perlu memahami HaKI untuk menimbulkan kesadaran akan pentingnya daya kreasi dan inovasi intelektual sebagai kemampuan yang perlu diraih oleh setiap manusia, siapa saja yang ingin maju sebagai faktor pembentuk kemampuan daya saing dalam penciptaan Inovasi-inovasi yang kreatif.

Intelektual Property(picture)

Prinsip-prinsip Hak Kekayaan Intelektual

Prinsip-prinsip Hak atas Kekayaan Intelektual (HaKI) adalah sebagai berikut :

Prinsip Ekonomi
Dalam prinsip ekonomi, hak intelektual berasal dari kegiatan kreatif dari daya pikir manusia yang memiliki manfaat serta nilai ekonomi yang akan member keuntungan kepada pemilik hak cipta.

Prinsip Keadilan
Prinsip keadilan merupakan suatu perlindungan hukum bagi pemilik suatu hasil dari kemampuan intelektual, sehingga memiliki kekuasaan dalam penggunaan hak atas kekayaan intelektual terhadap karyanya.

Prinsip Kebudayaan
Prinsip kebudayaan merupakan pengembangan dari ilmu pengetahuan, sastra dan seni guna meningkatkan taraf kehidupan serta akan memberikan keuntungan bagi masyarakat, bangsa dan Negara.

Prinsip Sosial
Prinsip sosial mengatur kepentingan manusia sebagai warga Negara, sehingga hak yang telah diberikan oleh hukum atas suatu karya merupakan satu kesatuan yang diberikan perlindungan berdasarkan keseimbangan antara kepentingan individu dan masyarakat/ lingkungan.

Dasar Hukum Hak Kekayaan Intelektual di Indonesia

Undang undang HAKI
Dalam penetapan HaKI tentu berdasarkan hukum-hukum yang sesuai dengan peraturan yang berlaku. Dasar-dasar hukum tersebut antara lain adalah :

Undang-undang Nomor 7/1994 tentang Pengesahan Agreement Establishing the World Trade Organization (WTO)
Undang-undang Nomor 10/1995 tentang Kepabeanan
Undang-undang Nomor 12/1997 tentang Hak Cipta
Undang-undang Nomor 14/1997 tentang Merek
Undang-undang Nomor 13/1997 tentang Hak Paten
Keputusan Presiden RI No. 15/1997 tentang Pengesahan Paris Convention for the Protection of Industrial Property dan Convention Establishing the World Intellectual Property Organization
Keputusan Presiden RI No. 17/1997 tentang Pengesahan Trademark Law Treaty
Keputusan Presiden RI No. 18/1997 tentang Pengesahan Berne Convention for the Protection of Literary and Artistic Works
Keputusan Presiden RI No. 19/1997 tentang Pengesahan WIPO Copyrights Treaty
Berdasarkan peraturan-peraturan tersebut maka Hak atas Kekayaan Intelektual (HaKI) dapat dilaksanakan. Maka setiap individu/kelompok/organisasi yang memiliki hak atas pemikiran-pemikiran kreatif mereka atas suatu karya atau produk dapat diperoleh dengan mendaftarkannya ke pihak yang melaksanakan, dalam hal ini merupakan tugas dari Direktorat Jenderal Hak-hak Atas Kekayaan Intelektual, Departemen Hukum dan Perundang-undangan Republik Indonesia.

Klasifikasi Hak Atas Kekayaan Intelektual (HaKI)

Secara umum Hak atas Kekayaan Intelektual (HaKI) terbagi dalam dua kategori, yaitu :

Hak Cipta
Hak Kekayaan Industri, yang meliputi :
Hak Paten
Hak Merek
Hak Desain Industri
Hak Desain Tata Letak Sirkuit Terpadu
Hak Rahasia Dagang
Hak Indikasi
Dalam tulisan ini, penulis hanya akan membahas Hak Cipta, Hak Paten, dan Hak Merek.

Hak Cipta
Hak Cipta adalah Hak khusus bagi pencipta untuk mengumumkan ciptaannya atau memperbanyak ciptaannya. Berdasarkan Undang-Undang Nomor 19/2002 Pasal 1 ayat 1 mengenai Hak Cipta :

Hak Cipta adalah hak eksklusif bagi Pencipta atau penerima hak untuk mengumumkan atau memperbanyak Ciptaannya atau memberikan izin untuk itu dengan tidak mengurangi pembatasan-pembatasan menurut peraturan perundang-undangan yang berlaku. Hak cipta termasuk kedalam benda immateriil, yang dimaksud dengan hak milik immateriil adalah hak milik yang objek haknya adalah benda tidak berwujud (benda tidak bertubuh). Sehingga dalam hal ini bukan fisik suatu benda atau barang yang di hak ciptakan, namun apa yang terkandung di dalamnya yang memiliki hak cipta. Contoh dari hak cipta tersebut adalah hak cipta dalam penerbitan buku berjudul “Manusia Setengah Salmon”. Dalam hak cipta, bukan bukunya yang diberikan hak cipta, namun Judul serta isi didalam buku tersebutlah yang di hak ciptakan oleh penulis maupun penerbit buku tersebut. Dengan begitu yang menjadi objek dalam hak cipta merupakan ciptaan sang pencipta yaitu setiap hasil karya dalam bentuk yang khas dan menunjukkan keasliannya dalam ilmu pengetahuan, seni dan sastra. Dasar hukum Undang-undang yang mengatur hak cipta antara lain :

UU Nomor 19 Tahun 2002 tentang Hak Cipta
UU Nomor 6 Tahun 1982 tentang Hak Cipta (Lembaran Negara RI Tahun 1982 Nomor 15)
UU Nomor 7 Tahun 1987 tentang Perubahan atas UU Nomor 6 Tahun 1982 tentang Hak Cipta (Lembaran Negara RI Tahun 1987 Nomor 42)
UU Nomor 12 Tahun 1997 tentang Perubahan atas UU Nomor 6 Tahun 1982 sebagaimana telah diubah dengan UU Nomor 7 Tahun 1987 (Lembaran Negara RI Tahun 1997 Nomor 29)

Hak Kekayaan Industri
Hak kekayaan industri adalah hak yang mengatur segala sesuatu milik perindustrian, terutama yang mengatur perlindungan hukum. Hak kekayaan industri sangat penting untuk didaftarkan oleh perusahaan-perusahaan karena hal ini sangat berguna untuk melindungi kegiatan industri perusahaan dari hal-hal yang sifatnya menghancurkan seperti plagiatisme. Dengan di legalkan suatu industri dengan produk yang dihasilkan dengan begitu industri lain tidak bisa semudahnya untuk membuat produk yang sejenis/ benar-benar mirip dengan mudah. Dalam hak kekayaan industri salah satunya meliputi hak paten dan hak merek.

Hak Paten
Menurut Undang-undang Nomor 14/2001 pasal 1 ayat 1, Hak Paten adalah hak eksklusif yang diberikan oleh Negara kepada Inventor atas hasil penemuannya di bidang teknologi, yang untuk selama waktu tertentu dalam melaksanakan sendiri penemuannya tersebut atau dengan membuat persetujuan kepada pihak lain untuk melaksanakannya. Paten hanya diberikan negara kepada penemu yang telah menemukan suatu penemuan (baru) di bidang teknologi. Yang dimaksud dengan penemuan adalah kegiatan pemecahan masalah tertentu di bidang teknologi, hal yang dimaksud berupa proses, hasil produksi, penyempurnaan dan pengembangan proses, serta penyempurnaan dan pengembangan hasil produksi.

Perlindungan hak paten dapat diberikan untuk jangka waktu 20 tahun terhitung dari filling date. Undang-undang yang mengatur hak paten antara lain :

UU Nomor 6 Tahun 1989 tentang Paten (Lembaran Negara RI Tahun 1989 Nomor 39)
UU Nomor 13 Tahun 1997 tentang Perubahan UU Nomor 6 Tahun 1989 tentang Paten (Lembaran Negara RI Tahun 1997 Nomor 30)
UU Nomor 14 Tahun 2001 tentang Paten (Lembaran Negara RI Tahun 2001 Nomor 109).

Hak Merek
Berdasarkan Undang-undang Nomor 15/2001 pasal 1 ayat 1, hak merek adalah tanda yang berupa gambar, nama, kata, huruf-huruf, angka-angka, susunan warna, atau kombinasi dari unsur-unsur tersebut yang memiliki daya pembeda dan digunakan dalam kegiatan perdagangan barang atau jasa. Merek merupakan tanda yang digunakan untuk membedakan produk/jasa tertentu dengan produk/jasa yang sejenis sehingga memiliki nilai jual dari pemberian merek tersebut. Dengan adanya pembeda dalam setiap produk/jasa sejenis yang ditawarkan, maka para costumer tentu dapat memilih produk.jasa merek apa yang akan digunakan sesuai dengan kualitas dari masing-masing produk/jasa tersebut. Merek memiliki beberapa istilah, antara lain :

Merek Dagang
Merek dagang adalah merek yang digunakan pada barang yang diperdagangkan oleh seseorang atau beberapa orang secara bersama-sama atau badan hukum untuk membedakan dengan barang-barang sejenis lainnya.

Merek Jasa
Merek jasa adalah merek yang digunakan pada jasa yang diperdagangkan oleh seseorang atau beberapa orang secara bersama-sama atau badan hukum untuk membedakan dengan jasa-jasa sejenis lainnya.

Merek Kolektif
Merek Kolektif adalah merek yang digunakan pada barang atau jasa dengan karakteristik yang sama yang diperdagangkan oleh beberapa orang atau badan hukum secara bersama-sama untuk membedakan dengan barang atau jasa sejenis lainnya.

Selain itu terdapat pula hak atas merek, yaitu hak khusus yang diberikan negara kepada pemilik merek yang terdaftar dalam Daftar Umum Merek untuk jangka waktu tertentu, menggunakan sendiri merek tersebut atau memberi izin kepada seseorang atau beberapa orang secara bersama-sama atau badan hukum untuk menggunakannya. Dengan terdaftarnya suatu merek, maka sudah dipatenkan bahwa nama merek yang sama dari produk/jasa lain tidak dapat digunakan dan harus mengganti nama mereknya. Bagi pelanggaran pasal 1 tersebut, maka pemilik merek dapat mengajukan gugatan kepada pelanggar melalui Badan Hukum atas penggunaan nama merek yang memiliki kesamaan tanpa izin, gugatan dapat berupa ganti rugi dan penghentian pemakaian nama tersebut.

Selain itu pelanggaran juga dapat berujung pada pidana yang tertuang pada bab V pasal 12, yaitu setiap orang yang dengan sengaja dan tanpa hak menggunakan merek yang sama secara keseluruhan dengan merek terdaftar milik orang lain atau badan hukum lain, untuk barang atau jasa sejenis yang diproduksi dan diperdagangkan, dipidana penjara paling lama tujuh tahun dan denda paling banyak Rp100.000.000,-

Oleh karena itu, ada baiknya jika merek suatu barang/jasa untuk di hak patenkan sehingga pemilik ide atau pemikiran inovasi mengenai suatu hasil penentuan dan kreatifitas dalam pemberian nama merek suatu produk/jasa untuk dihargai dengan semestinya dengan memberikan hak merek kepada pemilik baik individu maupun kelompok organisasi (perusahaan/industri) agar dapat tetap melaksanakan kegiatan-kegiatan perekonomiannya dengan tanpa ada rasa was-was terhadap pencurian nama merek dagang/jasa tersebut.

Undang-undang yang mengatur mengenai hak merek antara lain :

UU Nomor 19 Tahun 1992 tentang Merek (Lembaran Negara RI Tahun 1992 Nomor 81)
UU Nomor 14 Tahun 1997 tentang Perubahan UU Nomor 19 Tahun 1992 tentang Merek (Lembaran Negara RI Tahun 1997 Nomor 31)
UU Nomor 15 Tahun 2001 tentang Merek (Lembaran Negara RI Tahun 2001 Nomor 110)
Dalam pembahasan ini, dapat disimpulkan bahwa HaKI adalah bagian penting dalam penghargaan dalam suatu karya dalam ilmu pengetahuan, sastra maupun seni dengan menghargai hasil karya pencipta inovasi-inovasi tersebut agar dapat diterima dan tidak dijadikan suatu hal untuk menjatuhkan hasil karya seseorang serta berguna dalam pembentukan citra dalam suatu perusahaan atau industri dalam melaksanakan kegiatan perekonomian.

Sumber :

zaki-math.web.ugm.ac.id/matematika/etika_profesi/HAKI_09.ppt
puslit.petra.ac.id/journals/pdf.php?PublishedID=DKV02040203
http://www.kemenperin.go.id/
http://edukasi.kompasiana.com/2010/08/25/perlunya-melakukan-pendaftaran-hak-kekayaan-industri-industrial-property-rights-bagi-para-pengusaha/

Cara Kerja Web dan Layanan Hosting baik itu layanan berbayar maupun Gratis

noreply@blogger.com (Yosep Alfatah) — Fri, 24 Aug 2018 01:26:00 +0000

Pengertian dan cara kerja web

A.web scara fisik adalah kumpulan komputer pribadi,web browser,konekso ke ISP komputer server ,router dan switch yg di gunakan untuk mengalirkan informasidan menjadi wahan pertama berbagai pihak terkait
B.web di bagi menjadi beberapa jenis nyaitu:
-web seartch engine
-web portal
-web prusahaan
-web pribadiata dan tampilan

C.cara kerja web sebagai berikut:

1.masukan alamat web yang di tuju pada web brorser
2.browser akan meminta halaman web dari web server
3.web browser mengirimkan data web yang diminta ke browser
4.browser menginterpretasikan

Web Hosting merupakan penggabungan dari kata web dan hosting, dan apabila diartikan satu persatu maka web merupakan sebuah halaman situs yang bisa diakses dengan menggunakan sebuah aplikasi browser, hosting merupakan sebuah tempat yang digunakan untuk menyimpan halaman – halaman web tersebut, dimana dalam penyimpanannya, halaman – halaman web akan diletakan dalam sebuah komputer web serveryang terhubung ke internet dalam bentuk file – file data. server – server yang digunakan untuk menyimpan data web biasanya dikelola oleh sebuah perusahaan yang khusus menangani penyewaan web hosting. dan web hosting sendiri merupakan salah satu bentuk penerapan dari bisnis onlineyang sudah kita bahas sebelumnya . Perusahaan penyedia layanan webhosting biasanya disebut dengan webhost.

Di Indonesia sendiri telah banyak sekali penyedia – penyedia layanan webhosting dengan berbagai keunggulan dan penawaran fitur – fitur yang berbeda antara satu dengan yang lain, dan yang membedakan antara perusahaan yang satu dengan yang lain adalah dari segi layanan seperti besarnya kapasitas ruang penyimpanan, konektifitas serta data transfer dalam penawaran paket – paket hosting yang mereka sediakan.

Bagaimana sudah paham apa itu web hosting, kalau sobat sudah paham sekarang kita ulas mengenai macam – macam server hosting yang bisa sobat gunakan untuk menyimpan halaman situs sobat.

Jenis Atau Macam – Macam Server Hosting :

1. Share Hosting

Share Hosting merupakan sebuah server hosting yang dapat digunakan secara bersama – sama atau disebut juga di sharing, di dalam server ini biasanya terdapat beberapa nama domain dengan kepemilikan yang berbeda – beda pula, yang membedakan dari penggunaan server ini adalah account penggunanya yang memiliki username dan password yang berbeda, biaya untuk menyewa server hosting ini sangatlah murah dibandingan dengan jenis server yang lainya, jadi untuk sobat yang masih pemula sangatlah cocok untuk menyewa server hosting yang satu ini.

2. Virtual Private Server ( VPS )

VPS biasanya disebut juga dengan nama Virtual Dedicated Server yang merupakan sebuah server yang dibagi – bagi menjadi sebuah virtual mesin, jadi dalam satu komputer server terdapat beberapa sistem operasi server, tentunya secara kepemilikan antara sistem operasi satu dengan yang lainnya berbeda. untuk menyewa server hosting jenis ini lebih mahal dari pada sobat menyewa share hosting, tetapi dari segi kualitas layanan keleluasaan penggunaanya lebih baik dibandingkan dengan shere hosting.

3. Dedicated Server

Server yang satu ini biasanya digunakan untuk penyimpanan aplikasi yang lebih besar dari pada Share Hosting maupun VPS, jadi pengguna menyewa secara keseluruhan dari komputer server yang disediakan oleh webhost. keleluasaan dalam menggunakan komputer server ini lebih penuh, baik dari segi hardware maupun software.

4. Colocation Server

Colocation Server merupakan sebuah server yang digunakan untuk keperluan webhost, jadi apabila sobat komputer ingin memiliki usaha web hosting maka sobat dapat menyewa Colocation Server untuk mendukung usaha sobat, tentunya harga yang ditawarkan oleh pihak provider lebih mahal dari jenis server yang sebelum – sebelumnya.

Dari ulasan di atas, saya yakin sobat komputer sudah mengetahui gambaran mengenai server hosting, dan apabila sobat berniat untuk bisnis server hosting, persiapkan dulu dana yang lumayan banyak, heheheh, tapi untuk pemula ada alternatif lain yaitu dengan menjadi reseller hosting. dan bagi sobat komputer yang berniat untuk menyewa server hosting tips berikut ini bisa menjadi bahan pertimbangan.

Cara Menyewa Web-Hosting

1. Pendaftaran Domain

Apabila anda berniat menyewa sebuah web hosting tentunya hal pertama yang perlu anda miliki adalah nama domain, agar nanti bisa disetting dan terkoneksi dengan hosting yang anda sewa. Beberapa nama domain dapat anda dapatkan secara gratis dan ada juga yang berbayar, tentu apabila anda mempunyai domain berbayar, anda tidak perlu kawatir kalau nama domain anda kan dihapus. Apabila menggunakan domain gratis peluang nantinya terhapus tiba – tiba pastinya ada, dan itu merupakan sebuah resiko yang harus ditanggung. untuk mendapatkan domain berbayar anda bisa membeli sendiri ke perusahaan penyedia jasa registrar domain atau bisa juga membelinya langsung pada penyedia Hosting, karena biasanya penyedia hosting juga menerima jasa pendaftaran domain.

2. Pemilihan Paket Hosting

Setelah anda mempunyai nama domain, sekarang waktunya anda untuk menentukan paket hosting yang ditawarkan oleh penyedia hosting. Anda dapat mengecek satu per satu kemampuan paket – paket hosting yang ada dengan mencari perbandingan baik yang berada di Indonesia maupun di luar negeri. Apabila sobat komputer memilih penyedia paket hosting luar negeri, biasanya pembayaran yang dilakukan dengan menggunakan kartu kredit atau via Paypal. tetapi untuk penyedia layanan hosting di Indonesia selain menggunakan metode pembayaran diatas juga akan dipermudah dengan cara transfer melalui bank.

3. Cek Ketersediaan Domain

Pada point ini khusus untuk anda yang baru membuat sebuah situs website, dan apabila anda sudah mempunyai domain, anda tinggal masukan ke kolom domain name. Kemudian arahkan setingan name server ke alamat server hosting yang akan anda sewa. Untuk anda yang baru mempunyai situs web, nama domain yang anda daftarkan belum tentu tersedia, hal ini bisa terjadi karena nama domain sudah dimiliki oleh orang lain, jadi pada point ini sobat harus mengecek dulu ketersediaan nama domain yang akan didaftarkan.

4. Verifikasi

Setelah paket hosting dan nama domain sudah dimasukan ke “keranjang belanja”, pihak penyedia hosting akan memverifikasi permintaan pesanan anda, kemudian akan muncul tagihan yang harus dibayar oleh anda, serta kemana nantinya anda harus membayarnya. bisa dengan metode transfer bank atau melalui Paypal

5. Pembayaran

Pada point ini sobat bisa lakukan dengan cara membayar melalui bank atau paypal seperti yang telah dibahas pada point sebelumnya, kemudian setelah anda sudah melakukan pembayaran, kirim pemberitahuan dengan melampirkan bukti pembayaran.

6. Verifikasi Pembayaran

Setelah point diatas selesai maka pihak penyedia Web Hosting akan menikdaklanjuti pendaftaran anda, kemudian mengaktifkan nama domain serta paket hosting yang sudah anda pesan.

7. Pengiriman Account

Setelah nama domain dan paket hosting aktif, anda akan menerima email yang berisi user dan password yang digunakan untuk mengelola domain serta hosting yang anda pesan. Pada point ini proses pendaftaran web hosting sudah selesai dilakukan, sekarang tinggal mendevelop situs yang anda buat.

SIAPA SAJA YG MEMBUTUHKAN WEBSITE ?

Pribadi (Personal)
Pengajar (guru, dosen, tutor, akademisi, praktisi pendidikan)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website pribadi sebagai sarana untuk:
Berkomunikasi dan membangun komunitas yang independen untuk aktualisasi peran anda di dunia pendidikan.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Menuangkan ide-ide brilian-edukatif berupa artikel (yang nantinya mungkin akan berkembang menjadi sebuah buku) sesuai dengan disiplin ilmu yang anda miliki sehingga mengembangkan kredibilitas anda.
Berbagi literatur, artikel ilmiah, buku pendidikan, maupun soal-jawaban yang anda tulis sendiri yang selanjutnya dapat di download oleh para siswa.
Mengarsipkan dokumentasi kiprah anda di bidang pendidikan, baik pada saat seminar, penataran, simposium, di dalam negeri maupun luar negeri, sehingga menunjukkan eksistensi anda kepada khalayak.
Sebagai media aktualisasi diri pemiliknya. Misalnya seorang aktivis lingkungan bisa menjadikan web pribadinya untuk memberikan informasi tentang bagaimana memelihara lingkungan dengan baik atau mengkampanyekan global warming.

Contoh: www.risetdosen.com

Pelajar (siswa, mahasiswa perguruan tinggi negeri/swasta, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website pribadi sebagai sarana untuk:

Menyalurkan ide dan kreativitas (seperti tulisan, gambar, foto, lagu, film, dll) dan berbagi kepada yang lain (media sharing) melalui website pribadi yang unik dan “gue banget”.
Menyiapkan dan mengumpulkan portofolio anda sebelum memasuki dunia kerja, sehingga anda akan terbantu dalam mempromosikan diri anda ke perusahaan atau instansi tempat anda bekerja nantinya.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Mendokumentasikan perjalanan hidup anda melalui diary online dengan desain khas anda sendiri, sekaligus menjadi memoar yang bermakna saat anda berada jauh dari orang-orang yang anda sayangi.

Contoh: www.iervan.web.id

Seniman (artis, penyair, fotografer, pelukis, penyanyi, pesulap, penari, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website pribadi sebagai sarana untuk:

Meningkatkan personal branding, yaitu mempromosikan keahlian yang anda miliki, sehingga dapat meningkatkan citra diri anda.
Mendokumentasikan dan mempublikasikan karya spektakuler anda (seperti biografi, portofolio, tulisan, gambar, foto, lagu, film, dll) dan berbagi kepada para penggemar anda.
Menjadi wadah komunikasi bagi komunitas penggemar anda (fans club) untuk saling berbagi kesan dan kesan kepada anda.
Mempromosikan diri dan profil anda kepada khalayak dengan menyertakan alamat dan contact person manajemen, sehingga memudahkan mereka mengetahui dan mengundang anda.
Menyajikan form undangan secara online dengan sistem transaksi elektronik, sehingga memudahkan manajemen dan meningkatkan profesionalisme anda.

Contoh: www.katonbagaskara.com

Calon Wakil Rakyat/Calon Kepala Daerah (caleg, cabup, cagub bahkan capres sekalipun)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website pribadi sebagai sarana untuk:
Media kampanye yang cerdas, kreatif dan efektif untuk segmentasi massa virtual yang sangat besar di internet.
Menjadi wadah komunikasi bagi para pendukung yang terdidik, untuk menguatkan basis-basis dukungan dan menanamkan pengaruh yang signifikan di masyarakat pengguna teknologi informasi.
Mensosialisasikan agenda kampanye dan agenda penting lainnya untuk mendukung program kampanye.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Menyebarkan media desain kampanye secara online (banner, animasi flash, cuplikan film dan lagu kampanye) yang akan melipatgandakan basis massa.

Contoh: www.ahmadheryawan.com

Pejabat Publik (Anggota Legislatif/Wakil Rakyat, Kepala Daerah, Bupati, Gubernur, bahkan Presiden sekalipun)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website pribadi sebagai sarana untuk:

Media komunikasi yang independen sebagai sarana untuk berbagi informasi kepada konstituen dan menguatkan basis-basis dukungan.
Mensosialisasikan program dan kegiatan kepada konstituen sehingga meningkatkan kesertaan masyarakat dalam mendukung program yang direncanakan.
Media dokumentasi untuk mengarsipkan kiprah dan peran aktif (track record) dalam rangka penokohan diri anda jangka panjang.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Meningkatkan posisi tawar (bargaining position) dan eksistensi diri anda di mata publik.

Contoh: www.bangadang.com

Lembaga (Organization).
Lembaga Pendidikan (sekolah, kampus, bimbel, pusat pelatihan, kursus, privat)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website organisasi sebagai sarana untuk:

Menciptakan image sekolah modern yang terakreditasi dengan baik karena melek “iptek”, sehingga meningkatkan standar sekolah di mata masyarakat maupun dinas pendidikan yang mengawasi, sehingga memungkinkan turunnya program pengadaan barang dan jasa ke sekolah.
Menyajikan database siswa, guru, kurikulum, kalender pendidikan, kisi-kisi soal ujian, sampai prestasi-prestasi penting sekolah dalam bentuk aplikasi multimedia secara “press-release”.
Menjadikan sekolah anda lebih dikenal, baik lokal, nasional, maupun internasional, sehingga meningkatkan citra dan kredibilitas sekolah.
Mengarsipkan sejarah-sejarah penting sekolah, dari awal berdirinya hingga seterusnya, sehingga menjadi kebanggaan tersendiri bagi guru, siswa, maupun alumni yang pernah menuntut ilmu disana.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.

Contoh: www.ui.ac.id

Lembaga Organisasi Kemahasiswaan (Senat, BEM, DPM, Unit Kegiatan Mahasiswa, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website organisasi sebagai sarana untuk:

Mempromosikan lembaga yang anda miliki secara online sehingga memiliki jejaring virtual dengan personal maupun organisasi lain yang sejenis.
Mempublikasikan hasil karya/temuan/kajian yang bermanfaat bagi mahasiswa dan masyarakat, dalam rangka program pengabdian kepada masyarakat.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Menciptakan komunitas virtual mahasiswa untuk memperkuat basis-basis dukungan dengan gerakan yang massif dan independen.
Mempropagandakan isu dan informasi yang berpihak pada aliansi kebenaran serta menolak segala bentuk penindasan dan pembodohan kepada masyarakat.

Contoh: www.bem.ui.ac.id

Lembaga Sosial (Organisasi Massa, LSM/NGO, Panti Asuhan, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website organisasi sebagai sarana untuk:
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Mengembangkan eksistensi lembaga yang anda miliki sehingga dikenal oleh khalayak dan media informasi lainnya.
Mengembangkan jejak pendapat yang secara aklamatif mendukum program-program pembelaan kepada masyarakat.
Memasyarakatkan isu-isu sosial sehingga meningkatkan basis-basis dukungan terhadap isu tersebut.
Meningkatkan promosi lembaga anda secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang lembaga anda.
Mengumpulkan donasi secara online dengan publikasi rekening melalui website, email, dan banner iklan.

Contoh: www.ppnsi.org

Unit Usaha Masyarakat (Koperasi, UKM, BPR, BPRs, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website organisasi sebagai sarana untuk:

Mengembangkan eksistensi unit usaha yang anda miliki sehingga dikenal oleh khalayak dan media informasi lainnya.
Mengembangkan unit usaha menjadi unit usaha yang professional, sehingga dilirik oleh pemerintah/bank/kreditur.
Meningkatkan promosi secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang unit usaha yang anda geluti.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.

Contoh: www.bprsalsalaam.com

Organisasi Kepemudaan Masyarakat (DKM, Karang Taruna, Klub Sepakbola, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website organisasi sebagai sarana untuk:

Meningkatkan promosi organisasi anda secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang organisasi yang anda geluti.
Mendokumentasikan kiprah dan kerja nyata organisasi kepemudaan yang anda geluti.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Mengembangkan eksistensi organisasi yang anda geluti sehingga dikenal oleh khalayak dan media informasi lainnya.
Mendokumentasikan kiprah dan prestasi, sehingga meningkatkan rasa kepemilikan dan keanggotaan terhadap organisasi yang anda geluti.

Contoh: www.al-fauzien.web.id

Organisasi Pelatihan (Event Organizer, Sanggar Kreativitas, Lembaga Training dan Outbond)

Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Meningkatkan promosi organisasi anda secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang organisasi yang anda miliki.
Menampilkan daftar client yang pernah mengikuti pelatihan yang anda adakan, sekaligus untuk menghitung eskalasi jumlah peserta pelatihan dari tahun ke tahun.
Menampilkan kolom kesan peserta terhadap training yang telah dilakukan, sehingga meningkatkan citra diri organisasi yang anda geluti.

Contoh: www.trustco.or.id

Perusahaan (Corporation)
Perusahaan Teknologi Informasi (Pengembang IT, Pengadaan IT, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website perusahaan sebagai sarana untuk:

Menegaskan bahwa perusahaan anda benar-benar perusahaan pengembang IT, karena telah mengoptimalkan penggunaan teknologi internet dalam pengembangan media informasi perusahaanya.
Mendokumentasikan portofolio perusahaan sehingga meningkatkan nilai jual bagi konsumen penguna IT.
Menyajikan daftar klien yang pernah bekerjasama dengan perusahaan pengembangan IT milik anda.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Meningkatkan promosi perusahaan anda secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang perusahaan anda.

Contoh: www.palapastudio.com

Perusahaan Wisata (Biro Perjalanan Wisata, Restoran, Hotel, Losmen, Souvenir, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website perusahaan sebagai sarana untuk:

Meningkatkan promosi kawasan wisata, sehingga semakin terkenal baik lokal, nasional maupun internasional.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Memudahkan para wisatawan, baik wisatawan domestic maupun turis luar negeri untuk mengetahui seluk beluk tentang kawasan wisata.
Menyajikan berbagai macam paket perjalanan khusus, dilengkapi dengan berbagai fasilitas yang dapat dikunjungi oleh wisatawan.
Meningkatkan promosi perusahaan anda secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang perusahaan anda.

Contoh: www.fatahillahtour.com

Perusahaan Finansial (Bank, Kreditur, Simpan Pinjam, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website perusahaan sebagai sarana untuk:

Meningkatkan jasa layanan finansial kepada para nasabah dengan website yang mendukung teknologi e-banking atau internet banking.
Menjembatani kebutuhan informasi antara nasabah dan perusahaan finansial milik anda, sehingga timbul kenyamanan bertransaksibbagi nasabah.
Menyajikan program promosi dan informasi sayembara melalui email yang dapat di-subscribe oleh nasabah bank.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Meningkatkan promosi perusahaan anda secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang perusahaan finansial milik anda.

Contoh: www.bankmandiri.co.id

Perusahaan Rancang Bangun (Konsultan Perencana, Sipil, Arsitek, Kontraktor,Lighting Specialist, Landscape, Pengembang, Pengadaan Properti)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website perusahaan sebagai sarana untuk:

Mendokumentasikan portofolio hasil karya perusahaan sehingga meningkatkan nilai jual dan kredibilitas perusahaan.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Menyajikan daftar klien yang pernah bekerjasama dengan perusahaan rancang bangun milik anda.
Meningkatkan eksistensi perusahaan anda sehingga dipercaya kualitas pekerjaannya oleh klien atau perusahaan developer lain.
Meningkatkan promosi perusahaan secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang perusahaan anda.

Contoh: www.urbane.co.id

Perusahaan Ekspedisi (Jasa Pengiriman Barang, Penjualan Tiket, Penyewaan Kendaraan, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website perusahaan ekspedisi sebagai sarana untuk:

Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Menyediakan layanan jasa pengiriman dengan sistem online order, sehingga penjadwalan pengiriman dilakukan secara teratur sesuai pesanan.
Menampilkan peta skematik jangkauan ekspedisi yang dapat dilakukan serta simulasi harga berdasarkan bobot dan jarak pengiriman, sehingga konsumen dapat memperkirakan biaya yang dikeluarkan untuk setiap paket pengiriman.
Meningkatkan promosi perusahaan anda secara online di jejaring media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang perusahaan ekspedisi milik anda.

Contoh: tiki-online.com

Perusahaan Budidaya Pertanian/Perkebunan/Peternakan (Pengusaha Teh, Kelapa sawit, Kakao, Ayam Potong, Sapi, Domba, Kambing, Aqiqah, Kurban, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website perusahaan sebagai sarana untuk:

Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Menyediakan informasi tentang aktivitas budidaya pertanian, peternakan dan perkebunan secara lokal maupun nasional, termasuk aktivitas perusahaan anda.
Menyajikan informasi tentang peluang usaha dan kerjasama yang berhubungan dengan budidaya pertanian, peternakan dan perkebunan, sehingga memperluas capaian pemasaran anda.
Meningkatkan hasil pertanian dan perkebunan dengan sistem pemasaran dan pengiriman barang online.
Meningkatkan promosi perusahaan anda secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang perusahaan anda.

Contoh: www.empangraddina.com

Perusahaan Makanan/Minuman (Restoran, Food Court, Franchise, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website perusahaan sebagai sarana untuk:

Mengiklankan secara online produk makanan/minuman anda dengan multimedia yang menarik, sehingga lebih dikenal dan banyak disukai oleh khalayak ramai.
Menyajikan informasi tentang peluang usaha dan kerjasama bagi hasil (waralaba) atas kesertaan klien kepada bisnis anda.
Menampilkan kolom kesan pengunjung terhadap masakan/minuman sehingga memperkuat kesaksian positif terhadap kualitas produk perusahaan anda.
Menyediakan jasa layanan pemesanan secara online (online order) yang siap antar kepada konsumen dengan menampilkan informasi nomor kontak untuk pemesanan.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Meningkatkan promosi perusahaan anda secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang perusahaan makanan/minuman milik anda.

Contoh: www.yourtea.biz

Perusahaan Pertambangan (Batu Bara, Minyak Bumi, Timah, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website perusahaan sebagai sarana untuk:

Menginformasikan tentang deskripsi perusahaan pertambangan yang anda geluti, mulai dari profil perusahaan hingga lokasi tempat pertambangan berada.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Menyediakan informasi tentang aktivitas pertambangan secara lokal maupun nasional secara kontinu.
Meningkatkan promosi perusahaan anda secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang perusahaan pertambangan yang anda geluti.

Contoh: www.akr.co.id

Perusahaan Asuransi (Asuransi Kesehatan, Pendidikan, Kematian, Kendaraan, dll)

Jika anda termasuk dalam kategori ini, maka anda membutuhkan website perusahaan sebagai sarana untuk:

Menyediakan informasi online tentang status keanggotaan asuransi, layanan pembayaran online, statistik pembayaran premi dan program pelayanan lainnya, sehingga menjembatani kebutuhan informasi peserta polis dan perusahaan.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Menyajikan program promosi dan informasi sayembara melalui email yang dapat di-subscribe oleh peserta asuransi.
Meningkatkan promosi perusahaan anda secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang perusahaan asuransi yang anda geluti.

Contoh: www.prudential.co.id

Perusahaan Penerbitan (Percetakan, Advertising, Penerbit Buku, Souvenir, dll)

Mendokumentasikan portofolio cetakan atau hasil karya perusahaan cetak anda agar dikenal oleh calon konsumen.
Menyediakan jasa layanan pemesanan cetakan secara online (online order) yang siap antar kepada konsumen dengan menampilkan informasi nomor kontak untuk pemesanan, dan kirim desain via e-mail.
Menampilkan informasi kontak online, sehingga lebih mudah dihubungi oleh setiap orang yang membutuhkan.
Meningkatkan promosi perusahaan anda secara online di media informasi lainnya, sehingga setiap orang lebih mudah mengakses segala informasi tentang perusahaan asuransi yang anda geluti.

Contoh: www.percetakan.net

Mengapa perlu web-hosting?

Setiap orang maupun perusahaan saat ini sudah selayaknya memiliki website untuk mengembangkan usaha mereka atau sekedar berbagi informasi kepada klien, teman, atau orang lain yang membutuhkannya. Untuk itulah diperlukan webhosting sebagai media/tempat penyimpanan dari materi website yang telah dibuat. Kecepatan menyebarkan informasi tentang Jasa, Produk, Layanan Publik dan lainnya merupakan salah satu tolok ukur keberhasilan bisnins perorangan atau perusahaan.

Contoh Pertama : di Indonesia hanya dengan kurang lebih Sepuluh Ribu Rupiah dalam waktu satu jam penuh, dengan tidak meninggalkan rumah dan hanya bermodalkan koneksi telepon rumah dari TELKOM, anda dapat menjelajah DUNIA dan memperoleh berbagai informasi.

Contoh kedua: Seorang mahasiswa kedokteran, dengan dana yang terbatas, untuk mengantisipasi membeli buku kuliah kedokteran yang harganya bisa mencapai jutaan rupiah, dapat dengan mudah memperoleh informasi ilmu pengetahuan dan teknologi melalui situs web, dan ini menjadi tanggung jawab penyelenggara pendidikan untuk menyediakan layanan web site guna memajukan pendidikan. Bahkan seorang dosen sebaiknya memiliki web site.

Mengenal Cara Kerja Web dan Profesi profesi dalam Bidang IT(Teknologi)

noreply@blogger.com (Yosep Alfatah) — Thu, 23 Aug 2018 13:11:00 +0000

1) Profesi dalam bidang Teknologi Informasi

Saat ini ada banyak aneka profesi di bidang Teknologi Informasi atau TI. Perkembangan dunia TI telah melahirkan bidang baru yang tidak terlepas dari tujuan utamanya yaitu untuk semakin memudahkan manusia dalam melakukan segala aktifitas. Munculnya bidang TI yang baru juga memunculkan profesi di bidang TI yang semakin menjurus sesuai dengan keahlian masing-masing.

Secara umum, pekerjaan di bidang teknologi informasi setidaknya dapat dikelompokan sesuai bidangnya, misalnya.

a. Kelompok pertama, adalah mereka yang bergelut di dunia perangkat lunak (software), baik mereka yang merancang sistem operasi, database maupun sistem aplikasi.

Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :

*Sistem analis, merupakan orang yang bertugas menganalisa system yang akan diimplementasikan, mulai dari menganalisa system yang ada, kelebihan dan kekurangannya, sampai studi kelayakan dan desain system yang akan dikembangkan

* Programer, merupakan orang yang bertugas mengimplementasikan rancangan system analis, yaitu membuat program ( baik aplikasi maupun system operasi ) sesuai system yang dianalisa sebelumnya.

* Web designer, merupakan orang yang melakukan kegiatan perencanaan, termasuk studi kelayakan, analisis dan desain terhadap suatu proyek pembuatan aplikasi berbasis web.

* Web programmer, merupakan orang yang bertugas mengimplementasikan rancangan web designer, yaitu membuat program berbasis web sesuai desain yang telah dirancang sebelumnya.

b. Kelompok kedua, adalah mereka yang bergelut di bidang perangkat keras (hardware).

Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :

* Technical engineer, sering juga disebut teknisi, yaitu orang yang berkecimpung dalam bidang teknik, baik mengenai pemeliharaan maupun perbaikan perangkat system computer.

* Networking engineer, adalah orang yang berkecimpung dalam bidang teknis jaringan computer dari maintenance sampai pada troubleshooting-nya.

c. Kelompok ketiga, adalah mereka yang berkecimpung dalam operasional system informasi.

Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :

*EDP Operator, adalah orang yang bertugas mengoperasikan program-program yang berhubungan dengan electronic data processing dalam lingkungan sebuah perusahaan atau organisasi lainnya.

*System Administrator, merupakan orang yang bertugas melakukan administrasi terhadap system, memiliki kewenangan menggunakan hak akses terhadap system, serta hal-hal lain yang berhubungan dengan pengaturan operasional sebuah system.

2) Profesi dalam pengembangan aplikasi web

Ada banyak ragam dalam profesi di dalam bidang Teknologi Informasi, bagaimana dengan profesi yang berada dalam lingkungan pengembangan aplikasi web? Berikut ini adalah profesi-profesi yang langsung terkait dalam pengembangan aplikasi web, diantaranya :

Web Designer

Seorang desainer Web adalah orang yang bertanggung jawab untuk menentukan tampilan sebuah website. Tugasnya adalah pendisainan tampilan situs (web) mulai dari pengolahan gambar, tata letak, warna, dan semua aspek visual situs. Fokus utama mereka adalah tampilan / layout dari web. Mereka lebih konsen dengan bagaimana halaman terlihat dan apakah berfungsi sempurna ketika sudah diberikan bahasa pemrograman. Didalam pendandanan suatu situs seorang Web Designer harus menguasai :

- HTML, DHTML

- Pengolah Gambar

- Animasi, Movie (Film)

Web Programmer

Web Programmer bertugas dalam melakukan pengcodingan atau pemograman sebuah website agar dinamis. dimana agar sebuah web tersebut dapat telihat mudah bagi seorang web admin.

Jika situs yang akan dibuat mempunya fasilitas interaksi antara pengunjung dan situs misalnya menyangkut dengan transaksi, input output data dan database maka seorang Web Programmer yang akan mengerjakannya dengan membuat aplikasi-aplikasi yang berkerja diatas situs (web). Penguasaan yang biasanya harus dikuasai pada umumnya oleh Web Programmer :

- CGI Perl, PHP, MySQL (Unix base)

- ASP (NT base)

- Java Script dan Applet

Web Administrator

Tugasnya adalah untuk memaintenance suatu server, mengerti akan Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada masalah (troubleshooting), biasanya seorang Web Administrator harus menguasai :

- OS Unix (LInux, FreeBSD, dll)

- OS NT

- Jaringan (LAN, WAN, Intranet)

- Keamanan Server

Web Master

Seoarang Web Master adalah seorang yang mengerti akan kesemua hal mulai dari disain, program dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan mempertanggun jawabkan atas jalannya suatu situs (web). Penguasaan yang harus dimiliki :

- HTML, DHTML

- CGI Perl, PHP, MySQL, ASP, Java

- Penguasaan bermacam OS (Operating System)

- Keamanan Server

- Jaringan (LAN, WAN, Intranet)

Web Developer

Kegiatan diatas secara keseluruhan dinamakan suatu team yang dinamakan Web Developer.

Web developer memberi bantuan seperti konsultasi web, konsep web yang akan di buat, membangun sebuat website..

Dari semua jenis pekerjaan diatas tidak semua adalah sebuah profesi karena tidak semua orang ahli dalam bidang tersebut. Yang bisa dikatakan sebagai sebuah profesi yaitu jika seseorang sudah ahli di dalam bidang pekerjaan tersebut. Jika di pekerjaan diatas yang bisa dikatakan sebagai sebuah profesi adalah web designer, web programmer, web administrator, web master dan web developer karena dalam bidang tersebut seseorang memang sudah memiliki keahlian di dalamnya.

3) Sejarah web

Internet adalah jaringan komputer yang saling terhubung. Tidak ada perusahaan yang memiliki internet, yang merupakan upaya kerja sama diatur oleh sistem standar dan aturan. Tujuan dari menghubungkan komputer bersama-sama, tentu saja, adalah untuk berbagi informasi. Ada banyak cara informasi dapat dikirimkan antar komputer, termasuk email, transfer file (File Transfer Protocol), dan banyak layanan yang lebih khusus yang dibangun dalam layanan Internet. Metode ini standar untuk mentransfer data atau dokumen melalui jaringan dikenal sebagai protokol.

World Wide Web, biasa lebih terkenal disingkat sebagai WWW adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut URL (Uniform Resource Locator) untuk mengenal pasti sumber daya berguna. WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripada Internet.

WWW merupakan kumpulan web server dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama. WWW adalah bagian yang paling menarik dari Internet. Melalui web, para pengguna dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi.

Kegunaan ini tergolong masih baru dibandingkan surat elektronik, sebenarnya WWW merupakan kumpulan dokumen yang tersimpan di peladen web, dan yang peladennya tersebar di lima benua termasuk Indonesia yang terhubung menjadi satu melalui jaringan Internet. Dokumen-dokumen informasi ini disimpan atau dibuat dengan format HTML (Hypertext Markup Language).

Suatu halaman dokumen informasi dapat terdiri atas teks yang saling terkait dengan teks lainnya atau bahkan dengan dokumen lain. Keterkaitan halaman lewat teks ini disebut pranala. Dokumen infomasi ini tidak hanya terdiri dari teks tetapi dapat juga berupa gambar, mengandung suara bahkan klip video. Kaitan antar-dokumen yang seperti itu biasa disebut hipermedia.

Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen multimedia yang saling bertautan dengan menggunakan tautan hiperteks. Dengan mengeklik pranala (hyperlink), maka para pengguna bisa berpindah dari satu dokumen ke dokumen lainnya.

WWW adalah suatu program yang ditemukan oleh Tim Berners-Lee pada tahun 1991. Awalnya Berners-Lee hanya ingin menemukan cara untuk menyusun arsip-arsip risetnya. Untuk itu, beliau mengembangkan suatu sistem untuk keperluan pribadi. Sistem itu adalah program peranti lunak yang diberi nama Enquire. Dengan program itu, Berners-Lee berhasil menciptakan jaringan yang menautkan berbagai arsip sehingga memudahkan pencarian informasi yang dibutuhkan. Inilah yang kelak menjadi dasar dari sebuah perkembangan pesat yang dikenal sebagai WWW.

Gambar. 1.1 Tim Berners-Lee (Sumber : http://www.hdwallpapersinn.com)

WWW dikembangkan pertama kali di Pusat Penelitian Fisika Partikel Eropa (CERN : Organisation Europeenne pour la Recherche Nucleaire), Jenewa, Swiss. Pada tahun 1989 Berners-lee membuat pengajuan untuk proyek pembuatan hiperteks global, kemudian pada bulan Oktober 1990, 'World Wide Web' sudah dapat dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991, WWW secara resmi digunakan secara luas pada jaringan Internet.

Gambar.1.2 Website CERN http://home.web.cern.ch

Standart Web

HTML (Hypertext Markup Language) merupakan bahasa standar web yang didefinisikan dan dikelola penggunaannya oleh W3C (World Wide Web Consurtium). HTML dibuat dan dikembangkan oleh Tim Berners-Lee. Selanjutnya , bahasa tersebut dipopulerkan oleh browser Mosaic. Selama tahun 90-an telah muncul berbagai versi HTML dengan berbagai macam fiturnya. Versi HTML yang ada tersebut antara lain:

1) Versi 1.0

Merupakan versi pertama setelah lahirnya HTML dan mempunyai kemampuan seperti untuk heading, paragraph, hypertext, list, cetak tebal, dan cetak miring pada teks. Selain itu juga dukungan peletakan image pada dokumen dengan tidak memperbolehkan peletakan teks di sekelilingnya (wrapping).

2) Versi 2.0

Diliris pada tanggal 14 Januari 1996 dengan beberapa kemampuan tambahan seperti penambahan form. Hal ini menjadi pionir untuk membuat sebuah web yang interaktif.

3) Versi 3.0

Diliris pada tanggal 18 Desember 1997, yang dikenal dengan HTML+. Versi ini memiliki beberapa vitur tambahan seperti fitur table dalam paragraph.

4) Versi 3.2

Diliris pada buan Mei 1998, merupakan versi terbaru penyempurnaan dari versi 3.0.

5) Versi 4.0

diliris pada tanggal 24 Desember 1999 dengan penambahan beberapa fitur seperti adanya link, imagemaps, image, dan lain-lain.

6) Versi 5.0

Diliris pada tahun 2009 yang menjadi standar baru untuk HTML, XHTML, dan DOM HTML. HTML5 ini merupakan proyek kerja sama antara W3C (World Wide Web Consurtium) dan WHATG (Web Hypertext Application Technology Working Group).

Spesifikasi HTML5 belum final saat ini, tetapi diyakini oleh banyak orang akan menjadi standar yang diterima di masa depan. Beberapa browser (lihat Tabel 1.1) sudah mendukung HTML5.

Tabel 1.1 Browser yang mendukung HTML5

Browser	Keterangan
Chrome	Mulai versi 1.0
Firefox	Mulai versi 1.5
Internet Explorer	Mulai versi 8
Opera	Mulai versi 9.0
Safari	Mulai versi 1.3

Pada HTML5, dalam menuliskan tag dan atribut dengan huruf kecil tidak ada lagi. Diberi kebebasan untuk menggunakan huruf kecil, huruf capital, atau kombinasinya. Bahkan, nilai suatu atribut akan diberi tanda petik atau tidak sama saja. Browser tidak lagi mempedulikan hal-hal seperti itu.

4) Cara kerja web

Sebuah web browser adalah program perangkat lunak yang gunakan untuk mengakses World Wide Web dari Internet. Browser pertama, yang disebut NCSA Mosaic, dikembangkan di Pusat Nasional untuk Aplikasi Super Komputer di awal 1990-an. Yang mudah digunakan, cukup klak-klik sehingga membantu mempopulerkan Web.

Meskipun banyak browser yang berbeda yang tersedia, Microsoft Internet Explorer dan Mozilla Firefox yang jauh yang paling populer. (Banyak pengguna Mac lebih memilih browser Safar) Persaingan untuk mendominasi pasar telah membawa perbaikan terus-menerus untuk perangkat lunak. (keduanya didasarkan pada NCSA Mosaic)

dapat mendownload Internet Explorer dan Firefox secara gratis dari situs web masing-masing perusahaan. Jika sudah memiliki satu browser, dapat menguji yang lain. Juga mencatat bahwa ada sedikit perbedaan antara versi Windows dan Macintosh.

Anatomi Browser

Ketika pertama kali membuka browser web, biasanya dengan mengklik dua kali pada icon di desktop komputer, halaman web yang telah ditetapkan muncul. Halaman ini disebut sebagai halaman “home” atau halaman awal. Dengan Mozilla Firefox misalnya, mungkin akan dibawa ke halaman awal Mozilla atau ke halaman yang dipilih oleh penyedia layanan Internet. Tetapi jika ingin, dapat dengan mudah mengubah halaman awal tersebut.

World Wide Web sampai saat ini adalah bagian yang paling populer dari Internet. Setelah menghabiskan waktu di Web akan merasa bahwa tidak ada batas untuk apa yang dapat ditemukan. Web memungkinkan beragam komunikasi, juga memungkinkan untuk mengakses dan berinteraksi dengan teks, grafis, animasi, foto, audio dan video.

Jadi apa saja yang membentuk web ini? Pada tingkat yang paling sederhana, Web secara fisik terdiri dari komputer pribadi atau perangkat mobile, perangkat lunak web browser, sambungan ke penyedia layanan Internet, komputer yang disebut server yang disebut hostingdan router dan switch yang mengarahkan aliran informasi.

Ada banyak pilihan perangkat lunak server, tetapi dua yang paling populer adalah Apache (perangkat lunak open source untuk server) dan Internet Information Services (IIS ) dari Microsoft. Apache tersedia secara bebas untuk komputer berbasis Unix dan dapat diinstal pada Mac menjalankan Mac OS X. Ada versi Windows juga. Microsoft IIS adalah bagian dari keluarga Microsoft.

Setiap komputer dan perangkat (modem, router, smartphone, mobil, dll) yang terhubung ke Internet diberi alamat IP numerik yang unik (IP singkatan dari Internet Protocol). Sebagai contoh, komputer yang dihosting google.com memiliki alamat IP 173.194.34.99. Semua angka-angka tersebut dapat memusingkan, untungnya ada Domain Name System (DNS) yang dikembangkan untuk memungkinkan kita merujuk ke server dengan nama domainnya, "google.com ", juga. Alamat IP numerik berguna untuk perangkat lunak komputer, sedangkan nama domain adalah lebih mudah diakses oleh manusia. Pencocokan nama domain ke alamat IP numerik masing-masing adalah tugas dari server.

Hal ini dimungkinkan untuk mengkonfigurasi server web sehingga lebih dari satu nama domain dipetakan ke satu alamat IP, sehingga memungkinkan beberapa situs untuk berbagi server tunggal.

Sebuah halaman web adalah dokumen elektronik yang ditulis dalam bahasa komputer yang disebut HTML, singkatan dari Hypertext Markup Language. Setiap halaman web memiliki alamat yang unik, yang disebut URL atau Uniform Eerources Locator yang mengidentifikasi di mana web server yang memuat dokumen web.

Sebuah website memiliki satu atau lebih halaman web terkait, tergantung pada bagaimana itu dirancang. Halaman web pada situs yang dihubungkan bersama melalui sistem hyperlink, memungkinkan untuk melompat di antara halaman web dengan mengklik pada link.

Halaman Web bervariasi dalam desain dan konten, tetapi banyak menggunakan format majalah tradisional. Di bagian atas halaman adalah “header” seperti kop surat atau gambar banner, kemudian daftar item dan artikel. Daftar item atau menu biasanya link ke halaman lain atau situs lain. Kadang-kadang link ini disusun dalam daftar, seperti indeks. Dapat juga kombinasi dari keduanya. Sebuah halaman web mungkin juga menggunakan gambar sebagai link ke konten lainnya.

Bagaimana bisa membedakan mana teks yang ada tautan/link? Link muncul dalam warna yang berbeda dari teks - biasanya dengan warna biru dan sering digarisbawahi. Bila memindahkan kursor di atas link teks atau melalui link grafis, perubahan icon dari panah ke tangan.

Web adalah media yang dinamis. Untuk mendorong pengunjung untuk kembali ke sebuah situs, banyak penerbit web sering memperbarui konten. Itulah yang membuat Web sangat menarik.

Memahami Alamat Web

World Wide Web adalah koleksi besar file elektronik yang tersimpan di jutaan komputer di seluruh dunia. Uniform Resource Locators atau URL adalah alamat yang digunakan untuk menemukan file.

Informasi yang terkandung dalam URL memberi kemampuan untuk berpindah dari satu halaman web yang lain hanya dengan klik. Ketika mengetik URL ke browser atau klik link hypertext, browser mengirim permintaan ke komputer remote, yang disebut server web, untuk men-download satu atau lebih file. Setiap URL unik, mengidentifikasi satu file tertentu.

Apa yang dari khas URL? Berikut adalah beberapa contoh :

http://belajar.kemdikbud.go.id/
Halaman Rumah Belajar Kementrian Pendidikan dan Kebudayaan.

http://www.facebook.com/pustekkom
Halaman Facebook untuk Pusat Teknologi Informasi - Kementrian Pendidikan dan Kebudayaan.

ftp://rtfm.mit.edu/pub/
Sebuah direktori file di MIT tersedia untuk di-download.

news : rec.gardens.roses

Sebuah newsgroup dengan topik berkebun.

http://blogs.reuters.com/soccer
Sebuah blog tentang sepak bola dari kantor berita Reuters

Bagian pertama dari URL ( sebelum dua garis miring ) memberitahu jenis sumber daya atau metode akses di alamat itu. Sebagai contoh:

http : dokumen hypertext atau direktori

ftp : file yang tersedia untuk di-download atau direktori file tersebut
news : newsgroup

file : file yang terletak pada drive lokal komputer Anda

Bagian kedua biasanya adalah alamat komputer di mana data atau layanan berada. Bagian tambahan mungkin menentukan nama file, port untuk menghubungkan ke, atau teks untuk mencari dalam database.

Bagian-bagian dari URL

Sebuah URL lengkap umumnya terdiri dari tiga komponen : protokol,
nama situs, dan path absolut ke dokumen atau sumber daya, seperti yang ditunjukkan pada Gambar berikut.

http:// www.example.com /2011/samples/first.html

Gambar 1.3. Sebuah contoh URL

http://

Hal pertama yang dilakukan adalah URL menentukan protokol yang akan digunakan untuk transaksi tertentu. Aturan HTTP membiarkan server tahu untuk menggunakan Hypertext Transfer Protocol, atau masuk ke dalam "modus web"

www.example.com
Bagian berikutnya dari URL mengidentifikasi situs dengan nama domainnya.
Dalam contoh ini, nama domain adalah example.com. www di bagian awal adalah nama host tertentu di domain tersebut. Nama host " www " telah menjadi sebuah kesepakatan. Tetapi, kadang-kadang nama host dapat dihilangkan. Bisa lebih dari satu website di domain (kadang-kadang disebut subdomain). Misalnya, ada : development.example.com, clients.example.com, dan sebagainya.

/2012/samples/first.html

Ini adalah path absolut melalui direktori pada server ke dokumen HTML yang diminta, first.html. Kata-kata dipisahkan oleh garis miring adalah nama direktori, dimulai dengan direktori root dari host ( seperti yang ditunjukkan oleh awal /), URL pada Gambar 1.3. mengatakan ingin menggunakan protokol HTTP untuk terhubung ke server web di Internet disebut www.example.com dan meminta first.html dokumen ( terletak di direktori sampel yang ada di direktori 2012).

Sebagian dari URL yang akan menggunakan start dengan http, yang merupakan singkatan dari Hypertext Transfer Protocol, metode yang file HTML yang ditransfer melalui Web. Berikut adalah beberapa hal-hal lain untuk mengetahui tentang URL :

· Sebuah URL biasanya tidak memiliki spasi.

· Penulisan URL tidak sensitif huruf besar-kecil. Jadi mengetik "http://www.kemdikbud.go.id" atau "HTTP://WWW.KEMDIKBUD.GO.ID" atau variasi huruf besar dan kecil akan membawa ke halaman yang sama.

Jika mengetik URL tidak benar, browser tidak akan dapat menemukan situs atau sumber daya yang inginkan. Jika mendapatkan pesan error atau mengakses situs yang salah, periksalah untuk melihat apakah mengeja alamat dengan benar.

File standar

Tidak setiap URL adalah terlihat begitu panjang. Banyak alamat tidak termasuk nama file, tapi hanya menunjuk ke sebuah direktori, seperti ini :

http://www.w3schools.com/
http://w3schools.com/html/
Ketika server menerima permintaan untuk nama direktori bukan file tertentu, terlihat dalam direktori tersebut untuk dokumen default, biasanya bernama index.html.
Jadi, sebenarnya secara tidak langsung, kita mengetikkan alamat lengkap seperti ini (sebagai contoh jika index.html sebagai default) :

http://www.w3schools.com/index.html

Nama file default ( juga disebut sebagai file indeks) dapat bervariasi, dan tergantung pada bagaimana server dikonfigurasi. Dalam contoh ini, dinamai index.html, tetapi beberapa server menggunakan nama file default.htm. Jika situs menggunakan pemrograman server-side untuk menghasilkan halaman, file indeks mungkin diberi nama index.php atau index.asp.

Hal lain yang perlu diperhatikan adalah bahwa dalam contoh pertama, URL asli tidak memiliki garis miring untuk menunjukkan itu adalah sebuah direktori. Ketika slash dihilangkan, server hanya menambahkan satu jika menemukan direktori dengan nama itu.

File index ini juga berguna untuk keamanan. Beberapa server ( tergantung pada konfigurasi mereka) menampilkan isi direktori jika file default tidak ditemukan.

Salah satu cara untuk mencegah orang melihat file-file pada direktori adalah memastikan ada file index di setiap direktori. Administrator server juga dapat menambahkan perlindungan lain untuk mencegah direktori ditampilkan di browser.

Setelah file index dibuka oleh browser, maka akan disajikan seluruh informasi yang ada dalam dokumen HTML dari file tersebut. Sebagai contoh dapat dilihat pada gambar berikut :

Gambar 1.4. Contoh Web

Di bagian atas Gambar 1.4, menampilkan halaman web minimal seperti yang muncul dalam browser. Meskipun terlihat sebagai satu halaman yang koheren, sebenarnya dirakit dari empat file terpisah: dokumen HTML ( index.html ), sebuah style sheet ( kitchen.css ), dan dua grafis (foods.gif dan spoon.gif). Dokumen HTML akan menampilkan semuanya.

c. Rangkuman

Secara umum, pekerjaan di bidang teknologi informasi setidaknya dapat dikelompokan sesuai bidangnya, misalnya.

· Kelompok pertama, adalah mereka yang bergelut di dunia perangkat lunak (software), baik mereka yang merancang system operasi, database maupun system aplikasi.

· Kelompok kedua, adalah mereka yang bergelut di bidang perangkat keras (hardware).

· Kelompok ketiga, adalah mereka yang berkecimpung dalam operasional system informasi.

Profesi-profesi yang langsung terkait dalam pengembangan aplikasi web, diantaranya : Web Designer, Web Programmer, Web Administrator, Web Master, Web Developer

Macam macam Tag dalam HTML

noreply@blogger.com (Yosep Alfatah) — Sat, 11 Nov 2017 04:20:00 +0000

TAG HTML adalah kata kunci (nametag) yang berada di antara kurung sudut "<...>"

Apa sih Tag HTML itu ?

Seperti yang sudah saya bahas di atas Tag HTML adalah kata kunci yang berada di antara kurung sudut.
Tag html ini mempunyai format sebagai berikut :
<nametag>.........</nametag>
Jadi disetiap awalan tag HTML harus selalu ditutup dengan </...> ( Slash nametag )

Apa Fungsi Tag HTML ?

Fungsi Tag HTML adalah untuk membuat tampilan WEB yg kita buat menjadi lebih menarik, kebayangkan jika kita mendesign web tanpa menggunakan tag html, pasti akan keliatan membosankan, tulisan dimana-mana :v .

Apa Saja Macam Macam Tag HTML Beserta Fungsinya ?

Macam Macam Tag HTML beserta fungsinya lengkap akan saya bahas di bawah ini

Lets GO

Tag	Keterangan
<!-- ... -->	Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser
<!DOCTYPE>	Mendefinisikan informasi tipe dokumen
<a>	Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<abbr>	Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
<acronym>	Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
<address>	Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
<applet>	Digunakan untuk memasukan file java kedalam dokumen HTML
<area />	Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
<b>	Membuat teks tebal
<base />	Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
<basefont />	Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen
<bdo>	Digunakan untuk menimpa arah teks
<big>	Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>	Membuat teks berkedip
<blockquote>	Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam
<body>	Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya
<br />	Memberi baris baru/pindah baris
<button>	Mendefinisikan sebuah tombol diklik
<caption>	Membuat caption pada tabel
<center>	Untuk perataan tengah terhadap teks atau gambar
<cite>	Mendefinisikan kutipan
<code>	Mendefinisikan sebuah bagian dari kode komputer
<col />	Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel
<colgroup>	Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
<dd>	Mendefinisikan deskripsi dari item dalam daftar definisi
<del>	Untuk memberi garis tengah pada teks/mencoret teks
<dfn>	Mendefinisikan sebuah istilah definisi
<dir>	Mendefinisikan sebuah daftar direktori
<div>	Mendefinisikan sebuah section dalam dokumen
<dl>	Mendefinisikan sebuah daftar definisi
<dt>	Mendefinisikan istilah (item) dalam daftar definisi
<em>	Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<embed>	Digunakan untuk memasukkan file video atau file musik
<fieldset>	Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
<font>	Mendefinisikan jenis font, warna dan ukuran untuk teks
<form>	Mendefinisikan sebuah form HTML untuk input form
<frame />	Mendefinisikan frame dalam fremeset
<frameset>	Mendefinisikan satu set frame
<h1> to <h6>	Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
<head>	Digunakan untuk memberikan informasi tentang dokumen tersebut
<hr />	Membuat garis horisontal
<html>	Mendefinisikan root dari suatu dokumen HTML
<i>	Membuat teks miring
<iframe>	Mendefinisikan sebuah inline frame
<img />	Berfungsi untuk menampilkan gambar pada dokumen HTML
<input />	Mendefinisikan input field pada form
<ins>	Membuat teks bergaris bawah
<kbd>	Mendefinisikan teks yang di input dari keyboard
<label>	Mendefinisikan label untuk sebuah elemen <input>
<legend>	Mendefinisikan sebuah caption untuk elemen <fieldset>
<li>	Digunakan untuk menampilkan informasi dalam bentuk item daftar
<link />	Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
<listing>	Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
<map>	Mendefinisikan client-side peta gambar
<marquee>	Membuat teks berjalan secara vertikal atau horisontal
<menu>	Mendefinisikan sebuah daftar menu
<meta />	Mendefinisikan metadata tentang sebuah dokumen HTML
<nobr>	Mencegah ganti baris pada teks atau gambar
<noframes>	Jika browser user tidak mendukung frame
<noscript>	Jika browser user tidak mendukung client-side scripts
<object>	meletakkan embed sebuah objek
<ol>	Mendefinisikan daftar dalam format penomoran
<optgroup>	Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
<option>	Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<p>	Membuat sebuah paragraf
<param />	Mendefinisikan sebuah parameter untuk objek
<pre>	Membuat teks dengan ukuran huruf yang sama
<q>	Mendefinisikan sebuah kutipan singkat
<s>	Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>
<samp>	Mendefinisikan contoh keluaran dari program komputer
<script>	Mendefinisikan client-side script
<select>	Membuat daftar drop-down
<small>	Memperkecil ukuran teks dari ukuran defaultnya
<span>	Mendefinisikan sebuah section dalam dokumen
<strike>	Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong>	Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<style>	Mendefinisikan informasi style untuk dokumen HTML
<sub>	Memberikan efek subscript pada teks
<sup>	Memberikan efek superscript pada teks
<table>	Membuat tabel
<tbody>	Untuk mengelompokkan isi body di dalam sebuah tabel
<td>	Mendefinisikan sel di dalam sebuah tabel
<textarea>	Mendefinisikan sebuah kontrol input multiline
<tfoot>	Untuk mengelompokkan isi footer di dalam sebuah tabel
<th>	Mendefinisikan sel header di dalam sebuah tabel
<thead>	Untuk mengelompokkan isi header di dalam sebuah tabel
<title>	Membuat judul untuk dokumen HTML
<tr>	Membuat baris di dalam sebuah tabel
<tt>	Mendefinisikan teletype text
<u>	Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style
<ul>	Mendefinisikan daftar dalam format bullet
<var>	Mendefinisikan sebuah variabel
<xmp>	Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>

Program membuat nilai rata rata di Visual Basic 6.0

noreply@blogger.com (Yosep Alfatah) — Sat, 11 Nov 2017 04:15:00 +0000

Pada kesempatan kali ini sya akan memberikan sebubah tutorial cara untuk mencari rata-rata di dalam Aplikasi Pemrograman Visual Basic 6.0, langkah-langkah yang harus di lakukan adalah sebagai berikut :

Buka program visual basic 6.0
Pilih standard EXE kemudian klik open
Buatlah minimal tiga label dan tiga textbox,dalam contoh kali ini saya memberi contoh dengan 5 Label dan 5 textbox kemudian beri nama tiap label dengan nama atau caption “ Input 1” sampai dengan “Input 5”
tambahkan satu Command Button dan beri nama atau Caption “Hitung Rata-rata”

Untuk lebih jelas nya bisa anda lihat pada gambar di bawah ini :

Nah setelah kita beres membuat tampilan nya berarti langkah selanjut nya adalah tinggal pengkodingan nya,sementara koding/Kode program/Syntak/Scrift yang di butuhkan hanya untuk di Command Button nya saja,dan Koding nya adalah sebagai berikut dan silahkan langsung comot (copas) semua ::

Ini masukkan coding di hitung rata rata

Jumlah=Val(Text1.text) + Val(Text2.text) + Val(Text3.Text) + Val(Text4.Text) + Val(Text5.Text)

Rata= Jumlah/5

MsgBox(“Nilai rata-ratanya adalah : “& Rata)

Bersih

End Sub

Sub Bersih()

Text1.Text=””

Text2.Text=””

Text3.Text=””

Text4.Text=””

Text5.Text=””

End Sub

Private Sub Form_Load()

Dim Rata As Double

Dim Jumlah As Integer

End Sub

Nah setelah semua komponen telah selesai kalian langsung tekan f5 untuk melihat hasilnya

Program Sudah jadi cara membuat hitungan rata rata di vb 6 telah rampung atau sudah jadi.sekian yang bisa saya sampaikan semoga ilmu ini dapat bermanfaat.

SELAMAT MENCOBA.

Belajar Membuat Biodata Di HTML menggunakan Notepad++ ,Sublime text

noreply@blogger.com (Yosep Alfatah) — Sat, 11 Nov 2017 03:48:00 +0000

Biodata adalah penjelasan singkat tentang perjalan hidup seseorang. Nah Kali kali ini saya akan membuat sebuah tutorial cara membuat Biodata diri di HTML syaratnya kalian harus memiliki sebuah software text editor diantaranya sublime text,notepad ++ ,atom atupun yang text editor yang kalian sukai.

Berikut kodingnya monggo di comot

<html>

<head>

<title>Membuat Biodata Diri sderhana</title>

</head>

<body>

<tr>

</td>

</tr>

<b>BIODATA</b>

</font>

</center>

<tr>

<td>: Yosep alfatah</td>

</tr>

<tr>

</tr>

<tr>

<td>: Banjar,31 Juli 2001</td>

</tr>

<tr>

<td><b>ALAMAT</b></td>

<td>: Ds Kujangsari,Kota Banjar</td>

</tr>

<tr>

<td><b>JENIS KELAMIN</b></td>

</tr>

<tr>

<td><b>AGAMA</b></td>

<td>: Islam</td>

</tr>

</body>

</html>

Langsung saja tanpa basa basi

Buka Notepad++ atupun sublime text dan tulis atau ketik coding seperti di atas ,jika anda malas ngetik bisa langsung di comot(copas):vvhehe
Jika sudah maka save coding di atas dengan type teks ( .html )
Jika sudah, maka buka file tersebut dengan klik kanan
Pilih open with browser, disini saya menggunakan firefox
Maka akan muncul tampilan seperti dibawah ini

Foto Ganti dengan Foto anda

Mudahkan..? Silahkan mencoba?

salam codinger!

Kesalahan pada saat Floating

noreply@blogger.com (Yosep Alfatah) — Thu, 19 Oct 2017 15:09:00 +0000

Ada satu permasalahan ketika anda menambahkan floating pada suatu elemen, permasalahan ini bisa anda temui pada contoh kasus berikut.

Buatlah markup HTML seperti berikut :

<div id="wrapper">
<div id="header"></div>
<div id="content">
<div id="artikel"></div>
<div id="sidebar"></div>
</div>
<div id="footer"></div>
</div>

Lalu berilah style berikut :

#wrapper{
width : 960px;
margin : 0 auto; /*agar wrapper tetap berada ditengah */
}
#header {
width:100%;
height:50px;
background: orange;
margin-bottom: 10px;
}
#content{
padding:20px;
background : green;
margin-bottom : 10px;
}
#artikel{
width : 600px;
height : 700px;
float : left;
background: orange;
}
#sidebar {
width : 300px;
height: 200px;
float : right;
background: orange;
}
#footer{
width : 100%;
height: 50px;
background: green;
}

atau kode lengkapnya bisa di lihat seperti berikut:

<!DOCTYPE html>
<html>
<head>
<title>Permasalahan Floating</title>
<style type="text/css">
#wrapper{
width : 960px;
margin : 0 auto; /*agar wrapper tetap berada ditengah */
}
#header {
width:100%;
height:50px;
background: orange;
margin-bottom: 10px;
}
#content{
padding:20px;
background : green;
margin-bottom : 10px;
}
#artikel{
width : 600px;
height : 700px;
float : left;
background: orange;
}
#sidebar {
width : 300px;
height: 200px;
float : right;
background: orange;
}
#footer{
width : 100%;
height: 50px;
background: green;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="content">
<div id="artikel"></div>
<div id="sidebar"></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>

Jika anda buka dalam browser, maka tampilan yang akan dapat adalah seperti ini.

Ada yang janggal? Ya.. #content tidak memenuhi isi dari #artikel dan #sidebar. Seharusnya tinggi #content otomatis sama dengan tinggi dari elemen tertinggi di dalamnya, dalam kasus ini adalah artikel dengan tinggi 700px. Dengan begitu seharusnya tinggi dari #content adalah 740px (ditambah dengan padding-top dan padding-bottom). Jika anda tidak mengerti cobalah untuk membuang property float yang ada, dan perhatikan bahwa #artikel dan #sidebar berada di dalam #content.

Hal ini dikarenakan kita menambahkan floating pada #artikel dan #sidebar, sehingga #contentmenganggap tidak ada element didalamnya.

Ada dua cara untuk menyelesaikan kasus ini :

1. Menambahkan style overflow:hidden pada #content

#content{ … overflow:hidden; }

2. Menambahkan div kosong dengan style clear:both; sebelum penutup content

… <div id="sidebar"></div>
<div style="clear:both;"></div>
</div>

Untuk lebih mudahnya sebaiknya anda memlilih cara pertama, yakni menambahkan overflow:hideen; pada #content

berikut hasil nya setelah menambahkan Overflow:hidden;

Note:Float berarti melayang. Ketika kita memberikan float pada elemen maka elemen tersebut seolah-olah melayang dan elemen di atasnya (parent) menganggap tidak ada elemen didalamnya (child).

Nah Bagaimana…? apakah sekarang kamu sudah mengerti apa Permasalahan pada Floating dan cara menyelesaikan masalah floating? Mungkin itu saja tulisan yang membahas tentang Permasalahan pada Floating dan cara menyelesaikan masalah floating, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih.

Macam Macam Tag HTML dan Fungsinya Lengkap

noreply@blogger.com (Yosep Alfatah) — Thu, 19 Oct 2017 14:54:00 +0000

TAG HTML adalah kata kunci (nametag) yang berada di antara kurung sudut

Tag HTML itu ?

Apa Fungsi Tag HTML ?

Apa Saja Macam Macam Tag HTML Beserta Fungsinya ?

Macam Macam Tag HTML beserta fungsinya lengkap akan saya bahas di bawah ini

Lets GO

Tag	Keterangan
<!-- ... -->	Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser
<!DOCTYPE>	Mendefinisikan informasi tipe dokumen
<a>	Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<abbr>	Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
<acronym>	Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
<address>	Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
<applet>	Digunakan untuk memasukan file java kedalam dokumen HTML
<area />	Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
<b>	Membuat teks tebal
<base />	Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
<basefont />	Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen
<bdo>	Digunakan untuk menimpa arah teks
<big>	Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>	Membuat teks berkedip
<blockquote>	Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam
<body>	Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya
<br />	Memberi baris baru/pindah baris
<button>	Mendefinisikan sebuah tombol diklik
<caption>	Membuat caption pada tabel
<center>	Untuk perataan tengah terhadap teks atau gambar
<cite>	Mendefinisikan kutipan
<code>	Mendefinisikan sebuah bagian dari kode komputer
<col />	Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel
<colgroup>	Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
<dd>	Mendefinisikan deskripsi dari item dalam daftar definisi
<del>	Untuk memberi garis tengah pada teks/mencoret teks
<dfn>	Mendefinisikan sebuah istilah definisi
<dir>	Mendefinisikan sebuah daftar direktori
<div>	Mendefinisikan sebuah section dalam dokumen
<dl>	Mendefinisikan sebuah daftar definisi
<dt>	Mendefinisikan istilah (item) dalam daftar definisi
<em>	Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<embed>	Digunakan untuk memasukkan file video atau file musik
<fieldset>	Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
<font>	Mendefinisikan jenis font, warna dan ukuran untuk teks
<form>	Mendefinisikan sebuah form HTML untuk input form
<frame />	Mendefinisikan frame dalam fremeset
<frameset>	Mendefinisikan satu set frame
<h1> to <h6>	Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
<head>	Digunakan untuk memberikan informasi tentang dokumen tersebut
<hr />	Membuat garis horisontal
<html>	Mendefinisikan root dari suatu dokumen HTML
<i>	Membuat teks miring
<iframe>	Mendefinisikan sebuah inline frame
<img />	Berfungsi untuk menampilkan gambar pada dokumen HTML
<input />	Mendefinisikan input field pada form
<ins>	Membuat teks bergaris bawah
<kbd>	Mendefinisikan teks yang di input dari keyboard
<label>	Mendefinisikan label untuk sebuah elemen <input>
<legend>	Mendefinisikan sebuah caption untuk elemen <fieldset>
<li>	Digunakan untuk menampilkan informasi dalam bentuk item daftar
<link />	Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
<listing>	Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
<map>	Mendefinisikan client-side peta gambar
<marquee>	Membuat teks berjalan secara vertikal atau horisontal
<menu>	Mendefinisikan sebuah daftar menu
<meta />	Mendefinisikan metadata tentang sebuah dokumen HTML
<nobr>	Mencegah ganti baris pada teks atau gambar
<noframes>	Jika browser user tidak mendukung frame
<noscript>	Jika browser user tidak mendukung client-side scripts
<object>	meletakkan embed sebuah objek
<ol>	Mendefinisikan daftar dalam format penomoran
<optgroup>	Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
<option>	Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<p>	Membuat sebuah paragraf
<param />	Mendefinisikan sebuah parameter untuk objek
<pre>	Membuat teks dengan ukuran huruf yang sama
<q>	Mendefinisikan sebuah kutipan singkat
<s>	Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>
<samp>	Mendefinisikan contoh keluaran dari program komputer
<script>	Mendefinisikan client-side script
<select>	Membuat daftar drop-down
<small>	Memperkecil ukuran teks dari ukuran defaultnya
<span>	Mendefinisikan sebuah section dalam dokumen
<strike>	Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong>	Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<style>	Mendefinisikan informasi style untuk dokumen HTML
<sub>	Memberikan efek subscript pada teks
<sup>	Memberikan efek superscript pada teks
<table>	Membuat tabel
<tbody>	Untuk mengelompokkan isi body di dalam sebuah tabel
<td>	Mendefinisikan sel di dalam sebuah tabel
<textarea>	Mendefinisikan sebuah kontrol input multiline
<tfoot>	Untuk mengelompokkan isi footer di dalam sebuah tabel
<th>	Mendefinisikan sel header di dalam sebuah tabel
<thead>	Untuk mengelompokkan isi header di dalam sebuah tabel
<title>	Membuat judul untuk dokumen HTML
<tr>	Membuat baris di dalam sebuah tabel
<tt>	Mendefinisikan teletype text
<u>	Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style
<ul>	Mendefinisikan daftar dalam format bullet
<var>	Mendefinisikan sebuah variabel
<xmp>	Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>

Cara Membuat kalkulator sederhana dengan Visual Basic 6.0

noreply@blogger.com (Yosep Alfatah) — Wed, 18 Oct 2017 15:36:00 +0000

Microsoft Visual Basic merupakan sebuah bahasa pemrograman yang menawarkan Integrated Development Environment (IDE) visual untuk membuat program perangkat lunak berbasis sistem
operasi Microsoft Windows dengan menggunakan model pemrograman (COM). Sumber : Wikipedia.

Mungkin kalian tau gambar yang diatas. Iya, gambar ini adalah gambar kalkulator pada Sistem Operasi Windows. Kalau nggak tau juga, nih gue kasih tau cara buka kalkulator di windows, klik Menu Start >> All Programs >> Accessories >> Calculator (Dalam Bahasa Indonesianya Kalkulator).

Nah disini kita akan membuat program kalkulator sederhana, yaaa walaupun nggak mirip banget tapi fungsinya sama kok. Oke langsung dimulai aja ya :

1. Software Visual Basic (VB).

Disini gue pakai software Visual Basic 6.0

2. Design Tampilan.

Kalau udah punya softwarenya, baru deh kita design tampilan formnya seperti ini :

Label
TextBox
CommandButton
Properties Windows

Setelah designnya sudah selesai, sekarang berikan name pada Textbox dan CommandButton, supaya dilisting program nanti biar ~~nggak~~ rapih. Contohnya :

Ubah name seperti ini :

Text1 jadi bil1
Text2 jadi bil2
Text3 jadi hasil
Command1 jadi kali
Command2 jadi bagi
Command3 jadi tambah
Command4 jadi kurang
Command5 jadi bersih
Command6 jadi keluar

Mungkin belum terjadi apa-apa setelah namenya diubah, sekarang captionnya yang di ubah seperti ini :

Command1 jadi x
Command2 jadi /
Command3 jadi +
Command4 jadi -
Command5 jadi c
Command6 jadi exit

Kalau bagiannya Text1, Text2 dan Text3 bukan di Caption tapi di Text , pada bagian text pada properties windows itu dikosongkan saja seperti ini :

Hasil Designnya :

3. Listing Program.

Sekarang masuk ke listingan program, klik toolbar View dan Pilih menu Code, setelah itu masukan code yang dibawah ini. Terserah, mau kopi teh, kopi susu atau kopi paste, kalau mau ditulis juga gakpapa asal di komputer jangan dikertas nanti programnya nggak jalan.

Private Sub kali_Click()
hasil.Text = Val(bil1.Text) * Val(bil2.Text)
End Sub

Private Sub bagi_Click()
hasil.Text = Val(bil1.Text) / Val(bil2.Text)
End Sub

Private Sub tambah_Click()
hasil.Text = Val(bil1.Text) + Val(bil2.Text)
End Sub

Private Sub kurang_Click()
hasil.Text = Val(bil1.Text) - Val(bil2.Text)
End Sub

Private Sub bersih_Click()
bil1.Text = ""
bil2.Text = ""
hasil.Text = ""
End Sub

Private Sub keluar_Click()
Unload Me
End Sub

4. Berdoa.

Sebelum masuk ke running program sebaiknya lo berdoa dulu, karena bahasa pemrograman itu sensitif, seperti cewek yang lagi PMS. Kalau kurang titik koma ( ; ) aja itu nggak bakal running programnya.

5. Running Program.

Nah ini yang terakhir setelah proses ke 1-4 selesai, lo jalankan programnya caranya klik toolbar Run dan pilih menu Start. seperti ini :

Hasilnya programnya :

Sekian tutorial dari gue, jika ada yang error dari program diatas bisa komentar di comment box, terimakasih.

Cara Membuat Form Login di Visual Basic 6.0

noreply@blogger.com (Yosep Alfatah) — Wed, 18 Oct 2017 15:10:00 +0000

Cara Membuat Form Login di Visual Basic 6.0
Untukk membuat sebuah program agar terahasiakan keamananya di buatlah Form Login, dengan adanya Form Login data-data yang tersimpan diaplikasi hanya bisa dilihat dan edit oleh user yang sudah terdaftar. Pada Aplikasi Standar biasanya menggunakan Form Login dinamis dengan begitu kita bisa menambahkan user dan mengubah password, yang biasanya data user dan password disimpan di dalam file database.
Sebelum membuat Form Login Dinamis, sebaiknya kita belajar dulu tentang cara membuat Form Login sederhana yang sifatnya statis, maksudnya adalah user dan password ditentukan didalam coding vb 6 jadi tidak bisa diubah. Dengan mempelajari dasar pembuatan Form Login Statis maka nantinya akan memudahkan kita pada saat membuat Form Login Dinamis.
Untuk Membuat Form Login Sederhana, ikuti langkah-langkah berikut ini:

Buatlah dua buah Form, nama Form biarkan Defaut (Form1 dan Form2)
Pada Form1 tambahkan komponen:

Pada Form2 Tambahkan 1 buah Label, ubah captionnya menjadi "INI FORM MENU UTAMA"

Selanjutnya tinggal memasukkan script ke Form1, Klik kanan pada Form1 dan pilih View Code untuk membuka jendela code. kemudian masukkan script kode berikut ini:

Private Sub Command1_Click()
If Text1 = "admin" And Text2 = "admin" Then
Form2.Show 'Perintah Menampilkan Form 2
Form1.Visible = False 'Menyembunyikan Form 1
Unload Me 'Menutup Form 1
Else
MsgBox "User Name atau Password yang Anda Masukkan salah" _
& vbNewLine & "Silahkan Coba lagi !!", vbCritical, "Warning!!"
Text1 = ""
Text2 = ""
Text1.SetFocus
End If
End Sub
Private Sub Command2_Click()
Unload Me
End Sub

catatan: admin bisa anda ganti terserah anda

Tekan F5 untuk melihat hasilnya.

Coba isi User Name dan Password dengan "admin" kemudian kilk Login, maka jendela Form2 atau Form Utama akan ditampilkan.

SEMOGA APA YANG SAYA BERIKAN INI BERMANFAAT
bila ada problem tanyakan di kolom komentar

Cara Mendaftar Adsense Dari Blogspot

noreply@blogger.com (Yosep Alfatah) — Wed, 18 Oct 2017 12:20:00 +0000

Cara Daftar Google Adsense dari Blogspot

Menjadi seorang blogger, selain sebagai hobby juga bisa menghasilkan keuntungan finansial. Jika ada anggapan, ngeblog hanya menghabis-habiskan duit membayar warnet atau kopi (warung kopi wifi) bisa menjadi salah besar.

Karena sebenarnya, Google telah menyediakan layanan erning di flatfom blogspot. Mungkin Anda sudah sering mendengar cara mencari uang melalui internet atau blog. Ada banyak sekali pilihan diluar sana. Namun tidak akan kita bahas pada postingan kali ini.

Salah satu yang menjadi unggulan mencari uang lewat internet adalah Google Adsense. Selain karena nama besar Google sebagai penyedia layanan, Adsense juga memiliki daya tarik bagi banyak blogger.

Bagaimana tidak, caranya sangat gampang, kita dibayar oleh Google hanya kalau ada orang yang mengklik iklan yang kita pasang di blog. Pembahasan lebih jauh soal Adsense akan kita bahas terpisah.

Untuk kali ini kita akan bahas cara mendapat penghasilan dari blogspot melalui jasa Google Adsense. Kita akan mendaftar Adsense dari blogspot. Ikuti langkah-langkahnya sebagai berikut:

Cek Ketersediaan Adsense

Jika selama ini Anda ngeblog menggunakan bahasa Indonesia hingga pengaturannya pun berbahasa Indonesia, dipastikan tab pada Dasboard blogspot Anda tidak tersedia layanan Penghasilan. Olehnya itu kita harus mengaktifkannya. Caranya :

Masuk ke Dasboard blogspot Anda, lalu pilih tab Setelan dan pilih menu Bahasa dan Pemformatan.

Pada menu pilihan bahasa, rubah format Bahasa Indonesia menjadi Bahasa Inggris, baik Amerika atau Inggris United Kingdom. Setelah itu Save.

Refrest Dasboard blogspot Anda, sekarang akan muncul tab baru yakni Penghasilan dan isinya Adsense.

Selanjutnya melihat ketersediaan layanan untuk blog Anda. Jika Anda membuka tab Penghasilan dan dibagian bawah kotak terlihat tampilan seperti dibawah ini, maka urungkan dulu niat Anda. Tunggu hingga tombol Mendaftar Adsense tidak buram lagi dan tak ada tulisan disampingnya.

Daftar Adsense Melalui Blogspot

Jika tombol Mendaftar Adsense telah bisa ditekan. Lakukan pendaftaran. Gambarnya seperti dibawah ini.

Ada tiga tahap melakukan pendaftaran Adsense melalui blogspot. Dilangkah pertama Anda akan diberi pilihan menggunakan akun email seperti yang sedang digunakan, atau menggunakan email lain. Silahkan pilih Ya, Gunakan (email Anda).

Tahap kedua, hanya menjabarkan informasi tentang blog Anda. Pilih bahasa yang Anda gunakan di blog Anda, lalu klik Lanjutkan.

Tahap ketiga dan terakhir adalah formulir permohonan. Isi semua pilihan, mulai Negara atau wilayah, Zona waktu dan Jenis akun (personal atau bisnis). Pilih sesuai pilihan yang ada dan paling sesuai dengan Anda. sementara untuk keterangan pribadi, usahakan isi dengan keterangan Asli, Nama, Alamat, Kota, Provinsi, Kode Pos dan Telepon, setelah itu tekan Kirim Permohonan Saya.

Kini formulir Adsense Anda telah dikirim ke Google. Tunggu 1 kali 24 jam atau paling lama 1 minggu untuk mendapatkan jawaban. Dari pengalaman bloGoooblok ~ mendaftar Adsense, setelah mengirimkan formulir, enam jam kemudian surat dari google tiba. Jawaban apakah Anda diterima atau tidak menjadi penyedia layanan iklannya.

Kelihatan memang mudah melakukan pendaftaran, dan kemudahan itu tidak segampang diterima oleh Google. saya juga dari dulu beberapa kali saya mencoba dan akhirnya berhasil juga Olehnya itu ada banyak hal yang harus diperhatikan jika hendak menggunakan layanan Adsense.

selanjutnya share pengalaman kalian di kolom komentar

MENGENAL APA ITU JAVA?

noreply@blogger.com (Yosep Alfatah) — Sun, 01 Oct 2017 04:07:00 +0000

ARTIKEL TENTANG JAVA Java adalah sebuah bahasa pemrograman komputer kompilasi bytecode yang tidak bergantung pada sistem operasi atau platform dan termasuk berbasis pada object oriented programming. Sejarah singkat Java Java diciptakan setelah C++ oleh Sun microsystems. Proyek Java dimulai tahun 1991 oleh sejumlah insinyur pada perusahaan Sun Microsystem Inc, dengan ide menggunakan bahasa komputer yang tidak mengacu pada sebuah arsitektur. Proyek ini diberi kode sandi Green. Tahun 1992, proyek Green meluncurkan produk pertama ' *7 '. Tahun 1993 dan separuh th 1994, berganti nama First Person, tetapi bubar. Tahun 1995, dibuatlah browser yang mampu menerjemahkan kodebyte tingkat menengah. Dan bahasa Java mulai digunakan secara luas. Beberapa sifat-sifat / Karakteristik bahasa Java antara lain : Platform Independence. Dapat dipindah-pindahkan di antara bermacam-macam platform dan SO. Begitu pula sourcecode-nya. Program yang dihasilkan dalam bahasa Java dapat berupa applet (aplikasi kecil yang jalan di atas web browser). Berupa aplikasi mandiri yang dijalankan dengan program Java Interpreter. Setiap program yang ditulis dalam bahasa Java, hasil kompilasinya berupa bytecode, yaitu sekumpulan instruksi yang terlihat seperti kode mesin, tetapi tidak spesifik untuk satu jenis prosessor tertentu. Berbasis Object Oriented Programming. Dan masih banyak lagi. Keunggulan Java : Sederhana Berorientasi Object Terdistribusi Kuat / Robust = mengurangi bug / error Aman = memungkinkan bebas virus Netral Arsitektur = mudah diterjemahkan Portable Interpreter = diakses komputer yang memiliki interpreter. Kinerja tinggi Multithreaded = melakukan lebih dari satu pekerjaan. Dinamis = mudah diadaptasikan untuk lingkungan yang akan berkembang. Java dengan bahasa yang lain : Java tidak sama dengan Javascript, salah satu contoh perbedaannya adalah javascript hanya terbatas pada fungsi browser, sedang Java mirip syntax dengan C++. Tetapi syntax Java tidak memerlukan header file, pointer arithmatic, struktur, union, operator overlading, class virtual dan lain-lain. Perancang tidak memperbaiki beberapa kelemahan pada C++, seperti switch statemen. Jika kita mengenal C++ dengan baik, akan lebih memudahkan berpindah ke syntax Java. Jika kita menguasai Visual Basic, kita tidak berpendapat bahwa Java sederhana. Akan ada banyak syntax asing. Yang menarik di Visual Basic adalah lingkungan perancangan visual yang harus diprogram secara manual di Java. Arsitektur Java Arsitektur Java adalah kombinasi dari 4 komponen yaitu : Java Programming Language Java Class file Format Java Application Programming Interface (APIs) Java Virtual Machine (JVM) Java Virtual Machine (JVM) JVM adalah mesin computing abstrak yang menerjemahkan kompiler program Java/jembatan antara program dan keunikan platform. JVM menyembunyikan kompleksitas platform dari program yang kita buat dan merupakan jantung program. Secara sekilas lapisan tambahan tersebut menyebabkan aplikasi berjalan lambat dibanding aplikasi platform. Namun sekarang telah dikenal Just In Time (JIT) compiler. JIT ini membaca program java, dan segera melakukan kompilasi terhadap program java tersebut menjadi program spesifik platform. Contoh JVM pada web browser, begitu web browser misal Netscape menerima applet, ia akan mengkompilenya dengan JT (optimasi JIT dilakukan oleh para vendor). Format File Class Java JVM tidak dapat langsung menerjemahkan ke Java Programming language atau API sekalipun. Dalam Java, misalkan kita mengetik kode dengan text editor favorit, kemudian menyimpannya sebagai file dengan ekstensi Java. Lalu Java kompiler kita mengkompilasi kode tersebut menjadi Java Bytecode, tersimpan dalam ekstensi Calass. Java bytecode tersebut akan ditangani untuk dieksekusi oleh JVM yang saat ini ada dua modus dengan atau tanpa JIT. Java Programming Language (Bahasa aplikasi program Java) Bahasa Program ini lebih mengacu pada core java programming. Diantaranya termasuk : Method, Interface and class design, Threading, Even Handling, Perfomance and memory management, Controlling Access to Resources. Aplication Programming Interface's (API's) Beberapa Edisi program Aplikasi (API - Aplication Programming Interface) J2SE - Java 2 Standard Edition - Platform ini berisikan paket Java standar dan GUI dalam Standard Edition mencakup : 1. Swing Components (paket komponen aplikasi java dalam direktori JTree C : / 2. J2sdkee 1.2.1 = java 2 SDK software platform. 3. JavaStuff 4. Jdk_1.3 = Java Development Kit, JRE termasuk di dalamnya. 5. Jsse 1.0.1 6. Data transfer API 7. Printing API 8. JDBC 9. JNI (Java and nonjava code interface), dll J2EE - Java 2 Enterprise Edition - Paket ini berisikan develop aplikasi berbasis web. J2ME - Java 2 Micro Edition - Untuk produk konsumer lingkungan teknologi mobile. PEMROGRAMAN BERBASIS OBJEK (OOP) Java adalah bahasa yang termasuk dalam pemrograman berorientasi object. Berbandingan anologi aliran dan interaksi antar object antara Structured Procedural Programming (Basic, Pascal, C etc). Ide tentang Object Oriented Object mempresentasikan entitas pada dunia nyata. Dalam membuat mobil kita dimulai dari memecah-mecah kompleksitas sistem mobil ke dalam bagian kecil, seperti roda, kemudi, dan sebagainya. Pada masing-masing bagian kecil itu kita definisikan field-field, seperti warna atau daya cengkeram. Selain itu, kita definisikan apa saja yang bisa dilakukan terhadap bagian-bagian itu. Perintah-perintah yang bisa diterima itu disebut method. Antarmuka dalam interaksi antar obyek tersebut adalah method-method yang dimiliki object. Objek-objek itu berinteraksi dengan saling memanggil method dari suatu objek, atau sering disebut message passing. Tiga Pilar OOP : Encapsulation Terdiri dari method-method dalam Class, tahapnya meliputi Constructor dan Destructor. Inheritance (Pewarisan Sifat) Dengan inheritance, pengembang software dapat bekerja lebih efesien dan lebih cepat. Berkat inheritance, dapat digunakan definisi class yang sudah pernah dibuat sebelumnya untuk membuat class-class lain yang menyerupai class tersebut. Polymorphism Polymorphism didefiniskan sebagai kemampuan beberapa objek bertipe sama, bereaksi secara berbeda terhadap message yang sama. Object dan Class Class adalah template untuk obyek-obyek yang memiliki sifat yang sama. Dalam menulis program yang berorientasi objek yang sebenarnya melainkan class dari objek tersebut. Instance adalah kata lain dari objek. Dalam bahasa OOP kita harus terlebih dahulu membuat instance dari class tersebut. Jika Class adalah representasi generik dari objek, instance adalah representasi konkritnya. Bahasa Java telah menyediakan Class Library, yaitu kumpulan class-class yang telah siap digunakan untuk membuat program-program baru. Class Library telah menyediakan class-class dasar seperti fungsi matematika, array string dan sebagainya hingga ke class untuk graphic, networking dan terutama internetworking (berbasis protokol TCP/IP). Java memiliki kekurangan -Kekurangan *Tulis sekali, jalankan di mana saja - Masih ada beberapa hal yang tidak kompatibel antara platform satu dengan platform lain. Untuk J2SE, misalnya SWT-AWT bridge yang sampai sekarang tidak berfungsi pada Mac OS X. *Mudah didekompilasi. Dekompilasi adalah proses membalikkan dari kode jadi menjadi kode sumber. Ini dimungkinkan karena kode jadi Java merupakan bytecode yang menyimpan banyak atribut bahasa tingkat tinggi, seperti nama-nama kelas, metode, dan tipe data. Hal yang sama juga terjadi pada Microsoft .NET Platform. Dengan demikian, algoritma yang digunakan program akan lebih sulit disembunyikan dan mudah dibajak/direverse-engineer. *Penggunaan memori yang banyak. Penggunaan memori untuk program berbasis Java jauh lebih besar daripada bahasa tingkat tinggi generasi sebelumnya seperti C/C++ dan Pascal (lebih spesifik lagi, Delphi dan Object Pascal). Biasanya ini bukan merupakan masalah bagi pihak yang menggunakan teknologi terbaru (karena trend memori terpasang makin murah), tetapi menjadi masalah bagi mereka yang masih harus berkutat dengan mesin komputer berumur lebih dari 4 tahun. Tujuan & Keuntungan dari Analis Berorientasi Obyek : Lebih memahami inti permasalahan. Dalam mengorganisasi analis dan spesifikasi dengan metode yang digunakan cara berpikir manusia. Mengurangi jarak antara aktivitas analis yang berbeda dengan membuat atribut dan metode menjadi menjadi satu kesatuan. Pewarisan dapat dilakukan dengan memberikan identifikasi sesuatu yang umum pada atribut dan metode. Menjaga stabilitas atas perubahan kebutuhan pada system yang sama. Hasil analisis dapat digunakan kembali. Menghasilkan penggambaran yang konsisten.

Perkembangan Dan Sejarah HTML

noreply@blogger.com (Yosep Alfatah) — Fri, 08 Sep 2017 12:41:00 +0000

ARTIKEL:SEJARAH DAN PERKEMBANGAN HTML
Hallo kawan..... Sebelum kita sama-sama belajar mengenai script HTML, ada baiknya kita mengetahui terlebih dahulu tentang sejarah perkembangan dan pengertian dari HTML itu sendiri. Seperti sebuah istilah, “tak kenal maka tak sayang”. Maka dari itu pada artikel html kali ini kami akan menjelaskan secara singkat mengenai sejarah perkembangan dan pengertian HTML yang dikutip dari berbagai sumber. Sejarah HTML Hypertext Markup Language atau yang biasa disingkat HTML pertama kali diciptakan dan dikembangkan oleh Tim Berners-Lee pada awal tahun 1990-an yang pada saat itu masih bekerja di CERN. HTML diciptakan dengan tujuan sebagai cara sederhana namun efektif untuk mengkodekan dokumen elektronik. HTML pertama kali dipopulerkan dengan menggunakan browser Mosaic. Perkembangan HTML • HTML versi 1.0 adalah versi pertama sejak lahirnya nama html tersebut. Versi ini memiliki kemampuan untuk heading, paragraph, hypertext, bold dan italic text, wrapping serta memiliki dukungan dalam peletakkan sebuah gambar. • HTML versi 2.0 ( 14 Januari 1996 ). Pada versi ini ada beberapa tambahan kemampuan diantaranya penambahan form comment, hal ini menyebabkan adanya sebuah interaktif dan mulai dari versi ini yang menjadikan sebuah pionner dalam perkembangan homepage interaktif. • HTML versi 3.0 ( 18 Desember 1997 ). HTML versi 3.0 juga disebut-sebut HTML+ yang mempunyai kemampuan dalam beberapa fasilitas diantaranya adalah penambahan fitur table dalam paragraph, akan tetapi versi ini tidaj bertahan lama. • HTML versi 3.2 ( 14 Januari 1997 ). HTML versi ini adalah penyempurnaan dari HTML versi 3.0. keluarnya versi ini dikarenakan adanya beberapa kasus yang timbul pada pengembang browser yang telah melakukan pendekatan dengan cara lain yang justru hal tersebut menjadi popular. Maka dibakukan versi 3.2 untuk mengakomodasi praktek yang banyak digunakan oleh pengembang browser dan diterima secara umum. Dapat dikatakan versi 3.2 ini merupakan versi 3.2 yang dikembangkan oleh beberapa pengembang browser seperti Netscape dan Microsoft. • HTML versi 4.0 ( 18 Desember 1997). Versi ini sudah terdapat penambahan pada link, meta, image dan lain-lain sebagai penyempurnaan versi 3.2. • HTML versi 4.01 ( 24 Desember 1999 ). HTML versi 4.01 menjadi rekomendasi W3C. HTML 4.01 adalah minor update-koreksi dan perbaikan bug dari HTML 4.0. • XHTML versi 1.0 ( 20 Januari 2000 ). XHTML 1.0 merumuskan HTML 4.0 dalam XML. • HTML 5 ( 22 Januari 2008 ). HTML 5 meningkatkan interoperabilitas dan mengurangi biaya pengembangan dengan membuat aturan yang tepat tentang bagaiman untuk menangani semua elemen HTML, dan bagaimana memulihakan dari kesalahan. Beberapa fitur dalam HTML 5 adalah fungsi untuk audio embedding, video, grafik, sisi penyimpanan data klien, dan dokumen interaktif. HTML 5 juga mengandung unsur-unsur baru seperti

Trend Web Development & Desain Sekarang di 2017?

noreply@blogger.com (Yosep Alfatah) — Sun, 27 Aug 2017 06:02:00 +0000

Trend Web Development & Desain Sekarang di 2017?

haloo gans ketemu lagi dengan gua Yosep langsung aja kita mulai

Desain sekarang-sekarang ini. Mengingat kita sekarang sudah masuk ke tahun baru alias 2017, tentunya bakal ada perubahan paradigma dan trend juga dong di dunia Web Development dan Web Design! Apa saja sih itu? Yuk kita bahas!

Web Design

Layout website simple dan kaya akan konten

Akhir-akhir ini, desain website terlihat semakin simple dan semakin minimalis. Namun dengan desain minimalis tersebut, sang desainer harus dapat memikirkan konten apa saja yang harus ditampilkan, agar value atau nilai yang ingin disampaikan terdeliver atau terkirim.
Desainer pun menyadari, bahwa pengunjung website yang datang ke website merupakan orang yang mencari informasi, oleh karena itu konten harus dapat tersampaikan dengan baik. Beberapa desainer sekarang mengurangi beberapa efek-efek animasi atau transisi yang sekiranya kurang penting di dalam suatu website, yang dulu sangat sering dipakai untuk membuat website terasa “manis”

Kolaborasi antara developer dan desainer

Kali ini, para desainer website mulai terlibat langsung ke dalam proses bisnis yang ada di dalam suatu perusahaan, oleh karena itu butuh kolaborasi yang baik antara sang Developer dengan sang Desainer, agar tercapainya hasil yang baik.
Dengan banyaknya perkembangan tools-tools yang dapat digunakan untuk berkolaborasi, sepeti Slack, InVision, Zeplin dan tools-tools lainnya yang tidak bisa kodi sebutkan disini, maka pekerjaan dan kolaborasi antar developer dan desainer akan lebih mudah

Tambahan animasi yang meaningful

Dengan munculnya Material Design Guidelines, semakin banyak desainer sadar akan animasi yang menambah User Experience dari website itu sendiri. Animasi yang saya maksudkan disini bukanlah animasi hanya untuk sekedar membuat sebuah website menjadi kece dan keren. Namun, animasi disini yaitu merupakan bagian dari experience website itu sendiri.
Setiap animasi yang ada harus mempunyai makna, dan membuat user menjadi semakin dimudahkan dengan adanya animasi tersebut. Kan gak lucu juga kalau ada animasi teks tiba-tiba goyang ngebor gitu.

Perkembangan Flexbox

Dengan seiring perkembangan CSS3, flexbox mulai banyak diterapkan di banyak-banyak website. Dengan adanya flexbox ini, kode CSS yang kita buat akan bisa lebih rapih dan desain yang dihasilkan akan bisa lebih variatif, dibandingan sebelumnya menggunakan teknik position, float, clear dan yang lainnya.
Hal ini dibuktikan dengan penambahan fitur flexbox pada salah satu Framework CSS paling tenar di dunia, yaitu Bootstrap pada versti terbarunya 4. Dengan penambahan fitur flexbox tersebut, maka developer dan desainer akan semakin dimudahkan dengan pembuatan website, tentunya dengan beberapa perubahan yang harus diperhatikan ketika migrasi dari Bootstrap 3 ke Bootstrap 4

Web Development

Virtual Reality

Virtual Reality menjadi salah satu hal yang sedang happening di dunia Web Development. Dapat dibuktikan dengan salah satu media sosial terbesar, Facebook, mulai mengimplementasikan Virtual Reality tersebut kedalam aplikasinya.
Sebenarnya hal tersebut cukup sederhana dan sebelumnya sudah pernah diimplementasikan di halaman lain. Namun approach yang dilakukan oleh Facebook cukup unik, mereka menyediakan fasilitas untuk menunggah foto 360 derajat yang nantinya akan diproses otomatis oleh Facebook, dan user bisa melihat foto tersebut dengan menggeser-geser mouse atau apabila diakses dengan mobile yang dilengkapi sensor gyroscope, maka foto tersebut bisa berubah sesuai posisi kita!

Artifical Intelegence (Kepintaran Buatan)

Salah satu contoh implementasi yang merupakan sebuah Karya Anak Bangsa™ (bukan, bukan yang itu :p ) yaitu Kata.ai yang merupakan hasil pivot dari YesBoss. Salah satu media sosial terbesar (yak, lagi lagi) Facebook, mulai mengimplementasikan Kecerdasan Buatan nya di dalam aplikasi Messenger yang dapat digunakan untuk para pebisnis yang ingin mengotomatisasikan customer service nya.
Satu lagi, Mark Zuckerberg pun mulai membuat Personal Assistant nya sendiri, Jarvis, menggunakan PHP (yang biasa kamu pakai bikin buat sistem informasi itu loh)