Kisi – Kisi UKK tahun ajaran 2012/2013

——————————————————————————————–

Kelas 7

Kelas 8

  • Menggabungkan 2 gambar pada photosop ( tidak ada materi )

Kelas 10

Kelas 11

Advertisements

Instalasi Web Site Dengan CMS WordPress

Didalam pembuatan website, ada beberapa hal yang harus di perhatikan :

  1. Domain
  2. Hosting
  3. Content Management System ( CMS )

Setelah kita paham itu semua, di lanjutkan dengan pembelian Domain dan Hosting. Terlebih dahulu harus sudah paham tahap-tahap pembangunan website. Kemudian setelah kita memiliki domain ( Contoh : http://www.beritabaris.com ) dan Hosting Misal 500mb, kita lanjutkan pada proses instalasi :

1. Download WordPress melalui http://www.wordpress.orgwordpress

2. Menuju ke Control Panel. File-manager3. Membuat DATABASE dengan cara Klik Simple Database Wizard, Masukkan nama database. Nama depan databse sudah diberikan otomatis nama pendek domain kita, kemudian kita tinggal memberikan nama belakang yang di pisahkan dengan Under Cord. Jangan lupa untuk keamanan kita harus membuat USER database, yaitu user yang diberikan hak untuk mengakses databases yang kita buat. Untuk keamanan kita harus memberikan password user database kita.

database14. Kemudian kita bisa melihat database yang kita buat dengan cara klik phpMyadmin pada Kontrol Panel.
membuat database5. Selanjutnya kita buka  /public_html, dengan cara Klik File Manager di kontrol panel.
public-html6. Selanjutnya UPLOAD file wordpress yang telah kita download pada /public_html. File wordpress yang kita upload adalah file wordpress yang masih dalam kondisi di compile dengan ZIP. Karena kalau kita mengupload file satu persatu, akan membutuhkan waktu yang lama.
upload wordpress di public html7. Selanjutnya kita ekstrak file WordPress yang kita UPLOAD. Dengan cara klik file wordpressnya kemudian klik Compress pada menu tool.
exstrax di pulic_html8. Instalasi kita mulai. Pada web browser ketikkan alamat domain yang kita beli. Selanjutnya nanti ada permintaan untuk Create Configurasi File.

  1. instalasi1
    9. Akan ditanyakan Nama database, username dan password, apakah sudah di sediakan.
    instalasi2
    10. Kemudian di minta memasukkan Databsae Name, User Name dan Password.
    instalasi4
    10. Setelah kita memasukkan Nama databse , User name dan password yang benar, makan kita akan menjalankan Instalasi.

    instalasi5
    11. Tahap kemudian kita di minta untuk memasukkan Titel website kita, Username dan password untuk mengakses dasboard.

    instalasi6
    12. Setelah berhasil

    instalasi7
    13. Silahkan untuk mencoba masuk ke Dasboard dengan user name dan password yang anda buat.

    instalasi8
    14. Selesai, ini adalah tampilan dasboard web site anda.

    instalasi9
    15. Tes dengan tuliskan alamat domain Anda pada Web Browser. Untuk mengakses dasboard, untuk defaultnya dengan alamat http://www.domainanda.com/wp-admin

    instalasi10

Instalasi Prestashop

Prestashop merupakan Conten Management System (CMS). Prestashop digunakan untuk membuat Shop Online. Di sini kita akan membahas bagaimana instalasi prestashop.

Sekarang kita mulai bagaimana instal prestashop di Localhost.
1. Ekstrak prestashop yang ingin anda install di C:\xampp\htdocs
2. Jika sudah gunakan browser anda dan ketikkan http://localhost/prestashop pada address bar browser anda (perhatikan gambar dibawah ini).

3. Kalau sudah pilih bahasa english untuk mempermudah klik next, kemudian muncul lagi page berikutnya seperti gambar dibawah ini.

Klik next.

4. Muncul lagi page berikutnya, seperti pada gambar berikut ini.

Pada Langkah berikut, kita harus membuat database prestashop secara manual. pada address bar anda ketikkan : http://localhost/phpmyadmin. Lalu buat sebuah database baru dengan nama “prestashop”. Lihat gambar dibawah ini.

Jika sudah kembali ke halaman prestashop tadi sekarang klik tombol verify now. jika database terkoneksi dengan baik akan muncul pesan dibawah tombol verify now “DataBase Is Connected”. Kemudian Klik Next. Lihat gambar dibawah ini.

5.Langkah selanjutnya adalah konfigurasi dari website prestashop anda. Lebih jelas lihat gambar berikut ini.

Isikan saja sesuai kebutuhan website kalian. Nah kalau sudah klik next.6. ini adalah langkah terakhir penginstallan dan konfigurasi dari website prestashop kamu. disini kalian harus menghapus folder install yang ada diprestashop dan mengubah folder admin yang ada di prestashop menjadi apa aja asal namanya jangan admin. lebih jelas lihat gambar berikut.
Nah untuk menghapus folder install masuk ke jendela explorer C:\xampp\htdocs\prestashop cari deh folder install kemudian delete.

Untuk merubah folder adminya masuk aja ke jendel explorer C:\xampp\htdocs\prestashop terus cari folder admin Rename, jangan admin.

Perlu untuk diperhatikan jika kalian tidak mengubah nama folder admin yang ada di C:\xampp\htdocs\prestashop tadi maka kalian tidak akan dapat masuk kedalam halaman admin kalian.

Yang muncul hanya pesan seperti dibawah ini.

Setelah selesai kembali kebrowser lagi dihalaman tadi ada link menuju My front office dan my back office. My front office itu menuju ke halaman depan website prestashop yang kalian buat tadi sedangkan jika back office menuju kehalaman akhir.

Berikut adalah tampilan prestashop yang telah diinstal.

Tugas Kelas 10 , 1 Februari 2013

Dikarenakan suatu hal, saya tidak bisa bertatap muka di Lab.  Untuk itu saya memberikan tugas untuk :

  • Semua Murid kecuali Adam membuat jam Dinding
  • Adam sebagai pemandu
  • Hasil di kompres menjadi Zip
  • Di e-Mail abahgurutik@gmail.com
  • Semua tutorial + bahan ada di BLOG
  • Tidak ada alasan untuk tidak membuat
  • Semua sudah diajarkan.

Terimakasih

salam Pak. Adi

Membuat Jam Dinding Dari Macromedia Flash

Membuat Jam Dinding Dari Macromedia Flash

1. Buka Program Flash

Start >> All Program >> Flash , pilih flash dokumen

disini penulis menggunakan Flash MX 2004 namun tutorial ini bisa diterapkan di Adobe Flash

versi berapapun termasuk Flash CS5

2. Buat lingkaran Gunakan oval tool(shortcut tombol: O), tips: tekan dan tahan tombol shift

pada keyboard agar lingkaran bulat sempurna.

3. Ubah warna fill jadi hitam, Gunakan text tool(Short cut tombol : T) dan tulis 1 per 1 nomor

jam mulai dari 1 – 12 untuk penomoran angka

gunakan Selection tool untuk meletakkan nomor – nomor tersebut pada bagian jam.

4. Dengan Line Tool (N) buatlah 3 buah garis untuk penunjuk arah jam

garis jam (pendek) , garis menit (agak panjang) , garis detik (panjang)

5. Seleksi garis yang paling pendek dengan selection tool (V) dan tekan F8

muncul jendela dan masukkan jam_mcdan pilih movie clip sebagai type serta pastikan titik

registrationnya berada di tengah bagian bawah lalu tekan ok.

Seleksi movie clip jam_mc di Lembar kerja kemudian tekan Ctrl+F3 untuk memunculkan panel

properties. Pada panel properties yang muncul masukkan jam_mcsebagai instance name.

6. Sama seperti di atas

Seleksi garis kedua (agak panjang), kemudian tekan F8. Pada panel yang muncul

masukkan menit_mcdan movie clip sebagai type serta pastikan titik registrationnya berada di

tengah bagian bawah lalu tekan ok.

Seleksi movie clip menit_mc. Pada panel properties yang muncul masukkan menit_mcsebagai

instance name.

7. Sama seperti di atas

Seleksi garis ketiga (paling panjang), kemudian tekan F8. Pada panel yang muncul

masukkan detik_mcdan movie clip sebagai type serta pastikan titik registrationnya berada di

tengah bagian bawah lalu tekan ok.

Seleksi movie clip detik_mc. Pada panel properties yang muncul masukkan detik_mcsebagai

instance name.

8. Satukan dan letakkan garis dengan urutan jam lalu menit kemudian detik dan letakkan di

dalam tempat jam.

9. Setelah semuanya terpasang, klik frame 1 dan tekan F9. Pada panel actions yang muncul

masukkan script berikut :

script

//perintah yang dijalankan ketika frame dimainkan

onEnterFrame = function () {

//membuat variable waktu sebagai date object

waktu = new Date();

//membuat variable jam dengan nilai sama dengan jam pada komputer

jam = waktu.getHours();

//membuat variable menit dengan nilai sama dengan menit pada komputer

menit = waktu.getMinutes();

//membuat variable detik dengan nilai sama dengan detik pada komputer

detik = waktu.getSeconds();

//digunakan jika komputer menggunakan sistem 12 jam

//jika nilai variable jam lebih dari 12 maka akan dikurangi 12

if (jam>12) {

jam -= 12;

}

//movie clip jam_mc akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai

//variable menit di bagi 2

jam_mc._rotation = jam*30+(menit/2);

//movie clip jam_mc akan berotasi sesuai nilai variable menit dikali 6

menit_mc._rotation = menit*6;

//movie clip detik_mc akan berotasi sesuai nilai variable detik dikali 6

detik_mc._rotation = detik*6;

};

10. Tekan Ctrl+Enter untuk melihat hasilnya.

kira – kira seperti ini:

10. Tekan Ctrl+Enter untuk melihat hasilnya.

Download materi Fersi Ms. Word lengkap dengan gambar

Script Action Pembuatan jam Dinding dengan Macromedia

script
//perintah yang dijalankan ketika frame dimainkan
onEnterFrame = function () {
//membuat variable waktu sebagai date object
waktu = new Date();
//membuat variable jam dengan nilai sama dengan jam pada komputer
jam = waktu.getHours();
//membuat variable menit dengan nilai sama dengan menit pada komputer
menit = waktu.getMinutes();
//membuat variable detik dengan nilai sama dengan detik pada komputer
detik = waktu.getSeconds();
//digunakan jika komputer menggunakan sistem 12 jam
//jika nilai variable jam lebih dari 12 maka akan dikurangi 12
if (jam>12) {
jam -= 12;
}
//movie clip jam_mc akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai
//variable menit di bagi 2
jam_mc._rotation = jam*30+(menit/2);
//movie clip jam_mc akan berotasi sesuai nilai variable menit dikali 6
menit_mc._rotation = menit*6;
//movie clip detik_mc akan berotasi sesuai nilai variable detik dikali 6
detik_mc._rotation = detik*6;
};

Membuat Animasi nyamuk dengan Macromedia Flash

Membuat Animasi sederhana nyamuk.

Langkah :

Buatlah objek/gambar nyamuk pada CorelDraw, seperti di bawah ini :

nyamuk.cdr

Pisahkan gambar berdasarkan kriteria ; kepala + badan, mata, kaki, sayap, mulut pada page yang berbeda.

              

badan.wmf mulut.wmf mata.wmf      sayap.wmf        kaki.wmf

Kemudian export gambar, terlebih dahulu di selected only tiap gambar pada page masing-masing. Dengan format curve.

Beri nama untuk masing-maasing gambar dengan format gambar .wmf : kepala.wmf, mata.wmf, kaki.wmf, sayap.wmf, mulut.wmf.

Terlebih dahulu simpan desain Anda pada CorelDraw dengan nama nyamuk.cdr.

Kemudian bukalah MacromediaFlashMX.

Untuk memulai membuat Movie Clip terlebih dahulu kita buka Library tekan F11 pada keyboard, secara otomatis akan tampil dialogbox Library, seperti gambar berikut :

 

 

Klik pada icon (+) paling kiri bawah pada dialog Library (New Symbol). Akan tampil dialog box berikut :

 

Ketikkan dan beri nama badan, klik behavior graphic, tekan tombol OK.

Untuk memanggil gambar yang kita buat tadi, klik File – Insert – carilah file badan.wmf pada folder Anda.

Untuk memanggil gambar yang lain, lakukanlah seperti cara yang sama pada no. 8, 9, dan 10.

Setelah semua gambar sudah didalam Library dalam behavior graphic, kita akan melakukan langkah selanjutnya yaitu membuat Movie Clip sayap, kaki, mata, mulut, ikuti langkah berikut :

Klik pada icon (+) paling kiri bawah pada dialog Library (New Symbol). Akan tampil dialog box berikut :

Ketikkan dan beri nama sayap1, klik behavior Movie Clip, tekan tombol OK.

Sekarang pindahkan objek sayap yang bertipe graphic dengan cara klik + drag ke lokasi stage. Seperti berikut :

 

 

Lakukan langkah yang sama untuk membuat Movie Clip mata, dan kaki nyamuk.

Untuk menggabungkan semua Movie Clip sayap1, mata1, mulut1, kaki1. Kita lakukan cara yang sama dengan menambhkan Movie Clip baru yang bernama nyamuk. Di dalam Movie Clip nyamuk ini akan kita tempatkan beberapa layer, yang terdiri dari :

– Layer 1    : badan graphic

– Layer 2    : mata1 Movie Clip

– Layer 3    : mulut1 Movie Clip

– Layer 4    : kaki1 Movie Clip

– Layer 5    : sayap Movie Clip

 

Untuk memanggil Movie Clip nyamuk, aktifkan stage pada Scene1, kemudian klik + drag Movie Clip nyamuk tempatkan pada Layer1 pada frame1.

Untuk menjalankan dan melihat haasil dari Movie Clip tekan tombol Ctrl+Enter pada keyboard, akan tampil animasi seperti berikut :

 

 

Selamat mencoba !

sumber : stimik jabar