Berita & Artikel

Jul

30

2012

...
Desain
Cara Menggunakan CSS Backgrounds

SEVIMA.COM – CSS background properties biasanya digunakan untuk memberi warna/ gambar pada latar belakang pada suatu elemen. Contoh : <html> <head> <style type=”text/css”> body { background-color:#b0c4de; } h1 { background-color:#6495ed; } p { background-color:#e0ffff; } div { background-color:#b0c4de; } </style> </head> <body> <h1>CSS background-color example!< <div> This is a text inside a div element. <p>This paragraph has it’s own backg We are still in the div element. </div> </body> </html> Hasilnya : SEVIMA : Take IT Easy Baca juga: Cara Menggunakan Selector Class Pengenalan CSS Cara Membuat HTML Tables Cara Membuat HTML Headings

Jul

30

2012

...
Desain
Cara Menggunakan Selector Class

Selector Class SEVIMA.COM – Digunakan untuk menentukan style dari sebuah group elemen. Berbeda dengan ID, selector class bisa dipakai berulangkali pada sebuah dokumen web. Artinya sebuah nama class dapat dipanggil beberapa kali pada elemen-elemen yang ada pada sebuah halaman web. Selector class dituliskan dengan ditandai dengan tanda titik “.” Contoh : <html> <head> <style type=”text/css”> .center { text-align:center; } </style> </head> <body> <h1 class=”center”>Center-aligned heading</h1> <p class=”center”>Center-aligned paragraph.</p> </body> </html> Hasilnya : SEVIMA : Take IT Easy Baca juga: Cara Menggunakan Selector Class Pengenalan CSS Cara Membuat HTML Tables Pengenalan Pemrograman Web

Jul

30

2012

...
Desain
Pengenalan CSS

Pengenalan  CSS CSS adalah Cascading Style Sheets External style sheets bisa dipakai oleh banyak halaman web Eksternal Style sheet disimpan dalam file CSS Apa Itu CSS? CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke kode lain yang saling berhubungan. Jadi kalau di tulis lengkap dalam bahasa Indonesia kira-kira arti CSS adalah: kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML. Keuntungan Penggunaan CSS Jika anda memiliki beberapa halaman website dimana anda menggunakan fontarial untuk tulisannya, lalu suatu hari anda bosan dengan arial dan ingin mengganti ke trebuchet, anda harus merubah satu per satu halaman website anda dan merubah tipe font dari arial menjadi trebuchet. Dengan menggunakan css, dimana semua halaman web memakai css yang sama, anda cukup merubah satu baris kode css untuk merubah font di semua halaman web dari arial ke trebuchet. Jadi, keuntungan menggunakan CSS, lebih praktis! Kekurangan Penggunaan CSS Tidak semua browser mengartikan kode CSS dengan cara yang sama. Jadi kadang-kadang, tampilan web dengan CSS terlihat baik di browser yang satu, tapi berantakan di browser yang lain. Jadi anda harus memeriksa tampilan supaya terlihat baik di semua browser dan menambahkan kode-kode khusus browser tertentu jika memang dibutuhkan agar tampilan web anda terlihat baik di semua browser.  CSS Syntax CSS mempunyai 2 bagian : selector dan satu atau banyak deklarasi :   Selector biasanya elemen HTML.Setiap declaration terdiri dari properti dan nilai.Properti adalah atribut style yang ingin Anda ubah. Setiap properti memiliki nilai.   SEVIMA : Take IT Easy Baca juga: Cara Menggunakan Selector Class Pengenalan Pemrograman Web Cara Membuat HTML Tables Cara Membuat HTML Headings

Jul

27

2012

...
Pengetahuan IT
Cara Membuat HTML Tables

SEVIMA.COM – Membuat table didefinisikan dengan tag <table> dimana untuk baris didefinisikan dengan tag <tr> dan untuk kolom didefinisikan dengan tag <td>. Di dalam tabel juga bisa berisi images, teks, links, dan form dsb. Contoh : <html>       <head>             <title>Hello World</title>       </head>       <body>             <table border=”1”>                   <tr><th>Header 1</th><th>Header 2</th></tr>                   <tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr>             </table> </body> </html>   Baca juga: Cara Menggunakan Selector Class Pengenalan Pemrograman Web Cara Membuat HTML Paragraphs Cara Membuat HTML Headings  

Jul

27

2012

...
Pengetahuan IT | Wordpress
Cara Membuat HTML Paragraphs

SEVIMA.COM – Berfungsi sebagai paragraph pada setiap kalimat <html>       <head>             <title>Hello World</title>       </head>       <body>             <p>This is paragraphs</p> <p> This is paragraphs</p>       </body> </html> Hasilnya : This is paragraphs This is paragraphs   Baca juga: Cara Menggunakan Selector Class Pengenalan Pemrograman Web Cara Membuat HTML Paragraphs Cara Membuat HTML Headings

Jul

27

2012

...
Pengetahuan IT | Wordpress
Cara Membuat HTML Headings

SEVIMA.COM – Headings atau Judul Post merupakan elemen structural dari HTML Yaitu sebuah tanda yang menentukan level atau tingkatan dari sebuah tulisan seperti tag <h1><h2><h2> dan seterusnya, tag ini menampilkan tulisan lebih tebal dan besar yang digunakan sebagai penulisan judul. Headings atau Judul Post ditandai dengan tag <h1> hungga <h6> dan seterusnya. <h1> Untuk penulisan judul terbesat, dan hingga <h6> untuk menuliskan judul yang lebih kecil. Heading di definisikan dengan tag <h1> to <h6> contoh : <html>       <head>             <title>Hello World</title>       </head>       <body>     <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3>       </body> </html> Hasil : This is heading 1 This is heading 2 This is heading 3 Baca juga: Cara Menggunakan Selector Class Pengenalan CSS Cara Membuat HTML Tables Cara Membuat HTML Headings

Jul

27

2012

...
Pemrograman
Pengenalan Pemrograman Web

Arsitektur Client Server Aplikasi web adalah jenis aplikasi yang menggunakan arsitektur client server. Sesuai dengan namanya client server berarti adanya pembagian kerja pengolahan data antara client dan server. Secara singkat, jaringan client server adalah jaringan dimana computer client bertugas melakukan permintaan data dan server bertugas melayani permintaan tersebut. Server Pada dasarnya server menerima permintaan dari para client web browser dan kemudian meresponnya. Beberapa permintaan yang dating dari client disertai nama dan alamat item client yang dicari. Server menerima kemudian memprosesnya dan kemudian merespon data yang diminta. Web Client Tugas Browser adalah menyediakan user sebuah user interface dimana akan meminta server dan menampilkan respon server. Web Client Tugas Browser adalah menyediakan user sebuah user interface dimana akan meminta server dan menampilkan respon server. HTML Bagaimana cara browser mengetahui apa yang harus ditampilkan ke user?Sebagian situs web tidak hanya berisi teks sederhana, tetapi disertai dengan grafis atau memiliki form yang dapat meanggil suatu data. Cara browser mengetahui apa yang harus ditampilkan ke user adalah dengan HTML. Apa itu HTML HTML(Hyper Text Markup Language) adalah bahasa untuk mendeskripsikan suatu halaman web. HTML bukanlah bahasa pemrograman tetapi adalah bahasa yang sudah ada standarnya Menggunakan tag untuk mendefinisikan sebuah halaman web Element tag HTML dibuka dengan tanda /. Contoh <html> Element tag HTML ditutup dengan tanda /. Contoh </html> Baca juga: Cara Menggunakan Selector Class Pengenalan CSS Cara Membuat HTML Tables Cara Membuat HTML Headings

Jul

25

2012

...
Pengetahuan IT
Kaspersky Siapkan ‘Satpam Digital’ untuk Mac

SEVIMA.COM – Dulu, komputer Mac ibarat wilayah tempat tinggal kompleks. Dimana memiliki wilayah eksklusif sehingga lebih jarang disatroni penjahat, yang dalam hal ini merupakan virus komputer. Namun itu cuma cerita masa lalu. Sebab kini komputer Mac Apple sudah seperti komputer lain yang sebagian besar menggunakan OS Windows, sudah menjadi sasaran program jahat. Tak pelak, kondisi ini dimanfaatkan perusahaan antivirus dan keamanan untuk menyediakan sebuah software keamanan untuk melindungi para pengguna Mac. Dimana salah satunya adalah Kaspersky Lab, yang menyediakan ‘satpam digital’ yang diberi nama Kaspersky Security for Mac. Software ini diklaim akan melindungi Mac OS X dari ancaman apapun dengan menggabungkan teknologi keamanan tradisional dengan metode berbasis cloud dan menawarkan respons cepat dari bahaya terbaru. Selain melindungi komputer dari ancaman khusus untuk Mac, solusi ini juga mencegah menyebarnya malware Windows dan Linux ke komputer lain. Termasuk menyediakan fitur Parental Control untuk melindungi anak-anak dari konten online yang tidak pantas. Menurut Kaspersky, seiring meningkatnya pangsa pasar komputer Apple, perhatian penjahat cyber juga ikut meningkat. Hasilnya adalah semakin meningkatnya jumlah program berbahaya yang mengincar Mac dan tingginya tingkat kejadian berbahaya yang terus meningkat. Kejadian terbaru adalah Trojan Flashfake yang telah membuat sekitar 700 ribu komputer Mac menjadi mesin zombie, mesin yang sepenuhnya dikontrol oleh penjahat cyber. Mengingat pangsa pasar yang mencapai 6%-10 % untuk komputer Mac, besarnya jumlah komputer yang terinfeksi oleh hanya satu program berbahaya dinilai sudah sangat mengkhawatirkan. Munculnya Flashfake dimulai dari banyaknya online blog yang diretas lalu disusupi komponen berbahaya. Ketika pengguna Mac mengunjungi blog ini, akan muncul update otomatis Adobe Flash Player, yang terlihat seperti permintaan asli. Namun paket yang diunduh mengeksploitasi kerentanan pada software yang diinstal dan hasilnya adalah epidemik masif. Reaksi Apple atas ancaman seperti ini di masa lalu adalah dengan menutup (patch) kerentanan software, namun dua bulan setelah kebocoran ditemukan. Sebelum penambalan dilakukan, komputer yang beroperasi tanpa solusi keamanan pihak ketiga tetap rentan diserang. Baca juga: #6 Tahapan Membuat Website Baru yang Harus Diketahui Cara Mengganti Username WordPress Dapatkan Aplikasi Handal SEVIMA Gofeeder Versi 2.0 100% Gratis Cara Membuat HTML Headings

Jul

25

2012

...
Info Sentra Vidya Utama | SIM SEVIMA
SIM E- Office

SEVIMA.COM – Tinggalkan cara lama mengorganisir dokument surat Menyurat anda, Sistem Informasi E-Office menjadi solusi tepat untuk mempermudah dalam mengelola dokument sebuah instansi, perguruan tinggi ataupun perusahaaan anda. Sistem Informasi E-Office adalah suatu Sistem Informasi yang dibangun untuk memberikan kemudahan kepada pengguna dalam menyajikan berbagai informasi terkait surat, berkas dokumen, dan disposisi yang valid, akurat dan aktual secara tepat dan cepat secara online. Berikut Fitur – Fitur yang SEVIMA kembangkan antara lain: Fitur Baca Surat Masuk Fitur Baca Surat Masuk berfungsi untuk mempermudah peengguna dalam melihat tampilan hasil scan dokumen fisik yang di lampirkan ke dalam surat. Fitur Daftar Surat keluar Fitur Daftar Surat Keluar berfungsi untuk mempermudah pengguna dalam melakukan pencarian berdasar filter maupun kata kunci. Dilengkapi dengan fasilitas memonitor status Surat tersebut pada masing – masing penerima Surat (khusus surat keluar dengan tujuan dalam instansi). Fitur Melihat Disposisi Fitur Melihat Disposisi berfungsi untuk mempermudah pengguna dalam memberikan laporan pelaksanaan disposisi. Dilengkapi juga dengan fitur melihat Surat yang menjadi dasar disposisi. Fitur Tampilan Mobile Tampilan disesuaikan dengan kebutuhan mobile yang bersifat ringkas. Fitur Tampilan Mobile Lihat Surat Fitur Tampilan Mobile Lihat Surat ialah versi lebih ringkas untuk melihat isi Surat Masuk. Fitur Laporan Fitur Laporan berfungsi untuk mempermudah pengguna dalam menentukan kriteria apa saja untuk data dari laporan yang akan ditampilkan. Fitur Input Surat Masuk Fitur ini dilengkapi dengan fasilitas scan langsung dari mesin scanner. Fitur Melihat Disposisi Fitur Melihat Disposisi berfungsi untuk mempermudah pengguna dalam memberikan laporan pelaksanaan disposisi. Dilengkapi juga dengan fitur melihat Surat yang menjadi dasar disposisi. Jangan ragu lagi untuk bekerjasama dengan kami. PT Sentra Vidya Utama (SEVIMA) sebagai partner Perguruan Tinggi di Indonesia telah berpengalaman dalam mengembangkan Aplikasi Sistem Informasi Management yang terintegrasi dengan pembayaran Host to Host maupun Aplikasi Sistem Informasi berbasis Mobile. Anda tidak perlu ragu untuk mempercayakan pembuatan Sistem Informasi Management anda kepada kami. Hubungi kami di : (031) 8722719 atau bisa lewat email: support@sevima.com SEVIMA : Take IT Easy Baca juga: [Academic Cloud] Sistem Informasi Akademik Berbasis Cloud Dapatkan Aplikasi Handal SEVIMA Gofeeder Versi 2.0 100% Gratis (Success Story) Kemdikbud RI dan SEVIMA Bekerjasama dalam Mengembangan e-Office (Success Story) Departemen Perhubungan Bekerjasama dengan SEVIMA dalam Pengembangan Aplikasi SIAKAD STTD Bekasi

Jul

24

2012

...
Pemrograman
Belajar CodeIgniter – Mengenal Framework dan MVC

SEVIMA.COM – Apakah anda merasa melakukan coding yang berulang-ulang setiap project yang anda kerjakan? lupa harus mulai darimana ketika 1 bulan kemudian program anda menemui masalah dan harus dibenahi? atau anda dipusingkan ketika harus menambahkan fitur/modul dari program anda? Mungkin sudah saatnya anda memikirkan menggunakan Framework mulai sekarang, dalam tulisan ini akan dibahas salah satu PHP Framework yaitu CodeIgniter. apa itu codeigniter, mengapa codeigniterdan, bagaimana codeigniter bekerja, apa kekurangan codeigniter dan apakah codeigniter cocok buat anda?, mari kita bahas satu persatu. Apa itu CodeIgniter? CodeIgniter adalah sebuah application framework opensource untuk bahasa pemrograman PHP yang bertujuan untuk membuat proses develop sebuah aplikasi/project menjadi lebih mudah dan cepat, daripada harus mengerjakan semuanya dari dasar. Dengan tersedianya sekumpulan library untuk proses-proses yang umum codeigniter memberikan anda fokus lebih hanya kepada logic project yang sedang anda kerjakan bukan kepada proses-proses dasar dari pemrograman itu sendiri. Mengapa CodeIgniter? Banyak sekali pilihan framework untuk anda pilih diluar sana tapi mengapa harus codeigniter, tentu anda plus minusnya. Kelebihan CodeIgniter: 1. Dokumentasi Lengkap Bisa dibilang dokumentasi codeigniter sangat lengkap sangat mudah dipahami, tidak hanya berupa list dari method-method yang ada di codeigniter, tapi lebih seperti sebuah ensiklopedia ditambah dengan contoh penggunaannya. 2. Plug & Play Tentu tidak sedikit framework yang pada tahap instalasi saja sudah memusingkan anda, belum lagi ada yang mengharuskan anda mempunyai role sebagai system administrator, tentu ini tidak memungkinkan jika kita pakai jasa share hosting. Tidak dengan CodeIgniter, cukup setting config.php dan that is it… CodeIgniter Installation Alakadarnya :p 3. Small Simple Yet Fast CodeIgniter bukanlah Framework kelas Enterprise yang BESAR dan BERAT, framework ini didesain untuk pengembangan aplikasi kelas menengah tapi… jika anda ingin meng-extend CodeIgniter lebih JAUH lagi telah tersedia plugin untuk anda pilih sesuai kebutuhan. 4. Model – View – Controller Dengan Model View Controller (MVC) design pattern ini akan memudahkan kita untuk meng-organize aplikasi kita. Model hanya mengurusi hal-hal yang berhubungan dengan database, Controller berisi logic dari aplikasi kita dan View untuk tampilan frontend. 5. Small Learning Curve Dengan dokumentasi yang bisa dibilang sangat bagus dan jelas proses belajar framework ini menjadi sangat mudah dan menyenangkan (programmer kan juga butuh proses pembelajaran yg menyenangkan). Bagaimana CodeIgniter Bekerja? Sudah sedikit kita ketahui kalau CodeIgniter menggunakan MVC design pattern, dan untuk lebih detil seperti apa flow control dari framework ini : Semua dimulai dari request lewat browser (index.php) lalu di proses oleh Router dan jika ada cache untuk request tersebut maka langsung tampil ke browser, jika tidak maka lanjut untuk di filter oleh Security dan masuk ke Controller untuk di proses. Di Controller akan berinteraksi dengan Model, Plugin dll jika memang memerlukannya saja. Begitu Controller selesai dengan segala prosesnya akan di parse ke View atau bisa juga dibilang template dan ditampilkan ke browser. Kekurangan CodeIgniter 1. Meskipun Open Source CodeIgniter tidak dikembangkan oleh komunitas tapi oleh EllisLab (pengembang Expression Engine) sehingga membuat update dari core engine tidak secepat Framework yang dikembangkan oleh komunitas. 2. Jika terjadi error yang berhubungan dengan Framework, mau tidak mau kita harus searching dan browsing masalah tersebut. 3. […]