materi tutorial smp n 5 surakarta

Tutorial Pengelolaan Website SMPN 5 Surakarta

MODUL TUTORIAL PENGELOLAAN WEBSITE SMPN 5 SURAKARTA

Disusun oleh : Nur Firstiawan Ardian W Naidra

DISELENGGARAKAN ATAS KERJASAMA :

ICT CENTER FKIP UNS SMP NEGERI 5 SURAKARTA FKIP INTERNET CENTER AND OPEN SOURCE

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


I.

WEBSITE SMP NEGERI 5 SURAKARTA SMP Negeri 5 Surakarta mempunyai sebuah website yang baru saja di built hasil kerjasama SMP N 5 Surakarta dan FICOS UNS. Alamat website itu berada di http://smpn5solo.net yang merupakan domain utama.

Domain utama tersebut ( http://smpn5solo.net ) mempunyai banyak sub-sub domain. Dimana masing-masing sub domain tersebut digunakan untuk website bagianbagian dan mata pelajaran yang ada di SMP N 5 Surakarta. Daftar sub domain serta akun login untuk masuk sebagai administrator sub domain tersebut dapat anda dapatkan dalam lampiran modul ini. Pada prinsipnya, antara domain utama dan sub-sub domain yang ada mempunyai fungsi serta system administrasi yang sama. Jadi pada tutorial ini akan dijelaskan bagaimana menjadi administrator website pada domain utama ( http://smpn5solo.net ). Tetapi apabila anda merupakan penanggung jawab dari suatu sub-sub domain, maka anda tetap bisa menggunakan tutorial ini tetapi dengan catatan anda harus mengubah setiap link yang disebutkan dalam tutorial ini kedalam link sub domain anda. Misalnya untuk fungsi login ke Dashboard pada domain utama harus mengetikkan url berikut pada address bar : http://smpn5solo.net/wp-admin . Hal ini juga sama ketika anda menjadi penanggung jawab subdomain kurikulum. Pada sub domain kurikulum, apabila hendak login ke Dashboard harus mengetikkan url berikut pada address bar : http://kurikulum.smpn5solo.net/wp-admin . Jadi

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


pada intinya sama. Tetapi anda diharuskan mengetikkan subdomain terlebih dahulu di depan domain utama.

II. START BLOGGING Anda telah mempunyai akun yang telah dibuatkan oleh pihak ICT Center dan crew FICOS UNS, sehingga anda tidak perlu membuat akun lagi. Anda dapat langsung masuk halaman administrator atau biasa disebut log in. A. Login ke Account Anda Untuk dapat membuat postingan atau tulisan yang akan tampil di Webblog anda maka anda harus selalu masuk dalam halaman Administrator anda ( Dashboard ). Untuk dapat masuk dashboard maka anda diharuskan log in. Langkah untuk log in : 1. Login ke Halaman Administrator Blog Anda, dengan membuka broswer dan mengetikkan alamat http://smpn5solo.net/wp-admin/ akan tampil jendela login . ( Pada subdomain dapat menyesuaikan. Misalnya sub domain kurikulum maka mengetikkan http://kurikulum.smpn5solo.net/wp-admin

begitu juga pada sub-sub domain yang lain)

Masukkan usernamea Anda

Masukkan password Anda

2. Masukkan username (Nama pengguna) dan password (Kata Sandi), klik Masuk/ Log in. Berikan tanda centang di bagian Ingat Saya (Remember me) apabila Anda ingin username dan password tersimpan di komputer yang

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


Anda gunakan. ( username dan password menyesuaikan sesuai akun pada sub domain masing-masing ) 3. Akan muncul halaman dashboard (Dasbor)

B. Mengenal Tampilan Dashboard ( Halaman Administrator ) Dashboard merupakan halaman tempat anda bekerja dan mengisi content blog anda. Semua yang tampil pada blog anda akan anda atur lewat halaman ini.

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


Bagian-bagian dashboard: - Right Now : Menunjukkan berapa tulisan, halaman, category,

dan tags, serta komentar yang ada pada blog anda sekarang. Pada bagian ini juga ditunjukkan berapa komentar yang telah di Approve ( disetujui ) dan berapa komentar yang belum disetujui (Pending) serta Spam. - Recent Comments - Incoming Links - Quickpress - Recent Draft diPublish. - Admin - Log Out : Untuk masuk ke halaman profil admin : Keluar halaman Dashboard : Komentar terakhir : Sumber link yang mengarah pada blog anda : Membuat postingan dengan cepat dan sederhana : Tulisan yang baru saja tersimpan dan belum

A. Post( Tulisan ) Seperti di depan, untuk mengelola apapun di blog anda maka anda harus log in ke dalam halaman administrator. Setelah login akan muncul halaman administrator. Untuk membuat postingan atau tulisan ikutilah langkah-langkah berikut: - Log in ke halaman administrator. - Klik Post pilih Add New - Tuliskan judul postingan di bawah Title dan content artikel di bawah Post.

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


- Tulis Tag dan Category di samping postingan. ( Jika belum ada category klik Add New Category - Centang allow comment pada Coments & Pings jika ingin artikel/ postingan anda dapat dikomentari.

- Untuk menampilkan artikel/ postingan anda klik Publish tetapi untuk menyimpan (draft) klik Save Draft sehingga akan menjadi Draft. - Klik SMPN 5 SURAKARTA untuk melihat hasil.

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


Sedangkan untuk mengedit postingan yang telah anda publish atau draft, langkahlangkahnya adalah : - Klik menu Posts kemudian pilih post yang akan kita edit. Klik edit.

- Klik judul postingan yang telah kita buat untuk mengedit postingan.

- Untuk menghapus postingan centang tanda kotak disamping judul kemudian

klik Dropdown pada Bulk Actions pilihlah Delete kemudian Klik Apply.

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


- Untuk melihat tulisan yang telah dipublish klik Published atau klik Draft untuk melihat tulisan yang belum dipublish. - Klik SMPN 5 SURAKARTA untuk melihat hasil. Beberapa fungsi tambahan saat membuat postingan : 1. Memasukkan File kedalam Postingan Agar lebih menarik, hendaknya tulisan yang anda posting tidak hanya berupa text tapi gabungan antara Text dan Gambar sehingga orang yang mengunjungi blog anda akan nyaman. Langkahnya adalah : - Masuk Menu Posting - Pada Halaman Write Post ada beberapa ikon dibawah Post yang mirip di Ms. Word atau di Open Office.

-

Diatas ikon-ikon itu terdapat menu upload/ insert, Klik salah satu ikon yang ada disampingnya

- Browse file dari computer atau yang lain,Klik Upload - Isilah beberapa pengaturan, kemudian Klik Insert to Post 2. Membuat Hyperlink di Postingan Hyperlink merupakan suatu pintu yang dapat membawa kita ke halaman yang lain atau ke situs yang lain. Cara membuatnya : - Edit postingan yang telah anda buat - Blok satu atau dua kata sebagai hyperlink kemudian Klik Ikon Link

- Tentukan beberapa opsi misal link tujuan tanpa spasi dan menggunakan http:// - Klik Insert

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


3. Membuat Readmore Read more adalah suatu toolbar di wordpress yang berguna untuk menampilakn sebagian text pada halaman blog agar tulisan yang panjang tidak menghabiskan halaman blog. Cara membuatnya : - Editlah tulisan anda - Tentukan batas tulisan yang akan muncul dan yang akan tersimpan pada blog anda.

- Klik ikon Read More - Setelah itu Klik Update Post - Klik Visit Site Untuk melihat hasil.

B. Media Halaman ini berfungsi untuk mengunggah atau mengupload media bisa berupa gambar maupun file lainnya yang didukung oleh wordpress dan plugin yang terinstal, File-file ini yang natinya kan kita tambahkan pada postingan maupun untuk mempercantik blog kita. Langkah-langkah sebagai berikut: - Klik Page kemudian klik Add New

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


- Klik Browse untuk memilih file mana yang akan kita upload.

- Kemudi akan muncul jendela baru yang menuju penyimpanan di komputer anda, pilih file yang akan diunggah dengan mengklik file tersebut kemudian klik Open

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


- Setelah selesai proses uploadnya maka gambar akan langsung ditampilkan. Berikan keterangan yang diperlukan, kemudian klik Save All Changes

C. Links Links dalah sebuah acuan dalam dokumen hiperteks (hypertext) ke dokumen yang lain atau sumber lain. Dengan link ini kita bisa menautkan sebuah halaman website hanya dengan mengklik sebuah text Langkah membuatnya adalah : - Klik Link pilih Add New - Masukkan nama link - Masukkan Alamat link tanpa spasi dan menggunakan http:// serta kategori - Klik Add Link

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


D. Pages ( Halaman ) Salahsatu keistimewaan blog dengan CMS Wordpress salahsatunya adalah anda dapat membuat halaman statis atau biasa disebut Page . Sebenarnya pada Blogspot bisa membuat halaman, tetapi anda harus mengubah atau mengedit script yang ada pada theme yang dipakai. Langkah-langkah untuk membuat Page adalah sebagai berikut : - Klik Page kemudian pilih Add New akan muncul halaman Write Page - Tuliskan Nama halaman di bawah Title contoh profil, download area, dan gallery, dan tulis isi halaman dibawah Page.

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


- Klik page parent untuk membuat tingkatan halaman. Misal halaman profil dan halaman kenalan berada di bawah halaman parent about. - Klik Publish untuk menerbitkan atau Save Draft untuk menyimpan. - Fungsi yang lain sama seperti saat posting biasa. - Klik SMPN 5 SURAKARTA untuk melihat hasil. Untuk mengedit halaman yang telah anda buat langkah-langkahnya adalah : - Klik Page

- Pilih judul halaman yang akan diedit. Klik Edit - Editlah tulisan yang akan anda ubah atau tambahlah tulisan jika kurang

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


kemudian Klik Save - Untuk menghapus dan lain-lain sama seperti editing posting atau tulisan.

E. Mengedit Tags dan Category Tags berfungsi untuk membuat kata kunci tentang apa yang kita posting, sedangkan Kategory adalah pengelompokan postingan menurut kategorinya. Langkah-langkah mengeditnya adalah : - Klik Post --> Post Tags kemudian pilih nama Tag yang akan diedit. - Setelah muncul halaman edit Tag, pada Tag Name isikan nama Tag yang baru. Kemudian Klik Update

Langkah mengedit Category: - Klik Post pilih Categories - Langkah selanjutnya sama seperti edit Tags - Klik nama Kategori yang akan diedit - Muncul kotak Edit Category Masukkan nama kategori baru - Klik Update

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


F. Comments (Komentar) Halaman ini berfungsi untuk mengelola komentar dari para pengunjung blog kita. Setiap komentar ynag masuk, statusnya pending ( tidak akan tampil pada postingan) sebelum kita meyetujuinya. Ada beberapa langkah untuk menanggapi komentar yaitu: 1. Approve, Untuk menyetujui komentar tersebut, sehingga akan tampil pada postingan kita 2. Reply, Digunakan untuk membalas komentar tersebut 3. Quick Edit, digunakan untuk mengedit cepat komentar tersebut 4. Edit, digunakan untuk mengedit komentar bdengan fitur yang lebih luas 5. Spam, menandai komentar tersebut sebagai spam 6. Trash, menghapus komentar tersebut.

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


G. Apperance (tampilan) Pada menu ini digunakan untuk mengelola tampilan pada website wordpress kita. Untuk submenu didalamnya tergantung dari tema yang kita gunakan. 1. Theme (tema) Tema yang anda pasang pada website anda akan berpengaruh besar pada penampilan, keindahan, dan karakter website anda. Langkah untuk mengganti theme - Klik Apearance pilih Theme - Pilihlah tema yang anda inginkan, kemudian klik tema itu untuk preview.

- Untuk mengaktifkan tema Klik Activate - dan untuk keluar preview Klik tanda X di bawah activate.

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


2. Themes - Klik Install Themes

- Install theme sesuai dengan pilihan 1. Search : Untuk pencarian dengan mengetikkan kata 2. Upload : Menginstal Theme dari file direktori hardisk 3. Featured: Menginstal Theme dengan melihat fitur-fiturnya 4. Newest : List Theme terbaru 5. Recentely Update : Theme yang update terbaru 6. Feature Filter : Pencarian berdasarkan fitur-fiturnya

- Jika sudah menentukan modus penginstalan klik Install pada salah satu Theme yang akan di install

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


- Maka akan jendela seperti di bawah ini kemudian klik Install Now

- Jika penginstalan berhasil maka akan muncul jendela seperti di bawah ini (untuk mengaktifkanya klik Activate / klik preview untuk melihat)

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


3. Mengaktifkan Widget Widget merupakan komponen website seperti kalender, page, archive, category dan komentar yang biasanya berada di sidebar. Ada tiga Kolom menu Widget - Avialable Widget : Menampilkan daftar list widget yang tersedia - Inactive Widget: Kolom untuk menyimpan settingan widget tanpa mengaktifkanya - Widget Area : Kolom mengaktifkan widget, jumlah tergantung dari theme Langkah utk aktivasi : - Klik Apearance pilih Widget - Dibawah Available Widgets Drag Widget yang akan diaktifkan kea rah sidebar yang anda pilih. - Edit opsi widget dengan Klik dropdown pada widgetnya - Aturlah Widget seperti nama dan opsi-opsi yang lain. - Klik Save - Untuk menonaktifkan widget Klik Remove. atau drag kea rah kolom inactive widget untuk menonaktifkan tetapi masih ingin menyimpanya

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


Beberapa widgets yang disarankan untuk dipasang: - Search Form, fitur untuk mempermudah pembaca mencari artikel yang diinginkan. - Calendar, fitur yang menampilkan link tanggal artikel. Klik link pada tanggal, maka akan tampil artikel pada hari itu. Anda juga bisa menggunakannya untuk melihat arsip artikel. - Text, Bisa digunakan untuk menambahkan program html, contoh banner, gambar - Recent Post, berisi daftar judul posting terakhir yang dipublikasikan. - Kategori, berisi daftar kategori dalam situs. Muncul apabila dalam kategori tersebut ada artikelnya. Jika masih kosong, maka kategori tidak muncul. - Arsip, berisi daftar arsip posting dalam satuan bulan atau minggu. - Tautan adalah daftar alamat web lain. - Feed, link untuk mengakses RSS artikel dan komentar. 4. Menu Tambahan dari Themes Menu tambahan bermacam-macam, ini tergantung dari pilihan Theme yang diinstal. Biasanya terdapat: - Menu : Untuk membuat costumize menu yang akan dijadikan widget - Background : Untuk mengganti tampilan latar belakang website - Header : Untuk mengganti tampilan header website - Dll 5. Editor Menu untuk mengedit theme dengan bahasa pemrograman php sesuai selera. Tidak disarankan untuk pemula C. Plugin Salah satu keunggulan Wordpress adalah kemampuanya untuk diperkaya dan ditingkatkan efektifitasnya layaknya sebuah Operating system (OS) yang mampu ditambahkan berbagai aplikasi tambahan. Para pengguna dan developer Wordpress telah membuat ratusan plugin dalam berbagai kategori yang bisa digunakan sesuai kebutuhan.

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


Tentu saja, anda harus memilih memilih plugin yang benar-benar anda butuhkan. Karena layaknya sebuah OS jika terlalu banyak aplikasi yang didinstal maka jalanya pun akan lebih berat. 1. Mengaktikfkan Plugin Untuk mengaktifkanya Klik link Activate pada menu plugin dan plugin baru tersebut sudah siap berkerja. Untuk mengaktifkan beberapa plugin sekaligus, anda bisa member centang pada kotak sebelah kiri tiap plugin dan dengan menggunakan menu drop down Actions anda pilih Activate dan klik Apply. Untuk menonaktifkan klik Deactivate.

2. Menginstall Plugin Langkah-langkahnya sama dengan menginstall Themes, gunakan modus penginstalan yang ada kemudian klik Install Now pada plugin yang akan diinstal 3. Editor Menu untuk mengedit Plugin dengan bahasa pemrograman php sesuai selera. Tidak disarankan untuk pemula

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


Beberapa plugin yang disarankan : 1. Akismet Akismet memiliki fungsi untuk memerangi komentar sampah yang dikiri menggunakan software atau komentar-komentar yang sudah dibanned oleh akismet 2. HTML Javascript Adder Untuk menambahkan Java Script pada bagian website, jika belum terlalu lancer menggunakan fitur editor. Sangat cocok untuk pemula 3. Kimili Flash Player Plugin ini memungkinkan kita untuk menambahkan file swf pada website kita 4. WP Super Cache Ini adalah plugin yang digunakan untuk meningkatkan kinerja dari wordpress

Perlu diketahui, sebenarnya

script WordPress itu amatlah berat bagi server.

Karena itu, perlu dukungan plugin yang memadai dan kebijakan dalam memilih plugin. Jangan gara-gara senang dengan satu plugin lalu anda memasukkannya semua. Hasilnya jalannya server akan bertambah berat saja. D. Users Menu ini untuk menambahkan atau menghapus pengelola website anda. Dan bisa disesesuaikan dengan tingkatan pengguna dari administrator, editor, author, contributor, subscriber 1. Edit Profile Edit memuat dari data nama, info kontak maupun password - Klik Your Profile

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


Kolom pasword baru

- Untuk ganti password ketikkan 2 kali password baru pada kolom new password - Untuk menyimpan perubahan klik Save Change 2. Menambah User (pengguna) - Klik Add User

- Isi data kemudian klik Add User

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


- Setelah selesai klik Add New maka user baru akan masuk list E. Tools Menu Tools terdapat beberapa submenu antara lain: 1. Import, digunakan untuk mengimport data backup dari sebuah website yang lain untuk dimasukkan kedalam website wordpress anda, 2. Export digunakan untuk membuat file backupan dari website anda. F. General Setting Halaman ini maksudnya untuk mengtur bagaimana wordpress kita berjalan sesuai aturan yang telah kita tetapkan. Setting ini meliputi banyak hal yang sifatnya global seperti nama website, deskripsi dsb, sampai bagaimana penanganan komentar Ada 8 macam menu Settings secara default. Menu-menu itu bisa bertambah apabila anda menginstall plugin yang memiliki setting juga Apa saja menunya? Mari kita lihat:

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


1. General Meliputi pengaturan terhadap judul membership, email, administrasi dll.

website,

deskripsi,

penangalan,

- Site Title : Mengganti title halaman website - Tagline : Mengganti Tagline halaman websiteSelf Title Tagline

2. Writing Meliputi pengaturan berbagai hal yang berhubungan dengan penulisandidukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


3. Reading Meliputi pengaturan berbagai hal yang berhubungan dengan pembacaan

- Front Pages Displays : Halaman pertama yang ditampilkan ketika diakses. Pilih Your latest Post untuk menampilkan postingan terakhir atau Static Page untuk halaman tetap- Blog pages show at most : Jumlah postingan yang ditampilkan setiap halaman - Untuk menyimpan perubahan klik Save Changes 4. Discussion Meliputi pengaturan berbagai hal yang berhubungan dengan komentar 5. Media Meliputi pengaturan berbagai hal yang berhubungan dengan media yang akan di masukkan ke website (dimensi & upload) 6. Privacy Disini anda bisa mengatur apakah robot search engine boleh mengakses website atau tidak (google, bing dll) 7. Pemalink Meliputi pengaturan berbagai hal yang berhubungan dengan alamat URL artikel (permalink) III. PENUTUP Akhirnya sampailah kita pada bagian paling akhir materi ini. Masih belum banyak yang bisa saya sampaikan disini, bahkan jauh dari kesempurnaan. Disini saya selaku penyusun mohon maaf apabila modul ini kurang berkenan di hati pembaca. Website masih akan berkembang seiring tuntutan jaman. Rasanya modul ini mssih berpotensi untuk berkembang dan terus berkembang. Semoga dapat bermanfaat dan bisa menjadi media pembelajaran yang mampu mencerdaskan kehidupan bangsa didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA


IV.

DAFTAR PUSTAKA http://panduan.wordpress.com http://www.ilmukomputer.com http://en.wikipedia.org/wiki/Wordpress Visual QuickStart Guide WordPress 2, Maria Langer dan Miraz Jordan http://ebookhost.websitespot.com http://www.Cafebisnis.com http://www.belajar wordpress.org. http://firstiawan.student.fkip.uns.ac.id http://naidra.student.fkip.uns.ac.id

didukung oleh:

ICT CENTER

FICOS UNS

IGOS CENTER SOLO

SMP N 5 SURAKARTA

materi tutorial smp n 5 surakarta

Documents