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. php membuat struktur organisasi
  2. cloding php struktur organisasi
  3. aplikasi membuat struktur organisasi secara online
  4. membuat struktur sop dengan notepad
  5. Membuat struktur organisasi di wordpress
  6. membuat struktur organisasi dengan web
  7. membuat bagan organisasi di wp
  8. contoh program sederhana php membuat struktur organisasi
  9. chart organisasi php
  10. cara membuat stuktur organisasi di bloger
  11. cara membuat struktur organisasi di blog
  12. cara membuat struktur organisasi dengan php
  13. cara membuat skema organisasi di php
  14. struktur organisasi dengan php

Leave a Reply