.

ANIMASI MASKING

2012-01-28T10:26:00.003+07:00

Materi Kelas : XII
Semester : Genap

Animasi masking adalah animasi yang pada intinya menampilkan objek yang semula kita sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu :
1. Area masking yang bergerak, objek yang di mask diam.
2. Area masking yang diam dan objek yang di mask yang bergerak.
Kedua teknik tersebut akan menampilkan hasil animasi yang berbeda.. Selain itu area masking hanya boleh berupa fill. Jadi untuk outline (garis) tidak diperbolehkan.

Adapun langkah-langkah untuk membuat animasi masking adalah sebagai berikut :

Klik Flash New Document pada aplikasi Flash
Maka, akan muncul frame kosong dengan 1 layer kosong bernama "layer 1"
Klik pada frame 1, kemudian Impor gambar (jpg,wmf, gif, dsb) dengan menekan file-->Import-->import to stage dan ganti nama layernya menjadi car:

Jangan lupa ubah gambar menjadi betuk simbol, karena prinsipnya motion guide ini sama dengan motion tween hanya pergerakannya saja yang berbeda (mengikuti path)
Buat layer baru lagi, dengan menekan Add Motion Guide, layer ini akan kita gunakan untuk membuat pathnya berbentuk lingkaran, gunakan oval tool untuk membuat lingkaran seperti gambar di bawah ini :

Tambahkan Insert Keyframe pada frame 60 untuk 2 (dua) layer yang telah kita buat, yaitu layer car dan layer guide.
Clik di frame 1 layer car, geser posisi obyek agar titik pusat obyek (mobil) tepat berada di ujung path
Clik di frame 60 layer car, geser posisi obyek agar titik pusat obyek (mobil) tepat berada di ujung path berikutnya

Tambahkan 1 layer baru lagi yang akan kita jadikan sebagai layer road, dan biat gambar seperti di bawah ini untuk membuat jalan yang akan dilalui obyek mobil

Sekarang tinggal menambahkan efek motion pada frame 1 layer car
Tekan (Ctrl+Enter) untuk mempublish file menjadi *.swf sekaligus menjalankan obyek animasinya.
Hasil animasinya terlihat seperti pergerakan di bawah ini

HTML Tabel

2011-07-14T11:28:00.019+07:00

Materi Kelas = XI
Semester = Ganjil
Standar Kompetensi :
Menggunakan homepage untuk keperluan informasi dan komunikasi

Kompetensi Dasar :
Membuat homepage sederhana dengan Tabel HTML

Rencana Pelaksanaan Pembelajaran (RPP) :
Untuk RPP, dapat diunduh di sini

TABEL merupakan salah satu elemen penting dalam pembuatan web sederhana menggunakan HTML, beberapa manfaat dari tabel dalam web adalah :

1. Untuk mengelola (maintance) elemen-elemen dalam website
2. Untuk menambah kreativitas desain halaman web
3. Untuk memisahkan dan mengorganisasikan style format yang berbeda-beda

Tabel dalam HTM dinyatakan dengan tag <TABLE>...</TABLE>
adapun elemen yang ada dalam tabel adalah :
1. <TR> digunakan untuk membuat danmenentukan jumlah baris
2. <TD> digunakan untuk membuat dan menentukan jumlah kolom atau sel

Attribut
attribut yang terdapat dalam tabel diantaranya :

BORDER: untuk menentukan tebal border
WIDTH: untuk menentukan lebar tabel
ALIGN : untuk membuat perataan tabel
COLSPAN : untuk melakukan merger sel dalam tabel
ROWSPAN: untuk melakukan merger baris dalam tabel
BGCOLOR: untuk menentukan warna bakground tabel

contoh tag HTML untuk tabel 3 baris 2 kolom :

Outputnya terlihat seperti tabel di bawah ini :

Untuk menggabungkan sel, maka kita harus menggunakan COLSPAN (menggabungkan sel baris) dan ROWSPAN (menggabungkan sel kolom), misalnya tabel di atas, akan kita merger antara baris 1 kolom 1 dengan baris 1 kolom 2, maka kode HTML menjadi :

Fungsi dari atribut colspan=2 adalah untuk menggabungkan sel kolom sebanyak 2 sel, nilai 2 (dua) dapat digantikan dengan jumlah sel kolom yang akan dimerger, oleh karenanya sel dibawahnya harus dihapus atau dihilangkan karena telah dimerger dengan sel sebelumnya.
Maka output dari kode HTMl di atas, adalah seperti gambar di bawah ini :

Sedangkan untuk menggabungkan baris 2 dan baris 3 kolom 1, digunakan attribut rowspan=2, sehingga kode HTMLnya menjadi :

dan hasil outputnya menjadi seperti gambar di bawah ini :

Tag HTML berikut adalah contoh tag HTML yang telah menggunakan penggabungan sel, baik sel kolom maupun baris, dengan penambahan warna sel, perataan teks dalam sel serta penambahan gambar pada sel :

output dari tag tabel di atas adalah seperti gambar di bawah ini :

Gb. Tabel akhir

TABEL CSS

Selain menggunakan tag TABLE, pembuatan tabel juga dapat dilakukan menggunakan CSS, berikut adalah script CSS untuk membuat tabel sederhana :

output dari script di atas tampak seperti gambar tabel di bawah ini :

Untuk latihan : Modifikasilah tabel CSS di atas seperti tabel di Gb. Tabel Akhir, dengan menggunakan penggabungan sel, dan input image atau gambar.

HTML (Hypertext Markup Language)

2011-07-13T10:22:00.068+07:00

Materi Kelas : XI
Semester : Ganjil
Standar Kompetensi :
Menggunakan homepage untuk keperluan informasi dan komunikasi

Kompetensi Dasar :
Membuat homepage sederhana

Rencana Pelaksanaan Pembelajaran (RPP) :
Untuk RPP, dapat diunduh di sini

Materi :

HTML adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform computer ke platform computer lainnya tanpa perlu melakukan suatu perubahan apapun
Dokumen HTML disebut sebagai markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.
Perbedaan dokumen HTML dengan document teks adalah bahwa anda dapat memberikan suatu format tertentu, seperti bentuk tebal, miring, form, list, table pada dokumen HTML sedangkan pada teks biasa anda tidak dapat melakukannya. Disamping itu adalah adanya elemen-elemen HTML beserta tag-tagnya ( ditulis dengan tanda <> )
Untuk membuat dokument HTML, dapat digunakan beberapa editor seperti Notepad atau Notepad++ ,wordpad maupun dreamweaver

DASAR-DASAR HTML :
A. Element

Dibagi menjadi dua kategori utama, yaitu elemen-elemen yang memberikan informasi tentang dokumen tersebut seperti judul dokumen atau hubungannya dengan dokumen lainnya, serta yang kedua adalah elemen yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser internet, seperti paragraph, list, table, dsb
B. Tag
Tag dinyatakan dengan tanda lebih kecil ( < ) dan tanda lebih besar (> ), tag biasanya merupakan suatu pasangan yang disebut tag awal dan tag akhir , sebagai contoh untuk menampilkan teks dalam format miring digunakan elemen I, yang dinyatakan seperti berikut :

<I> Teks ini akan terlihat miring di browser</I>

<B>Teks ini akan terlihat tebal di browser </B>

Note : HTML tidak membedakan antara huruf besar dan huruf kecil dari suatu elemen, semuanya akan memberikan hasil yang sama. HTML tidak membenarkan penulisan tag yang tumpang tindih, seperti :

<Tag1>Teks untuk tag1 <Tag2>

Teks untuk tag2 </Tag1>></Tag2>

C. Atribut
Tag awal bisa memiliki beberapa buah atribut atau properti yang menyatakan karakteristik dari tag-tag tersebut, misalnya dalam <P ALIGN=”center”>, atribut dengan nama ALIGN mempunyai nilai “center” yang berfungsi untuk menengahkan paragraph. Bahkan tag bias mengandung beberapa atribut, seperti pada <FONT FACE=”Arial” SIZE=8 COLOR=”red”>yang menyatakan jenis font, ukuran serta warna font atau huruf yang digunakan.
D. Struktur
Dokumen HTML mempunyai 3 buah tag utama yang membentuk struktur dari dokumen tersebut, yaitu :

HTML = untuk menyatakan suatu dokumen HTML

HEAD = memberikan informasi tentang dokumen

BODY = menyimpan informasi / data yang akan ditampilkan dalam dokumen HTML

Strukturnya dapat dilihat seperti berikut :

<HTML>

<HEAD>

*** Bagian HEAD ***

</HEAD>

<BODY>

*** Bagian BODY ***

</BODY>

</HTML>

Baiklah,kita akan mulai dari mengenal tag-tag yang ada dalam HTML dan kemudian mencoba mempraktikannya menggunakan editor Notepad++ yang di awal sudah kita download, bebrapa tag yang akan kita pelajari adalah :

1. HTML Heading
digunakan untuk membuat heading atau bagian judul, contoh :
<h1>Ini adalah contoh heading</h1>
<h2>Ini adalah contoh heading</h2>
<h3>Ini adalah contoh heading</h3>

coba editor

2. HTML Paragraph
digunakan untuk membuat paragraf teks,
contoh :

hasil :
Ini adalah contoh paragraf rata kiri

Ini adalah contoh paragraf rata tengah

Ini adalah contoh paragraf rata kanan

3. HTML Image (<IMG SRC..>)
digunakan untuk menampilkan gambar (jog,bmp,gif,png,ico).
syntax : <IMG SRC="URL_Gambar" >
contoh :

hasilnya:

4. HTML MARQUEE (<MARQUEE>)
digunakan untuk menampilkan teks berjalan,
syntax : <MARQUEE >Teks</MARQUEE >
contoh :

hasilnya:

Teks ini berjalan dari kanan ke kiri
HTML
cobalah tulis tag HTML di bawah ini (latihan1.html) :

<HTML>

<HEAD>

<TITLE> Home Page Pribadiku </TITLE>

</HEAD><FONT COLOR=“RED”>

<MARQUEE DIRECTION=“Right” >WELCOME In MY PERSONAL WEB </MARQUEE><BR>

Hello….Apakah anda sudah mengetahui cara membuat home page ? jika belum, mari kita mempelajarinya bersama-sama menggunakan HTML, kelihatannya rumit tapi ternyata menarik…</P>

<P ALIGN=”left”> Anda harus rajin menulis, mengcopy, atau bahkan cut & paste untuk mempercepat penulisan tag di dokumen notepad…</P>

</BODY>

</HTML>

Motion Guide

2011-02-22T11:18:00.003+07:00

Materi Kelas : XII
Semester : Genap

Standar Kompetensi :
Mengelola animasi berbasis web

Kompetensi Dasar :
Menggunakan animasi motion guide untuk keperluan pembuatan homepage

Rencana Pelaksanaan Pembelajaran (RPP) :
Untuk RPP, dapat diunduh di sini

Motion Guide adalah animasi perubahan gera, dimana lintasannya ditentukan oleh path yang kita buat sendiri, sehingga pergerakan obyek akan sepenuhnya mengikuti bentuk obyek yang kita buat sebagai lintasannya. Kita memerlukan setidaknya 2 (dua) layer untuk membuat obyek animasi ini, yaitu layer yang digunakan untuk membuat obyek yang bergerak dan 1 (satu) layer lagi untuk membuat pathnya yang nanti disebut sebagai guide layer.

Motion guide memiliki karakteristik yang harus dipahami sebelum membuat animasi ini, yaitu :
1. Obyek yang dibuat motion guide adalah obyek symbol
2. Obyek atau gambar merupakan obyek yang digroup
3. Memerlukan 1 obyek di frame awal & 1 obyek di frame akhir
4. Memerlukan setidaknya 1 layer obyek dan 1 layer guide

Adapun langkah-langkah untuk membuat animasi obyek motion tween adalah sebagai berikut :

Klik Flash New Document pada aplikasi Flash
Maka, akan muncul frame kosong dengan 1 layer kosong bernama "layer 1"
Klik pada frame 1, kemudian Impor gambar (jpg,wmf, gif, dsb) dengan menekan file-->Import-->import to stage dan ganti nama layernya menjadi car:

Jangan lupa ubah gambar menjadi betuk simbol, karena prinsipnya motion guide ini sama dengan motion tween hanya pergerakannya saja yang berbeda (mengikuti path)
Buat layer baru lagi, dengan menekan Add Motion Guide, layer ini akan kita gunakan untuk membuat pathnya berbentuk lingkaran, gunakan oval tool untuk membuat lingkaran seperti gambar di bawah ini :

Tambahkan Insert Keyframe pada frame 60 untuk 2 (dua) layer yang telah kita buat, yaitu layer car dan layer guide.
Clik di frame 1 layer car, geser posisi obyek agar titik pusat obyek (mobil) tepat berada di ujung path
Clik di frame 60 layer car, geser posisi obyek agar titik pusat obyek (mobil) tepat berada di ujung path berikutnya

Tambahkan 1 layer baru lagi yang akan kita jadikan sebagai layer road, dan biat gambar seperti di bawah ini untuk membuat jalan yang akan dilalui obyek mobil

Sekarang tinggal menambahkan efek motion pada frame 1 layer car
Tekan (Ctrl+Enter) untuk mempublish file menjadi *.swf sekaligus menjalankan obyek animasinya.
Hasil animasinya terlihat seperti pergerakan di bawah ini

ANIMASI MOTION TWEEN

2011-02-15T14:01:00.028+07:00

Materi Kelas : XII
Semester : Genap

Standar Kompetensi :
Mengelola animasi berbasis web

Kompetensi Dasar :
Menggunakan animasi motion tween untuk keperluan pembuatan homepage

Rencana Pelaksanaan Pembelajaran (RPP) :
Untuk RPP, dapat diunduh di sini

Contoh animasi motion tween

Motion tween adalah animasi perubahan gerak dari posisi awal ke posisi akhir. Kita tidak perlu lagi menentukan letak posisi gambar sebagaimana animasi frame by frame, tetapi cukup menentukan obyek di frame awal dan obyek di frame akhir saja, kemudian flash yang akan melanjutkan sendiri perubahan yang terjadi antara frame awal dan frame akhir.

Motion tween memiliki karakteristik yang harus dipahami sebelum membuat animasi ini, yaitu :
1. Obyek yang dibuat motion tween adalah obyek symbol
2. Obyek atau gambar merupakan obyek yang digroup
3. Memerlukan 1 obyek di frame awal & 1 obyek di frame akhir

Adapun langkah-langkah untuk membuat animasi obyek motion tween adalah sebagai berikut :

Klik Flash New Document pada aplikasi Flash
Maka, akan muncul frame kosong dengan 1 layer kosong bernama "layer 1"
Klik pada frame 1, kemudian buat gambar lingkaran seperti gambar di bawah ini menggunakan oval tool dan brush tool :

atau jika ingin memasukan gambar dari luar, klik File-->Import--> Import to stage (fie gambar dapat berbentuk jpg, gif maupun wmf)
Seleksi gambar di atas menggunakan Selection tool, kemudian klik kanan pilih Convert to Symbol
Berikan nama pada symbol yang baru dibuat, misal lingkaran, jangan lupa tipenya adalah movie clips.
Klik Kanan pada frame 30, klik Insert Keyframe
Geser posisi gambar ke kanan, yang akan kita jadikan sebagai posisi tujuan bergeraknya gambar atau obyek.

Sekarang akan terlihat bahwa ketka kita klik di frame 1, gambar ada di sebelah kiri dan ketika diklik frame 30, maka gambar ada di sebelah kanan stage.
Klik di Frame 1, kemudian pilih Properties (ada di bawah stage), pada baris tween, pilih Motion, yang artinya obyek akan dijadikan sebagai animasi motion tween

Klik juga pada pilihan Rotate=CW (memutar obyek searah jarum jam)
Tekan (Ctrl+Enter) untuk mempublish file menjadi *.swf sekaligus menjalankan obyek animasinya.
Hasil animasinya terlihat seperti pergerakan di bawah ini

ANIMASI SHAPE TWEEN

2011-02-08T14:25:00.006+07:00

Materi Kelas : XII
Semester : Genap

Standar Kompetensi :
Mengelola animasi berbasis web

Kompetensi Dasar :
Menggunakan animasi shape tween untuk keperluan pembuatan homepage

Rencana Pelaksanaan Pembelajaran (RPP) :
Untuk RPP, dapat diunduh di sini

Materi :

Animasi flash berikutnya yang akan kita pelajari adalah animasi tween, sesuai dengan namanya animasi tween adalah animasi perubahan bentuk dan perubahan gerak secara otomatis, artinya kita hanya menentukan gambar awal dan gambar akhirnya saja, setelah itu flash akan melanjutkan sendiri proses yang terjadi antara gambar awal dan gambar akhir.

Shape tween memiliki karakteristik yang harus dipahami sebelum membuat animasi ini, yaitu :
1. Obyek yang dibuat motion tween adalah bukan obyek symbol
2. Obyek atau gambar merupakan obyek yang tidak digroup
3. Memerlukan 1 obyek di frame awal & 1 obyek di frame akhir

Adapun langkah-langkah untuk membuat animasi obyek motion tween adalah sebagai berikut :

Klik Flash New Document pada aplikasi Flash
Maka, akan muncul frame kosong dengan 1 layer kosong bernama "layer 1"
Klik pada frame 1, kemudian buat gambar lingkaran seperti gambar di bawah ini menggunakan oval tool dan fill color , klik di frame 5, kemudian insert keyframe dan kopikan gambar di frame 1 ke frame 5, tujuannya adalah untuk memberikan delay selama 5 frame pada gambar lingkaran :

Click pada frame 30, insert keyframe, kemudian masukan gambar dari luar, klik File-->Import--> Import to stage (fie gambar dapat berbentuk jpg, gif maupun wmf), di sini dipasang gambar mobil dengan tipe file gambar WMF

Sekarang akan terlihat bahwa ketka kita klik di frame 1, gambar lingkaran ada di sebelah kanan dan ketika diklik frame 30, maka gambar mobil ada di sebelah kiri stage.

Klik di Frame 5, kemudian pilih Properties (ada di bawah stage), pada baris tween, pilih Shape, yang artinya obyek akan dijadikan sebagai animasi motion tween

Tekan (Ctrl+Enter) untuk mempublish file menjadi *.swf sekaligus menjalankan obyek animasinya.
Hasil animasinya terlihat seperti pergerakan di bawah ini

ANIMASI FRAME BY FRAME

2011-02-01T10:12:00.001+07:00

Materi Kelas : XII
Semester : Genap
Standar Kompetensi :
Mengelola animasi berbasis web

Kompetensi Dasar :
Menggunakan animasi frame by frame untuk keperluan pembuatan homepage

Rencana Pelaksanaan Pembelajaran (RPP) :
Untuk RPP, dapat diunduh di sini

Materi :

Animasi flash pertama yang akan kita pelajari adalah animasi frame by frame, sesuai dengan namanya animasi frame by frame adalah animasi obyek flash yang dibuat dengan membuat obyek yang berbeda (bentuk, ukuran, warna, letak) pada setiap framenya, sehingga kita harus memiliki banyak gambar agar tampak seperti sebuah gerakan animasi.
Contoh project yang akan kita buat tampak seperti animasi di bawah ini :

Di bawah ini akan dijelaskan urutan langkah-langkah untuk membuat animasi frame by frame :
1. Buka aplikasi Flash
2. Pilih Create New Flash Document
3. Secara default, pada timeline memiliki layer 1 dan terletak pada frame 1(ada bulatan hitam di frame1), jika bulatan putih (berlubang) artinya frame kosong/tidak berisi obyek dan jika bulatan berwarna hitam, maka frame terisi oleh obyek.
4. Ubah nama layernya menjadi gambar
5. Klik pada frame 1, kemudian gunakan brush tool (lihat gambar tools yang dilingkari merah) untuk membuat gambar seperti di bawah ini

6. Klik di frame ke-2, kemudian buat gambar yang berbeda tetapi masih berkaitan dengan gambar di atas, ulangi langkah ke-5 dan ke-6 sampai didapatkan urutan gambar yang tampak seperti sebuah animasi.

7. Setelah selesai, simpan dengan nama framebyframe.fla, selanjutnya lakukan publish file (menjalankan sekaligus membuat file swf) dengan menekan tombol Ctrl+Enter
8. Buka folder file, jalankan file framebyframe.swf.

Untuk hasil lengkap, silakan klik dan jalankan file di bawah ini:
Frame by frame.swf

HLOOKUP AND VLOOKUP

2011-01-17T12:07:00.000+07:00

VLOOKUP is used to read the vertical table_array and HLOOKUP is used for the horizontal table

Syntax:
=VLOOKUP(lookup_value,table_array,col_index_num,range_lookup)
=HLOOKUP(lookup_value,table_array,row_index_num,range_lookup)
Look_up_value can be a value, a reference, or a text string and used to match between table array and data.
Col_index_num is the column index number of table_array. The only difference between HLOOKUP and VLOOKUP is HLOOKUP use row_index_num (row index number of table_array).
Range_lookup is a logical value that specifies whether you want VLOOKUP to find the exact match or approximate match.
Click HERE to download LOOKUP tutorial

IF FUNCTION

2011-01-10T12:53:00.000+07:00

In Excel, the If function returns one value if a specified condition evaluates to TRUE, or another value if it evaluates to FALSE.

The syntax for the If function is:

If( condition, value_if_true, value_if_false )

condition is the value that you want to test.

value_if_true is the value that is returned if condition evaluates to TRUE.

value_if_false is the value that is return if condition evaluates to FALSE.

For example:

Let's take a look at an example:

Based on the Excel spreadsheet above:

=If(A1>10, "Larger", "Smaller")	would return "Larger".
=If(A1=20, "Equal", "Not Equal")	would return "Not Equal".
=If(A2="Tech on the Net", 12, 0)	would return 12

NESTED IF
It is possible to nest multiple IF functions within one Excel formula. You can nest up to 7 IF

functions to create a complex IF THEN ELSE statement.

The syntax for the nesting the IF function is:

IF( condition1, value_if_true1, IF( condition2, value_if_true2, value_if_false2 ))

This would be equivalent to the following IF THEN ELSE statement:

IF condition1 THEN
value_if_true1
ELSEIF condition2 THEN
value_if_true2
ELSE
value_if_false2
END IF

This syntax example demonstrates how to nest two IF functions. You can nest up to 7 IF functions.

condition is the value that you want to test.

value_if_true is the value that is returned if condition evaluates to TRUE.

value_if_false is the value that is return if condition evaluates to FALSE.

Applies To:

Excel 2007, Excel 2003, Excel XP, Excel 2000

For example:

Let's take a look at an example:

Based on the Excel spreadsheet above:

=IF(A1="10X12",120,IF(A1="8x8",64,IF(A1="6x6",36)))	would return 120
=IF(A2="10X12",120,IF(A2="8x8",64,IF(A2="6x6",36)))	would return 64
=IF(A3="10X12",120,IF(A3="8x8",64,IF(A3="6x6",36)))	would return 36

TUGAS MANDIRI TIDAK TERSTRUKTUR

2011-01-04T09:06:00.001+07:00

1. FLASH
Buatlah Karya animasi menggunakan flash, tugas ini merupakan tugas akhir dari rangkaian pembelajaran flash (tugas project), siswa diberi kebebasan untuk menggunakan jenis animasi, bahkan bisa menggabungkan beberapa animasi jika dimungkinkan, tidak ada ketentuan ukuran file, banyaknya layer maupun panjang frame yang digunakan , tema animasinya berkaitan dengan even atau kegiatan dalam rangka HUT SMA 3 Semarang, tugas dikumpulkan 3 hari sebelum Mid Semster Genap, dikumpulkan dalam bentuk file FLA dan SWF..!

2. HTML
Buatlah karya website dengan tema pembelajaran TIK, web dapat develop menggunakan berbagai macam aplikasi, dreamweaver, frontpage, notepad, PHP. Tugas dikumpulkan dalam bentuk URL, artinya harus dihosting baik yang free hosting maupun berbayar, URL diemail ke : hanief_mh@sman3-smg.com sebelum Ulangan Akhir Semester Ganjil...!

LEFT, RIGHT and MID

2011-01-03T12:37:00.000+07:00

In Excel, the Left function allows you to extract a substring from a string, starting from the left-most character.

The syntax for the Left function is:

Left( text, number_of_characters )

text is the string that you wish to extract from.

number_of_characters indicates the number of characters that you wish to extract starting from the left-most character.

For example:

Let's take a look at an example:

Based on the Excel spreadsheet above:

=Left(A1, 5)	would return "Alpha"
=Left(A2, 8)	would return "techonth"
=Left("Excel", 2)	would return "Ex"

The Right function extracts a substring from a string starting from the right-most character.

The syntax for the Right function is:

Right( text, number_of_characters )

text is the string that you wish to extract from.

number_of_characters indicates the number of characters that you wish to extract starting from the right-most character.

Applies To:

Excel 2007, Excel 2003, Excel XP, Excel 2000

For example:

Let's take a look at an example:

Based on the Excel spreadsheet above:

=Right(A1, 4)	would return "soup"
=Right(A2, 6)	would return "thenet"
=Right("Excel", 3)	would return "cel"

the Mid function extracts a substring from a string (starting at any position).

The syntax for the Mid function is:

Mid( text, start_position, number_of_characters )

text is the string that you wish to extract from.

start_position indicates the position in the string that you will begin extracting from. The first position in the string is 1.

number_of_characters indicates the number of characters that you wish to extract.

Applies To:

Excel 2007, Excel 2003, Excel XP, Excel 2000

For example:

Let's take a look at an example:

Based on the Excel spreadsheet above:

=Mid(A1, 5, 4)	would return "abet"
=Mid(A2, 7, 3)	would return "The"
=Mid("Excel", 1, 2)	would return "Ex"

TUGAS MANDIRI TERSTRUKTUR

2011-01-01T12:48:00.012+07:00

T.M. TERSTRUKTUR FLASH
Buatla karya animasi flash menggunakan animasi frame by frame, dengan kriteria sebagai berikut :

Karya terdiri dari minimal 2 layer
Obyek gambar haruslah obyek yang dibuat sendiri menggunakan tools yang ada dalam aplikasi flash / tidak diperkenankan import gambar dari luar
Panjang frame maksimal dalam 1 layer adalah 50 frame
Layer harus diberi nama sesuai dengan obyeknya
Fiel dikumpulkan dalam format *.swf
Nama file terdiri dari kelas_no.absen.swf, misal 11ipa1_01.swf
Maksimal ukuran file adalah 500 Kb
Tugas dikumpulkan paling lambat tanggal 3 Oktober 2011
Tugas dikumpulkan ke blog ini dengan cara upload form di bawah ini :

Filename:

T.M TERSTRUKTUR HTML
Buatlah karya web menggunakan HTML, dengan ketentuan sebagai berikut :

Web mengandung unsur gambar
Web mengandung unsur bullet atau numbering
Web mengandung unsur teks berjalan
Nama file terdiri dari kelas_no.absen.rar, misal 11ipa1_01.rar
File merupakan kompresi dari file-html yang dibuat
Maksimal ukuran file adalah 20 Kb
Tugas dikumpulkan paling lambat tanggal 6 Desember 2011
Tugas dikumpulkan melalui email ke : hanief_mh@yahoo.co.id

PERANGKAT PEMBELAJARAN

2010-12-15T11:35:00.008+07:00

Untuk perangkat pembelajaran materi-materi yang ada dalam blog ini dapat diunduh dengan memilih materi yang sesuai pada tabel di bawah ini:

	SILABUS	PROTA	PROMES
FLASH	silabusflash.pdf	protaflash.pdf	promesflash.pdf
HTML	silabushtml.pdf	protahtml.pdf	promeshtml.pdf

TES SOAL

2010-08-19T14:58:00.010+07:00

Tes ini terdiri dari 15 soal untuk tiap-tiap materi, 15 soal yang dikerjakan merupakan random dari 20 soal yang dibuat oleh penulis,
Semua soal ditampilkan dalam 1 halaman
Waktu mengerjakan soal adalah 15 menit, timer akan muncul di kiri atas halaman
Semua soal berbentuk PILIHAN GANDA
Sebelum memulai soal, anda harus sudah terdaftar melalui form pendaftaran
Anda hanya boleh mengerjakan tes online ini 1 (satu) kali
Masukan NIS untuk memulai mengerjakan soal
Pastikan komputer anda telah terinstall flashPlayer
Silakan pilih materi soal untuk memulai tes :

1. Flash

2. HTML

LATIHAN SOAL

2010-08-19T14:50:00.003+07:00

Latihan Soal ini dibuat sebagai persiapan sebelum mengikuti TES ONLINE, soal terdiri dari 10 soal untuk tiap-tiap materi dan semuanya berbentuk pilihan ganda, silakan pilih materi latihan soal :

1. Flash

2. HTML

KARYA SISWA

2010-06-28T14:41:00.000+07:00

Berikut adalah karya animasi dalam Flash MX siswa-siswi SMA 3 Semarang :

 
   Light Science (260Kb)               Soccer (12Kb)                            Flower (4Kb)        
   Karya : Lindri- Apied                    karya : Awang                             Karya : Nurul & Tika
   Download                    Download                     Download



 Egg (3 Mb )                 Pelabuhan (3 Mb)             PhotoSlide (300Kb)
 Karya : Rifki               karya : Hadi-Yulanda          karya : Reni-Nurlita
 Download                    Download                                  Download

Beberapa karya lainnya, dapat dilihat pada daftar berikut :

ICT MATERIAL OF TRY OUT SCHOOL EXAM

2009-04-16T08:40:00.025+07:00

To help you to prepare the school examination for ICT subject, please read this points of material and next, U've prepare seriously:

The material consist of X, XI and XII grade material like a operating system, Ms. Word, Ms. Excel, Ms. Powerpoint, Ms. Access, Corel Draw, Pascal Programming, Macromedia Flash, Internet and HTML, so U can click here to download the material file

WHILE DO

2009-04-14T11:34:00.005+07:00

This type of loop is executed while the condition is true. It is different from the 'Repeat-Until' loop since the loop might not be executed for at least one time. The code works like this:

While do the following:

instruction 1;

instruction 2;

instruction 3;

etc...

End; {If while-do loop starts with a begin statement}

Syntax Diagram

Syntax

While condition DO Begin Statement End;

Semantics

The while statement provides iteration, or looping, control.
The expression is evaluated first.
If the expression evaluates to true, the statement part of the while statement (the body) is executed.
After the body is executed, the expression is evaluated again, and the process is repeated.
If the expression evaluates to false, execution continues with the next statement after the if statement.
Netscape® documentation indicates that the expression must be boolean; however, arithmetic and string expressions are also accepted by both Netscape® and Microsoft® browsers.
A boolean false, an arithmetic 0, or a null string are all interpreted as false.
A boolean true, an arithmetic expression not equal to 0, or string of at least one character are all interpreted as true.

Example Program on the While-Do loop:

Program Lesson4_Program4;
Uses Crt;

Var a : integer;

Begin
a:=1;
While a <=3 Do Begin writeln(a); a:=a+1; End; End.

SOLVE PROBLEM YOUR ROUTER

2009-04-08T21:47:00.003+07:00

Friends...
I know that this night you've problems about your internet connection, especially your router internet,,,time connection and It's make all of U be confuse cause in several time You had no time to rent your internet bisnis..

To night, I'll try to help U, there 2 solution to solve this problem :

1. MIkrotik Router
2. SQUID Windows
Click here to download tutorial of sharing internet using SQUID

I hope, this night change become to nice

Flash Archieve

2009-04-04T09:46:00.003+07:00

This is the following files is made student XII grade on SMA 3, click the file to open it, and U need flash player to see the animation...

1.Tutorial Flash
2.Counter
3.Map of RUmania
4.Race
5.Joe Cole
6. Bungaku Mekar
7. Teropong
8. Walk Cycle

LAST PROJECT 2009 FOR XII GRADE

2009-03-30T09:55:00.006+07:00

Teacher : Muhamad Khanif
I know that All of U had no time for non UN (Ujian Nasional) material, cause U have concern 100 % for it..but I want give U several information about your task on the end semester 2 /2009. According the material on this semeseter about internet and web and project base learning in our class, so your task relation with a website or Personal Website..

Following task must be include :
1. Personal website
2. Can be use HTML, Macromedia Dreamweaver, Front Page, Web Page
3. Standart minimal must be use : Frame, Table, Link, and Image
4. Or If U want create BLOG, use Blogger, Wordpress, Multiply, etc..
5. U've make additional feature like a counter, timer, download or comment menu

U can see detail task or project, U can read on : http://elearning.sman3-smg.com

Note : Your account is class_abs pwd : smaga ( same to all user)
example : 12a101 password: smaga

Use your account to login on elearning system
after it, U can change your password include profil

Please... before left this page. click Ads on bottom-right page...

PROFILKU

2009-03-27T14:09:00.016+07:00

Nama	:	Muhammad Khanif, M.Kom
TTL	:	Kendal, 7 Februari 1978
Alamat Rumah	:	Jl. Elektron IV AAII No.11
	:	Permata Puri Ngaliyan Smg
Unit Kerja	:	SMA N 3 Semarang
Alamat	:	Jl. Pemuda 149 Semarang

Riwayat Pendidikan
1. MI Krajankulon Kaliwungu Kendal lulus th.1990
2. SMP Muhammadiyah 03 Kaliwungu lulus th.1993
3. STM N Pembangunan Semarang, Jur. Elektronika lulus th.1998
4. S1 Universitas Stikubank T.Informatika lulus th.2003
5. S2 Universitas Dian Nuswantoro T.Informatika lulus th.2009

Riwayat Pekerjaan :
1. 1998 - 1999, Teknisi Komputer PT. INDO COMPUTER Purwokerto
2. 2000 - 2001, Teknisi Komputer CV. DIAN ASIH Semarang
3. 2001 - 2003, Manager VISUAL COMPUTER Kaliwungu Kendal
4. 2003 - 2008, Dosen Tidak Tetap Universitas Stikubak Semarang
5. 2006 - Sekarang, Guru TIK di SMA Negeri 3 Semarang & Manajer HAISTA Computer Semarang

Create Masking on Flash

2009-03-27T13:43:00.002+07:00

Masking is revealing portion of your picture or graphic in the layer below.

While surfing through net you might have come across lots of beautiful Flash effects such as ripple effect , some wording with sky background or glitter bordering an object, and wondered "How? What is the logic behind this". The answer for all this is masking.

This tutorial will teach you the basics of masking in Flash MX 2004. The download .fla file is also included at the end of the tutorial.

Please note:
1. You need to have Flash Player 7.0 installed to view the Flash animation.
2. Flash MX 2004 must be installed in your system to download and view the .fla file.

I shall start this tutorial assuming that the reader has basic knowledge of flash such as Shape Tween and working with layers.

Okay! if you are ready, just follow the steps given below.

STEPS TO FOLLOW

Inserting Layers and Naming them

* By default you will have a layer in your timeline window. Insert one more layer, totally you need two layers to mask an object.
* Rename the top layer to "Mask" and the layer below that to "background".

Creating Shape Tween

* Import your picture to the "background" layer.
* Using Oval tool from your tool box, draw a circle in your "Mask" layer and delete it's border.
* Drag the circle to one end of your picture.
* Now go to"frame 40" of your "Mask" layer and press "F6" to insert a new keyframe.
* Now go to "frame 40" of your "background" layer and press "F5" to insert frames, so that your background image is available all through your mask.
* Select "frame 40" of your "Mask" layer, that is your new keyframe, Keeping the playhead on "frame 40" of "Mask" layer, drag the circle to other end of your picture.
* Now go back to "frame 1" of your "Mask" layer, keeping the playhead on "frame 1" of your "Mask" layer, select Shape tween in your properties window.

Masking

* Right click on the "Mask" layer (the area where you named the layer not where the frames exist) and select Mask.

Your Mask is all ready. Press Ctrl+Enter to view your Mask.

COUNTER TEXT WITH PHP

2009-03-21T13:12:00.000+07:00

Adding a text counter to your website can do a couple of things, one, show the world how many visitors your website receives or two, show the world how many visitors your website does not receive!

Although good for keeping numbers it does not do much good for a business website having a counter on their website which only shows a couple of extra hits per day. This will give the impression of a not very popular' website, and for a business, this is what we don't want to happen. Homepages, fun pages and general websites are OK, but if you have to go for a counter on a business website where you may not get many hits, then go for an invisible one.

So by now, you will know if you want a counter on your website. Adding a basic counter, which just displays the numbers in text format, is quite easy. It only takes a few lines in PHP so lets get started

Requirements
PHP enabled server - Most hosts support this as standard
HTML/Text Editor - Dreamweaver or Notepad etc.

Breaking down the Counter Code
The following code is the contents of the count.php file. This is the guts of the counter and we don't really need to know how it works, but it is always worth having a quick look at the code to understand it.

PHP Text Counter Code

Above, is basically all there is to the counter code, but we need one more file, a basic text document to write and log the hits to. This will look like the following:

PHP Basic Text Counter Hit File

Of course, the screenshot shows a webpage which has had 1893 visitors. Your count_file.txt will have a different number!

Download the Text Counter Script
Please click here to download the zip file of the Basic Text Counter

The Installation of the Counter
Now you have downloaded the counter script, know what the code does and how it works, now let's install it on your webpage. Unzip the file you have downloaded into the directory where the webpage is which you want the counter to appear on. You will have 2 files:

* count.php
* count_file.txt

You probably already now this, but it is surprising how many times I get asked why the scripts/counter does not work, so I will say it again! Your webpage will need to end in the .php or an equivalent extension for your server to recognise it as a PHP script. Otherwise the counter will not work!

Find the location on your webpage where you would like to place the counter, and paste the following code:

Now when you upload the two files, and any pages you have added the code, to your server, make sure you chmod the count_file.txt to 755 to allow it to be written to by the count.php scrtipt. For info on chmoding a remote file, consult your FTP program. (Usually right click the remote file and select 'chmod' from the menu)