Komputer

Admin LTE (Part III)

ica03

Beralih mata dulu menulis untuk berbagi pengalaman sederhana yang pernah dialami, seindah-indahnya belajar sambil berbagi untuk mempermudah pemahaman terhadap hal-hal baru. Melanjutkan tulisan kemaren, pada bagian 3 ini mari kita mengenal lokasi code untuk tampilan berikut ini:

pada tampilan header web mungkin tidak seluruh bagian akan kita gunakan, sebagian perlu dibuang atau disembunyikan, letak code untuk tampilan di atas terletak pada bagian <div class=”navbar-custom-menu”> bagian ini cukup panjang, saya contohkan untuk gambar amplop dimulai dengan perintah <li class=”dropdown messages-menu”>, klik pada class tersebut, kemudian editornya role ke bawah untuk melihat batasnya </li>. Continue reading “Admin LTE (Part III)” →

Komputer

Admin LTE (Part II)

ica03

Berlanjut dari postingan sebelumnya untuk mengenal Admin LTE yang membantu kita dalam mempermudah desain halaman admin. pada tulisan ini kita akan mengenal bagian dari code untuk indexnya, karena seluruh code dijadikan satu untuk mempermudah dalam pemberian contoh. Mari kita pisah dan kenali satu persatu.

Kita ambil dari index.html pada folder admin LTE 2, seluruh code yang berada pada bagian <head> dan </head> untuk sementara waktu gak usah diutak-atik

selanjutnya perhatikan pada bagian <body> dan </body>, didalamnya terdapat class yang akan mengikat tampilan pada bagian admin yaitu

yang ditutup dengan dan ada catatan <!– ./wrapper –> yang menandakan bahwa bagian tersebut akhir dari class wrapper.

Class pertama dalam class wrapper yaitu <header class=”main-header”>, sebelum dibahas bagian-bagiannya, lihat kembali tampilan index.html nya pada bagian

Source code tampilan tersebut yaitu

pada bagian dapat diedit sesuai dengan kebutuhan kita, sekian dulu tulisan ini dan akan dilanjutkan pada part III mudah-mudahan bermanfaat.

Komputer

Admin LTE (Part 1)

ica03

Berlatih kembali menulis untuk berbagi hasil ngoprek, ketika membuat aplikasi berbasis web, biasanya dua sisi yang kita buat, front end yang berhadapan dengan user dan back end yang berhadapan dengan kita sebagai pengelola atau pengguna lainnya. Untuk saat ini terdapat open source code untuk admin yaitu admin LTE yang menyediakan banyak fitur untuk mempercantik tampilan admin web yang akan kita kembangkan.

Continue reading “Admin LTE (Part 1)” →

Komputer

Ideapad 330 14AST

ica03

Tos lami teu karaos nembe ngaroris blog, sekedar sharing dari masalah yang dihadapi setelah proses instalasi Lenovo Ideapad 330 14AST, setelah segala hal yang dibutuhkan disiapkan dan proses pun telah selesai, ternyata touchpad tidak aktif, ketika discan di device manager tidak terdetect. Alhasil browsing untuk mencari solusi, banyak solusi yang ditawarkan dan proses pemilihan dilakukan dengan mempertimbangkan resiko setelah dicoba. akhirnya hasil keluyuran pun berhasil, silahkan mengunduh disini Sekian tulisan singkat mudah-mudahan bermanfaat

Latihan

Berlatih Excel

ica03

Selamat hari guru bagi seluruh Guru se Indonesia, semoga dalam melaksanakan tugas selalu dalam lindungan Allah, SWT. amin, disela-sela waktu senggang dalam peringatan Hari guru di SMA Negeri 1 Pagar Alam, terlihat lembar kerja dengan tampilan sebagai berikut:

capture lembar kerja

ketika dikerjakan secara manual, akan menyita waktu dan tenaga, karena pada mata pelajaran pilihan akan terjadi beberapa perubahan sesuai dengan jurusan dan mata pelajaran yang dipilih oleh siswa. setelah berdiskusi bersama akhirnya disepakai format aplikasi sebagai hasil berlatih excel dihari guru sebagai berikut: Continue reading “Berlatih Excel” →

Pembelajaran

Membuat Cover di Sigil (latihan Mandiri)

ica03

Sambil menunggu hujan reda dan bel berbunyi, latihan membuat cover sederhana di sigil dengan HTML, CSS dan Jquery, output yang dihasilkan sebagai berikut:

1

adapun listing HTML-nya sebagai berikut: Continue reading “Membuat Cover di Sigil (latihan Mandiri)” →

Komputer

Video Tidak Tampil di Sigil ?

ica03

Berbagi pengalaman menggunakan aplikasi editor E-Modul dalam format epub, biasa hasil ngoprek bukan pelatihan. Semenjak versi 0.7 sigil dapat menyisipkan video ke dalam e-modul yang kita susun dengan mengunakan perintah HTML sebagai berikut:

<video width=”320″ height=”240″ controls>
  <source src=”movie.mp4″ type=”video/mp4″>
</video>
perintah standarnya seperti itu hanya path directory di sigil diubah menjadi
<video width=”320″ height=”240″ controls>
  <source src=”../Video/namafile.mp4″ type=”video/mp4″>
</video>

Continue reading “Video Tidak Tampil di Sigil ?” →