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. membuat struktur organisasi dinamis dengan php
  3. download source code website organisasi
  4. stuktur organuasi mengguahan codeigniter
  5. download script membuat struktur organisasi
  6. contoh halaman web organisasi
  7. contoh halaman struktur guru di website
  8. contoh bagan struktur organisasi untuk skripsi
  9. cars membuat struktur kerjaan fi website
  10. caramembuat organigram php
  11. cara membuat bagan organisasi
  12. cara membuat struktur organisasi di wordpress
  13. cara membuat struktur organisasi di website script
  14. cara membuat struktur organisasi di pages wordpres
  15. cara membuat struk tur organisasi di notepad

Leave a Reply