7 Langkah Menginstall Aplikasi Berbasis Web pada Server Linux

Berikut caranya :

1. Copy dan pindahkan aplikasi/CMS pada direktory server root /var/www/html bisa dengan perintah nautilus, sebelunya install nautilus dengan perintah apt-get install nautilus

2. Extraks aplikasi/CMS dengan perintah unzip nm_file_yg_diekstrak jika ekstensinya rar dan perintah tar xvfz nm_file_yg_diekstrak jika extensinya tar.

3. Ganti nama/rename nama direktory aplikasi dengan perintah mv nm_direktory_lama nm_direktory_baru.


4. Berikan hak akses sebagai root agar apache, php dll dapat dijalankan / dieksekusi dengan perintah chown -R www-data:www-data letak_direktory.

5. Buat database melalui phpmyadmin dan import database melalui phpmyadmin.

6. Sesuaikan file config koneksi dengan user name dan nama database sesuai passwordnya.

7. Buka dan jalankan aplikasi melalui browser untuk menjalankan proses selanjutnya.

Cara Membuat Text Seperti Mengeti Sendiri

Assalamu'alaikum Wr.Wb

Bagi teman-teman yang ingin mengubah tampilan blog menjadi lebih menarik, bisa menambahkan tulisan seakan mengetik sendiri.
Berikut caranya :

1. Masuk ke akun blogger
2. Klik tata letak
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
Langkah selanjutnya masukkan kode Script  yang anda inginkan seperti contoh dibawah ini :
5. Copy Kode berikut dan Contoh teks mengetik dengan sendirinya  lihat di samping kanan

<form name="news"> <textarea cols="50" name="news2" rows="3" wrap="virtual"></textarea></form> <script type="text/javascript"> //<![CDATA[ var newsText = new Array(); newsText[0] = "Teks Anda "; newsText[1] = "Teks Anda"; newsText[2] = "Teks Anda"; newsText[3] = "Teks Anda"; newsText[4] = "Teks Anda"; newsText[5] = "Teks Anda"; var ttloop = 1; // diulang-ulang teksnya ganti dengan 1 (1 = True; 0 = False) var tspeed = 250; // Typing speed in milliseconds (larger number = slower) var tdelay = 1000; // Time delay between newsTexts in milliseconds // ------------- NO EDITING AFTER THIS LINE ------------- var dwAText, cnews=0, eline=0, cchar=0, mxText; function doNews() { mxText = newsText.length - 1; dwAText = newsText[cnews]; setTimeout("addChar()",1000) } function addNews() { cnews += 1; if (cnews <= mxText) { dwAText = newsText[cnews]; if (dwAText.length != 0) { document.news.news2.value = ""; eline = 0; setTimeout("addChar()",tspeed) } } } function addChar() { if (eline!=1) { if (cchar != dwAText.length) { nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k); document.news.news2.value = nmttxt; cchar += 1; if (cchar != dwAText.length) document.news.news2.value += "_"; } else { cchar = 0; eline = 1; } if (mxText==cnews && eline!=0 && ttloop!=0) { cnews = 0; setTimeout("addNews()",tdelay); } else setTimeout("addChar()",tspeed); } else { setTimeout("addNews()",tdelay) } } doNews() //]]> </script>

Ketereangan:

cols="50" = lebar Halaman
rows=2    = tinggi halaman
Isi Teks  = Silakan isi sesuai dengan Teks yang anda inginkan

selamat mencoba :) ...

Wassalamu'alaikum Wr.Wb

BLC TELKOM

SMK HASAN KAFRAWI MAYONG JEPARA

Pelatihan Pembuatan Blog di SMP NEGERI 1 SAWIT BOYOLALI

Assalamu'alaikum Wr.Wb

Kali ini saya hanya posting foto-foto kegiatan saya sa'at Pelatihan Pembuatan Blog di SMP NEGERI 1 SAWIT BOYOLALI. 

Mungkin hari ini saya cuma posting ini karna saya hari ini melakukan kegiatan Pelatihan di SMK NEGERI 1 SAWIT .
Sekian Terima Kasih . . . .!!

Wassalamu'alaikum Wr.Wb

BLC TELKOM

SMK HASAN KAFRAWI MAYONG JEPARA

Cara menyambungkan Gammu dengan kalkun

Assalamu'alaikum Wr.Wb

       Kali ini saya akan membahas tentang bagaimana cara mengkoneksikan antara gammu dan juga kalkun . Karena setelah sesudah kita menginstall gammu dan kalkun itu belum tersambung karena untuk di gammunya smsnya kita STOP karena jika kita mau mengirim SMS melalui terminal kita harus menyetop gammunya terlebih dahulu.

•  Siapkan Modem-Nya
• Kartu untuk sms

     Setelah itu, jalankan service gammu-smsd untuk aplikasi kalkun ;

    $ sudo /etc/init.d/gammu-smsd start

Setelah di start , kita buka Kalkunnya lalu di Refresh .
Maka yang mulanya Terputus menjadi Tersambung .
seperti gambar di bawah ini :

Sebelum terSambung : (TERPUTUS)

Sesudah tersambung : (TERSAMBUNG)

Sekian postingan saya ,semoga dapat bemanfa'at dan salam SUKSES.

Wassalamu'alaikum Wr.Wb

BLC TELKOM

SMK HASAN KAFRAWI MAYONG JEPARA

Sekilas Tentang Bootstrap

TWITTER BOOTSTRAP

        Twitter Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website. Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.

        Twitter Bootstrap dibangun dengan teknologi HTML dan CSS yang dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang dibangun menggunakan JavaScript.

        Situs web resmi twitter bootstrap http://getbootstrap.com/ 

SEJARAH BOOTSTRAP

        Bootstrap diciptakan oleh 2 orang programmer di Twitter, yaitu Mark Otto dan Jacob Thornton pada tahun 2011. Saat itu para programer di Twitter menggunakan berbagai macam tool dan library yang mereka kenal dan suka untuk melaksanakan pekerjaan mereka, sehingga tidak ada standarisasi dan akibatnya sulit untuk dikelola , sehingga Mark Otto dan Jacob Thornton tergerakuntuk menciptakan satu tool ataupun framework yang dapat digunakan bersama dilingkungan in ternal Twitter.

        Sejak diluncurkan pada bulan Agustus 2011, Bootstrap telah berevolusi dari sebuah proyek yang hanya berbasis CSS menjadi sebuah tool ataupun framework yang lebih lengkap yang juga berisi Javascript Plugin, Icon, Forms dan Button.

        Pada Januari 2012,Bootstrap merelease versi 2.0 yang didalamnya sudah memasukkan fitur responsive layout. Sejak itu, popularitas Bootstrap tak tertahankan lagi. Bootstrap merupakan project GitHub yang paling banyak dilihat dengan lebih dari 54.000 user dan juga yang paling banyak di copy (forked) yaitu sekitar 18.500 kali. 

        Sekarang banyak orang melayari internet melalui SmartPhone, seperti update status, upload gambar, dan tidak terkecuali mengakses sebuah website. Dengan banyaknya orang yang mengakses website melalui mobile device, secara automaticnya permintaan untuk dibuatkan website yang bersesuaian  dengan berbagai-bagai device pun akan meningkat.

        Dengan keadaan seperti itu, developer / pembina website mungkin akan ‘kebanjiran’ projek untuk membuatkan website yang dapat diakses oleh berbagai device (Android, Blackberry, IPhone, IPad, dan sebagainya). Untuk mengatasi masalah itu, maka munculah Responsive Web Design.

APAKAH ITU RESPONSIVE DESIGN? 
 
         Responsive Web Design adalah sebuah teknik yang digunakan untuk membuat layout website menyesuaikan diri dengan tampilan device pengunjung, baik ukuran maupun orientasinya. Jadi tampilan yang berada di desktop komputer dengan tampilan yang diakses melalu SmartPhone misalnya, itu akan berbeda tampilannya. Responsive Web Design Untuk mengetes tampilan yang menggunakan teknik Responsive tersebut tidak harus mengaksesnya melalui mobile device ataupun device lainnya, namun cukup dengan meminimize browser saja ke dalam ukuran mobile device yang diinginkan, kita sudah dapat melihat tampilan website kita pada layar mobile device. 

CARA MENGAKTIFKAN FITUR RESPONSIVE BOOTSTRAP 

Berikut Template dasar HTML dengan Bootstrap

Pada skrip tersebut kita lihat bahwa pertama kita tambahkan satu meta data dengan nama viewport. Viewport adalah bagian dari sebuah alat (notebook, desktop PC, handphone, tablet, dsg) yang dapat menampilkan halaman web (window).

Meta tag viewport ini umumnya digunakan untuk mengatur tampilan browser pada mobile device dan juga tablet.

Pada tag content="width=device-width" untuk mengatur lebar tampilan awal browser disesuaikan dengan lebar layar mobile device.

Kemudian pada tag "initial-scale=1.0" untuk mengatur level zoom dari tampilan pada saat ditampilkan, semakin besar nilai initial-scale, semakin besar tampilanya (zoom in).

Selanjutnya, plugin javascript di Bootstrap membutuhkan jQuery. Oleh karena itu, link ke jQuery merupakan standart pada template HTML pada Bootstrap.

Mengapa link ke javascript diletakkan dibawah (pada bagian tag body) dengan tujuan untuk mempercepat browser dalam memproses halaman web, hal ini  sesuai dengan rekomendasi dari http://developer.yahoo.com/performance/rules.html.

Berikut Skrip Template Dasar Bootstrap Responsive

Dengan menambahkan tag <link href="css/bootstrap-responsive.min.css">, maka sekarang template bootstrap sudah mempunyai fitur responsive. Karena masih sederhana hanya menampilkan teks Hello, World!, jadi belum terasa fitur responsive-nya.

Sekilas tentang CAPTCHA

Assalamu'alaikum Wr.Wb

Postingan saya kali ini akan membahas tentang CAPTHA. Berikut sekilas penertiannya .

       CAPTCHA atau Captcha adalah suatu bentuk uji tantangan-tanggapan (challange-response test) yang digunakan dalam perkomputeran untuk memastikan bahwa jawaban tidak dihasilkan oleh suatu komputer. Proses ini biasanya melibatkan suatu komputer (server) yang meminta seorang pengguna untuk menyelesaikan suatu uji sederhana yang dapat dihasilkan dan dinilai oleh komputer tersebut. Karena komputer lain tidak dapat memecahkan CAPTCHA, pengguna manapun yang dapat memberikan jawaban yang benar akan dianggap sebagai manusia. Oleh sebab itu, uji ini kadang disebut sebagai uji Turing balik, karena dikelola oleh mesin dan ditujukan untuk manusia, kebalikan dari uji Turing standar yang biasanya dikelola oleh manusia dan ditujukan untuk suatu mesin. CAPTCHA umumnya menggunakan huruf dan angka dari citra terdistorsi yang muncul di layar.
          Istilah "CAPTCHA" (berasal dari kata bahasa Inggris "capture" atau menangkap) diciptakan pada tahun 2000 oleh Luis von Ahn, Manuel Blum, Nicholas J. Hopper (semua dari Carnegie Mellon University), dan John Langford (IBM). Istilah ini adalah akronim bahasa Inggris dari "Completely Automated Public Turing test to tell Computers and Humans Apart" (Uji Turing Publik Terotomatisasi Penuh untuk membedakan Komputer dan Manusia). Carnegie Mellon University berupaya mematenkan istilah ini , tapi aplikasi merek dagang mereka dibatalkan pada 21 April 2008. Saat ini pencipta CAPTCHA menganjurkan penggunaan reCAPTCHA sebagai penerapan resmi ^.

   ^{Mungkin itu sekilas tentang CAPTCHA.} 

^{Semoga bermanfa'at .}

^{Wassalamu'alaikum Wr.wb}

Pelatihan Internet Pemuda Pelopor dari daerah pemulihan Ex.Bencana merap

Assalamu'alikum Wr.Wb

Pelatihan Internet Pemuda Pelopor dari daerah pemulihan ex.bencana Merapi Desa Balerante Kec.Kemalang Kab.Klaten. Penuh semangat dan dedikasi dan pengabdian untuk membangun desanya.