Catatan Pedia

Cara Setting Hotspot di Mikrotik

2017-04-18T06:52:00.005-07:00

Cara Setting Hotspot di Mikrotik

Tutorial tentang mikrotik selanjutnya adalah cara membuat hotspot di mikrotik, caranya cukup mudah dan sobat dapat melakukannya hanya beberapa menit jadi siapkan cemilan
dan kopi.

Pertama buka mikrotik sobat lalu setting ip address pada tutorial ini ane menggunakan dua interface, Interface pertama adalah yang mengubungkan dengan client sedangkan
interface yang kedua yang menghubungkan router dengan router.

ip address add address=100.100.8.100/26 interface=ether1
ip address add address=10.10.8.1/24 interface=ether2

Baca juga cara setup mikrotik di virtual box

Lalu sobat beri gateway, Gateway ini adalah ip access internet.

ip route add gateway=100.100.8.1

Lalu sobat setting firewall atau nat.

ip firewall nat add chain=srcnat action=masquerade out-interface=ether1

Lalu sobat setting ip diclient.

Buka winbox sobat masukkan ip server sobat untuk user login adalah admin sedangkan passwordnya blank.

Click menu bagian menu IP lalu pilih hotspot.

Selanjutnya click hotspot setup lalu pilih ethernet yang akan sobat gunakan sebagai hotspot.

Lalu masukkan ip dari ethernet yang sobat pilih tadi.

Lalu masukkan ip range hotspot sobat.

Untuk hotspot SSL certificate nya pilih saja none.

Untuk IP Address SMTP nya biarkan 0.0.0.0

Lalu masukkan DNS server berupa ip gateway yang telah sobat setting di mikrotik.

Untuk DNS Namenya kosongkan saja.

Lalu masukkan nama user login ke hotspot sobat.

Jika ada tampilan dengan pesan error router has been disconnected jangan khawatir ini normal terjadi abaikan saja.

Selanjutnya sobat buka browser kesayangan sobat lalu ketikan ip server sobat, Jika muncul tampilan login berarti sobat sudah berhasil. UNtuk login sesuai dengan sobat mengatur user login ke hotspot tadi.

Lalu akan muncul tampilan seperti ini jika sobat sudah berhasil login.

Sekian tutorial dari saya tentang cara setting hotspot di mikrotik semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial web design yang lainnya dari catatan-pedia dan juga tutorial networking dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Aktivasi All Windows Termudah

2017-04-17T07:09:00.001-07:00

Cara Aktivasi All Windows

Tutorial selanjutnya ane mau memberi tips cara aktivasi semua versi windows baik itu windows 7, 8 dan 10. Akibat jika windows sobat tidak diaktivasi di windows 7 sendiri layar laptop atau komputer akan mengalami black screen tapi jangan khawatir itu hanya tampilan desktop saja tetapi jika windows sobat adalah windows 8 dan 10 akan ada text sebelah pojok kanan desktop berupa perintah untuk aktivasi windows tapi layar tidak sampai black screen. Selain dari akibat tersebuat sobat juga tidak bisa menggunakan fitur-fitur dari masing-masing windows sobat. Untuk itu ane akan memberikan sebuah tips yang simple tentang cara aktivasi semua versi windows.

Langkah pertama sobat download terlebih dahulu aplikasi Re-Loader.

Untuk mendownload aplikasi Click Disini

Jika anda pengguna windows 8 kebawah seperti windows 7 sobat memerlukan component Microsoft Net. Framework 4.5 jika sobat menggunakan aplikasi Re-Loader

Cara Install Microsoft Net. Framework 4.5 click disini

Sobat bisa melihat bahwa windows ane masih belum diaktivasi atau masih dalam masa trial.

Pertama buka aplikasi windows loader lalu click I accept.

Aplikasi ini juga dapat digunakan untuk aktivasi Microsoft Office, Centang Windows untuk aktivasi windows lalu click Active.

Dalam process ini akan ada dua process, Process pertama adalah pembuatan System Restore Point dan yang kedua adalah Process Aktivasi.

Process System Restore Point

Process Aktivasi Windows

Jika sudah click yes untuk merestart computer sobat supaya windows sobat dapat diaktivasi.

Selesai windows 7 yang ane pakai sudah diaktivasi dengan sukses.

Sekian tutorial dari saya tentang cara aktivasi all Windows semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Install Microsoft Net. Framework 4.5 di Windows 7

2017-04-17T06:50:00.004-07:00

Cara Install Microsoft Net. Framework 4.5 di Windows 7

Pada tutorial ini ane akan memberikan cara mudah install Microsoft Net. Framework 4.5 di windows 7, Aplikasi Net. Framework 4.5 ini harus sobat install terutama jika sobat pengguna windows 7 dikarenakan jika sobat tidak menginstallnya maka sobat tidak akan bisa menginstall aplikasi yang support dengan windows 8 dam 10.

Langkah pertama download master Microsoft Net. Framework 4.5 click disini

Buka master Microsoft Net. Framework 4.5 yang telah sobat download lalu tunggu hingga process extracting files selesai. Jika sudah selesai sobat click install.

Tunggu hingga process download dan installasi selesai catatan process ini tidak membutuhkan koneksi internet.

Sekian tutorial dari saya tentang cara install Microsoft Net. Framework 4.5 di Windows 7 semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Membuat Accordion dengan CSS

2017-04-16T06:43:00.002-07:00

Tutorial tentang web design selanjutnya adalah cara membuat accordion di website tanpa menngunakna JQuery ini hanya bermodal
CSS sobat sudah bisa membuat accordion.

Langkah pertama buat file index nya

Source Code index.html

Lalu ini adalah file style.css

Source Code style.css

Hasilnya seperti ini sobat!

Sekian tutorial dari saya tentang cara accordion hanya bermodal css semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial web design yang lainnya dari catatan-pedia dan juga tutorial networking dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Reset Password Root di Debian 7

2017-04-16T03:39:00.005-07:00

Cara Reset Password Root di Debian 7

Pada tutorial ini ane akan memberikan cara untuk reset password root debian, cara ini sobat dapat lakukan saat sobat lupa password root sobat dan juga dapat digunakan untuk membobol debian, Caranya cukup mudah dan tidak membutuhkan waktu lama untuk persiapannya siapkan kopi dan cemilan.

Baca juga cara membobol password windows

Langkah pertama booting ke debian pada tampilan booting ke debian ini tekan e di keyboard komputer sobat.

Kedua tambahkan perintah disebelahnya ...ro quiet init=/bin/bash rw lalu tekan ctrl+C untuk booting ke debian.

Ketiga ubah password root dengan cara ketikan passwd lalu masukkan password sobat.

Terakhir restart lalu login dengan account root dan masukkan password root sobat yang telah sobat buat.

Sekian tutorial dari saya tentang cara reset password root debian semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Hal-Hal Unik Tentang Windows 7

2017-04-15T04:09:00.003-07:00

Pada tutorial selanjutnya saya akan membahas tentang hal-hal unik windows 7. Ya anda pasti sudah tidak asing lagi dengan windows 7, windows 7 yang dirilis pada tahun 2009 ini memang sudah sangat terkenal walaupun Microsoft telah merilis Windows 8 , 8.1 dan 10 peminat windows 7 pun masih banyak. Salah satu penyebab mereka masih banyak menggunakan windows 7 adalah :

windows 7 lebih ringan dari pada windows 8 dan 10 jadi windows 7 lebih compatible untuk laptop atau computer yang memiliki spesifiksi yang tidak terlalu tinggi.
windows 7 sangat cocok bagi orang yang bekerja di perkantoran dikarenakan windows 7 sangat mudah dalam mencari aplikasi seperti Microsoft Office hanya tingga tekan tombol windows lalu ketikan microsoft word.
windows 7 sangat cocok bagi anda yang suka bermain game banyak para gamer yang memilih windows 7 dikarenakan grafik windows 7 sangat cocok dengan bagi gamer selain alasan itu windows 7 memiliki fasilitas rating performance sehingga sangat cocok untuk melihat performance setelah computer diupgrade. Yah lebih singkatnya windows 7 lebih cocok untuk upgrade hardware

Hal-hal berikut ini adalah hal-hal menarik yang harus anda ketahui tentang windows 7 beberapa hal-hal ini memang sangat unik dan tidak dimiliki oleh windows 8 dan 10.

Pertama adalah jika anda pengguna windows 7 coba anda tekan tombol windows secara bersamaan dengan tombol tab maka layar akan muncul seperti layar acak tentunya hal ini memang cukup unik dan hal unik ini tidak akan anda temui di windows 8 dan 10 walaupun windows 8 dan 10 memiliki versi tablet.

Kedua pada saat anda login ke windows maupun pada saat process shutting down background dari process tersebut dapat anda ganti dengan foto anda caranya adalah dengan aplikasi windows 7 logon backround changer dengan aplikasi khusus windows 7 ini anda dapat mengganti background logon anda dengan foto. Sebenarnya di windows 8 dan 10 background logon juga bisa diubah tapi hanya untuk versi warna tanpa foto. meskipun windows 7 memiliki kelemahan yaitu booting windows 7 memakan waktu yang lebih lama dari pada windows 8 dan 10 yang lebih singkat

Baca juga cara mengganti background windows logon

Ketiga anda dapat mengganti boot skin windows 7 dengan cara menggunakan aplikasi Windows boot updater, dengan aplikasi ini anda dapat mengganti tampilan boot skin sesuai dengan keinginan anda, anda juga dapat menggantinya dengan boot skin dari OS lain dan tentunya windows anda semakin bervariasi dan tentunya semakin menarik.

Baca juga cara mengganti boot skin di windows 7

Kempat windows 7 merupakan windows yang banyak diguanakan oleh para karyawan perkantoran. Boleh percaya atau tidak anda bisa bertanya kepada teman atau keluarga anda atau bahkan guru mengajar anda windows apa yang anda gunakan? sebagian besar mereka menjawab adalah windows 7, dikarenakan windows 7 sangat simple untuk mencari aplikasi yang telah anda install semisal Microsoft office, hanya dengan menekan tombol winows di keyboard lalu ketik word aplikasi langsung bisa digunakan selain kemudahan itu windows 7 merupakan windows yang cukup ringan dan lebih compatible dengan aplikasi tertentu.

Sekian artikel tentang hal-hal yang unik yang harus anda ketahui tentang windows 7. Semoga bermanfaat untuk kita semua. Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Merecover Disk Yang Terhapus Dikomputer Anda

2017-04-13T07:18:00.001-07:00

Cara Merecover Disk Yang Terhapus Dikomputer Anda

Jika disk anda tiba-tiba hilang atau terhapus karena terjadi kesalahan saat sobat mengatur partisi, Hal pertama yang harus sobat lakukan adalah jangan panik karena disk yang terhapus masih dapat direcover begitu juga untuk data-datanya dalam tutorial ini ane masih menggunakan software yang sama yaitu EasUS Partition Master.

Download Aplikasinya Click Disini

Lihat juga cara resize partisi dilaptop atau computer.

Misal disini ane mau menunjukkan data ane yang masih belum terhapus di disk E.

Lalu disk E ane masih ada dan belum terhapus.

Karena terjadi sesuatu yang misalnya ane salah mengatur partisi ane sehingga disk E ane tiba-tiba hilang atau terhapus.

Buka aplikasi EasUS Partition Master yang telah sobat install lalu terdapat disk unlocated yang mana disk yang tidak terpakai didalam disk ini terdapat disk E ane yang telah terhapus langsung saja click disk unlocated lalu click partition recovery.

Lalu pilih metode recovery ane sarankan pilih complete agar data-data yang ada di disk dapat direcover juga. Lalu click Next.

Lalu click proceed untuk melakukan scanning disk yang terhapus tunggu hingga selesai.

Lalu akan muncul disk yang terhapus, setelah itu centang disk sobat click proceed untuk melakukan recovery ke disk sobat.

Tunggu hingga process selesai.

Jika process sudah selesai di aplikasi EasUS Partition Master akan terdapat disk yang telah di recovery.

Lalu sobat juga bisa melihatnya di windows explore bahwa disk E ane sudah ada tidak hilang lagi.

Selanjutnya ane buka disk E ane ternyata data sebelum disk E terhapus masih ada, kan? jadi saat disk anda sudah terhapus jangan panik dan segera cari tutorial merecover disk yang telah terhapus dan langsung merecover disk sobat yang hilang.

Sekian artikel tentang cara merecover disk yang terhapus. Semoga bermanfaat untuk kita semua.
Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Melakukan Resize atau Merubah Space Disk Computer Anda

2017-04-11T07:09:00.000-07:00

Cara Melakukan Resize atau Merubah Space Disk Computer Anda

Pada tutorial selanjutnya ane akan memberitahu cara melakukan resize atau merubah space partisi di computer anda, Dalam kasus ini mungkin hardisk sobat sudah penuh dan sobat tidak tau cara untuk men-backup file-file sobat. Contoh space partisi atau disk yang khusus untuk menyimpan data-data penting tiba-tiba full untuk itu sobat perlu melakukan resize partition dengan cara mengambil ruang atau space di disk yang masih punya cukup ruang atau space ke disk yang sudah mau penuh atau dalam kisah nyata
sudah berwarna merah.

Ok langsung saja ke tutorialnya misalnya ane punya dua disk dan ane ingin me-resize space disk C yang awalnya 4.97 GB ke 6.53 GB dengan cara mengambil ruang di disk E.

Dalam melakukan resize partition ini ane menggunakan aplikasi EasUS Partition Master.

Download Aplikasinya Click Disini.

Ini adalah tampilan saat sobat membuka aplikasi EasUS Partition Master akan ada jumlah dari disk sobat.

Pertama yang harus sobat lakukan adalah merubah space dari disk yang memiliki space yang cukup besar atau disk yang digunakan untuk menyimpan data yang tidak terlalu penting.
Lalu click Resize/Move.

Lalu ubah space nya dengan cara geret kekana atau kekiri seperti gambar dibawah ini menyesuaikan dengan letak dari disk yang akan ditambah dengan sisa disk ini.

Jika sudah maka akan muncul partisi unlocated yang merupakan partisi hasil resize dari partisi E (*Milik Saya.) lalu click Apply untuk menjalankan operasi yang pertama resize disk E. Saran dari ane sebaiknya sobat melakukan setiap step satu-satu saja jangan secara bersamaaan dikhawatirkan akan terjadi error saat process resize berlangsung.

Lalu click yes kemudian tunggu hingga precess resize selesai.

Jika sudah selesai click disk C ane lalu click resize/move.

Lalu tarik sampai full ke arah kanan karena partisi unlocated berada dibawah disk C jika partisi unlocated ada dibawah disk yang akan ditambah space maka tarik kekiri.

Maka spacenya akan berubah tapi ini belum sepenuhnya berubah karena belum diclick apply.

Tunggu hingga precess resize selesai.

Untuk hasilnya sobat bisa lihat di windows explore.

Sekian artikel tentang cara mengubah space disk computer. Semoga bermanfaat untuk kita semua.
Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Tutorial Photoshop : Membuat Desintregation Photo

2017-04-10T03:39:00.005-07:00

Tutorial Photoshop : Membuat Desintregation Photo

Tutorial selanjutnya tentang editing photoshop adalah cara membuat desintregation photo, untuk bahan desintregation ditutorial ini menggunakan raven atau burung gagak.

Bahan-bahan yang diperlukan adalah photo apa saja dengan burung gagak atau yang lainnya terserah sobat.

OK langsung saja buka photoshop sobat bisa menggunakan versi manapun. lalu tekan ctrl+N lalu masukkan size canvasnya untuk size sesuai dengan kebutuhan atau selera sobat.

Lalu piih selection tool di toolbar.

Selection ini ane gunakan untuk mengambil sample burung gagak yang nantinya akan ane jadikan sebagai sampel brush.

Jika sudah tekan ctrl+J lalu click edit pada bagian menubar lalu sobat pilih Define brush Preset untuk sampel brush terserah sobat.

Lalu sobat buat layer mask di layer foto layer foto sobat.

Lalu sobat pilih brush untuk tipe brush pilih sampel brush yang telah sobat buat tadi setelah itu sobat atur bentuk dari brush sobat.

Langkah selanjutnya sobat tinggal sesuaikan dengan foto sobat mau diedit seperti apa.

Selanjutnya click layer mask foto sobat untuk warnanya pilih hitam.

Jika sudah sobat tinggal mengolesi foto sobat dengan brush seperti ini sobat. Untuk formatnya sesuaikan dengan foto sobat.

Lalu sobat duplicate layer foto sobat dengan cara tekan ctrl+J Kemudian sobat click layer mask foto sobat yang sobat duplicate kemudian pilih apply layer mask. Setelah itu hilangkan tanda mata dilayer sobat "Langkah ini tidak harus sobat lakukan ini hanya untuk jaga-jaga" saja.

Jika sudah sobat gunakan lagi brush sampel yang telah sobat buat lalu oleskan ke foto sobat.

Seperti yang ane katakan ane menggunakan burung gagak jadi ane tambahkan burung gagak supaya tampilan lebih nyata. Langkah selanjutnya buat layar mask di foto gambar gagak ane.

Untuk effect pewarnaan agar lebih tajam ane gunakan Hue/Saturation atau sobat bisa menggunakan effect yang lainnya. Click bagian ini.

Lalu pilih hue/saturation kemudian sesuaikan dengan foto sobat.

Selanjutnya agar foto sobat lebih menarik ubah background dengan cara click layer background sobat 2kali lalu click OK catatan: langkah ini sobat lakukan jika layer bacground sobat terkunci.

Lalu click seperti sobat click akan memilih Hue/Saturation kemudian sobat pilih gradient warna yang sobat anggap itu bagus.

Langkah selajutnya sobat jadikan satu layer kecuali layer background foto sobat dengan cara tekan tombol shift dan click ke layer sobat lalu tekan ctrl+J dulu lalu ctrl+E

Selanjutnya sobat buat layer kosong dengan warna dasar hitam lalu sobat click filter di menubar lalu pilih render → render → Lens flare.

Lalu atur lens flare kira-kira seperti ini sobat.

jika sudah sobat layer baru kosong kemudian berikan warna-warna seperti ini dengan cara click brush pilih brush yang nomor satu lalu tinggal pilih warna dan tinggal oleskan di layer kosong.

Sobat ubah yang tadinya normal menjadi lighter color untuk opacity sesuaikan sobat.

Hasilnya seperti ini sobat.

Sekian tutorial dari saya tentang cara membuat desintergation photo di photoshop semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial web design yang lainnya dari catatan-pedia dan juga tutorial photoshop, networking dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Membuat Selector dengan Spinner Control di AppInventor

2017-04-09T04:17:00.001-07:00

Cara Membuat Selector dengan Spinner Control di AppInventor

Tutorial Android selanjutnya adalah membuat spinner control di appinventor. Spinner ini digunakan untuk memilih sebuah item semisal sobat mempunyai aplikasi rumah makan pastinya aplikasi sobat akan menawarkan beberapa pilihan menu yang makanan yang pasti lebih dari satu. Untuk itu dibutuhkan sebuat tool untuk memilih item yaitu spinner control.

Langkah pertama adalah buka ai2.appinventor.mit.edu di browser anda lalu buat project baru dengan nama spinner_selector.

Component yang diperlukan adalah dua spinner dan lima label.
Spinner pertama untuk selector makanan componentnya seperti gambar dibawah ini.

Sedangkan Spinner kedua untuk selector minuman componentnya seperti gambar dibawah ini.

Untuk bagian label ganti tulisan default label seperti gambar yang ada dibawah ini. Untuk label yang memiliki tampilan <Makanan dan Minuman yang dipilih> rename menjadi makanandipilih dan minumandipilih, seperti block yang ada dibawah ini.Sehingga layout dari aplisainya seperti ini.

Agar aplikasi sobat bisa dijalankan sobat harus mengatur block-blocknya dulu, click block samping design, lalu atur seperti gambar dibawah ini.

Jika sobat sudah selesai mengatur block-block aplikasinya sebagai pengganti coding click build apk sobat. kemdudian jalankan di Handphone sobat. Ini adalah tampilan pertama saat aplikasi sobat dijalankan.

Lalu click spinner tersebut maka akan muncul selector seperti gambar dibawah ini!

Selector untuk memilih menu makanan.

Selector untuk memilih minuman.

Sekian tutorial dari saya tentang cara membuat spinner control untuk selector di appnventor semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial web design yang lainnya dari catatan-pedia dan juga tutorial photoshop, networking dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Membuat Logo Instragam di Photoshop

2017-04-08T22:35:00.002-07:00

Cara Membuat Logo Instragam di Photoshop

Tutorial berikutnya adalah tentang membuat logo instragam di photoshop, Siapa yang tidak mengenal salah satu social media yang satu ini bahkan anda sendiri mempunyai account social media intragam. Instragam merupakan salah satu social media pupuler saat ini .Photoshop yang saya gunakan ini photoshop cs6 atau sobat juga bisa menggunakan Adobe Photoshop versi yang lainnya bebas!

Pertama adalah buka aplikasi Adobe Photoshop tekan ctrl+N lalu masukkan size canvasnya untuk size sesuai dengan kebutuhan atau selera sobat.

Kedua click bagian toolbar dengan memilih Rounded Rectangle Tool. Lalu ubah radius bentuk roundednya dengan jumlah 100px (tempatnya ada diatas) lalu buat bentuknya seperti bentuk
logo instragam dengan nama Rounded Rectangle 1

Click kanan layer Rounded Rectangle 1 kemudian pilih rasterize layer.

Double click layer Rounded Rectangle 1 kemudian pilih color overlay lalu pilih warna merah. Lalu OK.

Masuk ke color picker yang ada di toolbar samping kiri kemudian pilih warna #e102e4

Buat layer baru dengan click bagian paling bawah pojok kanan.

Pilih Brush yang ada di toolbar lalu sesuaikan brushnya.

Click gambar layer Rounded Rectangle 1 dengan menekan ctrl sehingga layer Rounded Rectangle 1 akan terseleksi.

Click tool brush lalu lakukan seperti gambar dibawah ini sobat!

Pilih lagi color picker kemudian pilih warna #7a0bd9

Kombinasikan warna #7a0bd9 dengan #e102e4 kira-kira seperti gambar dibawah ini.

Pilih lagi color picker lalu pilih warna #f23d13

Kombinasikan warna #f23d13 dengan warna #7a0bd9 dan #e102e4 kurang lebih seperti gambar dibawah ini.

Pilih warna #f9c90b di color picker.

Kombinasikan warna #f9c90b dengan warna #7a0bd9, #e102e4 dan #f23d13 kurang lebih seperti gambar dibawah ini. Sehingga hasilnya akan seperti gambar dibawah ini.

Buat lagi gambar Rounded Rectangle lalu letakkan ditengah-tengah Rounded Rectangle 1

Tekan Ctrl+J untuk mengcopy layer Rounded Rectangle yang baru anda buat beri warna putih untuk membedakannya setelah itu click gambar layer rounded rectangle yang berwarna putih dengan menekan tombol ctrl sehinggan layer tersebut akan terseleksi.

Biarkan layer rounded rectangle yang berwarna putih tetap diseleksi lalu click layer rounded rectangle yang berwarna hitam lalu click button delete pada keyboard anda untuk menghapus bagian tengah.

Hasilnya akan seperti gambar dibawah ini sobat. Jangan lupa untuk menghapus layer rounded rectangle yang berwarna putih.

Double layer yang bagian tengah yang sudah dihapus lalu pilih coloer overlay pilih warna putih.

Masih dilayer yang sama pilih drop shadow untuk memberi effect 3d pada logo instargam.

Jika sudah berikutnya adalah membuat lingkaran bolong bagian tengah cara sama seperti membuat rounded rectangle bolong tengah.
Jika sudah membuat lingkaran bolong tengah! Selanjutnya buat lingkaran kecil tanpa bolong tengah.

Jika anda sudah membuat lingkaran yang bolong tengah dan tidak bolong tengah langkah berikutnya adalah mengcopy layer style di rounded rectangle yang bolong tengah dengan cara
click kanan layer tersebut lalu pilih copy layer style.

Lalu paste kan ke masing-masing layer lingkaran yang bolong tengah maupun dan juga di layer rounded rectangle 1 sehingga hasil akhir akan seperti gambar dibawah ini!

Hasilnya seperti ini sobat!

Sekian tutorial dari saya tentang cara membuat logo instragam atau ig di photoshop semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial web design yang lainnya dari catatan-pedia dan juga tutorial photoshop, networking dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Mengubah Background Windows Logon

2017-04-08T06:31:00.001-07:00

Cara Mengubah Background Windows Logon

Kresaikan tampilan tema windows anda dengan berbagai cara salah satunya adalah mengganti windows background logon, Bagi anda pengguna Windows 7 anda dapat mengkrasikan tema windows background logon dengan foto atau wallpaper favaorit anda, caranya cukup sederhana anda hanya butuh tidak kurang dari lima menit anda sudah dapat mengganti background logon.

Untuk softwarenya silahkan download di link dibawah ini

Download Windows Windows 7 logon background changer

Setelah anda mendownloadnya silahkan ekstark lalu install sofware tersebut.

Setalah installasi selesai buka windows 7 logon background changer. Ini adalah tampilan pertama, terdapat wallpaper yang telah disediakan untuk mengubah background cukup
pilih wallpaper yang telah disediakan lalu click apply.

Tapi jika anda ingin menggantinya dengan wallpaper favorit anda caranya cukup click choose folder lalu pilih folder penyimpanan wallpaper anda lalu click apply. Setelah itu restart computer anda untuk melihat perubahan bacground logon windows 7 anda.

Sekian tutorial dari saya tentang cara mengubah background windows logon semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Mengubah ICON Windows Start Button termudah

2017-04-07T07:09:00.003-07:00

Cara Mengubah ICON Windows Start Button termudah

Mungkin anda bosan dengan tampilan icon botton windows anda apakah anda ingin mengganti icon start button anda? Jika anda ingin menggantinya perhatikan langkah-langkahnya cara cukup mudah dan sederhana anda hanya butuh waktu kira-kira tidak sampai 10 menit.

Pertama download aplikasi yaitu windows 7 start Button Changer untuk mendownloadnya silahkan click link berikut ini!

Download windows 7 start button changer
Download more icon start button di devianART

Jika anda sudah mendownloadnya ekstrak file rar tersebut

Sebelum anda mengganti icon start button silahkan buat system restore terlebih dahulu untuk berjaga-jaga jika ada sesuatu hal yang tidak terduga semisal error.

Cari create a restore point

Click tombol create

Kemudian beri nama system restore anda

Buka file rar yang telah anda download dan ektrak lalu ubah format file yang awalnya exe1 menjadi exe kemudian jalankan sebagai administrator dengan cara click kanan kemudian click run as administrator. Agar tidak muncul tampilan seperti gambar dibawah ini.

Click button windows untuk mengubah icon start button untuk mengembalikan ke setelan ulang click icon windows explorer.

Lalu buka directory tempat anda menyimpan file icon bitmap yang telah anda download tadi linknya ada diatas.

Setelah icon start button diubah

Selesai!

Sekian tutorial dari saya tentang cara mengubah icon windows start button semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Mengganti Boot Skin di Windows 7

2017-04-07T01:55:00.001-07:00

Cara Mengganti Boot Skin di Windows 7

Apakah anda penasaran bagaimana cara mengganti tampilan saat windows booting, Bagi anda pengguna windows pasti yang akan muncul logo microsoft windows tapi, Anda dapat menggantinya dengan photo anda atau tampilan booting dari OS lain misalnya Macintosh, Jika mungkin masih ragu anda bisa membuat restore point sebelum mengganti boot skin untuk menghindari hal-hal yang tidak diinginkan.

Sebelum anda mengganti boot skin silahkan buat system restore terlebih dahulu untuk berjaga-jaga jika ada sesuatu hal yang tidak terduga semisal error.

Cari create a restore point .

Click tombol create..

Kemudian beri nama system restore anda.

Pertama download aplikasi windows boot updater link ada dibawah! jika sudah ekstrak file windows boot updater.

Download Windows Boot Updater

Kedua anda bisa mengedit tampilan saat windows dalam keadaan booting atau dalam keadaan resume.
Untuk menganti animasi! caranya ganti Animation bisa bertype gambar atau animasi GIF.

Lalu jika anda ingin mengganti boot skin dengan boot skin OS lain caranya adalah click file kemudian pilih load boot skin.

Kemudian pilih boot skin anda.

Untuk menjalankan boot skin yang baru anda ubah click saja tombol play.
Jika anda sudah mendesain boot skin anda langkah selanjutnya click tombol apply.

Tunggu sebentar lalu restart computer anda.

Sekian tutorial dari saya tentang cara mengubah boot skin semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Konfigurasi DNS di Debian 7 Termudah

2017-04-06T04:54:00.002-07:00

Tutorial selanjutnya adalah konfigurasi DNS di Debian 7 sebelum kita belajar bersama mari kita simak dahulu sekilas info tentang DNS.

DNS atau kependakan dari Domain Name Server merupakan sebuah layanan atau aplikasi yang berfungsi untuk menerjemahkan ip address menjadi
sebuah nama domain misalnya ip address 8.8.8.8 diterjemahkan menjadi google.com untuk mengetahui alamat ip address dari sebuah domain
maka lakukan perintah nslookup spasi nama domain.

Dengan adanya DNS tentunya memudahkan dalam mengakses sebuah situs tanpa harus anda menghafal ip address situs tersebut anda hanya
perlu mengetikkan nama domain tersebut sebagai pengganti ip. Jadi dapat disimpulkan bahwa keberadaan DNS dalam jaringan komputer
memang sangat penting sebagai media untuk berkomunikasi antara client dengan server mungkin anda dapat membayangkan jika tidak adanya
layanan DNS pasti saat anda ingin mengakses misalnya facebook anda harus hafal ip address dari facebook tentunya sangat merepotkan
dan pastinya tidak efisien.

Berikut ini adalah langkah-langkanya konfigurasi DNS di Debian :

pertama install packet bind9 yang ada di DVD1
apt-get install bind9

kedua konfigurasi file named.conf.default-zones atau bisa juga named.conf.local
nano named.conf.default-zones atau nano named.conf.local

lalu tambahkan paling bawah
    zone "fatanet.com"{    #alamat domain anda
       type master;
       file "/etc/bind/db.domain";
    };

    zone "8.100.100.in-addr.arpa"{ #inverse dari ip address anda
       type master;
       file "/etc/bind/db.100"
    };

copy db.local ke db.domain dan db.127 ke db.100
cp db.local db.domain
cp db.127 db.100

edit file db.domain
    nano db.domain


edit seperti ini
    ganti localhost dengan nama web server kita misal "fatanet.com"
    @         IN   NS   fatanet.com.
    @         IN   A   100.100.8.33
    ns        IN   A   100.100.8.33
    www   IN   A   100.100.8.33
    ftp         IN   A   100.100.8.33

lalu edit file db.100
nano db.100

edit seperti ini
    ganti localhost dengan nama web server kita misal "fatanet.com"
    @   IN   NS   fatanet.com.
    33   IN   PTR   fatanet.com.
    33   IN   PTR   www.fatanet.com
    33   IN   PTR   ftp.fatanet.com

    ket * 33 merupakan ip server debian 7 saya.

lalu buka konfigurasi network interafaces anda
nano /etc/network/interfaces
edit seperti gambar dibawah ini sesuaikan dengan interfaces anda.

lalu restart semua konfigurasi baik bind9 maupun interfaces anda
service bind9 restart
service networking restart

buka adapter client lalu tambahkan ip preferred DNS server berupa ip server

test di web browser dengan mengetikkan nama domain anda

Sekian tutorial dari saya tentang cara konfigurasi DNS server di debian 7 semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Konfigurasi SSH di Debian 7

2017-04-06T00:59:00.001-07:00

Cara Konfigurasi SSH di Debian 7

Pada tutorial selnjutnya adalah tentang cara konfigurasi ssh di debian 7 sebelum anda membaca tutorial tentang konfigurasi shh atau alangkah baiknya jika anda mengetahui
apa itu ssh?

Shh atau singkatan dari secure shell adalah software sebagai yang digunakan untuk melakukan remote host melalui software seperti putty ssh memiliki arsitektur internal (didefinisikan dalam RFC 4.251) pada lapisan terpisah dengan baik. antara lain :

Lapisan transportasi (RFC 4253). Lapisan ini menangani pertukaran kunci awal dan server otentikasi dan set up enkripsi, kompresi dan integritas verifikasi.
Lapisan otentikasi pengguna (RFC 4252). Lapisan ini menangani otentikasi klien dan menyediakan sejumlah metode otentikasi. Lapisan ini menyangkut:

Password yang mana merupakan sebuah metode untuk otentikasi password secara langsung, termasuk fasilitas yang memungkinkan sandi untuk diubah.

Kunci publik sebuah metode untuk otentikasi berbasis kunci publik, biasanya mendukung setidaknya pasangan kunci DSA atau RSA, pada implementasi lain juga mendukung sertifikat X.509.

Keyboard-interactive (RFC 4256) sebuah metode serbaguna di mana server akan mengirimkan satu atau lebih prompt untuk memasukkan informasi sehingga klien menampilkannya dan mengirimkan kembali tanggapan oleh pengguna.

Berikut ini adalah step-step nya teman-teman:

Ketikan apt-get install openshh-server paket openssh-server ada di DVD 1

Lalu masuk ke directory tempat penginstallan openssh-server tepatnya ada di /etc/ssh/
nano /etc/ssh/ssh_config

Lalu cari text yang bertuliskan port 21 kemudian ganti port nya menjadi port 1234.

Setelah itu restart konfigurasi ssh dengan cara ketikan
service ssh restart atau /etc/init.d/ssh restart

Setelah konfigurasi selesai tinggal pengujian buka software putty kemudian masukkan ip server dan masukkan port yang telah anda ubah tadi.

Pilih yes.

Lalu login dengan account root dan masukkan password root selesai.

Sekian tutorial dari saya tentang cara konfigurasi ssh atau secure shell di debian 7 semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Setup Mikrotik di Virtual Box dan Cara Accessnya

2017-04-06T00:46:00.004-07:00

Cara Setup Mikrotik di Virtual Box dan Cara Accessnya

Artikel selanjutnya adalah bagaimana cara setup Mikrotik OS di virtual box selain cara setup saya juga akan memberikan tutorial access mikrotik dengan cara console , winbox dan via web.

Tentang mikrotik , mikrotik saat ini banyak digunakan oleh ISPs, hotspot provider , atau bahkan pemilik caffe . Mikrotik OS router membuat computer terhubung dengan jaringan secara reliable yang dilengkapi dengan bermacam-macam fitur dan tools baik itu berkabel atau nirkabel.

Cara Access Mikrotik

Via Console
mikrotik dapat diakses secara langsung melalui os mikrotik sendiri yang telah di setup selain itu anda juga dapat menggunakan SSH, SSH adalah sebuah aplikasi yang berfungsi meremote suatu server , untuk melakukan mengakses mikrotik via console dengan aplikasi ssh maka anda dapat menggunakan software putty.
Via Winbox
winbox merupakan sebuah software yang digunakan untuk meremote sebuah router mikrotik. winbox merupakan software yang berbasis GUI untuk melakukan remote ke OS Mikrotik selain tampilan GUI winbox juga mempunyai fasilitas versi CLI atau console.
Via Web
Jika anda mengakses via web tampilannya akan sama seperti anda mengakses via winbox.

Berikut ini adalah step-step nya untuk setup mikrotik di virtual box.

Pertama click new kemudian isikan nama os router untuk type OS pilih other atau unknown.

Kedua biarkan defautl saja next. Lalu pilih create.

Click os router yang telah anda buat lalu masuk ke menu setting → storage kemudian click icon Iso Kemudian pilih ISO Mikrotik.

Tampilan pertama saat anda pertama kali mengakses mikrotik click 'A' pada keyboard untuk menginstall semua paket yang anda di mikrotik os. lalu tekan 'n' lalu 'y'.

Nonaktifkan icon iso sebelum anda mereboot mikrotik os agar booting tidak ke CD lagi.Jika sudah booting ke hardisk lalu masukkan user addmin dengan password blank.

Langkah selanjtnya adalah setting ip address. sebelum melakukan setting ip address saya akan memberikan contoh cara menambah adapter , pertama shutdown os mikrotik anda. Dengan cara ketikan system shutdown lalu click menu setting kemudian pilih network setelah itu centang enable network adapter.

Setelah anda selesai menambah adapter langkah berikutnya adalah setting ip address dengan cara ketikan;
ip address add address=172.168.8.1/24 interface=ether2 #adapter yang baru saja saya tambahkan
ip address add address=100.100.8.1/29 interface=ether1

Untuk melihat network interfaces cukup ketikan ip address print

Lalu konfigurasi gateway, gateway disini adalah ip yang menghubungkan anda dengan internet
ip route add gateway=172.168.8.1

Senlanjutnya setting client seperti berikut

via winbox
buka aplikasi winbox kemudian masukkan ip mikrotik untuk user ketikan admin password blank berikut ini adalah tampilan saat anda mengakses mikrotik via winbox.

via console
buka aplikasi putty kemudian masukkan hostname or ip address merupakan ip mikrotik untu port biarkan default 22 lalu login sebagai admin password blank.

via web
buka web browser kemudian isikan ip mikrotik kemudian login dengan user admin password blank untuk login dengan web browser, browsernya sesuai selera anda bisa dengan firefox maupun dengan google chrome.

Sekian tutorial dari saya tentang cara setup mikrotik, access dan setting gateway semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial web design yang lainnya dari catatan-pedia dan juga tutorial networking dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara membuat tab keren untuk website

2017-04-06T00:23:00.000-07:00

Cara membuat tab keren untuk website

Pada tutorial selanjutnya tentang web design saya akan membuat sebuah tab lengakap dengan cssnya tab ini cukup sederhana karena hanya anda bermodal css anda sudah bisa membuat tab dengan bagus dan pastinya menarik biasanya tab ini digunakan untuk memposting profil baik profil web ataupun profil admin tapi kadangpula sebuah content dimasukkan ke tab.

Ok langsung saja kita menuju ke step-step nya anda hanya butuh dua file, File pertama index.html dan yang kedua adalah cssnya
jika anda ingin belajar anda bisa coding tapi anda juga bisa copy paste sambil belajar.

Source code index.html

Source code style.css

Dan hasilnya adalah seperti ini!

Sekian tutorial dari saya tentang cara membuat tab hanya bermodal css semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial web design yang lainnya dari catatan-pedia dan juga tutorial networking dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Konfigurasi FTP di Debian 7 termudah

2017-04-05T07:11:00.003-07:00

Cara Konfigurasi FTP di Debian 7 termudah

Pada tutorial selnjutnya adalah tentang cara konfigurasi ftp di debian 7 sebelum anda membaca tutorial tentang konfigurasi ftp alangkah baiknya jika anda mengetahui
apa itu ftp?

FTP yang memiliki singkatan File Transfer Protocol merupakan sebuah layanan merupakan protokol internet yang digunakan untuk pengiriman data dalam jaringan komputer, seperti upload dan download file yang dilakukan oleh FTP client dan FTP server. dari pengertian tersebuat terdapat istilah ftp client dan ftp server. perbedaan dari kedua istilah tersebut dapat terletak dari kata server dan client, kata Server berarti adalah pihak yang melayani atau menyediakan sebuah
service kepada pihak yang meminta yaitu client.

Jadi ftp server merupakan suatu layanan protokol yang bertugas memberikan sebuah layanan pengiriman atau tukar menukar sebuah data sedangkan ftp client adalah sebuah computer atau perangkat jaringan yang meminta layanan pengiriman atau tukar menukar data yang disediakan oleh ftp server.

Secara singkat ftp server adalah server sedangkan ftp client adalah client.

Berikut ini adalah step-step nya

Ketikan apt-get install proftpd untuk menginstall ftp, paket proftpd ada di DVD 2.

Kemudian pilih standalone atau mandiri.

Buat folder yang digunakan tempat penyimpanan file transfer protocol di server.
mkdir /home/ftp-sharing

Berikan hak akses secara penuh untuk folder agar dapat di write and read atau dapat diakses secara penuh poleh user.
chmod 777 /home/ftp-sharing

Lalu hapus user ftp dengan cara userdel ftp kemudian tambahkan user ftp di folder ftp di server yang telah anda buat untuk lebih jelasnya.
userdel ftp
useradd -d /ftp-sharing/ftp
passwd ftp
Lalu buka directory penginstallan paket proftpd letaknya di /etc/proftpd/ kemudian edit file profrpd.conf
nano /etc/proftpd/proftpd.conf

Setelah itu buat user authentication berupa user login atau anonymous yang dapat diakses oleh semua user. Pada tutorial ini saya menggunakan anonymous. untuk menggunakan user login cukup hapus user aliasnya. Paling Bawah!

Kemudian restart konfigurasi ftp dengan cara /etc/init.d/proftpd restart atau service proftpd restart.

Test di web browser ftp://ip sever anda

Lalu lakukan upload file melalui ftp dengan cara buka software ftp login dengan cara masukkan host berupa ip server dengan user anonymous password blank karena saya tadi menggunakan user anonymous.

Untuk menupload file click kanan file yang ingin anda upload lalu refresh browser anda.

Sekian tutorial dari saya tentang cara konfigurasi ftp di debian 7 semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Konfigurasi VLAN di Cisco Packet Tracer

2017-04-05T06:55:00.001-07:00

Konfigurasi VLAN di Cisco Packet Tracer

Sebelum kita belajar bersama tentang cara konfigurasi VLAN di Cisco Packet Tracer sebaiknya anda mengetahui apa itu vlan.

Vlan yang kita sebut dari Virtual Lan merupakan sekelompok perangkat pada satu LAN atau lebih yang dikonfigurasikan menggunakan perangkat lunak sehingga dapat dapat berkomunikasi layaknya seperti LAN. VLAN memungkinkan beberapa jaringan IP dan jaringan-jaringan kecil (subnet) berada dalam jaringan switched yang sama.

Keuntungan VLAN:

Security dengan menggunakan VLAN akan mengurangi peluang pelanggaran akses ke informasi yang rahasia dan penting jadi cocok untuk diterapkan di sebuah Departeman
Cost reduction atau penghematan biaya karena tidak diperlukannya biaya yang mahal untuk upgrade jaringan dan efisiensi penggunaan bandwith dan uplink yang tersedia.
Higher performance mengurangi trafik yang tidak diperlukan pada jaringan dan meningkatkan performa.
Broadcast storm mitigation mengurngi jumlah peralatan yang berpartisipasi dalam broadcast storm.
Improved IT staff efficiency user-user dengan kebutuhan jaringan yang sama berbagi VLAN yang sama.
Simpler project or application management memiliki fungsi yang terpisah mempermudah pengelolaan sebuah project atau bekerja dengan aplikasi khusus.

Sumber : Wilkipedia

Berikut ini adalah langkah-langkah konfigurasi VLAN di Cisco Packet Tracer.

Buat topologi seperti gambar dibawah ini
Dengan detail :
PC0 : 192.168.8.2/30
PC1 : 193.168.8.2/30

Setelah itu buka switch lalu ikuti langkah-langkah seperti ini

Lalu buka router kemudian ikuti langkah-langkah seperri ini

Jika sudah lakukan test ping antar pC0 dengan PC1.

Sekian tutorial dari saya tentang cara konfigurasi vlan di cisco packet tracer semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial menarik yang lainnya dari catatan-pedia dan juga tutorial networking , web design dan android lainnya hanya di catatan-pedia.blogspot.co.id

Membuat Search Engine dengan PHP Database

2017-04-05T06:36:00.004-07:00

Pada tutorial kali saya akan membuat sebuah search engine sederhana dengan bahasa pemrogaman php untuk membuat sebuah search engine.
pertama yang dibutuhkan adalah sebuah database yang mana database merupakan tempat yang berisiakan tabel-table untuk menyimpan data, dari data tersebut kita juga dapat mengakses data tersebut misalnya dengan cara request dengan cara menginputkan sebuah keyword sehingga data tesebut dapat kita akses

Untuk membuat sebuah database dibutuhkan sebuah aplikasi developer WEB seperti Xamp pada tutorial ini saya akan menggunakan Xamp dikarenakan free dan cukup ringan sehingga cocok dengan laptop saya "Maaf jika saya curhat sedikit" 😊

Untuk software xamp anda bisa download di internet langkah pertama adalaha install aplikasi xamp dahulu lalu buka xamp control panel hidupkan service apache dan mysql. kemudian ketikan localhost atau 127.0.0.1 di browser anda.

Kemudian akan muncul sebuah tampilan xamp dashboard pilih phpmyadmin. Di bagian menu phpmyadmin click new untuk membuat database bar kemudian masukkan nama database anda lalu creat.

masukkan nama tabel dan jumlah colom

Untuk structure dari tabel anda masukkan seperti gambar dibawah ini

Lalu save kemudian masukkan data di menu insert lalu masukkan data terserah anda

Untuk melihat data yang telah anda masukkan lihat di browse.

langkah selanjutnya adalah pembuatan index.html dan cssnya untuk cssnya lihat di cara membuat layout form search engine

source code index.php

Penjelasan bagian koneksi untuk menghubungkan database anda dengan search engine anda lalu pembuatan variable yang digunakan sebagai keyword pencarian lalu jika keyword yang anda masukkan tidak ada di database anda maka akan muncul 404 Not Found. Tapi jika keyword yang dimasukkan ternyata ada maka keyword itu akan diseleksi apakah ada satu atau ada lebih satu jika sudah maka akan ditampilkan di table.

Sekarang Pengujian

Sekian tutorial dari saya tentang cara membuat search engine sederhana semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial web design yang lainnya dari catatan-pedia dan juga tutorial networking dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Membuat Form Search Engine dan CSSNYA

2017-04-05T06:02:00.000-07:00

Cara Membuat Layout Form Search Engine Lengkap dengan CSSNYA?

Anda sedang kebingungan bagaimana cara membuat layout search engine yang baik, YAP sebuah serach engine tidak hanya dari fungsi dari search engine saja yang perlu diperhatikan tetapi anda juga harus memerhatikan tampilan karena dengan tampilan yang bagus pasti user akan menjadi seeker kita.

Sebuah search engine sangat dibutuhkan dalam setiap website, dengan adanya search engine pengunjung dapat mencari content dari website tersebut sesuai dengan kebutuhannya, sehingga sebuah search engine sangat dibutuhkan bagi website yang memiliki content yang banyak. Pada postingan ini saya akan membuat sebuah layout form dan lengkap dengan table, dengan css yang pastinya cukup keren dan layak untuk anda coba coding, OK langsung saja berikut ini adalah source code nya jika anda ingin belajar silahkan coding tapi anda juga bisa copy paste

Preview

source code index.html

Source Code CSSnya simpan dengan style.css

Selesai Silahkan DI COBA!

Sekian tutorial dari saya tentang cara membuat layout form search engine lengkap dengan design table -nya semoga bermanfaat dan pastinya selamat mencoba! Jangan lupa untuk menantikan tutorial web design yang lainnya dari catatan-pedia dan juga tutorial networking dan android lainnya hanya di catatan-pedia.blogspot.co.id

Cara Membuat Kalkulator di Appinventor

2017-04-04T08:34:00.000-07:00

Cara Membuat Kalkulator di Appinventor

Ok sesuai dengan janji saya saat anda membaca pengertian Appinventor saya berjanji bahwa saya akan memberikan tutorial cara membuat aplikasi android di Appinventor aplikasi pertama adalah cara membuat kalkulator. Berikut ini adalah step-stepnya silahkan anda perhatikan dan lakukan seperti gambar dibawah ini!

Langsung saja kita menuju ke step by stepnya pertama buka situs http://ai2.appinventor.mit.edu/
kemudian click start new project berikan nama project anda lalu buat interface seperti gambar dibawah ini dengan componet image, button dan label. Tampilan ini merupakan tampilan awal saat apliksi ini dijalankan.

Yang kedua adalah penyusunan blocksnya click pojok kanan atas sebelah design atur block seperti gambar dibawah ini untuk blocksnya berada di layar samping kiri maksud dari blocks tersebuat adalah jika button start di click maka akan masuk ke screen2 tempat aplikasi utama kalkulator jangan lupa untuk memberi nama screen yang dituju di block pink.

Selanjutnya buat screen yang kedua yang merupaka screen utama aplikasi kalkulator dengan component image, button, label dan tablearrangement di bagian layout colom 5 baris 4.

Untuk blocksnya terdapat inisialisasi 3 inisialisasi global yaitu, inisiliasi current, previous dan operator. Dimana inisialisasi current digunakan untuk meng-inisialisasi variabel angka yang di masukkan, sedangkan variabel previous adalah variabel angka setelah kita memasukkan angka baru, sedangkan variabel operator adalah variabel yang menunjukkan operator.

Next, membuat sebuah fungsi agar ketika tombol angka di klik maka akan menampilkan variabel angka.

Setelah itu panggil fungsi tersebut menggunakan fungsi blocks seperti dibawah, lakukan duplicating ( duplikasi ) untuk tombol angka angka lainnya. Tinggal mengubah variabel satu dengan variabel variabel lainnya.

Lalu buat blocks untuk tombol reset dimana fungsinya agar tombol reset dapat bekerja, dimana semua variabel akan di-set ke 0 ( nol ).

Blocks selanjutnya adalah membuat sebuah blocks operator dimana kita akan membuat operator dapat melakukan operasi matematika yaitu pertambahan, pengurangan, pembagian, dan perkalian. Dimana bila dilihat pada blocks dibawah, bahwa ketika fungsi ClickOperationButton di panggil maka ketika variabel global previous tidak sama dengan 0 maka akan di lakukan pengubahan variabel text pada label menjadi text yang teretera pada operator, ketika kita menekan tombol “+” maka akan tampil di label menjadi “+” yang artinya penjumlahan.

Setelah itu kita tambahkan blocks equal atau sama dengan dimana pada blocks tersebut kita akan melakukan operasi matematika tergantung dari operator mana yang telah pilih sebelumnya. Dimana pada saat kita menekan operator maka operator tersebut akan masuk pada variabel global operator selanjutnya variabel tersebut akan dipanggil pada saat kita menekan tombol “equal”, dimana operasi matematika tergantung variabel operator yang kita gunakan.

Terakhir adalah build apk kemudian test di smartphone android anda.

Sekian tutorial tentang cara membuat aplikasi kalkulator di Appinventor semoga bermanfaat dan selamat mencoba dan nantikan tutorial cara membuat aplikasi android dengan appinventor yang lainnya Coming Soon!

Pengertian Appinventor

2017-04-04T07:53:00.002-07:00

Pengertian Appinventor

App Inventor adalah aplikasi web sumber terbuka yang awalnya dikembangkan oleh Google, dan saat ini dikelola oleh Massachusetts Institute of Technology (MIT).

App Inventor memungkinkan pengguna baru untuk memprogram komputer untuk menciptakan aplikasi perangkat lunak bagi sistem operasi Android. App Inventor menggunakan antarmuka grafis, serupa dengan antarmuka pengguna pada Scratch dan StarLogo TNG, yang memungkinkan pengguna untuk men-drag-and-drop objek visual untuk menciptakan aplikasi yang bisa dijalankan pada perangkat Android. Dalam menciptakan App Inventor, Google telah melakukan riset yang berhubungan dengan komputasi edukasional dan menyelesaikan lingkungan pengembangan online Google.

Untuk lebih jelasnya;

Pengembang                    Google, MIT Media Lab
Rilis Stabil                        Beta
Sistem Operasi               Java, Kawa Scheme
Serambi                           Aplikasi berbasis web
Ketersediaan Bahasa       Android
Jenis                                Pengembangan perangkat lunak aplikasi
Lisensi         MIT License
Situs Resmi                      appinventor.mit.edu

Sumber : Wilkipedia

Sekian informasi tentang appinventor dari informasi diatas dapat ditarik kesimpulan appinventor merupakan apliksi yang berbasis web yang digunakan secara khusu untuk mengembangkan aplikasi berbasis Android.


Jangan lupa untuk melihat tutorial membuata aplikasi berbasis android, Coming Soon!

Semua Tentang Sistem Operasi Android

2017-04-04T07:39:00.001-07:00

Semuanya Tentang Sistem Operasi Android!

Mungkin anda sudah tidak asing lagi dengan istilah atau kata Android sebenarnya apasih android , Kali ini saya akan memberikan pengertian android yang bersumber dari Wilkipedia.

Android merupakan sistem operasi berbasis Linux yang dirancang untuk perangkat bergerak layar sentuh seperti telepon pintar dan komputer tablet. Android awalnya dikembangkan oleh Android, Inc., dengan dukungan finansial dari Google, yang kemudian membelinya pada tahun 2005. Sistem operasi ini dirilis secara resmi pada tahun 2007, bersamaan dengan didirikannya Open Handset Alliance, konsorsium dari perusahaan-perusahaan perangkat keras, perangkat lunak, dan telekomunikasi yang bertujuan untuk memajukan standar terbuka perangkat seluler.Ponsel Android pertama mulai dijual pada bulan Oktober 2008.

Mungkin anda bertanya-tanya 😕 smartphone apakah yang pertama kali memakai OS Android ini? Jawabannya adalah Samsung.

Setelah anda membaca pengertian dari Android sebaiknya anda juga membaca kelebihan dan kekurangan Android.

Pertama adalah kelebihan Android.

User Friendly
Maksud dari user friendly adalah android merupakan salah satu system operasi yang bersahabat dengan penggunanya, nyaman dalam pengeroperasian dan efisiensi itu yang paling terpenting dengan salah satu keunggulan ini android semakin banyak diminati oleh konsumen.
Segi Tampilan
Dalam segi tampilan pasti dari semua jenis atau versi system operasi pasti berbeda dan memiliki ciri-ciri khas tertentu. Khususnya android yang memiliki beragam versi dan pastinya anda juga mengetahui bahwa nama-nama OS android semuanya adalah terinpirasi dari nama makanan.
Open Source atau Bisa dikembangkan oleh User.
Dengan layanan source code ini membuat banyak para progamer android yang semaking bertambah layananna yang free atau tanpa bayar membuat para progamer untuk semakin mengembangkan aplikasinya sehingga banyak aplikasi berbasis android
Aplikasi lebih beragam karena sifat Android yang Open Source
Seperti yang saya jelaskan di nomor tiga bahwa salah satu banyaknya aplikasi android yang beragam mulai dari game, media player dan lain-lainya dikarenkan sifat android yang Open Source.
Memudahkan dalam mengelola account, SMS dan lain-lainya.
Jika anda pengguna android pasti anda tidak asing lagikan tentang pemberitahuan yang muncul baik itu pemberitahuan SMS, facebook , email dan lain-lainnya itulah salah stau kelebihan dari android yang sangat memudahkan dalam mengelola account social media kita.
dan masih bayak lagi kelebihannya

Kedua adalah kukurangan Android.

Batterai Cepat Habis
Tentunnya anda setuju jika android dapat memakan daya batterai yang cukup banyak misalnya saat anda sedang mengaktifkan data connection tentunya baterai akan cepat habis daripada anda menggunakan Wifi apalagi anda menggunakan hotspot tentunya baterai anda akan dua kali lipat cepat habis.
Update System yang membutuhkan waktu yang sangat lama
Update System ini biasa terjadi saat anda online selain membutuhkan waktu yang lama update system ini tentunya juga memakan kuota yang cukup banyak dikarenakan update system di android membutuhkan waktu yang lama bahkan sampai bisa ber-jam-jam.
Lemot jika tidak sesuai dengan perangkatnya
Mungkin smartphone anda terasa lemot, penyebabnya bisa saja perangkat smartphone anda tidak cocok dengan OS android anda atau bisa juga ada beberapa aplikasi yang memakan ruang RAM yang cukup besar.

Sekian informasi sekilas tentang operating system Android semoga bermanfaat dan teruslah berkarya dan belajar karena berkarya dan belajar tidak mengenal usia.