Membuat Struktur Organisasi di Website

By , September 22, 2017,

Mungkin sebagian orang bingung bagaimana membuat kotak-kotak diagram atau chart bermodel struktur organisasi untuk di tampilkan di website atau blog.

Sebenarnya cara ini adalah kombinasi dari pembuatan struktur organisasi manual dan menampilkannya di website atau blog.

Untuk aplikasi struktur organisasi berbasis web yang otomatis masih saya kembangkan. Pada program ini, user tinggal memasukkan saja nama dan juga jabatan atau posisi yang diinginkan. Selanjutnya aplikasi akan secara otomatis menampilkan data struktur organisasi berdasarkan level jabatan yang di masukkan.

Namun, jika mau lebih cepat dan simpel gunakan cara ini saja. Tidak begitu susah, tinggal buat diagram struktur organisasi Kamu, kemudian masukkan script ini di web atau blog Kamu.

Cara Membuat

  1. Buat file baru dan buatlah struktur organisasi seperti biasa
  2. Simpan file tersebut kedalam format pdf, karena file ini dapat dibuka melalui internet secara langsung.
  3. Upload file pdf tersebut pada web server kamu atau media penyimpanan dokumen
  4. Simpan linknya dan copy

Cara memasan di web

Jika Kamu menggunakan web berplatform wordpress atau blogspot. Cara ini cukup simpel untuk menampilkan struktur organisasi di web agar dapat dilihat diinternet secara online.

Caranya:

Masukkan saja script ini di halaman postingan web Kamu, dan buat mode posting berupa html.

<iframe src=”https://docs.google.com/gview?url=http://dipersip.riau.go.id/wp-content/uploads/2017/09/STRUKTUR-ORGANISASI-DINAS-PERPUSTAKAAN-DAN-KEARSIPAN.pdf&#038;embedded=true” style=”width:100%; height:500px;” frameborder=”0″></iframe>

Silahkan ganti link berwarna merah tersebut dengan link dimana Kamu upload file pdf td.

Membuat Halaman baru web

Jika struktur ogranisasi tidak ingin ditampilkan di halaman postingan, namun ingin di buat tersendiri halaman baru berupa file web htmlnya. Silahkan buat file script diatas eperti ini:

<html>

<head>

<title>STRUKTU ORGANISASI</title>

</head>

<body>

<iframe src=”https://docs.google.com/gview?url=http://dipersip.riau.go.id/wp-content/uploads/2017/09/STRUKTUR-ORGANISASI-DINAS-PERPUSTAKAAN-DAN-KEARSIPAN.pdf&#038;embedded=true” style=”width:100%; height:500px;” frameborder=”0″></iframe>

</body>

</html

Untuk tampilannya seperti ini:

Cara menampilkan struktur organisasi di website

Cara menampilkan struktur organisasi di website

Demikian cara simpel, membuat dan menampilkan struktur organisasi secara online di web. Untuk Menampilkan struktur organisasi secara otomatis tinggal mengetik nama dan jabatan saja, dapat menggunakan aplikasi yang sedang saya kembangkan.

Untuk contoh di atas, struktur organisasi yang digunakan adalah struktur organisasi di salah satu website Dinas yang ada di Provinsi Riau.

Postingan berikutnya

  1. struktur membuat website
  2. download source code website organisasi
  3. Cara membuat struktur organisasi dengan html notepad
  4. cara buat struktur krprngurusan diwordpress
  5. membuat struktur organisasi html
  6. membuat bagan organisasi codeigniter
  7. bagan struktur codeigniter
  8. download script membuat struktur organisasi
  9. coding organisasi html
  10. caramembuat organigram php
  11. Buat struktur organisasi di web
  12. cara membuat struktur organisasi
  13. cara membuat bagan struktur organisasi java script css
  14. cara membuat bagan struktur organisasi
  15. aplikasi buat organisasi

Leave a Reply