Information and technology

Memahami ActionScript

2011-09-21T05:22:00.000-07:00

ActionScript adalahbahasa skripting di Flash 5. Anda dapat menggunakan ActionScript untukmengontrol objek di Flash, membuat navigasi dan elemen interaktif lain, sertamembuat movie Flash dan aplikasi Web yang interaktif. ActionScript,dengan sintaks yang sedikit berbeda, sebetulnya telah hadir sejak Flash 4.Namun baru di versi 5-lah nuansa pengembangan dan pemrogramandengan ActionScript terasa lebih kental.

Apabila Anda sebelumnyasudah akrab dengan Javascript, maka Anda tidak akankesulitan menguasai ActionScript, karena ada banyak kesamaan antara keduanya. Keduanya, misalnya, berbasis even. Di Javascript Andamemanggil fungsi atau kode skrip di atribut onClick, onLoad,unUnload, dsb. Di ActionScript pun kode terpantik jikaterjadi sebuah even yang ditentukan, seperti tombol mouse ditekan/dilepas,kursor masuk ke daerah tertentu, dsb. Sebenarnya memang sintaksActionScript dibuat mengikuti Javascript, dan pada dasarnya ActionScript masihlebih sederhana daripada Javascript. Fitur Javascript seperti eksepsi (try …catch dan throw) atau pernyataan switch belum ada. eval-nya juga terbatas.ActionScript pun belum mendukung set karakter Unicode. Barangkali di masa depanActionScript akan terus berevolusi hingga menjadisecanggih Javascript, Java, atau bahasa-bahasa lainnya.

Meskipun Anda belumpernah mengenal Javascript, melalui seri tutorial ini penulis pikir Anda akan belajar bahasa skripting Flash tersebut dengan mudah. AnggaplahAnda sedang belajar bahasa asing, sehingga perlu mengetahui struktur bahasa,tata bahasa, cara menggunakan kata kerja dan katabenda, dsb. Flash jauh lebih mudah dipelajari daripada Java, dan karenasifatnya interpreted, maka Anda tidak perlu melakukansiklus kompilasi. Begitu selesai menulis, bisa langsungmencoba kode.

Pada bagian pertamaseri tutorial ini akan dibahas mengenai konsep-konsepdasar ActionScript.

Objek dan Kelas

Objek adalah tipe dataseperti suara, gambar, teks yang digunakan untuk mengontrol movie. Semua objek merupakan bagian dari suatu kelas. Analoginya adalah seperti padaGambar 1.

Flash memilikivariasi bentuk objek yang sangat beragam, mulai dari gambar yang kelihatansampai dengan yang abstrak seperti tanggal, data, atau deteksi masukan darimouse. Sebelum kita dapat menggunakan objek, kita perlu memberi nama pada objek tersebut, sama seperti tiap orang perlumemiliki nama supaya dapat dikenali. Misalnya Ballerina, Flintstone, dan Napidapat dibedakan berdasar nama mereka.

Di samping objekyang kita definisikan sendiri, Flash juga memiliki predefined class yangdapat digunakan membuat objek-objek untuk dipakai dalam movie. Objek-objek ini berada di dalam kategori Objects di dalamActionScripts, misalnya MovieClip,Color, Sound, dll. Objek dari predefinedclass ini juga harus diberi nama. Proses memberi nama objek ini dinamakan instantiating. Karenaobjek yang berasal dari kelas tertentu, sesungguhnya dapat dianggap bahwa objektersebut adalah juga merupakan instance dari kelas. Ballerina,Flintstone, dan Napi masing-masing merupakan instance dari kelas manusia.

Metode dan Properti

Setiap objekselain berbeda dalam nama, juga berbeda dalamkarakteristik. Setiap orang berbeda dalam berbagaikarakteristik seperti jenis kelamin, tinggi badan, berat badan, dan warnarambut. Di dalam ActionScript karakteristik-karakteristikini dinamakan properti. Misalnya kelas MovieClip memiliki berbagai propertiseperti _height, _width, dan _rotation yang mengukur dimensi dan orientasi dari objekmovie klip tersebut. Lihat Gambar 2.

Objekjuga melakukan suatu tugas. Seseorang dapat tidur,bekerja, makan. Pekerjaan ini di dalam ActionScriptdinamakan metode. Misalnya kelas Sound memiliki metode setVolume yang dapat membuat suara lebihkeras atau lebih lembut.

Tip: Untuk memudahkan, anggaplah objeksebagai kata benda, properti sebagai kata sifat yang menerangkan objek dan metodesebagai kata kerja yang menerangkan tindakan apa yangdilakukan objek.

Struktur Bahasa ActionScript

Seperti halnyadalam menggunakan bahasa alamiah, kita perlu menempatkan kata benda, kata sifat,dan kata kerja dalam susunan yang dimengerti orang lain. Disini kita menyusun objek, properti dan metode sampai membentuk statement, atau pernyataan, yangdimengerti Flash.

Flash 5 menggunakanstruktur bahasa sintaks dot, yangmenggantikan sintaks slash pada versiterdahulu. Dot atau titik digunakan untuk menunjukkanproperti atau metode yang terkait dengan objek. Contoh:

Ballerina.berat = 50
Flintstone.berat = 65

Pernyataandi atas menetapkan nilai 50 untuk properti beratdari Ballerina, dan nilai 65untuk berat dari Flintstone.

Ballerina.pakaian.warna = putih

Pernyataandi atas menjelaskan putih sebagai properti warnapada objek pakaian yang terkaitdengan objek Ballerina. (Di sini properti pakaian milik Ballerina merupakan objek juga, yang memiliki propertinyatersendiri).

Ballerina.menari()

Pernyataandi atas menjelaskan metode menariyang diterapkan pada objek Ballerina.Tanda kurung buka dan kurung tutup memberi tanda kalau menariadalah metode.

Ballerina.menari(cepat)
Ballerina.menari(lambat)

Metodeseringkali memiliki argumen atau parameter, yang menerangkan bagaimana seharusnyametode dijalankan.

Tip: Untuk memudahkan, bacalah dot syntaxdari belakang. Misalnya Ballerina.pakaian.warna = putih dapat dibaca “Putih adalah warna pakaiandari Ballerina.”

Tanda Baca dalam ActionScript

Seperti dalam bahasa tulisan memiliki tanda baca untuk mengakhirikalimat, atau mengelompokkan berbagai kalimat menjadi satu paragraf, Flash jugamemiliki tanda baca seperti itu.

Kurung kurawal dan titik koma

Kurungkurawal, { }, digunakan untukmelakukan pengelompokan.

on(release) {
      stopAllSounds();
      play();
}

Dalam skrip diatas, kedua metode stopAllSounds dan play akan dieksekusi saat tombol mouse dilepaskan karena beradadalam satu kelompok. Ini seperti paragraf.

Titikkoma berfungsi seperti tanda akhir kalimat yang setelah kalimat pertamaberakhir kemudian beralih ke kalimat berikutnya. Didalam ActionScript, setiap pernyataan dieksekusi dari atas ke bawah secaraberurutan. Jadi pada contoh di atas, setelah metode stopAllSoundsselesai baru kemudian play dijalankan.

Komentar

Komentar adalahketerangan yang ditambahkan di dalam skrip untuk menjelaskan apaarti kode tersebut. Komentar dapat membantu memahami skripapabila Anda hendak mereview kembali kode tersebut untuk perbaikan. Komentardiawali dengan dua buah garis miring, //, dan berlaku hingga akhir baris.

on(release) {
      // matikan semua suara
      stopAllSounds();
      // mainkan 
      play();
}

Action Panel

Andadapat membuat ActionScript di dalam Action Panel. Lihat Gambar 3. KelebihanAction Panel adalah dapat mengotomatisasi sebagian dari proses penulisan skrip,misalnya menambahkan kurung kurawal dan titik koma secara otomatis.

Di Flash, nama Action Panel muncul sebagai Frame Action Panel apabila skripdiaplikasikan ke Frame atau Object Action Panel apabila skrip diaplikasikan keobjek.

Untuk membukaAction Panel, lakukan salah satu dari cara di bawahini:

Dari menu bar, pilih Window > Actions.
Seleksi objek atau frame, kemudian klik gambar panah di Launcher Bar yang berada di bagian kanan bawah stage. Lihat Gambar 4.
Klik dua kali pada frame.

Mode Normal dan Mode Expert

Anda dapat menggunakan Action Panel pada mode expert atau mode normal.Mode expert, yang baru muncul di Flash 5, ditujukan bagimereka yang sudah terbiasa dengan bahasa pemrograman. Menggunakan mode expertsama dengan Anda menuliskan program melalui editor teksseperti Notepad. Sementara pada mode normal Anda diberikan pilihan-pilihanelemen lewat interface menu dan daftar toolbox.

Pada mode normal,Anda dapat menuliskan action dengan berbagai cara,yaitu:

Tekan tombol + untuk membuka menu pulldown berisi kategori action. Pilih action yang sesuai dalam menu tersebut.
Klik kategori action di daftar Toolbox, kemudian dobel klik pada action yang dipilih.
Drag and drop action yang ada di daftar Toolbox ke daftar Action.

Untukberalih dari mode normal ke mode expert, klik tombol segitiga kecil di bagiankanan atas Action Panel.

Kategori ActionScript

Dalam mode normal, actiondibagi dalam berbagai kategori, yaitu:

Basic Actions. Kategori ini menampung action sederhana yang sering sekali digunakan untuk movie Flash, seperti navigasi dan perilaku tombol.
Actions. Kategori ini meliputi Basic Actions ditambah dengan banyak action lain yang lebih kompleks.
Operators. Kategori ini berisi simbol yang digunakan misalnya untuk operasi logika dan matematika, seperti tambah, kurang, kali, dll.
Functions. Function berisi action yang dapat menerima data tertentu untuk kemudian menghasilkan informasi yang dapat kita gunakan.
Properties. Kategori Properties berisi properti objek yang dapat dimodifikasi. Sebagian besar properti ini digunakan untuk objek klip movie.
Objects. Flash memiliki kelas objek yang sudah didefinisikan (predefined class). Kelas-kelas ini berada dalam kategori Objects di ActionScript.

Demikianlahpenjelasan singkat mengenai ActionScript di Flash. Pada edisi mendatang akan diulas contoh-contoh aplikasi ActionScript di dalamFlash, mulai dari membuat menu yang interaktif, mengontrol suara, mengontrol klipmovie, dan sebagainya. Jangan sampai ketinggalan!

Jam Digital Menggunakan Action Script pada Macromedia Flash MX

2011-09-21T05:19:00.000-07:00

Artikel kali ini akan membahas tentang cara membuat sebuah jam sederhana menggunakan ActionScript pada Macromedia Flash MX. Dengan script yang sangat mudah sekali di pahami kita bisa membuat sebuah aplikasi jam digital.

Dan berikut ini adalah pembahasan sederhananya :

Buat sebuah file flash dengan Background dan sebuah text, atur agar panjang dari text bisa di isi dengan 6 Digit angka, lengkap dengan sparatornya.

Ubah propertis dari text menjadi Dinamic text dan pastikan mengganti nama variabelnya dengan nama DisplayJam. Untuk lebih jelasnya bisa dilihat pada gambar di samping.

Tambahkan satu buah layer lagi untuk mengisi ActionScriptnya. Selanjutnya pelajari dan masukkan ActionScript di bawah ini ke jendela ActionSript.

_root.onEnterFrame = function() {waktu = new Date(); Jam = waktu.getHours(); Menit = waktu.getMinutes();Detik = waktu.getSeconds(); if (Jam<10) { Jam = “0″+Jam; } if (Menit<10) { Menit = “0″+Menit; } if (Detik<10) { Detik = “0″+Detik; } DisplayJam =Jam+”:”+Menit+”:”+Detik;};

Selanjutnya Test Movie atau tekan CTRL dan enter secara bersamaan. Dan jam digital kita sudah jadi.

ARTIFICIAL INTELLIGENT

2011-09-21T04:51:00.000-07:00

Artificial intelligence is ascientific term that gives nonhuman entities algorithmic and mathematicalsolutions for problem solving and simulating human thought and decision making.In films, this is often depicted as a mechanical robot trying to act human. Incomputer or videogames, it is the heart and soul of the nonplayer characters(NPCs) controlling our enemies and allies.

Typically, we think of games such aschess, checkers, and backgammon as intellectual and sophisticated games,therefore a machine that can simulate being an adversary (especially amasterful one) has been a way for researchers to validate their AI techniques.Since computers can process mathematical instructions and perform iterations(repetitive processes) very fast, researchers in AI use these skills tosimulate human thought.

As game designers, we must not onlyplan our vision but try to conceptualize each idea and how it can be expressedthrough a mathematical expression or logically arrived at through a databasesearch or script. You will discover that simple, everyday activities are infact very complicated and complex concepts.

Pathfinding is probably the single most popular andfrustrating game AI problem in the industry. Games like role-playing games (RPGs)and real-time strategy games (RTS) often have characters sent on missions fromtheir current location to a predetermined, player determined, or menu-selectedwaypoint (destination). The perfect situation of a movement would be ano-collision or obstacle path.

The typical path from a character’s current positionto the destination (waypoint) usually passes directly through one or moreobstacles.

The first solution in avoiding these obstacles is to“ride the rail” or walk around the object’s surface until you’re free tocontinue toward the destination.

Although the “riding the rail” algorithm solves theproblem of avoiding obstacles, it looks silly and unrealistic, sort of a blindperson’s path solution.

The next solution is to make the path less blocky byconnecting points of the hypotenuse of the triangles.

The last issue to make the path to our waypoint trulyrealistic is to curve the path.

The way to simulate a realistic character movement in3D is to plot a straightforward path from the character’s current position toits destination and record all of the obstacles from a world table that lie onthis straight line. For each obstacle, calculate the original collision pointand the two tangent points on either side of the obstacle. The point closest indistance is the one selected to be connected as the hypotenuse of the triangle.

There are several techniques to achieve thispathfinding problem, such as algorithmic (equations) or methods such as “floodfill” and “A*” (pronounced “A star”) solutions. A flood fill is similar to agraphics application’s “paint” tool, which will completely color a given area.

If we were to flood fill the white area with black, itwould continue filling until it hit a non-white spot.

If we were to start on location “A,” the fill wouldtraverse in all directions until the new space was non-white.

Each space or “node” would check its neighbors in thefour directions, and if the neighbor is white, it would be changed to black.This recursive (repeating) process would repeat until all four directionsstarting with node “A” return a “false” or no non-white connecting nodes areleft.

The A* algorithm is similar. A node is placed on an“open” list, and if a shorter node path is found, the new path replaces thecurrent path (which gets placed on a “closed” list). The shortest path from astart node to a destination node is the final path left when all paths havebeen searched.

The objects that are on the map as collision areasshould include the static objects like buildings, water, fences, and so on, aswell as dynamic, moveable objects like vehicles, people, and floating bridges.The game design may include the ability to destroy objects like buildings andbridges, thereby modifying the original list of static objects. Another gamedesign might require that characters avoid areas due to hazardous conditionsthat may be in effect under certain conditions or for a certain time period oravoid specific tribes and clans. These avoidance issues greatly change theterrain path created. One solution would be to dynamically (on the fly) setthese areas when needed as an obstacle block or zone and let the path-findingfunction handle this as though it were a large building to walk around.

The solutions discussed thus far don’t take intoaccount various terrain elevations. Nature has rivers running downhill, and ourcharacters would probably prefer a downhill path to town rather than a MountEverest climbing shortcut. The distance over Everest may be the shortest, butits elevation and treachery makes it less desirable. If each node had anelevation factor, the path created would be the shortest path within reason.Otherwise, the character’s morale and fatigue factors would be greatlyincreased, causing negative results later. The elevation factor could also beused in the character’s “line of sight” functionality. If a character werestanding in a ditch, that character probably wouldn’t see the massive horde ofenemy troops heading toward him in the distance. On the other hand, a fort ontop of a mountain would have its residents’ “line of sight” able to see quite adistance and its cannons able to fire a long distance. If a character isstanding on one side of a building, the enemy approaching from the other sidewould be unnoticed since the character’s “line of sight” would be blocked bythe building. These factors add to the realism of the game, and that’s whatplayers demand. That’s what your game design should include.

Other pathfinding issues would include formations(groups of moving objects) and the turn radius and ramping up or down speed toinitialize a movement and terminate a movement. A formation is a group ofcharacters all moving independently but as a group. Soldiers in two columnsmarch behind their leader. As the leader turns, so does the entire troop. Theyall must maintain their relative distance from the row in front of them, marchat the same speed (pace), and turn their bodies relative to their path line.The leader may be marching north as the last soldier in the line is stillmarching east 50 feet behind the leader. Formations also must not collide andbounce off each other like billiard balls. These are complex structures thatmust be in your game design and algorithmically understood by the teamdeveloping your vision.

Humans are bipeds and, if they are moving the wrongdirection, can turn on a dime and reverse their movement toward the goal.Vehicles and horses need more space to create a turn radius. Your car needs tocircle or turn around when reversing from the road south to the road north. Wehave fancy terms like the “U-turn” and the “K-turn” when a car is reversing itsdirection. People can perform this maneuver with an “about face” motion. Thesefactors must be incorporated into the game design for a realistic look and feelin your game. People, horses, and vehicles don’t jump into a quick speed andjust stop on a dime at will. Moving objects need to increase their speed(velocity) and decrease it before coming to a complete stop. These factors arenot easy to implement but should be addressed in the design document anddiscussed as the game is being developed. Often, ideas, concepts, and featuresthat are in the design document hit the cutting room floor (do not make it tothe final product). These design document items should be frequently discussedand addressed to determine their status as to whether they are “in,” “out,” or“on hold” for the final product. Most items, given enough development time andmoney, can be implemented. In reality, developers don’t have this luxury ofunlimited time and available finances.

AI is an important consideration in the success ofyour game. Often, I read on Internet gaming sites that the development teamplanned to do AI last and within a week or two. This inexperienced and ignorantdecision severely delayed the project, and the AI was quickly finished withouta real solid solution. The teams have often said in the aftermath of a majorproject that they wished they had started the AI earlier and had longer to workon the best AI possible (not the best AI as soon as possible).

Membuat Animasi Skeleton OGRE Sendiri

2011-09-21T04:39:00.000-07:00

Membuat animasi skeleton untuk model mesh OGRE memang gampang gampang susah. Tetapi meskipun demikian, itu bukanlah sesuatu hal yang mustahil untuk dilakukan. Kita dapat membuatnya dengan dua cara yaitu cara halus dan cara kasar. Kedua cara tersebut memanglah berbeda namun tetap dapat saling melengkapi. Pada contoh kali ini, kita akan mencoba mempraktekkan kedua cara tersebut dalam membuat animasi skeleton.

Kali ini kita akan mempraktekkan cara halus terlebih dahulu. Cara halus yang saya maksud di sini adalah membuat animasi model menggunakan aplikasi Blender dahulu baru kemudian diekspor ke objek OGRE. Jadi, model yang akan kita animasikan ini haruslah mempunyai armature yang dapat menggerakkan mesh-nya. Sebagai contoh, saya akan menggunakan model Sonic The Hedgehog.

Langkah-langkah untuk menganimasikannya adalah sebagai berikut :

1. Buka model Sonic The Hedgehog menggunakan aplikasi Blender. Setelah itu, aturlah tampilan workspace yang Anda gunakan sehingga memiliki jendela 3D View, Button Window, User Preferences, Timeline, dan Action Editor. Khusus untuk Timeline dan Action Editor, kedua jendela ini akan sangat kita butuhkan dalam pembuatan animasi ini. Timeline nantinya kita gunakan sebagai jendela untuk merekam dan menguji animasi yang akan kita buat dari Action Editor. Untuk lebih jelasnya, perhatikan gambar di bawah ini!

2. Setelah itu, perbesarlah dahulu model Sonic yang ada pada jendela 3D View dengan menggunakan scroll mouse. Ini dimaksudkan agar kita dapat melihat dengan jelas armature-armature yang akan kita gerakan dari model tersebut. Selanjutnya, klik tombol Record dari jendela Timeline untuk mulai merekam animasi. Oiya, semua gerakan armature akan dianimasikan dalam jendela Pose Mode. Perhatikan gambar di bawah ini!

3. Lalu, gerakanlah armature-armature yang akan dianimasikan pada jendela 3D View. Saat menggerakkan armature-armature tersebut, pastikan Anda menggunakan frame yang sesuai dengan keinginan Anda. Sedangkan untuk berpindah frame, gunakan saja jendela Action Editor agar lebih mudah. Sebagai contoh, kita akan menganimasikan Sonic tersebut untuk berjalan. Rencana gerakannya adalah sebagai berikut. Pada frame pertama kita akan melangkahkan kaki kanan ke depan disertai gerakan kaki kiri ke belakang. Setelah itu, pada frame kesepuluh giliran kaki kiri yang melangkah ke depan dan kaki kanan yang ke belakang. Jadi untuk dapat melakukannya, kita pilih frame pertama pada Action Editor lalu gerakkan armature-armature kaki kanan ke depan dan armature-armature kaki kiri ke belakang. Setelah itu, pindahlah ke frame kesepuluh lalu gerakkan armature-armature kaki kiri ke depan dan armature-armature kaki kanan ke belakang. Jika gerakan armature-armature tersebut berhasil direkam maka akan muncul node kuning pada jendela Action Editor sesuai dengan armature apa saja yang telah digerakkan.

4. Setelah itu, Anda bisa mengetes animasi yang telah dibuat menggunakan tombol Play yang ada pada jendela Timeline. Oiya, secara default animasi tersebut akan diberi nama Action dan semakin jauh jarak antarframe yang memiliki animasi pada Action maka secara otomatis gerakan animasi tersebut akan semakin halus.

5. Bila dirasa animasi yang kita buat telah sesuai dengan keinginan maka kita dapat meng-ekpornya ke format mesh dan skeleton OGRE. Anda masih ingat caranya, bukan? Sama seperti cara pengeksporan biasa, namun kali ini kita harus mengikutkan skeleton yang beranimasi tersebut. Cara mudah yaitu dengan menekan tombol Add pada opsi Skeleton pada jendela OgreMeshesExporter. Setelah itu, baru klik tombol Export. Perhatikan gambar berikut!

6. Selanjutnya, kita buka model Sonic tersebut menggunakan aplikasi CeguiMeshViewer. Masuklah ke tab Anim pada jendela Mesh, maka seharusnya akan ada pilihan animasi yang bernama Action. Perhatikan gambar di bawah ini!

7. Terakhir, cobalah animasi Action tersebut dengan cara mengkliknya.

Bila animasi tersebut sesuai dengan apa yang Anda lihat di aplikasi Blender maka bisa dikatakan proses pembuatan animasi dengan cara halus ini telah berhasil dilakukan. Namun bila tampilan animasi itu berbeda dengan yang ada di aplikasi Blender atau bahkan hancur sama sekali, maka Anda dapat memilih untuk mengulangi langkah-langkah di atas atau mengikuti cara kasar dalam pembuatan animasi berikut ini. Sebagai contoh, sebenarnya animasi dari model Sonic tersebut tergolong animasi yang hancur saat diekspor ke OGRE. Jadi, mau tidak mau kita harus menggunakan cara kasar dalam membuat animasinya. Paling tidak, lebih baiklah dari hasil pembuatan animasi cara halus sebelumnya. Untuk lebih jelasnya, perhatikan gambar di bawah ini!

Cara kasar yang saya maksud di sini yaitu cara manual dalam membuat animasi. Kita melakukannya dengan cara mengedit secara langsung skrip xml dari mesh dan skeleton. Ya, mirip-mirip hacker gitulah . Namun, kali ini saya hanya akan memfokuskan pada pembahasan secara garis besar tentang cara mengedit file *.skeleton .xml-nya saja. Biarpun demikian, saya juga akan mencoba sedikit memberi gambaran tentang isi file *.mesh.xml-nya. Jadi, untuk ngoprek-ngopreknya Anda lakukan sendiri dengan menggunakan metode Try and Error, ya!

Pada file *.mesh.xml ini ada sebuah seksi yang bernama skeletonlink. Seksi ini gunanya untuk meng-embed file skeleton yang akan kita pakai untuk animasi. Jadi, bila kita salah menentukan nama dari skeleton yang kita embed tersebut, maka akibatnya adalah file *.mesh yang dihasilkan akan sama saja seperti tidak ber-skeleton. Ini dapat terjadi bila kita asal saja mengganti nama mesh dan skeletonnya. Misalnya, penggantian nama dari undefined1_None.mesh menjadi sonic.mesh dan undefined1_None.skeleton menjadi sonic.skeleton. Walaupun nama mesh dan skeletonnya disamakan, namun sebenarnya file sonic.mesh tersebut tetap masih meng-embed file skeleton dengan nama undefined1_None.skeleton bila belum di-edit nama skeletonnya pada seksi skeletonlink tersebut. Sedangkan untuk seksi submeshes, hanyalah berisi koordinat-koordinat vertex untuk penggunaan material yang dipakai model tersebut.

Kembali ke inti permasalahan. Sekarang kita akan menelaah isi dari file *.skeleton.xml-nya. File tersebut berisi tiga buah seksi, yaitu bones, bonehierarchy, dan animation. Perhatikan gambar di bawah ini!

Untuk seksi bones berisi daftar dari tulang-tulang atau armature-armature yang digunakan oleh objek mesh. Rinciannya akan tampak seperti gambar di bawah ini!

Sedangkan untuk seksi bonehierarchy, berisi daftar susunan hirarki dari tulang-tulang tersebut. Untuk lebih jelasnya, perhatikan gambar di bawah ini!

Lain halnya untuk seksi animation. Seksi ini berisi daftar animasi yang ada dan dapat dimainkan oleh model mesh yang meng-embed-nya. Jadi pada seksi animation inilah sasaran kita saat “mengobrak-ngabrik” file *.skeleton.xml untuk membuat animasi secara manual. Untuk seksi animation ini sendiri terbagi atas delapan buah subseksi dimana susunannya ditunjukkan oleh gambar berikut ini.

Keterangannya adalah sebagai berikut:
* Animation : nama dari animasi yang dapat kita gunakan.
* Tracks : kumpulan dari track-track dari sebuah animasi.
* Track : sebuah gerakan dari keseluruhan animasi berdasarkan tulang.
* Keyframes : kumpulan dari keyframe-keyframe dari sebuah track animasi.
* Keyframe : kunci gerakan dari sebuah track animasi berdasarkan waktu.
* Translate : pergeseran dari tulang pada sumbu x, y, dan z.
* Rotate : perputaran dari tulang sesuai dengan sudut.
* Axis : patokan untuk perputaran tulang pada sumbu x, y, dan z.

Kesimpulannya yaitu kita dapat membuat banyak animasi pada seksi animation dengan track dari tulang-tulang yang bergeser atau berputar pada sumbu x, y, dan z dengan lama gerakan yang dapat kita tentukan.

Hal-hal yang menjadi kesulitan dari pembuatan animasi cara kasar atau manual ini, sesuai dengan pengalaman saya yaitu :

1. Dalam penentuan nama dari bone yang akan kita gerakkan, Untuk menangani permasalahan tersebut saya membuat daftar bone memakai printscreen-an dari model pada aplikasi Blender. Perhatikan gambar berikut ini!

2. Penentuan gerakan animasi dari tulang yang dimaksud. Seringkali apa yang sesuai dengan logika menjadi tidak sesuai dengan kejadian saat file mesh tersebut dijalankan bersamaan dengan skeleton-nya. Untuk mengatasi masalah ini, saya mencoba cara halus di atas untuk mengambil gerakan tulang yang benar-benar saya inginkan walaupun agak hancur. Intinya, selamatkan yang bagus dan musnahkan yang rusak.

3. Pembuatan animasi dengan cara ini seringkali membuat mesh dari objek tersebut seperti tertarik ke titik tertentu. Tingkat ketertarikan mesh tersebut tergantung VGA Card yang digunakan. Sebagai contoh, perhatikanlah dua gambar di bawah ini! Sebelah kiri memakai NVIDIA dan sebelah kanan memakai VIA. Bukan maksud hati membanding-bandingkan merek VGA Card, lho! Ini cuma sebagai referensi saja, ya!

Akhir kata, selamat mencoba

Cara Memasang Lagu Di Blog

2010-01-14T06:31:00.000-08:00

Cara Memasang Lagu Di Blog: "Memasang musik atau lagu di web/blog mudah kok. Tapi sebelum saya jelaskan bagaimana caranya, ada baiknya saya sharing info tentang hal-hal tersebut yang berkaitan dengan pemasangan musik di blog.

Sebenarnya apa tujuan kamu pengen pasang musik di blog? Agar lebih menarik? Agar membuat pengunjung lebih betah?
Tapi sepertinya memasang musik di blog justru bisa jadi hal yang bikin pengunjung 'kabur' lho dari blog kita, jika pemilihannya tidak tepat.Coba kalian perhatikan blog para blogger yang terkenal, blog yang sering jadi 'top blog', apa ada di antara mereka yang masang musik background di blognya? Tidak, kan...

Memasang musik di blog memang tidak sepenuhnya buruk. Tapi juga jarang dianjurkan.

Memasang lagu sebagai background (jika halaman dibuka otomatis lagu akan dimainkan) tidak dianjurkan jika file merupakan MP3 (atau WAV, WMA, dsb) yang ukurannya besar seperti satu lagu penuh. Hal ini akan 'memberatkan' pengunjung dalam mengakses halaman blog kita, apalagi kalau pengunjungnya dari Indonesia. Seperti yang kita tahu di Indonesia koneksi internetnya blom sepenuhnya bagus.
Untuk halaman blog teman kita yang tanpa background musik yang rata2 besarnya kurang dari 100KB saja masih ada yang mengeluh karena lelet jika dibuka di warnet, apalagi kalau halaman tersebut dipasang musik yang besarnya lebih dari 1 MB, kan.

Jadi, daripada pengunjung 'kabur' gara2 gak bisa nge-load blog kita, mendingan gak usah dipasang. Lagipula, belum tentu lagu kesukaan kita itu juga disukai oleh pengunjung blog kita :) Dan juga, jika lagu itu milik artis legal, malah bisa kesandung hak cipta.

Kalau file musik itu ukurannya hanya beberapa KB saja, ya tidak menjadi masalah dalam hal loading. Misalnya file suara ciap-ciap ayam yang besarnya kurang dari 10 KB, suara angin, dll. Yang jadi masalah, justru kalau si pengunjung merasa terganggu. Bisa saja kan, si pengunjung lagi dengerin musik di komputernya saat buka blog kita, lalu terganggu dengan suara background blog itu dan malah menutup blog kita.

Tapi,
jika kita tetap ingin menampilkan lagu di blog, cara yang bisa disarankan adalah dengan memasangnya di salah satu bagian blog, tapi bukan sebagai background (jadi tidak otomatis dimainkan saat blog dibuka). Dengan cara itu, pengunjung bisa melihat list lagu yang tersedia dan bisa memilih mau memainkannya atau tidak. Biasanya dipasang di sidebar.
Ok, cara inilah yang akan saya jelaskan.

Ada beberapa website yang menyediakan layanan free audio yang bisa ditambahkan untuk blog. Antara lain Song2Play, Odeo, Radio Blog Club, dan Last.fm. Saya akan kasi contoh untuk 2 layanan terakhir.

1. Memasang Lagu dari Radio Blog Club

Buka website http://radioblogclub.com/
Di bagian search, cari berdasarkan nama artis atau judul lagu. Tentu saja lagunya lagu barat yg tersedia di situ.
Misalnya saya cari Muse, akan muncul berbagai lagu yang tersedia.
Pilih salah satu lagu yang sesuai dengan pencarian kita.
Klik di bagian berwarna biru di samping tiap lagu, lalu di kolom kanan akan muncul kode yang bisa kita tambahkan. Warnanya juga bisa diatur di situ (klik di tanda + nya). Kode itu bisa ditambahkan di sidebar atau dalam postingan (kalo di blogspot masuk ke mode 'edit html' jangan 'compose').
Kita bisa menambahkan hingga beberapa lagu.

2. Memasang Widget Playlist dari Last.FM
Last.fm yang punya tagline The Social Music Revolution ini sedang ngetop (termasuk di Indonesia). Widget dari Last FM ini akan menampilkan playlist berupa beberapa lagu yang telah kita putar terakhir atau yang sering diputar di Winamp.
Sebenernya caranya agak panjang kalo ini, tapi saya tulis poin2nya aja, silakan coba sendiri aja yaa.. :)

Sebelumnya, kita harus sign up dulu di http://last.fm.
Trus kita juga harus download softwarenya, yang harus diinstal di komputer kita.
Saat kita mendengarkan lagu di Winamp, Last FM akan menyimpan datanya (tentu saja kalo last fm nya dinyalakan. bisa di-minimize ke tray icon kok).
Login ke situs last.fm, lalu pilih menu widget.
Lalu, pilih warna widget yang diinginkan. Uncek saja di bagian 'Include friends listening now'.
Di bagian bawah, klik di bagian 'Embed it:' yang Show me the code.
Tambahkan kode yang muncul, ke blog kamu.

Source :

Free Download Software and Review - IDONBIU.com
"

Belajar PHP dari menginstall PHP hingga mempelajari fungsi-fungsi dasar PHP

2009-12-27T08:31:00.001-08:00

Anda ingin membuat website dinamis? maka anda perlumempelajari bahasa pemrograman web server seperti ASP.net, PHP, JSP,Perl, Python, RoR (Ruby on Rails) dan masih banyak lagi. Anda tidakperlu mempelajari semuanya cukup pilih saja salah satu. Dan jika andamemilih PHP, maka anda berada diwebsite yang tepat. Jika anda memilihlainnya silahkan browsing lagi di Google, karena saya belummenguasainya (saya bilang belum karena saya berencana mempelajarin

ya,hanya saja tidak ada waktu untuk mem

pelajarinya).

Apa itu PHP?

Salah satu alasan PHP menjadi sukses seperti sekarang ini adalah karena kemampuannya yang menakjubkan. PHP dapat berkomunikasi dengan berbagai macam database dan mengenal semua protokol internet. PHP mudah digunakan dan cepat. Class-class / fungsi-fungsi PHP dapat anda temukan dengan mudah di internet. Apabila anda ingin membuat web dinamis dan belum tau caranya, PHP adalah bahasa pemrograman yang tepat.

PHP merupakan kependekan dari HyperText Preprocessor, awalnya merupakan kependekan dari Personal HomePage. PHP Merupakan bahasa pemrograman yang biasanya ditulis bersama kode HTML. Tidak seperti HTML yang langsung dikirim ke browser, script PHP di parsing dulu oleh PHP binary dalam komputer server. Elemen HTML dibiarkan tetapi kode PHP di eksekusi terlebih dahulu dan hasilnya dalam bentuk HTML dikirim ke browser pengguna. Kode PHP mampu menjalankan perintah database, membuat gambar, membaca dan menulis file, serta kemampuan lainnya yang tidak memiliki batas.

Pada saat artikel ini ditulis, PHP telah memasukiversi 5, tetapi versi 4 nya masih banyak digunakan. Bahkan versi 6Alpha telah keluar sejak akhir 2006. Pada versi 5 keatas PHP telahmemiliki konsep OOP (Pemrograman Berorientasi Objek) yang cukup bagusdan sebanding dnegan Java. Jadi jika anda menggunakan PHP 5 anda harusterbiasa dengan konsep OOP. Saya akan membahas konsep OOP lain kali,disini kita menggunakan PHP 4 dan tidak menggunakan konsep OOP. Jadisangat cocok bagi anda yang merupakan pemula dan ingin belajar PHP.

Cara menginstall PHP

Sudah cukup kita ngomongin PHP, sekarang sebelum kita dapat menggunakan PHP pertama-tama kita perlu menginstall PHP pada komputer kita. PHP dapat dijalankan di berbagai macam sistem operasi dan servers. PHP dapat berjalan di Windows, Unix, Linux dan Macintosh. PHP juga dapat bekerja pada berbagai macam web server termasuk Apache (Apache merupakan opensource dan pasangan sehidup semati dengan PHP), Microsoft IIS (Internet Information Server), Website Pro, iPlanet dan Microsoft PWS (Personal Web Server). Disini kita akan menginstall PHP didalam Windows XP menggunakan server Apache.

Cara termudah menginstall PHP adalah dengan menggunakan appserv. Appserv merupakan sebuah paket untuk Windows dimana didalamnya terdapat :

Apache Web Server
PHP Script Language
MySQL Database
Zend Optimizer
phpMyAdmin Database Manager

Daripada kita mendownload satu-satu, lebih mudah kita menggunakan apsserv, karena didalamnya sudah terdapat semua. Anda tinggal download dan install.

Pertama-tama bukalah http://www.AppServNetwork.com dan download Appserv versi terbaru. Setelah itu jalankan filenya dan akan muncul layar seperti dibawah ini:

Klik Next aja.

Ini merupakan default folder dimana anda akan menginstall Appserv. Saya sarankan biarkan saja menggunakan folder defaultnya tidak usah diubah. Klik Next

Pilihlah typical dan klik Next

Biarkan saja Server Name nya dengan localhost dan Port nya 80. Klik Next

Pilihlah Username dan Password untuk mengakses database MySQL. Isi sesuka anda, asal anda jangan lupa dengan username dan passwordnya. Kemudian klik Next, selesailah sudah. Anda sudah berhasil menginstall PHP pada komputer anda. Bagaimana mudah bukan.

Sekarang buka browser anda dan ketik 'localhost', maka browser anda akan menjadi seperti ini:

Selamat, PHP sudah terinstall pada komputer anda. Sekarang mari kita mencoba beberapa kode PHP.

PHP pertama saya begitu menggoda

Perlu di ingat jika anda membuat file PHP, maka anda perlu menyimpannya di folder c:\appserv\www\folderanda. Sekarang buka Windows explorer dan buka c:\appserv\www setelah itu buatlah folder dan beri nama folder tersebut 'contoh'. Seperti dokumen HTML, PHP merupakan file text. Karena itu anda dapat membuatnya dengan text editor seperti Notepad atau BBEdit untuk MacOS atau Vi dan Emacs untuk Unix/Linux. Saya pribadi menyukai Editplus atau PHPEdit karena software tersebut memiliki sintax highlighting yang memudahkan kita.

Engine PHP akan mengeksekusi kode PHP setelah (

) sampai ketemu dengan (?>), jika kode PHP anda benar maka hasilnya akan ditampilkan, tetapi apabila salah maka terdapat pesan error dengan memberi tahu anda pada baris berapa terdapat error nya. Sekarang buka teks editor favorit anda dan cobalah kode berikut ini:


print ("Hello World!");
?>

Sekarang simpan file tersebut di to c:\appserv\www\contoh\hello.php. Buka browser anda dan jalankan 'http://localhost/contoh/hello.php'. Maka pada browser anda akan tampil seperti ini:

print() merupakan fungsi untuk mengoutput data. Apa saja yang dituliskan oleh print() akan ditampilkan pada browser. print() merupakan salah satu fungsi yang terdapat dalam PHP untuk menampilkan data, biasanya dimodifikasi dengan data yang dimasukkan, Dalam kasus ini anda menjalankan fungsi print() yang berisi sekumpulan karakter (Hello World) atau disebut String. String harus diapit oleh tanda ".

Anda dapat memasang kode PHP didalam HTML, cukup seperti ini:

<html>
<head>
<title>My first PHPtitle>
head>
<body>

print "Hello World";
?>
body>

Tetapi anda tidak bisa menyimpannya dalam format .html, anda harus menyimpannya dalam format .php

Comments

Sama seperti HTML, anda pun bisa menuliskan komentardi kode PHP anda. Untuk menuliskan komentar satu baris pada PHP harusdiawali dengan dua tanda // atau sebuah tanda #. Semua teks setelah tanda tersebut tidak akan dibaca oleh PHP. Jika anda ingin menuliskan komentar lebih dari satu baris anda dapat menggunakan tanda /* dan diakhiri dengan tanda */. Contoh:


// Ini merupakan kode pertama sayaprint ("Hello World!");
?>

Variables

Variabel merupakan sebuah tempat yang anda definisikan untuk menyimpan sebuah nilai. Variabel mempunyai nama yang anda definisikan dan diawali dengan tanda $. Nama variabel bebas anda dapat menuliskan dengan karakter, angka dan garis bawah "_". Nama variabel tidak boleh mengandung spasi atau karakter lain selain angka dan huruf. Contoh:


$nama="bobi";
$umur=30;
$negara="Indonesia";
print "Halo nama saya $name, saya $age tahun dan tinggal di $country";
?>

Hasil:

Halo nama saya bobi, saya 30 tahun dan tinggal di Indonesia

Sudah dapet maksudnya? Jika anda lihat kode diatas, kita membuat variabel nama yang diisi dengan teks "bobi", kita kuga membuat variabel umur dan negara. Maka apabila kita menulis $umur didalam fungsi print maka yang ditampilkan adalah isi dari variabel tersebut. Kita juga dapat mengisi variabel dengan variabel yang lain serta dapat memanipulasinya. Ini contohnya:


$x=3;
$y=4;
$hasil=$x+$y;
print "$x + $y = $hasil
";
$firstname="Dhimas";
$lastname="Ronggobramantyo";
$fullname="$firstname $lastname";
print "Nama saya adalah $fullname";
?>

Hasil:

3 + 4 = 7
Nama saya adalah Dhimas Ronggobramantyo

Jika anda lihat pada variabel "hasil" kita mengisinya dengan variabel x ditambah variabel y. Kita melakukan manipulasi yaitu menambah nilai variabel x dan y yang hasilnya disimpan pada variabel hasil. Sebelum anda meneruskan, coba anda pahami terlebih dahulu mengenai variabel, cobalah untuk mengubah kode-kode yang ada.

Array

Array merupakan sekumpulan elemen yang memiliki tipe yang sama. Di dalam array data tersimpan dengan menggunakan index untuk memudahkan pencarian kembali data tersebut. Variabel hanya memiliki sebuah nilai sedangkan array dapat mempunyai sejumlah nilai. Data dalam suatu array disebut elemen-elemen array. Semua elemen array yang tersimpan mempunyai tipe data yang sama. Array dapat berdimensi satu atau lebih (multidimensi). Oke sekarang cobalah contoh berikut ini:


$name[0]="James";
$name[1]="Bobi";
$name[2]="Robert";
print "Halo nama saya $name[0] dan teman saya adalah $name[2]";
?>

Hasil:

Halo nama saya James dan teman saya adalah Robert

Mirip dengan variabel kan, hanya saja terdapat kurung siku atau dikenal dengan istilah vektor untuk membedakan antara $name yang satu dengan yang lain. Untuk membuat array anda dapat menggunakan cara lain yaitu menggunakan fungsi array(). Contoh:

$name = array("James", "Bobi", "Robert");

Pada bagian vektor (yang didalam kurung siku) tidak hanya dapat di isi angka saja tetapi juga dapat di isi oleh teks. Contoh:


$country["james"]="United States";
$country["bob"]="United Kingdom";
$country["robert"]="Singapore";
print "Hallo $country[james]";
?>

If statement

Belajar pemrograman tidak akan lengkap jika belum ada if. Fungsi if digunakan untuk membuat berbagai ekspresi yang berbeda, apabila ekspresinya benar maka kode yang didalam ekspresi tersebut akan dijalankan. Untuk gampangnya perhatikan diagram kode diabawah ini:

if ( expression 1 )
{
// kode yang dijalankan apabila ekspresi 1 benar
}
elseif ( another expression 2 )
{
// kode yang dijalankan apabila ekspresi 1 salah
// dan ekspresi 2 benar
else
{
// kode yang dijalankan apabila ekspresi 1 dan 2 salah
}

Apabila ekspresi 1 bernilai benar maka kode didalamnya akan dijalankan, dan setelah itu selesai. Tetapi apabila ekspresi 1 salah maka program akan membaca ekspresi 2, apabila ekspresi 2 maka kode didalamnya akan dijalankan dan selesai. Tetapi apabila ekspresi 2 salah maka program akan menjalankan kode yang berada didalam else karena semua ekspresi sebelumnya salah. Anda dapat menambahkan elseif sebanyak apapun yang anda mau. Cobalah kode berikut ini:


$x=3;
if ($x > 5) {
   
print "$x lebih besar dari 5";
} else if ($x < 5) {
   
print "$x lebih kecil dari 5";
} else if ($x == 5) {
   
print "$x sama dengan 5";
} else {    print "$x bukan merupakan angka";}
?>

Variabel $x menyimpan nilai yaitu "3". Angka "3" tidak lebih besar dari "5", Maka ekspresi pertama akan dilewati. Pada elseif berikutnya diuji apakah 3 < 5, tentu saja hasilnya benar. Maka blok kode didalamnya akan dijalankan. Cobalah untuk mengganti nilai variabel $x agar mendapatkan hasil yang berbeda-beda. Pahamilah perbedaannya. Contoh lainnya:


$score=67;
if ($score < 20) {
print "Nilai anda: $score, anda dapat E";
}
elseif ( ($score > 20) && ($score < 40) ) {
print "Nilai anda: $score, anda dapat D";
}
elseif ( ($score > 40) && ($score < 60) ) {
print "Nilai anda: $score, anda dapat C";
}
elseif ( ($score > 40) && ($score < 80) ) {
print "Nilai anda: $score, anda dapat B";
}
else {
print "Nilai anda: $score, anda dapat A";
}
?>

Switch Statement

Perintah switch merupakan alternatif pengganti dari If. Perintah switch akan menyeleksi kondisi yang diberikan dan kemudian membandingkan hasilnya dengan konstanta-konstanta yang ada didalam case. Pembandingan akan dimulai dari konstanta pertama sampai terakhir. Jika kondisi ditemukan maka program akan membaca kode didalam konstanta tersebut, dan ketika bertemu perintah break; maka program akan keluar dari fungsi switch. Untuk lebih jelasnya perhatikan diagram kode berikut ini:

switch ( expression )
{
case result1:
// Kode akan dijalankan apabila ekspresi sesuai dengan result1
break;
case result2:
// Kode akan dijalankan apabila ekspresi sesuai dengan result1
break;
default:
// Kode akan dijalankan apabila break tidak dijalankan
}

Pada dasarnya mirip dengan if, coba anda perhatikan contoh berikut ini:


$sex=cowok;
switch ( $sex )
{
    case "cowok":
        print "Saya cowok";
        break;
    case "cewek":
        print "saya cewek";
        break;
    default:
        print "Saya bukan cowok/cewek 
tapi 
$sex";
}
?>

Pengulangan (while)

Fungsi while digunakan untuk melakukan pengulangan suatu blok kode. Jumlah pengulangan yang terjadi tergantung dari ekspresi yang ditentukan. Anda akan sering menggunakan fungsi while untuk mengambil data dari database. Blok diagram kode while kira-kira seperti ini:

while (ekspresi) 
    Kode yang diulang
endwhile;

Inilah contohnya:


$i=1;
while ($i <= 10) {
   
echo "Loop $i
";
   
$i++;
}
?>

Hasil:

Loop 1
Loop 2
Loop 3
Loop 4
Loop 5
Loop 6
Loop 7
Loop 8
Loop 9
Loop 10

autoincrement (++) dan autodecrement (--) sama saja artinya dengan menjumlahkan/mengurangkan nilai variabel dengan nilai satu, jadi jika kita memiliki variabel i yang bernilai 1 kemudian kita menjalankan $i++; maka nilai i akan menjadi 2. Pada kode diatas pertama-tama kita memberi nilai variabel i dengan 1. Kemudian dibawahnya ada kode while yang artinya jika nilai i lebih kecil sama dengan 10 maka kode yang berada didalam while akan dijalankan. Karena nilai i adalah 1 maka kode dijalankan yaitu mencetak teks Loop dan nilai variabel i yaitu 1. Setelah itu kode berikutnya adalah $i++; yang berarti nilai i menjadi 2.

Kembali mengecek apakah nilai i (yaitu 2) lebih kecil 10? karena benar maka kode didalam while dijalankan yaitu mencetak Loop dan nilai variabel i yaitu 2. Setelah itu kode berikutnya adalah $i++; yang berarti nilai i menjadi 3. Begitu seterusnya hingga nilai i betambah terus sampai ekspresi while salah (yaitu saat nilai i tidak lebih kecil dari 10) dan kode didalam tidak dijalankan.

Perlu di ingat apabila kita tidak memasang kode $i++; maka nilai i akan selalu 1 tidak bertambah sehingga kondisi i lebih kecil selalu tercapai dan pengulangan tidak berhenti. Hal ini akan membuat sistem berhenti bekerja, karena terus melakukan pengulangan.

Pengulangan (for)

Perintah for digunakan untuk mengulang perintah dengan jumlah pengulangan yang sudah diketahui. Pada perintah for anda tidak perlu menuliskan kondisi untuk diuji. Anda hanya menuliskan nilai awal dan akhir variabel penghitung. Nilai variabel penghitung ini akan bertambah atau berkurang setiap kali sebuah pengulangan dilakukan. Karena itu pengulangan yang tidak berhenti (seperti dalam kasus while) tidak akan terjadi. Diagram kodenya seperti ini:

for ( variable awal; ekspresi; variabel increment/decrement )
{
// Kode yang dijalankan
}

Ekspresi pertama merupakan variabel awal / nilai awal, sedangkan yang kedua merupakan kondisi yang harus dicapai agar pengulangan dilakukan, sedangkan yang ketiga merupakan peningkatan/penurunan nilai variabel. Contoh diatas yang menggunakan while jika kita menggunakan for akan seperti ini:


for ($i=1; $i<=10; $i++) { 
echo "Loop $i
";
}
?>

Hasil:

Loop 1
Loop 2
Loop 3
Loop 4
Loop 5
Loop 6
Loop 7
Loop 8
Loop 9
Loop 10

Fungsi

Fungsi merupakan sekumpulan kode yang dapat kita panggil kembali. Ketika dipanggil maka kode-kode didalam fungsi tersebut akan dijalankan. Dengan menggunakan fungsi, program akan lebih mudah dibaca dan kita tidak perlu menulis kode yang sama berkali-kali. Kita dapat mengirimkan nilai variabel kedalam fungsi dan ketika fungsi selesai dijalankan nilai variabel tersebut dapat kita ambil kembali. Oke untuk lebih jelasnya, misalkan kita memiliki kode PHP seperti ini:



$i=7;
$a=9;
$x=$i+$a;
print "$x
";

$i=7;
$a=9;
$x=$i+$a;
print "$x
";

$i=7;
$a=9;
$x=$i+$a;
print "$x
";

$i=7;
$a=9;
$x=$i+$a;
print "$x
";

$i=7;
$a=9;
$x=$i+$a;
print "$x
";
?>

Jika kita menulis kode tersebut, kita telah membuang-buang waktu karena kita menulis kode yang sama sebanyak 5 kali. Jika kita menggunakan function() maka kita cukup menulisnya sekali saja, dan sisanya tinggal memanggil fungsi tersebut. Oke sekarang kita coba buat kode diatas menggunakan fungsi:


function myfunction() {
$i=7;
$a=9;
$x=$i+$a;
print "$x
";
}

myfunction();
myfunction();
myfunction();
myfunction();
?>

Kita membuat fungsi dengan nama myfunction, kita bebas memberikan nama untuk fungsi yang kita buat. Didalam fungsi myfunction terdapat sekumpulan kode. Nah untuk memanggil fungsi myfunction kita cukup menulis nama fungsinya saja yaitu myfunction();

Anda juga dapat mengirim variabel kedalam sebuah fungsi. Misal anda memiliki kode seperti dibawah ini yang dibuat tanpa fungsi:


$i=1;
$j=2;
$x=$i+$j;
print "$x
";

$i=3;
$j=4;
$x=$i+$j;
print "$x
";

$i=5;
$j=6;
$x=$i+$j;
print "$x
";

$i=7;
$j=8;
$x=$i+$j;
print "$x
";
?>

Seperti yang anda lihat pada kode diatas sama semua hanya saja nilai variabelnya berbeda, kita dapat membuat fungsi dimana nilai variabelnya bisa kita masukkan. Seperti ini kodenya jika kode diatas dibuat menggunakan fungsi:


function anotherfunction($i,$j) {
$x=$i+$j;
echo "$x
";
}

anotherfunction(1,2);
anotherfunction(3,4);
anotherfunction(5,6);
anotherfunction(7,8);
?>

function anotherfunction($i,$j). $i dan $j adalah variabel yang memiliki nilai 1 dan 2 ketika kita memanggil fungsi anotherfunction(1,2) Jika kita memiliki fungsi:

function add($i,$j) {
...
}

Dan anda memanggil fungsi tersebut dengan add(1,2); maka nilai $i didalam fungsi tersebut adalah 1 dan nilai $j adalah 2.

Jika anda memiliki fungsi:

function substract($i,$j,$k) {
...
}

Dan anda memanggil fungsi substract(5,6,8); maka nilai $i = 5, $j = 6 dan $k = 8. Sekarang jika anda memanggil fungsi seperti ini:

$x=10;
substract(8,9,$x);

maka $i=8, $j=9 dan $k=10.

Bagaimana? sebelum anda lanjut akan lebih baik jika anda pahami betul mengenai fungsi, karena semakin besar kode PHP yang anda buat maka semakin banyak fungsi yang akan anda gunakan. Anda bisa saja membuat kode PHP tanpa fungsi, tetapi seperti yang saya bilang dengan fungsi anda bisa menghemat penulisan kode yang berulang-ulang.

Forms

Didalam dunia World Wide Web, form HTML merupakan tempat dimana kita bisa mengirimkan informasi dari pengguna ke server. PHP didesain agar dapat bekerja dan menerima informasi dari form HTML. Oke sekarang cobalah kode berikut ini dan simpan dengan nama form.php:

<form action="result.php" method="POST">
Name: <input type="text" name="myname" size="20"><br>
Address: <input type="text" name="myaddress" size="40"><br>
<input type="submit" name="submit" value="Send">
form>

Sekarang tuliskan kode dibawah ini dan simpan dengan nama result.php:


print "Selamat Datang, $myname.
";
print "Alamat anda adalah $myaddress";
?>

Jika anda buka result.php maka isi dari variabel $myname dan $myaddress kosong, karena memang belum anda deklarasikan isinya. Tetapi jika anda membuka file form.php terdapat text field dengan nama "myname" dan "myaddress". Nah nama textfield ini akan menjadi nama variabel apabila kita mengirimkannya ke PHP. Buka form.php dan coba anda isi text nama dan alamat. Ketika tombol diklik maka variabel tersebut akan dikirim ke file post.php. Dan file post.php akan menerimanya dan menampilkannya.

Anda dapat mengirim nilai variabel tersebut ke file itu sendiri. Metode ini biasanya yang paling sering digunakan. Untuk mengirim variabel ke file dirinya sendiri ubah saja form action ke . Cobalah kode dibawah ini dan simpan dengan nama self.php:

<html>
<head>
head>
<body>

If ($ok) {
print "Selamat Datang, $myname.
";
print "Alamat anda adalah $myaddress
";
}
?>
<form action="" method="POST">
Name: <input type="text" name="myname" size="20"><br>
Address: <input type="text" name="myaddress" size="40"><br>
<input type="submit" name="ok" value="Send">
form>
body>
html>

Beberapa fungsi built in PHP

PHP memiliki buanyak fungsi didalamnya. Buanyak bukan banyak, karena memang sangat banyak. Anda dapat membaca semua fungsinya di manual PHP. Belum lagi class-class yang tersebar di internet. Dijamin anda akan menemukan apa yang anda butuhkan. Oke, kembali ke fungsi. Saya akan menerangkan 3 fungsi dalam PHP yaitudate(), strlen() dan substr().

Fungsidate() digunakan untuk menampilkan tanggal dari server. Kita bisa mengatur hasil tampilan daridate() sesuka hati kita. Inilah kode-kode yang digunakan untuk menampilkan formatdate():

Format	Deskripsi	Hasil
a	'am' atau 'pm' huruf kecil	pm
A	'AM' atau 'PM' huruf besar	PM
d	Tanggal (dengan angka diawali dengan 0)	20
D	Hari (3 huruf)	Thu
F	Bulan	January
	Jam (format 12 jam - diawali dengan 0)	03
H	Jam (format 24 jam - diawali dengan 0)	20
g	Jam (format 12 jam - tanpa 0)	3
G	Jam (format 24 jam - tanpa 0)	20
i	Menit	47
j	Tanggal (tanpa 0)	3
1	Hari	Thursday
L	Melompati tahun ('1' untuk ya, '0' untuk no)	1
m	Bulan (angka - diawali dengan 0)	01
M	Bulan (3 huruf)	Jan
n	Bulan (angka - tanpa 0)	1
s	Detik	24
U	Time stamp	1142743213
y	Tahun (2 digit)	06
Y	Tahun (4 digit)	2006
z	Jumlah hari dalam setahun (0-365)	19
Z	Waktu dari GMT	0

Contoh:


print "Today is ";
print date("j of F Y, \a\\t g.i a");
?>

Hasil:

Today is 11 of October 2007, at 11.42 am

Bagaimana? mudah bukan untuk menampilkan tanggal pada PHP, sekarang kita pelajari strlen()

strlen() digunakan untuk mengetahu panjang dari string atau jumlah karakter dalam string. strlen() memerlukan masukan berupa string dan akan mengembalikan nilai yang merupakan jumlah karakter dalam string tersebut.

substr() digunakan untuk memotong suatu string dengan menentukan posisi karakter awal dan jumlah karakter yang akan dipotong. Daripada bingung cobalah kode berikut ini:


$text="Computer";
print strlen("$text");
print "
";
print substr("$text",3);
print "
";
print substr("$text",3,3);
?>

Hasil:

8
puter
put

Bagaimana? mudah kan. Semua yang telah anda baca, mulai dari menginstall hingga bagian ini merupakan dasar-dasar dari PHP dan masih banyak lagi yang harus dipelajari. Tetapi karena anda telah mengetahui dasarnya, maka tidak akan terlalu sulit apabila anda ingin mempelajari PHP lebih dalam lagi.

Belajar XHTML dan Web Standards serta mengenali seluk beluknya

2009-12-27T08:28:00.001-08:00

Web Standards merupakan sebuahstandard dalam menyusun kode-kode HTML yang baik dan terstruktur.Kebanyakan website yang ada saat ini disusun dengan kode HTML yangtidak terstruktur, hancur dan berantakan. Karena itu World Wide Web Consortium (W3C) dengan semangat membara ingin menyuruhpara pembuat website diseluruh dunia untuk menstandardkan websitenya.

XML

Anda tentu sudah tau tentang XML, yang merupakan bahasa markup sepertihalnya HTML. Hanya saja XML lebih terstruktur penggunaannya, salahsedikit saja maka aplikasi-aplikasi yang dapat membaca XML akan gagalmembaca file XML anda. Perbedaan antara XML dan HTML adalah: HTMLdidesain untuk menampilkan data sedangkan XML didesain untuk mendeskripsikan data.

Karena itu W3C mengeluarkan standard baru yang menggabungkan kekuatan HTML dan XML menjadi satu yaitu XHTML.Karena XHTML merupakan XML, maka XHTML bisa dibaca oleh semua alat yangmampu membaca XML. Dan karena XHTML juga merupakan HTML makabrowser-browser kuno juga mampu membacanya.

Kenapa sih harus standard?

Ini pertanyaan yang sering ditanyakan oleh orang-orang, kenapa websitekita harus standard? Oke, jika kita menggunakan browser seperti IE,Firefox dan browser lainnya dikomputer tidak akan masalah walaupun kodeHTML kita berantakan karena browser-browser tersebut cukup canggih danmampu membaca kode HTML sekacau apapun. Tapi bagaimana denganorang-orang yang masih menggunakan browser text seperti Linx? atauorang buta yang menggunakan browser Webbie atau screen reader untukmembaca website anda? Atau bagaimana dengan orang-orang yang mengakseswebsite anda melalui Handphone, PDA atau gadget-gadget kecil lainnya.Dengan membuat website anda menjadi standard maka website anda dapatdibaca oleh semua media

Dengan bantuan CSS (Cascading Stylesheet) makatampilan XHTML anda bisa dipercantik tanpa harus mengubah kode XHTMLanda. Jadi gabungan XHTML dan CSS akan menghasilkan website maut yangkompatibel disemua media.

Satu lagi keunggulan web standard. Karena kode XHTMLanda terstruktur dan tidak terlalu banyak kode (karena layout dantampilan diatur oleh CSS) maka Search Engine dapat lebih mudahmengindeks website anda. Website anda akan lebih mudah masuk SearchEngine.

Jadi? jika anda ingin beralih ke XHTML teruskan membaca, tetapi jikaanda pikir ini hanya omong kosong silahkan saja klik tanda silangdikanan atas browser anda. Pilihan ada ditangan Anda :)

Deklarasikan bahwa file anda XHTML

Mungkin anda akan bertanya-tanya, berarti sayasimpan filenya dengan nama index.xhtml? tidak perlu, anda gunakan sajaindex.html atau index.php atau lainnya. Yang penting disini adalah kitamendeklarasikan bahwa dokumen kita adalah dokumen XHTML. XHTML sendirisaat ini sudah ada 3 versi, yaitu XHTML 1.0, XHTML 1.1 dan XHTML 2.0(dalam pengembangan). Apabila anda masih beralih dari HTML ke XHTMLgunakan saja XHTML 1.0, karena XHTML 1.1 sudah banyak perubahan apalagiyang XHTML 2.0.

XHTML 1.0 sendiri dibagi menjadi 3 tipe dokumen yaitu:

STRICT. Puncaknya standard, gunakan ini apabila andabenar-benar menginginkan kode yang benar-benar terstruktur. Beberapatag sudah dihilangkan disini seperti </code>. Anda harus mengkombinasikan antara XHTML dan CSS</li><li>TRANSITIONAL. Gunakan ini apabila anda ingin tampilan ditampilkan didalam file XHTML tidak di CSS</li><li>FRAMESET. Gunakan yang ini, jika anda ngotot ingin menggunakan frames</li></ul>Saya akan menerangkan perbedaan ketiganya di artikel lainnya. Sekarang seperti apa deklarasi ketiganya? lihat contoh dibawah:XHTML 1.0 STRICT<div class="boxcode"><pre class="sh_html sh_sourceCode"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></pre></div>XHTML 1.0 TRANSITIONAL<div class="boxcode"><pre class="sh_html sh_sourceCode"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></pre></div>XHTML 1.0 FRAMESET<div class="boxcode"><pre class="sh_html sh_sourceCode"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"></pre></div>Kode XHTML selengkapnya adalah:<div class="boxcode"><pre class="sh_html sh_sourceCode"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Judul Halaman Web</title> </head> <body> Isi halaman Web </body> </html></pre></div><h4>Seperti apa sih kode XHTML?</h4>Banyak sekali perbedaan antara kode HTML dan XHTML, yang pertama tentusaja diatas kode anda harus dideklarasikan apakah kode anda XHTMLFrameset, Transitional atau Strict. Anda sudah melihat contohnyadiatas. Kemudian apa lagi? masih banyak yang harus diingat. Mari kitabahas satu persatu.<h4>Gunakan selalu huruf kecil (lowercase)</h4>Ahh, kebiasaan kita dalam membuat HTML, hurufnyagede-gede bahkan kadang-kadang campur aduk nggak karuan. Perhatikancontoh HTML yang keliru dibawah ini:<div class="boxcode"><pre class="sh_html sh_sourceCode"><table WIDTH="100%"> <TR><TD>Contoh Teks</TD></TR> </table></pre></div>Jika anda perhatikan pada dicontoh diatas, tag ataupun atribut ada yangmenggunakan huruf kapital (uppercase). Didalam XHTML kode seperti itusalah, anda harus selalu menggunakan huruf kecil. Karena itu biasakanmenggunakan huruf kecil dalam membuat tag html. Walaupun toh hasilnyadibrowser sama saja, tetapi web anda menjadi tidak standard. Ini contohXHTML yang benar:<div class="boxcode"><pre class="sh_html sh_sourceCode"><table width="100%"> <tr><td>Contoh Teks</td></tr> </table></pre></div><h4>Semua tag harus terstruktur dengan baik</h4>Setiap tag yang dibuka harus ditutup dan harus terstruktur dengan baik dan benar. Perhatikan contoh yang salah ini:<div class="boxcode"><pre class="sh_html sh_sourceCode">Ini Contoh Text</pre></div>Oke anda tau kesalahannya? ya <code></code> yang dibuka didalam <code></code> tetapi malah yang ditutup <code></code> duluan. Yang benar adalah:<div class="boxcode"><pre class="sh_html sh_sourceCode">Ini Contoh Text</pre></div>Contoh lagi yang salah:<div class="boxcode"><pre class="sh_html sh_sourceCode">Paragraf 1 Paragraf 2</pre></div>Apa kesalahannya? ya, <code></code> tidak ditutup. Ini yang benar:<div class="boxcode"><pre class="sh_html sh_sourceCode">Paragraf 1 Paragraf 2</pre></div><h4>Standalone Tag yang benar</h4>Jika kita biasanya menulis <code> </code> maka didalam XHTML yang benar adalah <code> </code>. Demikian juga dengan <code><hr></code> yang benar <code><hr /></code>. Ada lagi tag yaitu <code><img></code>, <code><input></code> yang benar adalah <code><img /></code>, <code><input /></code><h4>Jangan lupa tanda petik untuk atribut</h4>Kebiasaan buruk lainnya adalah tidak memberikan tanda petik untuk atribut. Perhatikan contoh berikut ini:<div class="boxcode"><pre class="sh_html sh_sourceCode"><table width=100% cellpadding=2 cellspacing=3> <tr><td>Contoh Teks</td></tr> </table></pre></div>Seharusnya yang benar adalah:<div class="boxcode"><pre class="sh_html sh_sourceCode"><table width="100%" cellpadding="2" cellspacing="3"> <tr><td>Contoh Teks</td></tr> </table></pre></div><h4>Menyingkat atribut = Salah!!</h4>Anda pernah menyingkat atribut? mungkin anda tidak menyadarinya, coba perhatikan contoh berikut:<div class="boxcode"><pre class="sh_html sh_sourceCode"><input type="radio" checked> <input type="text" readonly></pre></div>Jadi bagaimana yang benar? mudah, perhatikan contoh yang benar:<div class="boxcode"><pre class="sh_html sh_sourceCode"><input type="radio" checked="checked"> <input type="text" readonly="readonly"></pre></div><h4>Valid kah kode XHTML anda?</h4>Jika anda sudah mengubah semua kode HTML menjadiXHTML, sekarang saatnya anda untuk mengetes apakah kode XHTML andavalid, bagaimana caranya? Kunjungi saja <a href="http://validator.w3.org/">http://validator.w3.org</a>yang merupakan validator resmi dari W3C. Jika tidak terdapat errordalam website anda, selamat website anda sudah standard, dan andabenar-benar memperhatikan website anda dan pengunjung website anda.<h4> </h4>

Upload file ke server dengan menggunakan PHP

2009-12-27T08:25:00.001-08:00

Kali ini saya akan membahas tentang upload file menggunakan PHP. Tentumenyenangkan jika pengguna website anda dapat melakukan upload gambar,dokumen atau video kedalam website anda. Artikel ini akan menerangkancara mengupload file keserver anda dengan PHP.

PHP membuat semuanya menjadi lebih mudahdalam menangani upload file. Untuk membuat form upload pastikan kitamenyertakan atribut enctype="multipart/form-data" dan pastikan methodnya adlaha post. Oke langsung saja kita lihat ko

de HTML berikut ini:

<form method="post" action="" enctype="multipart/form-data">
<input type="file" name="myfile"> 
<input type="submit" name="Submit" value="Submit">
form>

Seperti yang kita lihat, kita me,mberi nama padafield upload kita "myfile". Nama ini sangat penting, karena ketika filetelah diupload maka file tersebut otomatis diberi nama yang unik dandisimpan di temporary direktori. Tentu saja url path ke filenya bisadiakses, karena otomatis akan muncul variabel global yang memiliki namayang sama dengan field upload kita, dalam hal ini myfile. Akan ada 4 variabel baru yang semuanya diawali dengan myfile dan diikuti dengan garis bawah (underscore), yaitu:

$myfile. Variabel ini berisi informasi lokasi file di server.
$myfile_name. Nama file asli ketika masih dikomputer klien.
$myfile_size. Ukuran dari file (dalam satuan bytes).
$myfile_type. Tipe file.

Upload sederhana

Langsung saja kita coba

contoh upload berikut ini, simpan dengan nama upload.php:

<html>
<head>
<title>Upload filetitle>
head>
<body>

if ( isset( $upload ) ) { 
    echo "Lokasi File: $myfile
";
    echo "Nama File: $myfile_name
";
    echo "Ukuran: $myfile_size bytes
";
    echo "Tipe File: $myfile_type
";
    copy ( $myfile, "$myfile_name") or die ("Gagal mengupload");
}
?>
<form enctype="multipart/form-data" action="" method="post">
<input type="file" name="myfile"><br>
<input type="submit" value="upload" name="upload">
form>
body>
html>

Ketika tombol upload ditekan, maka url path file tersebut akan disimpan di variabel $myfile dan kita tampilkan dibrowser. Kita juga menampilkan nama file yang tersimpan pada variabel $myfile_name, ukuran file di variabel $myfile_size dan tipe file di variabel $myfile_type.

Kita menggunakan fungsi copy() untuk memindahkan file dari komputer kita direktori sementara di server kita. Fungsi copy()membutuhkan dua argumen yaitu lokasi awal file dan lokasi barudiserver. Jika kita ingin mengupload nya ke suatu folder diserver(katakanlah kita simpan difolder images) maka kita perlu mengubahnyamenjadi: copy ( $myfile, "images/$myfile_name")

Upload yang lebih kompleks

Sekarang mari kita coba membuat fungsi upload yang jauh lebih rumit.Misalkan kita ingin membuat fungsi upload dimana file yang diuploadharus file jpg, dan ukurannya tidak boleh lebih besar dari 100Kb sertapanjang dan lebar gambar tidak boleh lebih dari 100 piksel.Kelihatannya rumit kan? Mari kita coba kode berikut dan simpan dengannama upload2.php:

<html>
<head>
<title>Upload filetitle>
head>
<body>

if ( isset( $upload ) ) { 
echo "Lokasi File: $myfile
";
echo "Nama File: $myfile_name
";
echo "Ukuran: $myfile_size bytes
";
echo "Tipe File: $myfile_type
";
if ( $myfile_type == "image/pjpeg" ) {
    if ($myfile_size <= 102400 ) {
        list($width, $height) = @getimagesize("$myfile");
        if ( $width <= 100 && $height <= 100 
) {
            copy ( $myfile, 
"$myfile_name") or die ("Couldn't copy");
            echo "File anda telah sukses diupload";
        } else {
            echo "Ukuran panjang dan lebar gambar terlalu besar";
        }
    } else {
        echo "Ukuran file tidak boleh lebih dari 100Kb";
    }
} else {
    echo "File harus JPG!!";
}
}
?>
<form enctype="multipart/form-data" action="" method="post">
<input type="file" name="myfile"><br>
<input type="submit" value="upload" name="upload">
form>
body>
html>

Pertama-tama yang kita lakukan adalah mengecek apakah file kita jpg dengan cara mengecek $myfile_type. Jika hasil dari variabel $myfile_typeadalah "image/pjpeg", maka bisa dipastikan bahwa file kita adalah jpg.Berikutnya kita melakukan pengecekan apakah ukuran filenya tidak lebihbesar dari 100Kb dengan mengecek variabel $myfile_size. Ingat bahwa 100Kb = 102400Bytes(Rumusnya 1Kb=1024Bytes). Kemudian kita menggunakan fungsi getimagesize() untuk menemukan panjang dan lebar dari gambar yang kita simpan dengan array menggunakan fungsi list().Kemudian kita cek panjang dan lebar dari gambar apakah tidak lebih dari100 piksel. Jika semuanya terpenuhi maka filenya tinggal kita copy.Cukup mudah kan? gampang... anda pasti bisa.

7 Rahasia CSS yang (mungkin) belum anda ketahui dan wajib diketahui

2009-12-27T08:23:00.001-08:00

CSS pasti sudah menjadi hal yang wajib dipelajari jika anda inginmembuat website. Meneruskan artikel saya yang lalu tentang dasar-dasarCSS, sekarang saya akan memberitahu rahasia CSSyang mungkin belum anda ketahui dan wajib diketahui, karena dapatmemperkecil ukuran file CSS anda. Inilah dia rahasia CSS yang (mungkin)belum anda ketahui:

1. Memasang 2 class pada 1 tag HTML

Hei, apa anda tau bahwa kita bisa memasang

2 classuntuk satu tag HTML? Jawabannya bisa.. Jika kita biasanya hanya membuatkode seperti ini:

Maka jika kita ingin bahwa

mengikuti dua aturan class yang berbeda maka kita cukup mengubahnya menjadi:

Jadi jika anda memiliki class content dan isi maka kedua aturan pada class tersebut akan dimasukkan kedalam

. Ingat hanya 2 tidak bisa lebih d

an dipisahkan dengan spasi.

2. Hilangkan px untuk nilai 0

Oke, katakanlah anda memiliki kode CSS seperti ini:

.box {
border-top:10px;
border-left:0px;
padding:0px;
}

px disini berarti satuannya pixel dan kita harusmenuliskannya, tetapi ternyata ada pengecualian untuk angka 0 (angka 0saja) jadi kita bisa menuliskannya seperti ini:

.box {
border-top:10px;
border-left:0;
padding:0;
}

Ya, angka 0 tidak perlu menggunakan px, ini berar

ti kita memperkecil sedikit ukuran file CSS kita :)

3. Gunakanlah selalu shorthand

Apa sih shorthand? Shorthand merupakan aturan di CSS untuk menyingkat kode CSS anda. margin, dan padding merupakan contoh yang bisa kita singkat. Perhatikan contoh CSS berikut ini:

.box {
border-top:10px;
border-left:0;
border-right:20px;

border-bottom:15px;
padding-top:0;
padding-bottom:10px;
padding-left:12px;
padding-right:9px;
}

Dapat anda singkat menjadi:

.box {
border:10px 20px 15px 0;
padding:0 9px 10px 12px;
}

Lihat berapa banyak yang bisa kita hemat :) yangpaling penting adalah urutannya dari kiri ke kanan dimulai dari posisiatas kemudian bergerak searah jarum jam.

4. Shorthand pada warna

Yap, warna pun bisa kita singkat, jika kita memiliki wa

rna putih maka kita menggunakan #ffffff bisa disingkat menjadi #fff. Demikian juga jika kita memiliki warna #111111 menjadi #111. Tapi kita tidak bisa menyingkat warna #abcdef. Harus warna yang memiliki angka hexa yang sama.

5. Shorthand pada font

Siapa bilang font tidak bisa disingkat? Jika anda memiliki

kode seperti ini:

.box {
font-style: italic;
font-weight: bold;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif;
}

Dapat anda singkat menjadi 1 baris: font: bold itali

c small-caps 1em/1.5em verdana,sans-serif
Perlu diingat bahwa untuk menyingkat font anda wajib mengatur font-size dan font-family yang diletakkan paling akhir. Untuk yang lainnya tidak wajib ada.

6. Menyingkat yang sudah disingkat

Kita bisa menyingkat yang sudah disingkat. Sudahsingkat tapi masih bisa disingkat lagi? Nggak masuk akal.. Bisa.Perhatikan contoh berikut ini:

.box {

border-top:10px;
border-left:20px;
border-right:20px;
border-bottom:10px;
padding-top:0;
padding-bottom:0;
padding-left:15px;
padding-right:15px;

Oke, jika kode diatas disingkat maka hasilnya seperti ini:

.box {
border:10px 20px 10px 20px;
padding:0 15px 0 15px;
}

Dan karena nilai atas dan bawah serta kiri dan kanan nya sama. Maka bisa disingkat lagi menjadi:

.box {
border:10px 20px;

padding:0 15px;
}

Sip kan.. Ingat ini hanya berlaku jika nilai atas dan bawah serta kiri dan kanan sama.

7. Menengahkan objek

Anda ingin menengahkan suatu objek, misal images atau div. Gampang gunakan sa

ja auto pada margin. Perhatikan contoh berikut ini:

#content
{
width: 600px;
margin: 0 auto;
}

auto disini berarti kita membiarkan CSS mendeteksilebar kiri dan kanan secara otomatis berdasarkan lebar layar. Makaotomatis hasilnya akan ketengah. Tidak berlaku jika kita inginmenengahkan secara vertikal.

Bagaimana menarik bukan? itu baru sebagian kecil, dan masih banyak lagi rahasia dan trik CSS yang perlu diketahui.

Cara Meningkatkan Alexa Rank Website Anda

2009-12-27T08:12:00.001-08:00

Alexa adalah website yang menyediakan informasi mengenai traffic suatu website.
Alexa rank dapat dijadikan gambaran mengenai jumlah pengunjung yang mendatangi suatu blog yang terekam oleh Alexa.
Alexa Rank sangat penting bagi website kita karena ada beberapa website layanan iklan komersil/adsense yang memberikan syarat ranking Alexa dalam batasan tertentu jika kita ingin menggunakan layanannya.
Rangking Trafiic Alexa dihitung berdasar perhitungan tri wulan sejarah data traffic yg dikumpulkan Toolbar Alexa pengguna.
Data juga didapat dari sumber lain dan dikombinasikan dengan pageviewdan reach / kunjungan web asli pengunjung dan bukannya robot.
Berikut beberapa langkah untuk meningkatkan Alexa rank:
1. Memasang Alexa Rank Widget di sidebar anda
Kode Alexa dapat didownload di http://www.alexa.com/site/devcorner
Pemasangan kode pada sidebar sama seperti pemasang
an kode HTML pada umumnya.
2. Memasang Plugin Alexa
Menginstall Alexa Toolbar(http://www.alexa.com/site/download/).
Setting alamat Website kita sebagai homepage utama dari browser yang kita gunakan.
3. Menulis Artikel mengenai Alexa
Posting artikel bisa dalam bentuk materi tentang Alexa, tips-tips maupun hal lain seputar Alexa Rank.
4. Tingkatkan Trafik Kunjungan
Cara paling bagus adalah membuat artikel yang berbobot.
5. Bergabung dengan Forum atau Mailing List yang sesuai dengan Materi Website anda
Cara paling mudah untuk menarik minat seseorang untuk datang berkunjungadalah meninggalkan link website / blog pada bagian signature, disertaiketerangan singkat mengenai isinya.

Memanfaatkan Unordered List untuk membuat menu horizontal, vertikal dan sitemap

2009-12-27T08:08:00.001-08:00

Anda tentu tidak asing lagi dengan tag HTML dan

yang kita anggap remeh ini menjadi sesuatu yang

Unordered List

Oke, mari kita ingat terlebih dahulu mengenai list, jika anda memiliki kode seperti ini:



List 1

List 2
  List 3

Maka hasilnya akan seperti ini:

List 1
List 2
List 3

Oke anda sudah ingat?, sekarang apa saja yang bisa kita lakukan denganlist yang membosankan seperti itu? Banyak, dengan bantuan CSS kita bisamemanfaatkan list untuk membuat website kita menjadi lebih menarik.

Yang perlu kita ingat bahwa unordered list selalu terdiri dari 2 tag, yaitu tag

dan

. Oke sekarang anda coba berikut ini dan simpan dengan nama menu.html:
```
 href="#">Home

 href="#">Artikel

 href="#">Kategori

 href="#">Belajar List
```
Maka hasilnya seperti ini:
- Home
- Artikel
- Kategori
- Belajar List
Kita akan menggunakan menu.html untuk semua contohdari awal sampai akhir dari artikel ini. Anda hanya perlu menggantikode CSS dengan contoh yang diberikan. Saya yakin anda sudah taubagaimana memasang CSS pada HTML. Jika belum mengerti, silahkan bacaartikel dasar-dasar CSS.
Membuat kotak mengelilingi menu
Pertama-tama kita akan coba membuat kotak yang mengelilingi menu kita.Karena kotak berada dibagian terluar dari menu, maka kita perlumengubah CSS untuk tag

Mendesign Web

2009-12-27T08:05:00.001-08:00

Sering kita temui website yang tipikal: “Welcome to my homepage,”animasi e-mail, background dengan tulisan miring (diagonal), animasigaris pembatas, tabel dengan border tiga-dimesi dan lain-lain. Hal initerjadi akibat dari fasilitas Template yang disediakan oleh softwarepembuat web seperti: FrontpageT, Corel WebDesignerT, dan sebagainyayang ditujukan untuk mempermudah penggunanya dalam membangun website.
Jika anda puas dengan hasil kerja anda membangun website denganfasilitas template, sudahlah cukup sampai disini. Tetapi jika andatidak puas dengan apa yang anda buat, dan anda merasa ingin lebih baik,maka anda perlu mengetahui bagaimana Web Designer membangun suatuWebsite, terlepas anda punya bakat seni atau tidak.

Unik : Dalam membuat karyaapapun seorang designer mempunyai kesadaran untuk tidak meniru ataumenggunakan karya orang lain. Begitu pula seorang Web Designer harusmempunyai budaya malu untuk menggunakan icon, animasi, button, dll,yang telah digunakan atau dibuat oleh orang lain.
Komposisi : Seorang Web Designerselalu memperhatikan komposisi warna yang akan digunakan dalam websiteyang dibuatnya. Pergunakan selalu Palette 216 WebColor, yang dapatdiperoleh dari Adobe.com, hal ini untuk mencegah terjadinya dither padaimage yang berformat GIF. Dalam membangun website suatu perusahaan, WebDesigner selalu menyesuaikan warna yang digunakan dengan CorporateColor perusahaan tersebut. Sebagai contoh: Telkom Corporate Color-nyaadalah biru, Coca-Cola : merah dan putih, Standard-Chartered : hijaudan biru, dsb. Untuk kemudian warna-warna tadi digunakan sebagai warnadominan atau sebagai elemen pendukung (garis, background, button, dsb).
Simple : Web Designer banyakyang menggunakan prinsip “Keep it Simple”, hal ini ditujukan agartampilan website tersebut terlihat rapi, bersih dan juga informatif.
Semiotik : Semiotika adalah ilmuyang mempelajari tentang tanda-tanda. Dalam hal ini diharapkan denganmelihat tanda atau gambar, user/ audience dapat dengan mudah dan cepatmengerti. Sebagai contoh: Jangan membuat gambar/image yang berkesantombol, padahal itu bukan tombol/ link.
Ergonomis : Web Designer selalumemperhatikan aspek ergonomi. Ergonomi disini adalah dalam halkenyamanan user dalam membaca dan kecepatan user dalam menelusuriwebsite tersebut. Web Designer memilih ukuran Fonts yang tepat sehinggamudah dibaca, Web Designer menempatkan link sedemikian rupa sehinggamudah dan cepat untuk di akses dan lebih penting lagi adalah Informatif.
Fokus : Tentukan hirarkiprioritas dari pesan yang akan disampaikan, misalnya: Judul harusbesar, tetapi jangan sampai akhirnya akan konflik dengan subjudul yangberukuran hampir sama. Hal ini akan membingungkan user/audience untukmenentukan pesan mana yang harus lebih dahulu dibaca/ dilihat.
Konsisten : Tentukan font apayang akan digunakan sebagai Body-text, Judul, Sub Judul dan sebagainya,sehingga website tersebut akan terlihat disiplin dan rapi. Sesuaikanjenis huruf yang digunakan dengan misi dan visi website tersebut,misalnya: hindari menggunakan font Comic dalam membangun website suatuperusahaan resmi.

Demikian beberapa aspek dan prinsip yang digunakan Web Designerdalam membuat website, selebihnya merupakan ekspresi dari pembuatwebsite itu sendiri yang terwujud dalam penggayaan penyusunan website.
Software-software pembuat suatu website
Desain : Untuk membuat desain suatu homepagebiasanya para web designer dimulai dengan software ini sebagai tampilansementara atau dalam membuat layout homepage.

Adobe Photoshop : Desain berbasis titik ( bitmap )
Adobe Image Ready : Memotong gambar-gambar ke dalam format html
Adobe Illustrator : Desain berbasis vector
CorelDraw : Desain berbasis vector
Macromedia Freehand : Desain berbasis vector

Efek Desain : Hal ini dilakukan untuk menghidupkandesain yang telah kita rancang. Seperti menambah efek cahaya, texturdan manipulasi teks.

Macromedia Firework : Efek teks
Painter : Memberikan efek lukisan
Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
Plugins Photoshop : SepertiAndromeda, Alien Skin, Eye Candy, Kai’s Power Tool dan Xenofex jugasangat mendukung untuk memberi efek desain sewaktu anda mendesainlayout homepage di Photoshop.

Animasi : Penambahan animasi perlu untuk membuat homepage agar kelihatan menarik dan hidup.

3D Studio Max : Untuk membuat objek dan animasi 3D.
Gif Construction Set : Membuat animasi file gif
Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
Microsoft Gif Animator : Membuat animasi file gif
Swift 3D : Merancang animasi 3D dengan format file FLASH.
Swish : Membuat berbagai macam efek text dengan format file FLASH.
Ulead Cool 3D : Membuat animasi efek text 3D.

Web Editor : Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.

Alaire Homesite
Cold Fusion
Microsoft Frontpage
Macromedia Dreamweaver
Net Object Fusion

Programming : Hal ini dilakukan setelah sebagianbesar desain homepage telah rampung. Programming bertugas sebagai aksesdatabase, form isian dan membuat web lebih interaktif. Contoh : Membuatguestbook, Form isian, Forum, Chatting, Portal, Lelang dan Iklanbaris.

ASP ( Active Server Page )
Borland Delphy
CGI ( Common Gateway Interface )
PHP
Perl

Upload : File html kita perlu di letakkan ( upload) di suatu tempat ( hosting ) agar orang di seluruh dunia dapat melihathomepage kita.

Bullet FTP
Cute FTP
WS-FTP
Macromedia Dreamweaver : dengan fasilitas Site FTP
Microsoft Frontpage : dengan fasilitas Publish

Sound Editor : Homepage kita belum hidup tanpa musik. Untuk mengedit file midi atau wav, perlu alat khusus untuk itu.

Sound Forge : Mengedit dan menambah efek file yang berformat mp3 dan wav.
Cakewalk : Mengedit dan menambah efek untuk file yang berformat midi

Banyak sekali memang software untuk membuat suatu homepage dan kitatidak perlu mempelajari semua software tersebut di atas. Tapi untukmempermudah, bagi pemula lebih baik dimulai terlebih dulu denganmempelajari software Microsoft Frontpage atau Macromedia Dreamweaver agar lebih mengenal aturan-aturan membuat homepage dan mengenal bahasa html. Setelah itu baru Adobe Photoshop yang dipakai kebanyakan para desainer.
Langkah-langkah Membuat Homepage
Bermacam-macam langkah yang digunakan profesi web kita untuk membuatsuatu homepage. Berikut ini adalah proses secara umum yang dilakukankebanyakan profesi web di Indonesia untuk membuat web.

Membuat Sketsa Desain :Desainer bisa saja menuangkan ide dalam membuat interface suatuhomepage dalam bentuk sketsa di kertas dahulu. Untuk kebanyakan orang,biasanya langkah ini dilewatkan dan langsung pada langkah membuatlayout desain dengan menggunakan software.
Membuat Layout Desain :Setelah sketsa sudah jadi, kita menggunakan software seperti AdobePhotoshop, Adobe Illustrator, Macromedia Fireworks dan MacromediaFreehand untuk memperhalus sketsa desain.
Membagi gambar menjadi potongan kecil-kecil: Setelah layout desain homepage sudah jadi. File gambarb tersebutdipecah menjadi potongan kecil-kecil untuk mengoptimize waktu download.Untuk melakukan hal tersebut dapat menggunakan software Adobe ImageReady. Software ini dapat langsung memotong gambar yang besar tadi danotomatis juga menjadikannya ke dalam format html. Langkah ini bisa sajadilewatkan bila ukuran gambar kita tidak terlalu besar.
Membuat Animasi : Animasidiperlukan untuk menghidupkan homepage kita agar menarik pengunjung.Macromedia Flash dan Gif Construction Set dapat dipakai untuk melakukanhal tersebut.
Membuat HTML : Setelah itu kitamerapikan layout desain kita seperti menempatkan beberapa tombol dangambar, menambah text, mengedit script HTML, membuat layout form kedalam format HTML. Untuk itu kita perlu software HTML Editor sepertiMacromedia Dreamweaver, Microsoft Frontpage dan Allaire Homesite.
Programming dan Script :Untuk website e-commerce, iklan baris, lelang, database, membuatguestbook, counter dan forum diskusi. File HTML kita perlu programminguntuk melakukan aktivitas semacam itu. Programming dan script ini bisadibuat dengan menggunakan ASP, Borland Delphy, CGI, PHP, Visual Basic.Dan perlu diperhatikan bahwa programming dan script ini biasanyadilakukan setelah desain homepage kita telah jadi.
Upload HTML : Setelah file kitatelah menjadi html beserta gambar dan scriptnya. Kita perlu meng-uploadfile kita ke suatu tempat ( hosting ), agar semua orang di dunia dapatmengakses halaman html kita. Biasanya Macromedia Dreamweaver denganfasilitas site FTP dan Microsoft Frontpage dengan Publishnya telahmenyediakan fasilitas upload ini. Atau dapat menggunakan softwareseperti WS-FTP, Cute FTP, Bullet FTP.
Homepage Pribadi : Untukhomepage pribadi atau yang sekedar ingin coba-coba biasanya setelahfile html sudah jadi dapat hosting di tempat-tempat gratis, memakaiguestbook dan counter gratis dan menambah macam-macam accesories dalammempercantik homepage pribadi tersebut.

Mempelajari penggunaan Fungsi (Function) didalam PHP

2009-12-27T07:55:00.001-08:00

Fungsi meruapakan hal yang paling penting dalam membuat aplikasi web.Dengan membagi kode-kode yang ada kedalam fungsi-fungsi maka akanmemudahkan kita apabila kita akan menggunakan kembali kode tersebut.Atau apabila kita ingin membuat website dengan fitur yang sama denganwebsite yang pernah kita buat maka kita cukup menggunakan fungsi-fungsiyang pernah kita buat.

Hal ini akan sangat menghemat waktu danmempercepat proses pembuatan website. Karena itu semakin banyak fungsiyang sudah anda buat, maka jika anda disuruh membuat website lagi andacukup mengambil fungsi-fungsi yang sudah ada.

Fungsi pada PHP sintaxnya adalah function namafungsi() dimana namafungsimerupakan nama fungsi tersebut dan bisa anda ganti sesuka hati.Sedangkan isi didalam kurung dapat diisi dengan variabel yang akan kitakirim kedalam fungsi tersebut. Saya akan mengajarkan penggunaan function namafungsi() yang paling sederhana.

Penggunaan function()

Misalkan anda ingin membuat kode penjumlahan seperti ini:


$x=1+3;
$y=$x+5;
echo "$y
";

$x=1+3;
$y=$x+5;
echo "$y
";

$x=1+3;
$y=$x+5;
echo "$y
";

$x=1+3;
$y=$x+5;
echo "$y
";

$x=1+3;
$y=$x+5;
echo "$y
";

$x=1+3;
$y=$x+5;
echo "$y
";
?>

Jika anda perhatikan kode diatas, maka anda dapat melihat bahwa kitamelakukan fungsi penjumlahan yang sama berulang-ulang. Nah hal tersebutmeruapkan pemborosan karena kita perlu menuliskan kembali fungsipenjumlahan tersebut berulang-ulang. Bagaimana jika penjumlahannyapanjang? tentu merepotkan, untuk itu kita dapat menjadikannya fungsi.Pada kode diatas jika kita buatkan fungsi maka jadinya seperti ini:


function tambah() {
  $x=1+3;
  $y=$x+5;
  echo "$y
";
}
tambah();
tambah();
tambah();
tambah();
tambah();
tambah();
?>

Mudah kan, kode kita menjadi singkat. Jadi kita membuat fungsi dengan nama fungsinya tambah(). Nah didalam fungsi tambah()tersebut kita isikan fungsi penjumlahan kita. Kemudian jika kita inginmenjalankan fungsi penjumlahan tersebut maka kita cukup memanggilfungsi tambah() tersebut sebanyak yang kita mau.

Mengirim Variabel kedalam Fungsi

Kita dapat mengirimkan variabel kedalam fungsi tersebut. Sehingga nilaiyang dihasilkan dalam fungsi dapat berbeda-beda karena kita dapatmengirimkan variabel yang berbeda-beda. Sekarang cobalah kode berikutini:


function tambah($x, $y) {
  $z=$x+$y;
  echo "Hasil $x tambah $y = $z
";
}
tambah(10, 5);
tambah(20, 30);
?>

Jika kita perhatikan pada kode diatas, fungsi function tambah($x, $y) memiliki 2 variabel yaitu $x dan $y. Dan ketika kita memanggil fungsi tersebut dengan tambah(10, 5);. Maka otomatis variabel $x akan terisi dengan nilai 10 dan variabel $y akan terisi dengan nilai 5. Demikian pula ketika kita mengubah nilai variabelnya tambah(20, 30);. Dalam fungsi tidak terdapat batasan variabel kita bisa membuat variabel yang kita kirim sebanyak apapun.

interface, class bertingkat dan detail lain

2009-12-27T07:46:00.001-08:00

Beberapa bahasa pemrograman berorientasi objek, misalnya C++,membolehkan suatu kelas memiliki dua atau lebih kelas super. Hal inidisebut pewarisan ganda (multiple inheritance). Pada ilustrasi berikut, kelas E memiliki kelas super A dan B, sedangkan kelas F memiliki 3 kelas super.

Pewarisan ganda seperti ini tidak diperbolehkanpada Java. Desainer Java ingin menjaga agar bahasa Java tetapsederhana, dan mereka merasa pewarisan ganda ini sangat kompleks dengankeuntungan yang tidak begitu besar. Akan tetapi, Java memiliki fiturlain yang bisa digunakan seperti halnya pewarisan berganda, yaitu antar muka (interface).
Kita telah mengenal istilah "antar muka" sebelumnya, yaitu dalam konteks umum tentang kotak hitam dan subrutin.Antar muka suatu subrutin terdiri dari nama, jenis keluarannya, jumlahdan tipe parameternya. Informasi ini dibutuhkan jika kita inginmemanggi subrutin tersebut. Suatu subrutin juga memiliki implementasi :yaitu blok yang berisi perintah yang akan dijalankan ketika subrutinini dipanggil.
Dalam Java, kata interface adalah kata kunci yang memiliki arti tambahan. Suatu interfacedalam hal ini adalah antar muka yang terdiri dari subrutin tanpaimplementasi apa-apa. Suatu kelas dapat mengimplementasi suatu interface dengan memberikan kode detail pada setiap subrutin yang ditulis pada interface tersebut. Berikut adalah contoh interface Java sederhana :

public interface Gambar {
    public void gambar(Graphics g);
}

Deklarasi di atas mirip dengan definisi suatu kelas, akan tetapi isi metode gambar() dikosongkan. Suatu kelas yang mengimplementasi interface ini, yaitu interfaceGambar, harus mengisi implementasi metode gambar() ini. Tentunya kelas tersebut juga bisa memiliki variabel dan metode lain. Misalnya,

class Garis implements Gambar {
    public void gambar(Graphics g) {
        . . . // perintah untuk menggambar garis
    }
    . . . // variabel dan metode lain
}

Kelas apapun yang mengimplementasi antar muka Gambar[code] harus memberikan detail apa yang akan dilakukan oleh metode [code]gambar(). Objek yang diciptakan dari kelas tersebut akan memiliki metode gambar(). Perlu diingat bahwa hanya menambah metode gambar() saja tidak cukup. Definisi kelas yang ingin mengimplementasikan suatu interface harus menulis "implements Gambar" dalam definisi kelasnya.
Suatu kelas bisa menurunkan hanya satu kelas lain, akan tetapi suatu kelas bisa mengimplementasikan lebihdari suatu antar muka. Sebenarnya, suatu kelas bisa menurunkan kelaslain dan mengimplementasikan satu atau lebih antar muka sekaligus.Misalnya

class LingkaranBerwarna extends Lingkaran
    implements Gambar, BerisiWarna {
        . . .
    }

Intinya adalah meskipun interface bukan kelas, akan tetapi interface mirip dengan kelas. suatu interfacemirip seperti kelas abstrak, yaitu kelas yang hanya digunakan untukmembuat kelas lain, bukan untuk membuat objek. Subrutin pada suatu interface merupakan metode abstrak yang harus diimplementasikan pada kelas kongkrit yang mengimplementasikan interface tersebut.
Seperti kelas abstrak, meskipun kita tidak bisa membuat objek dari interface, akan tetapi suatu variabel dapat bertipe suatu interface. Misalnya, jika Gambar adalah suatu interface, dan jika Garis dan LingkaranBerwarna adalah kelas yang mengimplementasikan Gambar, maka kita bisa menulis kode seperti :

Gambar gambarku;   // Deklarasi variabel dengan tipe Gambar.
                        // Variabel ini bisa diisi objek yang
                        // mengimplementasi interface Gambar
 
gambarku = new Garis(); // gambarku berisi objek dengan kelas Garis
gambarku.gambar(g);     // memanggil metode gambar() dari kelas Garis
 
gambarku = new LingkaranBerwarna();   // Sekarang gambarku berisi objek dengan
                                      // kelas LingkaranBerwarna
gambarku.gambar(g);   // memanggil metode gambar() dari kelas LingkaranBerwarna

Variabel dengan tipe Gambar boleh merujuk pada kelas apapun yang mengimplementasikan antar muka Gambar. Pernyataan di atas seperti "gambarku.gambar(g)" boleh ditulis karena gambarku adalah variabel dengan tipe Gambar, dan setiap objek bertipe Gambar pasti memiliki metode gambar().
Catatan bahwa tipe datamerupakan sesuatu yang biasa digunakan untuk mendeklarasikan variabel.Tipe data juga digunakan untuk memberikan tipe suatu parameter padasubrutin, atau sebagai tipe keluaran suatu fungsi. Pada Java, tipe databisa berupa kelas, interface, atau salah satu dari 8 tipe data primitif. Dari semuanya, hanya kelas yang bisa digunakan untuk membuat objek baru.
Kita biasanya tidak perlu menulis interface kita sendiri hingga program kita menjadi sangat kompleks. Akan tetapi ada beberapa interface yang sudah disediakan oleh Java yang mungkin bisa digunakan atau diimplementasi dalam program kita.

Kelas Bertingkat
Suatukelas merupakan blok bangunan suatu program, yang melambangkan suatuide beserta data dan perilaku yang dimilikinya. Kadang-kadang kitamungkin berasa sedikit aneh untuk membuat kelas kecil hanya untukmenggabungkan beberapa data. Akan tetapi kadang-kadang kelas-kelaskecil ini sering bermanfaat dan penting. Untungnya Java membolehkankita untuk membuat kelas di dalam kelas lain, sehingga kelas-kelaskecil ini tidak perlu berdiri sendiri. Kelas kecil ini menjadi bagiandari suatu kelas besar yang bisa melakukan hal-hal kompleks lainnya.Kelas kecil ini misalnya berguna untuk mendukung operasi yang akandikerjakan oleh kelas besarnya.
Dalam Java, kelas bertingkat atau kelas bagian dalam adalah kelas yang ditulis di dalam definisi kelas lain. Kelas bagian dalam ini bisa memiliki nama atau anonim (tanpanama). Kelas bagian dalam yang memiliki nama tampak seperti kelasbiasa, tetapi ia ditulis di dalam kelas lain. (Kelas bagian dalam inijuga bisa memiliki kelas bagian dalam yang lain, akan tetapi ingat akankonsekuensi kerumitannya apabila kita membuat terlalu banyak tingkatan).
Sepertikomponen lain dalam suatu kelas, kelas bagian dalam yang memiliki namabisa berupa kelas statik atau kelas non-statik. Kelas bertingkat statikmerupakan bagian dari struktur statik dari kelas yang menaunginya.Kelas tersebut bisa digunakan di dalam kelas induknya untuk membuatobjek seperti biasa. Jika tidak dideklarasikan sebagai private, makankelas tersebut juga bisa digunakan dari luar kelas induknya. Jikadigunakan dari luar kelas induknya, namanya harus jelas mencantumkannama kelas induknya. Mirip seperti komponen statik dari suatu kelas :kelas bertingkat statik adalah bagian kelas di mana kelas tersebutmirip dengan variabel anggota statik lainnya di dalam kelas tersebut.
Misalnya, suatu kelas bernama ModelRangkaKawat melambangkan kumpulan garis dalam ruang 3 dimensi. Misalnya kelas ModelRangkaKawat memiliki kelas bertingkat statik yang bernama Garis yaitu sebuah garis. Maka dari luar kelas ModelRangkaKawat, kelas Garis akan dipanggil sebagai ModelRangkaKawat.Garis.
Kelas ModelRangkaKawat dan kelas bagian dalamnya dapat dituliskan seperti berikut :

public class ModelRangkaKawat {
 
    . . . // anggota lain kelas ModelRangkaKawat
 
    static public class Garis {
        // Melambangkan garis dari titik (x1,y1,z1)
        // ke titik (x2,y2,z2) dalam ruang 3-dimensi
        double x1, y1, z1;
        double x2, y2, z2;
    } // akhir kelas Garis
 
    . . . // anggota lain kelas ModelRangkaKawat
 
} // akhir kelas ModelRangkaKawat

Di dalam kelas ModelRangkaKawat, objek Garis bisa dibuat dengan konstruktor "new Garis()". Di luar kelas, perintah "new ModelRangkaKawat.Garis()" harus digunakan.
Kelasbertingkat statik memiliki akses penuh kepada anggota dari kelasinduknya, termasuk ke anggota private. Mungkin ini juga motivasisebagian orang untuk membuat kelas bertingkat, karena kelas bagiandalamnya bisa mengakses anggota private kelas lain tanpa harus membuatvariabel atau metode anggotanya menjadi public.
Ketika kita mengkompilasi definisi kelas di atas, dua file kelas akan dibuat. Meskipun definisi kelas Garis berada di dalam ModelRangkaKawat, akan tetapi kelas Garis akan disimpan dalam file terpisah. Nama file kelas Garis akan menjadi ModelRangkaKawat$Garis.class

Kelasbertingkat yang tidak statik, pada prakteknya, tidak jauh berbedadengan kelas bertingkat statik, akan tetapi kelas bertingkat non-statikberkaitan dengan suatu objek, bukan kelas induknya.
Anggotanon-statik dari suatu kelas sebenarnya bukan merupakan bagian darikelas itu. Hal ini juga berlaku untuk kelas bertingkat non-statikseperti juga bagian kelas non-statik lainnya. Anggota non-statik suatukelas menjelaskan apa yang akan disimpan dalam objek yang diciptakandari kelas tersebut. Hal ini juga berlaku (secara logis) dari kelasbertingkat non-statik.
Dengan kata lain, setiap objek yangdiciptakan dari kelas induknya memiliki kopi kelas bertingkatmasing-masing. Kopi ini memiliki akses ke semua variabel dan metodeinstansi objek tersebut. Dua objek kelas bagian dalam pada dua objekinduk merupakan objek berbeda karena metode dan variabel instansi yangbisa diakses berasal dari objek yang berbeda.
Pada dasarnya,aturan untuk menentukan kapan suatu kelas bisa dimasukkan ke dalamkelas lain sebagai kelas statik atau non-statik adalah : Jika kelastersebut perlu menggunakan variabel atau metode instansi suatu objek(bukan variabel atau metode statik kelas), maka kelas tersebut harusdibuat non-statik, jika tidak maka harus dibuat statik.
Dari luar kelas induknya, kelas bertingkat non-statik harus dipanggil dalam bentuk namaVariabel.NamaKelasBertingkat, misalnya namaVariabeladalah variabel yang merujuk pada objek yang memiliki kelas bertingkattersebut. Sebetulnya cara ini agak langka. Kelas bertingkat non-statikbiasanya digunakan hanya di dalam kelas induknya, sehingga bisa diaksesdengan nama yang sederhana.
UNtuk membuat objek yang merupakankelas bertingkat non-statik, kita harus membuat objek yang merupakankelas induknya. (Ketika bekerja di dalam kelas, objek "this"akan secara otomatis digunakan). Objek dari kelas bertingkat tersebutdihubungkan secara permanen dengan objek dari kelas induknya, danmemiliki akses penuh atas anggota kelas induknya.
Mari lihatcontoh berikut, dan mungkin bisa memberi pemahaman lebih baik bagaimanakelas bertingkat non-statik sebetulnya merupakan hal yang sangat alami.Misalnya suatu kelas yang melambangkan permainan kartu. Kelas inimemiliki kelas beringkat yang melambangkan para pemainnya. Struktur MainKartu bisa berbentuk seperti :

class MainKartu {  // Melambangkan permainan kartu
    class Pemain {  // Melambangkan salah satu pemain game ini
        .
        .
        .
    } // akhir kelas Pemain
    private Tumpukan tumpukan;      // Tumpukan kartu
 
    .
    .
    .
 
} // akhir kelas MainKartu

Jika game adalah variabel dengan tipe MainKartu, maka game memiliki kelas Pemain[code] sendiri. Dalam metode instansi objek [code]MainKartu, objek Pemain bisa dibuat dengan perintah "new Pemain()", seperti halnya kelas biasa. (Objek Pemain bisa dibuat di luar kelas MainKartu dengan perintah seperti "new game.Pemain()", tapi ini jarang dilakukan). Objek Pemain memiliki akses ke variabel instansi tumpukan dalam objek MainKartu.
Masing-masing objek MainKartu memiliki tumpukan dan Pemainsendiri-sendiri. Pemain kartu pada game tersebut akan menggunakantumpukan kartunya sendiri sedangkan pemain kartu pada game yang lainakan menggunakan tumpukan kartu lain lagi.
Jika Pemain merupakan kelas bertingkat statik, maka pemain tersebut akan bermain di semua permainan kartu, yang tentu saja tidak mungkin terjadi.

Dalambeberapa kasus, mungkin kita harus menulis kelas bertingkat dankemudian menggunakan kelas tersebut hanya 1 kali dalam program kita.Apakah berguna membuat kelas bertingkat jika begini kondisinya? Mungkinya mungkin tidak. Dalam kasus seperti ini kita juga bisa membuat kelas bertingkat anonim. Kelas anonim dapat dibuat dengan menggunakan variasi dari operator new dengan bentuk

new  kelassuper_atau_interface () {
    metode_dan_variabel
}

Konstruktor ini membuat suatu kelas baru tanpa memberi nama, danpada saat yang sama membuat objek dari kelas tersebut. Bentuk operator [code] seperti ini bisa digunakan dalam pernyataan apapun di mana pernyataan newbiasa digunakan. Maksud dari pernyataan di atas adalah untuk membuat :"objek baru di dalam suatu kelas yang namanya sama dengan kelassuper_atau_interface dengan ditambah dengan metode_dan_varaibel baru."
Artinyapernyataan di atas sama dengan membuat objek baru dengan konfigurasiyang baru pula. Kita juga bisa membuat kelas anonim yang diturunkandari interface. Dalam hal ini, kelas anonim tersebut harus mengimplementasikan semua metode yang dideklarasikan oleh interface tersebut.
Kelas anonim sering digunakan untuk menangani event pada GUI (graphical user interfaces). Misalnya interface Gambarseperti didefinisikan di awal bagian ini. Misalnya kita ingin membuatobjek berupa gambar bujur sangkar berisi warna merah dengan ukuran 100x 100 piksel. Daripada membuat kelas baru kemudian menggunakan kelastersebut untuk membuat objek, kita bisa menggunakan kelas anonim untukmembuat objek sekaligus dalam satu pernyataan :

Gambar kotakMerah = new Gambar() {
        void gambar(Graphics g) {
            g.setColor(Color.red);
            g.fillRect(10,10,100,100);
        }
};

Tanda titik koma (;) di akhir pernyataan ini bukan bagian daridefinisi suatu kelas, tapi merupakan bagian dari pernyataan secarakeseluruhan.
Ketika kelas Java dikompilasi, setiap kelasbertingkat anonim akan dibuat dalam file kelas terpisah. Jika namakelas utama adalah KelasUtama, misalnya, maka nama file kelas untuk setiap kelas bertingkat anonimnya menjadi KelasUtama$1.class, KelasUtama$2.class, KelasUtama$3.class dan seterusnya.

Sifat Akses dalam Kelas
Suatu kelas dapat dideklarasikan sebagai public,yang bisa diakses dari manapun. Beberapa kelas harus dideklarasikansebagai publik, misalnya sebagai aplikasi desktop biasa, sehinggasistem operasi bisa menjalankan prosedur main() nya. Kelas pada applet misalnya harus juga dideklarasikan sebagai public supaya bisa diakses oleh web browser.
Jika suatu kelas tidak dideklarasikan sebagai public maka ia hanya akan bisa diakses dari paket yang sama. Bagian ini membahas tentang paket. Kelas yang tidak ditulis dalam suatu paket tertentu akan dimasukkan dalam paket default.
Suatu paket seharusnya terdiri dari beberapa kelas yang saling berhubungan. Beberapa dari kelas ini memang sengaja dibuat publicagar bisa diakses dari desktop atau program lain misalnya. Bagian lain,yang merupakan bagian internal dari bagaimana paket tersebut bekerjadan tidak boleh disentuh dari luar, tidak boleh dibuat menjadi public. Paket adalah salah satu jenis dari kotak hitam, dan kelas public dalam paket tersebut adalah antar muka dengan dunia luarnya.
Variabel atau metode anggota suatu kelas juga bisa dideklarasikan sebagai public yang juga berarti bisa diakses dari manapun. Variabel atau metode anggota ini juga bisa dideklarasikan sebagai private yang artinya hanya bisa diakses dari dalam kelas di mana dia dideklarasikan. Membuat variabel menjadi private memastikan bahwa tidak ada bagian lain yang akan bisa mengubah variabel ini kecuali dari dalam kelas atau objek itu sendiri.
Jikakita tidak memberikan sifat akses pada metode atau variabel anggotatertentu, maka ia akan otomatis bisa diakses oleh semua kelas dalampaket yang sama.
Ada satu jenis sifat akses lain yang bisa digunakan pada variabel atau metode anggota kelas, yaitu protected. Sifat protecteddigunakan apabila kita ingin variabel atau metode anggota tersebut bisadiakses oleh turunan kelas tersebut. Artinya lebih leluasa dari private tapi lebih ketat daripada public. Kelas yang didesain untuk diturunkan, biasanya memiliki anggota protected. Anggota protected digunakan untuk menambah fondasi bagi kelas turunannya, akan tetapi tetap tak terlihat dari dunia luar.

Menggabungkan Statik dan Non-Statik
Seperti disebutkan sebelumnya, kelas dapat memiliki dua kegunaanyang sangat berbeda. Kelas bisa digunakan untuk menggabungkan variabeldan subrutin statik. Atau juga bisa digunakan sebagai produsen pembuatobjek. Variabel dan subrutin non-statik dalam suatu kelas akanmenentukan metode dan variabel instansi pada objek yang diciptakan darikelas tersebut. Dalam banyak kasus, suatu kelas dapat melakukan salahsatu atau kedua fungsi tersebut secara bersamaan.
Dalam halanggota statik dan non-statik digabung dalam satu kelas, kelas tersebutmengharapkan adanya interaksi antara bagian statik dan bagiannon-statik dari suatu kelas. Misalnya, metode instansinya menggunakanvariabel statik atau memanggil subrutin statik. Metode instansidimiliki oleh suatu objek, bukan oleh kelas tersebut. Karena kita bisamembuat banyak objek dari suatu kelas, di mana setiap objek yangdiciptakan memiliki metode instansi masing-masing. Akan tetapi akanhanya ada satu variabel statik yaitu yang dimiliki oleh suatu kelas.Dengan demikian, kita memiliki banyak objek yang bisa mengaksesvariabel statik tersebut bersama-sama.
Misalnya anggap kita akan menulis kelas PasanganDadu yang menggunakan kelas Random seperti pada bagian sebelumnya untuk mengocok dadu. Objek PasanganDadu perlu mengakses objek Random. Akan tetapi membuat objek Random untuk setiap objek PasanganDaduadalah terlalu berlebihan, karena fungsinya hanya digunakan untukmenghasilkan nilai acak saja. Solusi yang bagus adalah denganmenggunakan variabel static yang digunakan oleh semua objek yang dibuat dari kelas PasanganDadu. Misalnya pada kode berikut ini :

class PasanganDadu {
    private static Random randGen = new Random();
    // (Catatan:  java.util.Random telah diimpor sebelum kelas ini dibuat)
 
    public int dadu1;   // Angka pada dadu pertama
    public int dadu2;   // Angka pada dadu kedua
 
    public PasanganDadu() {
        // Konstruktor. Membuat pasangan dadu dengan angka
        // awal berupa bilangan acak
        kocok();
    }
 
    public void kocok() {
        // Kocok dadu dengan membuat masing-masing dadu
        // bernilai bilangan acak 1 hingga 6
        dadu1= randGen.nextInt(6) + 1;
        dadu2= randGen.nextInt(6) + 1;
    }
 
} // akhir kelas PasanganDadu

Contoh lain adalah kelas Murid yang digunakan pada bagian sebelumnya. Kita tambahkan variabel instansi nomorMurid yaitu nomor unik yang berbeda untuk setiap murid. Untuk itu kita perlu melacak nomor baru yang belum dipakai dengan variabel nomorBerikutnyayang berbentuk variabel statik sehingga semua objek akan mengacu padavariabel yang sama. Ketika objek baru dibuat, objek baru akan mengambilnilai nomorBerikutnya untuk dijadikan nomorMurid yang baru.

public class Murid {
 
    private String nama;  // Nama murid
    private int nomorMurid;  // nomor murid unik
    public double ujian1, ujian2, ujian3;   // Nilai ujian
 
    private static int nomorBerikutnya = 0;
    // simpan nomor murid berikutnya
 
    Murid(String namaBaru) {
        // Konstruktor objek Murid:
        // memberi nama, dan memberi nomor murid baru
        nama = namaBaru;
        nomorBerikutnya++;
        nomorMurid = nomorBerikutnya;
    }
 
    public String getNama() {
        // Fungsi untuk mengambil isi variabel instansi private: nama
        return nama;
    }
 
    public int getNomorMurid() {
        // Fungsi untuk membaca isi nomorMurid
        return nomorMurid;
    }
 
    public double hitungRataRata() {
        // Hitung rata-rata nilai ujian
        return (ujian1 + ujian2 + ujian3) / 3;
    }
 
}  // akhir kelas Murid

Inisialisasi "nomorBerikutnya = 0"hanya dilakukan satu kali, yaitu ketika kelas ini pertama kalidipanggil (pada saat program dijalankan). Ketika objek baru bertipe Murid dibuat, dan di dalam konstruktor perintah "nomorBerikutnya++;", maka nomor berikutnya akan disimpan untuk digunakan pada objek baru lainnya.
Ketika objek pertama dibuat, nilai nomorBerikutnya akan bernilai 1. Ketika objek kedua dibuat, nilai nomorBerikutnya bernilai 2, dan seterusnya. Konstruktor akan menyimpan nilai baru nomorBerikutnya pada variabel instansinya sendiri yang tidak di-share dengan objek-objek lain yaitu nomorMurid. Dengan cara ini setiap murid baru akan selalu memiliki nomorMurid baru yang berbeda satu dengan yang lain

Operator

2009-12-27T07:40:00.001-08:00

Operator Java merupakan karakter khusus yang berupa simbol atau tanda yang
memerintahkan compiler untuk melakukan berbagai operasi terhadap sejumlah
operand. Perintah operasi dispesifikasikan oleh operator, dimana operand-nya adalah
variabel, pernyataan, atau besaran literal.
Operator yang dibahas pada bagian ini adalah operator aritmatik
a, increment
dan decrement, assignment (penugasan), relasi, logical, dan bitwise.
A. Operator Aritmatika
Sama halnya dengan semua bahasa pemrograman, Java menyediakan
operator-operator aritmatika untuk manipulasi variabel data numerik.
Operator-operator tersebut antara lain :
Operator Penggunaan Deskripsi
+ Op1 + Op2 Menambahkan Op1 dengan Op2
- Op1 – Op2 Mengurangkan Op1 dengan Op2
* Op1 * Op2 Mengalikan Op1 dengan Op2
/ Op1 / Op2 Membagi Op1 dengan Op2
% Op1 % Op2 Menghasilkan sisa hasil bagi Op1 dengan Op2
Latihan 4. Aritmatika.java
class Aritmatika{
public static void main(String[] args) {
int a = 20;
int b = 10;
System.out.println("Penggunaan Operator Aritmatika ");
System.out.println("Nilai awal a adalah : "+a);
System.out.println("Nilai awal b adalah : "+b);
System.out.println("Hasil dari a + b = " +(a + b));
System.out.println("Hasil dari a - b = " +(a - b));
System.out.println("Hasil dari a / b = " +(a / b));
System.out.println("Hasil dari a * b = " +(a * b));
System.out.println("Hasil dari a % b = " +(a % b));
}
}
16
B. Operator Increment dan Decrement
Operator Increment dan Decrement digunakan untuk menaikan atau
menurunkan suatu nilai integer (bilangan bulat) sebanyak satu satuan, dan
hanya dapat digunakan pada variabel.
Ada dua versi operator increment maupun decrement, yaitu prefix dan
postfix. Prefix berarti operator digunakan sebelum variabel atau ekspresi, dan
postfix berarti operator digunakan sesudahnya. Penjelasan selengkapnya
yaitu:
Operator Penggunaan Deskripsi
Op++
Op dinaikkan nilainya 1 setelah dilakukan operasi
pada Op
++
++Op
Op dinaikkan nilainya 1 sebelum dilakukan operasi
pada Op
Op--
Op diturunkan nilainya 1 setelah dilakukan operasi
pada Op
--
--Op
Op diturunkan nilainya 1 sebelum dilakukan
operasi pada Op
Latihan 5. IncrementDecrement.java
class IncrementDecrement{
public static void main (String[] args){
int i = 1;
System.out.println("i : " + i);
System.out.println("++i : " + ++i);
System.out.println("i++ : " + i++);
System.out.println("i : " + i);
System.out.println("--i : " + --i);
System.out.println("i-- : " + i--);
System.out.println("i : " + i);
}
}
17
C. Operator Assignment ( Penugasan )
Operator assignment dalam Java digunakan untuk memberikan sebuah
nilai ke sebuah variabel. Operator assignment hanya berupa ‘=’, namun selain
itu dalam Java dikenal beberapa shortcut assignment operator yang penting,
yang digambarkan dalam tabel berikut :
Operator Penggunaan Ekuivalen Dengan
+= Op1 += Op2 Op1 = Op1 + Op2
-= Op1 -= Op2 Op1 = Op1 – Op2
*= Op1 *= Op2 Op1 = Op1 * Op2
/= Op1 /= Op2 Op1 = Op1 / Op2
%= Op1 %= Op2 Op1 = Op1 % Op2
&= Op1 &= Op2 Op1 = Op1 & Op2
¦= Op1 ¦= Op2 Op1 = Op1 ¦ Op2
^= Op1 ^= Op2 Op1 = Op1 ^ Op2
<<= Op1 <<= Op2 Op1 = Op1 << Op2
>>= Op1 >>= Op2 Op1 = Op1 >> Op2
>>>= Op1 >>>= Op2 Op1 = Op1 >>> Op2
Latihan 6. Assignment.java
class Assignment {
public static void main(String[] args) {
int var = 10;
int a,b,c;
a = b = c = 100;
int d,e,f;
f = 200;
e = f;
d = e;
18
System.out.println("Nilai var : " + var);
System.out.println("Nilai a : " + a);
System.out.println("Nilai b : " + b);
System.out.println("Nilai c : " + c);
System.out.println("Nilai f : " + f);
System.out.println("Nilai e : " + e);
System.out.println("Nilai d : " + d);
int z;
char Teks1 = 'a'; // dalam Unicode karakter 'a' direpresentasikan dengan
angka 97
z = Teks1 * 100; // z = 97 * 10;
System.out.println("Nilai Teks1 : " + Teks1);
System.out.println("Nilai z : " + z);
}
}
D. Operator Relasi
Operator relasi dalam Java digunakan untuk menghasilkan nilai
boolean yang sering digunakan untuk mengatur alur jalannya sebuah program.
Operator Penggunaan Deskripsi
> Op1 > Op2 Menghasilkan true jika Op1 lebih besar dari Op2
< Op1 < Op2 Menghasilkan true jika Op1 lebih kecil dari Op2
>= Op1 >= Op2 Menghasilkan true jika Op1 lebih besar atau sama
dengan Op2
<= Op1 <= Op2 Menghasilkan true jika Op1 lebih kecil atau sama
dengan Op2
== Op1 == Op2 Menghasilkan true jika Op1 sama dengan Op2
!= Op1 != Op2 Menghasilkan true jika Op1 tidak sama dengan Op2
19
Latihan 7. Relasi.java
class Relasi{
public static void main(String[] args) {
int x,y,z;
x = 100;
y = 99;
z = 99;
System.out.println("Nilai x = "+x);
System.out.println("Nilai y = "+y);
System.out.println("Nilai z = "+z);
// operator sama dengan
if(y == z ){
System.out.println("y sama dengan z");
}else {
System.out.println("y tidak sama dengan z");
}
// operator tidak sama dengan
if(x != y ){
System.out.println("x tidak sama dengan y");
}else {
System.out.println("x sama dengan y");
}
// operator lebih besar dari
if(x > y ){
System.out.println("x lebih besar dari y");
}else {
System.out.println("x lebih kecil dari y");
}
// operator lebih kecil dari
if(y < x ){
System.out.println("y lebih kecil dari x");
}else {
System.out.println("y lebih besar dari x");
}
// operator lebih besar dari atau sama dengan
if(x >= y ){
System.out.println("x lebih besar dari atau sama dengan y");
20
}else {
System.out.println("x lebih kecil dari atau sama dengany");
}
// operator lebih kecil dari atau sama dengan
if(y <= x ){
System.out.println("y lebih kecil dari atau sama dengan x");
}else {
System.out.println("y lebih besar dari atau sama dengan x");
}
}
}
E. Operator Logical
Operator ini digunakan untuk ekspresi logik yang menghasilkan nilai
boolean. Operator-operator yang digunakan adalah AND ( && ), OR ( ¦ ¦ )
dan NOT ( ! ).
A B A ¦¦ B A && B
True True True True
True False True False
False True True False
False False False False
Latihan 8. logik.java
class logik{
public static void main(String[] args) {
boolean Benar = true;
boolean Salah = false;
System.out.println("Hubungan OR (||)");
System.out.println("Benar || Benar : " +(Benar||Benar));
System.out.println("Benar || Salah : " +(Benar||Salah));
21
System.out.println("Salah || Benar : " +(Salah||Benar));
System.out.println("Salah || Salah : " +(Salah||Salah));
System.out.println("Hubungan AND (&&)");
System.out.println("Benar && Benar : " +(Benar&&Benar));
System.out.println("Benar && Salah : " +(Benar&&Salah));
System.out.println("Salah && Benar : " +(Salah&&Benar));
System.out.println("Salah && Salah : " +(Salah&&Salah));
System.out.println("Hubungan NOT (!)");
System.out.println("Kebalikan (NOT) dari Benar adalah: " +!Benar);
System.out.println("Kebalikan (NOT) dari Salah adalah: " +!Salah);
}
}
F. Operator Bitwise
Operator ini dalam Java digunakan untuk melakukan manipulasi bit.
Operator Penggunaan Deskripsi
& Op1 & Op2 Bitwise AND
¦ Op1 ¦ Op2 Bitwise OR
^ Op1 ^ Op2 Bitwise XOR
~ ~Op Bitwise Complement
<< Op1 << Op2 Menggeser bit Op1 ke kiri sejauh Op2
>> Op1 >> Op2 Menggeser bit Op1 ke kanan sejauh Op2
>>> Op1 >>> Op2
Geser kanan tanpa mempertahankan sign
(dengan nilai 0 sebagai pengisi bit paling
kiri)
22
1. Bitwise AND
Bitwise AND akan menghasilkan bit “1”, jika kedua operator
bernilai bit “1”. Operasi bitwise AND dapat digambarkan sebagai berikut :
Op1 Op2 Op1 & Op2
0 0 0
0 1 0
1 0 0
1 1 1
2. Bitwise OR
Bitwise OR akan menghasilkan bit “1”, jika salah satu operator
bernilai bit “1”. Operasi bitwise OR dapat digambarkan sebagai baerikut :
Op1 Op2 Op1 ¦ Op2
0 0 0
0 1 1
1 0 1
1 1 1
3. Bitwise XOR ( Exclusive OR )
Bitwise XOR akan menghasilkan bit “1”, jika kedua operator
memiliki nilai bit yang berbeda. Operasi bitwise XOR dapat digambarkan
sebagai berikut :
Op1 Op2 Op1 ¦ Op2
0 0 0
0 1 1
1 0 1
1 1 0
4. Bitwise Complement
Bitwise Complement akan menghasilkan bit yang berlawanan
dengan bit yang dioperasikan. Operasinya dapat digambarkan sebagai
berikut :
Op Op
0 1
1 0
23
Latihan 9. Bitwise.java
class Bitwise{
public static void main(String[] args) {
int x,y;
x = ~100;
System.out.println("Nilai negasi x : "+x);
x = 17 & 30;
System.out.println("Nilai and : "+x);
x = 17 | 30;
System.out.println("Nilai or : "+x);
x = 17 ^ 30;
System.out.println("Nilai xor : "+x);
x = 111;
y = x >> 1;
System.out.println("Nilai geser kanan : "+x);
x = -111;
y = x >> 1;
System.out.println("Nilai geser kanan neg : "+x);
x = 111;
y = x >>> 1;
System.out.println("Nilai geser kanan 1 bit 0 : "+x);
x = -111;
y = x >>> 1;
System.out.println("Nilai geser kanan 1 bit 0 neg : "+x);
x = 111;
y = x << 1;
System.out.println("Nilai geser kiri : "+x);
x = 1000;
y = x << 1;
System.out.println("Nilai geser kiri : "+x);
}
}
24
G. Precedence Operator
Operasi-operasi yang menggunakan operator dapat melibatkan lebih
dari 1 operator dan 1 operand. Adapun urutan precedence operator dalam
Java, dapat digambarkan dalam tabel berikut :
Postfix operators [] . (params) expr++ expr--
Unary operators ++expr --expr +expr -expr ~ !
Creation or cast New (type)expr
Multiplicative * / %
Additive + -
Shift << >> >>>
Relational <> <= >= instanceof
Equality == !=
Bitwise AND &
Bitwise exclusive OR ^
Bitwise inclusive OR ¦
Logical AND &&
Logical OR ¦¦
Conditional ? :
Assignment = += -= *= /= %= &= ^= ¦= <<= >>= >>>=

Harga Sony PS3 Turun, Departemen Pertahanan Amerika Borong 2.200 PS3 Untuk Upgrade Supercomputer

2009-12-25T19:10:00.001-08:00

Turunnya harga PS3 memang kabarmenggembirakan untuk para pecinta game di dunia. Bukan itu saja,ternyata momen seperti itulah yang ditunggu-tunggu oleh DepartemenPertahanan Amerika Serikat untuk memborong PS3 dalam jumlah yang cukupbesar. Kabarnya departemen tersebut telah memboyong 2.200 unit PS3.

Sejumlah unit PS3 ini memang sengajadibeli untuk tujuan merancang supercomputer, yang mana dipercaya bahwaPS3 jauh lebih baik bila mereka harus membeli produk keluaran IBM.Selain harganya juga terpaut jauh, ke

butuhan Departemen Pertahanantersebut ternyata cukup dapat terpenuhi dengan PS3.

Ini memang bukan yang pertama dilakukanoleh Departemen Pertahanan yang mana telah menggunakan konsol PS3 untuksupercomputer-nya. Sejumlah unit konsol PS3 yang baru tersebut sengajadigunakan untuk melengkapi kebutuhan kekurangan yang ada dimana awalnyahanya tersedia 336 unit PS3 yang telah digunakan oleh Angkatan UdaraAmerika Serikat. Menurut Justification Review Documents, pembelian yangdilakukan ini memang cukup sesuai budget yang dimiliki oleh DepartemenPertahanan.

Bayangkan saja, untuk memiliki satuserver 1U yang dikonfigurasikan dengan dual processor berkecepatan3.2GHz dibutuhkan biaya sekitar 8.000 USD atau sekitar 80 juta rupiah,sedangkan untuk membeli 2 unit konsol PS3 hanya dibutuhkan biaya 600USD atau sekitar 6 juta rupiah. Sangat terpaut jauh sekali bukanharganya?!

Kalau dilihat dari segi performa, 1 selprocessor berkecepatan 3,2GHz dapat memberikan lebih dari 200 GFLOPS,sedangkan konfigurasi Sony PS3 memberikan sekitar 150 GFLOPS, yangkira-kira sepuluh kali lipat perbedaan biaya per GFLOP sehingga bisadipastikan bahwa memilih konsol Sony PS3 merupakan jalan terbaik yangdilakukan oleh pihak Departemen Pertahanan yang bisa digunakan untukaplikasi HPC.

Nippon Institute of Technology Perkenalkan Robot e-NUVO Demi Tujuan Edukasi

2009-12-25T19:00:00.001-08:00

Perkembangan bidang robotik di Jepangmemang cukup pesat. Ambisi besar untuk memunculkan prototipe-prototiperobot humanoid memang sudah menjadi tujuan berbagai pihak di sana. Adayang tujuannya untuk bidang kesehatan, pusat perbelanjaan bahkan kiniada yang akan digunakan untuk tujuan edukasi. Para peneliti di Nippon Institute ofTechnolog, Harada Vehicle Design, ZMP dan ZNUG Design kini sedangmenggarap robot humanoid e-NUVO. Robot dengan tinggi 4 kaki inidirancang khusus sehingga ukurannya hampir sama dengan siswa sekolahdasar dan rencananya robot ini akan disatukan dalam kelas-kelas disekolah dasar.

Dengan tujuan edukasi, robot humanoidini diprogramkan untuk mendidik anak-anak dan dibuat seramah mu

ngkinbagi lingkungan sekolah. Sudah tentu ini akan membantu para pengajaruntuk tetap bisa menangani kelas dengan baik. Hmmmm, cukup menarik yakalau di kelas ada robot yang bisa menemani kita belajar.

Arshavin keliru soal Liga Inggris

2009-12-25T18:47:00.000-08:00

Nyaris genap setahun Andrei Arshavin berlaga di LigaPrimer. Lantas apa impresi bintang Arsenal itu tentang kompetisi yangkini dia geluti?

Arshavin bergabung dengan Arsenal dari klub Zenit St Petersburg padabulan Januari tahun 2009. Ini sekaligus mengakhiri episode panjangspekulasi transfer pemain asal Rusia tersebut, yang sebelumnya jugadiminati Barcelona.
Semenjak kepindahannya ke Emirates, ESPN Star mencatat Arshavinsudah mengemas 12 gol dari 27 penampilan. Jumlah yang terbilang okeuntuk seorang pendatang baru, ya
ng juga beroperasi di sektor tengahlapangan alias sebagai gelandang serang.
Meski begitu, apa yang dicapai pemain berusia 28 tahun tersebut takdicapai dengan mudah. Arshavin harus bekerja keras karena Liga Inggrisbegitu ketat.
"Sebelum pindah ke Inggris, aku mengira jika Anda pemain bagus danbermain untuk tim besar maka semua akan jadi lebih mudah," ungkapArshavin kepada Sky Sports.
"Tapi bahkan saat Anda melawan Burnley atau Wolverhampton, samasekali tidak gampang. Anda tak punya waktu untuk memutar ataumenggiring bola, jika bisa melakukan dua sentuhan, Anda beruntung,"lugas dia.
Apapun, sudah pasti Arshavin akan berusaha sekuat tenaga untuk bisaselalu memberikan yang terbaik untuk Arsenal yang tengah bercokol diposisi tiga klasemen sementara.
Akhir pekan ini 'Gudang Peluru' akan berusaha mempertahankan posisitersebut kala menghadapi Aston Villa yang punya poin setara, 35, danmenghuni peringkat empat. Arsenal sendiri punya surplus satu laga lebihbanyak dari Villa.

Lorenzo Nyaris Pensiun Dini

2009-12-25T18:30:00.001-08:00

GERNO DI LESMO– Jorge Lorenzo bercerita bahwa dirinya sempat berencana mundur dariajang MotoGP. Beberapa kecelakaan beruntun sepanjang musim 2008 membuatpembalap Fiat Yamaha itu ketakutan. Benarkah?

Ya,momentum Lorenzo sebagai debutan MotoGP nyaris berakhir pada musim2008. Itu setelah dia mengalami beberapa kecelakaan secara beruntun.Lorenzo mengalami kecelakaan saat sesi latihan di MotoGP China danCatalunya.

Sempat terlintas dalam benak Lorenzo ketika itu, bahwa dirinyamemutuskan untuk berhenti dari balapan dua roda tersebut. “Saya sempatberpikir karir saya sudah berakhir,” cerita Lorenzo ketika itu.

“Setelah empat kecelakaan berat, termasuk salah satunya pada sesilatihan di Barcelona. Ketika itu saya nyaris mematahkan kepala saya.Bahkan, akibat kecelakaan itu saya sempat hilang ingatan,” lanjutpembalap asal Spanyol itu.

“Saya serius, saya sama sekali tidak ingat nama saya atau apa yang sayalakukan. Ketika ingatan saya kembali, saya sempat berpikir untukberhenti balapan,” tambahnya dikutip Motorsprint, Jumat (25/12/2009).

Kendati hanya menang satu kali di MotoGP Portugal, Lorenzo masih mampuberada di urutan keempat klasemen pembalap 2008. Musim berikutnya, diamenjadi pesaing utama dalam perebutan gelar juara.

“Terima kasih karena pikiran manusia bisa berubah dengan cepat. Namun,yang pasti, saya berjanji kepada diri ini untuk mengubah pendirianmengenai olahraga ini,” tegas pembalap 22 tahun itu.

Buku-buku Ini Dilarang!

2009-12-25T18:24:00.000-08:00

JAKARTA, KOMPAS.com - Setelah berbulan-bulan membahas, Kejaksaan Agung akhirnya resmi melarang lima buku.Limabuku itu adalah Pembunuhan Massal Gerakan 30 September dan KudetaSoeharto (ditulis John Roosa, diterbitkan Institut Sejarah SosialIndonesia dan Hasta Mitra), Suara Gereja bagi Umat Penderitaan TetesanDarah dan Cucuran Air Mata Umat Tuhan di Papua Barat Harus Diakhiri(ditulis Socratez Sofyan Yoman, diterbitkan Reza Enterprise), Lekra TakMembakar Buku Suara Senyap LembarKebudayaan Harian Rakyat 1950-1965(ditulis Rhoma Dwi Aria Yuliantri dan Muhidin M Dahlan, diterbitkanMerakesumba LukamuSakitku), Enam Jalan Menuju Tuhan (ditulis Darmawan,diterbitkan Hikayat Dunia), dan Mengungkap Misteri Keragaman Agama(ditulis Syahruddin Ahmad, diterbitkan Yayasan Kajian AlquranSiranindi).

Pelarangan buku itu termasuk dalam kinerja BidangIntelijen Kejaksaan Agung selama tahun 2009. Jaksa Agung Muda PembinaanIskamto—yang sebelumnya menjabat Jaksa Agung Muda Intelijen—memaparkanhal itu dalam jumpa pers di Sasana Pradana Kejaksaan Agung, Rabu lalu.Jaksa Agung Hendarman Supandji hadir dalam jumpa pers itu.
KepalaPusat Penerangan Hukum Kejaksaan Agung Didiek Darmanto yang dihubungipada hari Kamis (24/12) menjelaskan, larangan terbit atas lima judulbuku tersebut ditujukan kepada penerbit. Penerbit tidak boleh lagimenerbitkan dan mengedarkan buku-buku itu. ”Kalau yang sudah beredar,kami minta kepada penerbit agar ditarik,” katanya.
MenurutDidiek, buku-buku tersebut dilarang karena melanggar ketertiban umum.Substansi buku dinilai tidak sesuai dengan aturan. Namun, ketertibanumum yang mana yang dilanggar buku-buku itu, Didiek tidak menjelaskan.
Bukankahmasyarakat berhak memperoleh informasi yang luas dan bebas? ”Bebas,tetapi tidak sebebas-bebasnya. Bebas, tetapi terkendali. Ada aturanmenjaga ketertiban,” katanya.
Buku-buku itu sudah diteliti dalamtim penyeleksian (clearing house) Kejaksaan Agung sejak Mei 2009. Halitu disebutkan pada rapat kerja Jaksa Agung dengan Komisi III DPR pada11 Mei 2009.
Pelarangan itu menimbulkan pertanyaan, bahkankritik. Di antaranya dari Ketua Forum Rektor Indonesia Edy SuandiHamid. Dia berpendapat, model pelarangan buku semacam itu mestinyadihindari. Informasi bagi publik mestinya dibuka seluas-luasnya.
Edy,yang juga rektor Universitas Islam Indonesia Yogyakarta, menambahkan,pelarangan justru bisa berdampak kontraproduktif, apalagi bilaberkaitan dengan sejarah masa lalu. Masyarakat, yang saat ini sudahmengerti haknya memperoleh informasi, bisa mencurigai bahwa ada faktasejarah yang sengaja disembunyikan.
Rhoma Dwi Aria Yuliantri,yang bukunya dilarang, berpendapat, sejarah adalah multitafsir, tidaktunggal. Terhadap alternatif kebenaran lain, masyarakat harus toleran.
Mengenaibukunya yang dinyatakan dilarang oleh Kejaksaan Agung, Rhoma mengakubelum tahu substansi pelarangan. Bahkan, ia juga belum diberi tahuhal-hal apa di bukunya yang membuat menjadi terlarang. Yang pasti,melarang buku —sebagai karya intelektual—merupakan pelanggaran atas hakberkreasi.
”Saya ini, kan, latar belakangnya sejarah. Ketika adafakta, saya menuliskannya. Dengan beragam versi sejarah, pembacamenjadi kaya dan terbuka dengan beragam versi. Kalau hanya satu versi,rasanya menjadi dipaksakan,” ujarnya.
Berdasarkan catatan Kompas,kejaksaan sudah beberapa kali melarang peredaran buku. Tahun 2006,kejaksaan memeriksa dan mengawasi buku Menembus Gelap Menuju Terang 2,Atlas Lengkap Indonesia (33 provinsi) dan Dunia, serta Aku MelawanTeroris (Kompas, 3/1/2006).
Tahun 2007, kejaksaan melarangsejumlah buku pelajaran sejarah untuk sekolah beredar. Alasannya,antara lain, tidak menyebutkan pemberontakan Partai Komunis Indonesia(PKI) di Madiun tahun 1948 dan hanya memuat keterlibatan G30S tanpamenyebut PKI pada tahun 1965 (Kompas, 10/3/2007).
Ukuran apa yangsebenarnya digunakan kejaksaan saat menyatakan suatu buku dilarangberedar? Mengutip pendapat Edy Suandi Hamid, ”Kalau pelarangandilakukan oleh lembaga formal dan terkait dengan kekuasaan, akan munculdugaan bahwa pelarangan buku ini sesuai dengan kepentingan penguasa.”Nah, pelarangan buku oleh kejaksaan, sebenarnya demi kepentingan siapa?(Dewi Indriastuti)

Inheritance & Abstraction

2009-12-25T17:44:00.001-08:00

A. Inheritance (Pewarisan)

Java mengizinkan kita untuk mendefinisikan suatu kelas yang bersifat generic. Selanjutnya, kelas tersebut dapat diturunkan lagi menjadi generic, kelas tersebut dapat diturunkan lagi menjadi kelas baru dengan sifat yang lebih spesifik. Kelas induk yang diturunkan disebut dengan superclass.
kelas binatang adalah superclass. Dari kelas Herbivora & Carnivora. Herbivora & Carnivora sendiri berperan sebagai subclass. Namun Herbivora dapat menjadi superclass dari subclass kambing & kerbau. Dan Carnivora dapat menjadi superclass dari subclass harimau & anjing.

1. Membuat Kelas Turunan (Subclass)

Untuk melakukan proses penurunan suatu kelas, diperlukan kata kunci extends Bentuk umum dari penggunaan kata kunci tersebut sebagai berikut:

Class nama-subclass extends nama-superclass
{
 / / badan kelas
}

Contoh listing program
class A{
 private int a;

public void setA (int nilai) {
a = nilai;
}

public int getA ( ) {
 return a;
}
}

// membuat kelas turunan (subclass) dari A
class B extends A{
 private int b;

public void setB(int nilai) {
 b = nilai;
}

public int getB( ) {
 return b;
}
}

class ContohKelasTurunan {
 public static void main(String[] args) {

//melakukan instansi terhadap kelas B
B obj = new B( );

//mengeset nilai objek dari kelas B
obj.setA(100);
obj.setB(200);

//mendapatkan nilai yang terdapat dalam objek dari kelas B
System.out.println(“Nilai a : “+ obj.getA( ) );
System.out.println(“Nilai b : “+ obj.getB( ) );
 }
}

B. Override Terhadap Method

Pada saat kita mendefinisikan suatu method di dalam kelas turunan yang nama dan daftar parameternya sama persis seperti yang terdapat pada kelas induk, maka dikatakan kita telah melakukan override method yang tersimpan dalam kelas induk. Apabila kita melakukan pemanggilan method yang telah di-override melalui objek dari kelas turunan, maka yang akan dieksekusi adalah method yang terdapat pada kelas turunan, bukan yang terdapat kelas induk. Dengan kata lain, apabila kita melakukan override terhadap kelas induk, maka di dalam kelas turunan, method pada kelas induk akan disembunyikan keberadaannya (tidak tampak, tapi ada).

Contoh listing program:
class A {
 private int a;

 public void setA (int nilai) {
 a = nilai;
 }

 public int getA( ){
 return a;
 }

 public void tampilkanNilai ( ) {
 System.out.println(“Nilai a : “ + getA( ) );
 }
}

class B extends A {
 private int b;

 public void setB (int nilai) {
 b = nilai;
 }

 public int getB( ){
 return b;
 }

 //melakukan override terhadap method tampilNilai( )
 public void tampilkanNilai ( ) {
 System.out.println(“Nilai b : “ + getB( ) );
 }
}

class DemoOverride {
 public static void main (String [ ] args){

 B obj = new B( );

 obj.setA( 100 );
 obj.setB( 200 );

 //akan memanggil method yang terdapat pada kelas B
 obj.tampilkanNilai( );
 }

}

Untuk memunculkan / menampakkan nilai A, maka perlu penambahan kata kunci super.
class A {
 private int a;

 public void setA (int nilai) {
 a = nilai;
 }

 public int getA( ){
 return a;
 }

 public void tampilkanNilai ( ) {
 System.out.println(“Nilai a : “ + getA( ) );
 }
}

class B extends A {
 private int b;

 public void setB (int nilai) {
 b = nilai;
 }

 public int getB( ){
 return b;
 }

 //melakukan override terhadap method tampilNilai( )
 public void tampilkanNilai ( ) {
 super.tampilkanNilai( ); //memanggil method dalam kelas A
 System.out.println(“Nilai b : “ + getB( ) );
 }
}

class DemoOverride {
 public static void main (String [ ] args){

 B obj = new B( );

 obj.setA( 100 );
 obj.setB( 200 );

 //akan memanggil method yang terdapat pada kelas B
 obj.tampilNilai( );
 }

}

C. Abstraction (Abstrak)

Untuk mendefinisikan sebuah kelas induk yang di dalamnya terdapat deklarasi method yang tidak memerlukan implementasi sama sekali. Method-method tersebut selanjutnya baru akan diimplementasikan oleh kelas-kelas turunannya. Method semacam ini disebut method abstrak.

Bentuk umunya:
abstract class namaKelas {
/ / badan kelas
}

Contoh listing program :
// mendefinisikan kelas abstract
abstract class A {
// method abstrak, tidak memiliki kode implementasi
abstract public void coba();

// kelas abstrak masing diizinkan untuk mendefinisikan method non-abstrak
public void cobajuga( ) {
System.out.println(“Method di dalam kelas abstrak”);
}
}

class B extends A {

 //method prosedure coba( )
 public void coba( ) {
 System.out.println(“Method di dalam kelas B”);
 }
}

class DemoKelasAbstrak {
 public static void main(String[ ] args) {
 A ref; // mendeklarasi referensi ke A

B obj = new B( );

ref = obj; // ref menunjuk ke objek dari kelas B

 ref.coba( ); // memanggil method coba( ) di dalam B
 ref.cobajuga( ); // memanggil method cobajuga( ) di dalam A
 }
}

PHP 2

2009-12-25T08:46:00.000-08:00

Saya yakin teman-teman sekalian pasti sudah tahu tentang Register, login, dan logout. Atau
mungkin juga ada sebagian teman yang belum terlalu paham. Baiklah, Saya akan menjelaskan secara
singkat saja yah.. Biasanya pada saat kita memasuki sebuah situs, kita diwajibkan untuk login
terlebih dahulu. Tetapi sebelum login, kita harus mendaftar dulu nama, email, dan password yang
kita inginkan untuk login nantinya. Baiklah, saya akan langsung menjelaskan scriptnya.
Dalam contoh kali ini, saya membuat register, login, dan logout dalam 6 buah script.
Yakni :
1. Index.php
2. Config.php
3. Daftar.php
4. Daftar2.php
5. Login.php
6. Dan logout.php
Pertama -tama yang harus dilakukan tentu saja adalah membuat database-nya terlebih dahulu.
Buatlah database dengan nama ?reglog?. Lalu buat table dengan nama ?members?. Lalu masukkan
field berikut:
?Id? type = bigint(20)
?nama? type = varchar(50)
?email? type = varchar (50)
?password? type = varchar(8)
Jika sudah, masukkan script berikut :

Ini untuk mengkoneksikan dengan database...
Config.php

Index.php

";
}
?>Welcome
[Logout]
Klik disini untuk register

Daftar.php

Daftar2.php
alert('Konfirmasi password harus sama dengan password !');
javascript:history.go(-1);";
exit;
}
if((!empty($nama)) && (!empty($email)) && (!empty($password)))
{
$query = mysql_query("INSERT INTO $table (nama,email,password)
values ('$nama','$email','$password');");
print "Registrasi success
Back to
Home";
}
else
{
print "";
}
?>

Login.php
Anda belum memasukkan username dan password !";
exit;
}
if($row != 0)
{
if($password != $result['password'])
{
print "

Password salah !";
}
else
{
setcookie("nama",$user);
print "Anda telah berhasil login dengan nama
$user
Back to home";
}
}
else
{
print "Maaf, Username tidak terdaftar !
Silahkan daftar dulu
disini";
}
?>

Logout.php

Notes :
Bila anda berhasil, maka pada saat anda telah mendaftar dan login sebagai nama yang anda daftarkan,
maka pada halaman index akan tampil nama anda disamping teks welcome.

Register
Nama :
Email :
Password :
Confirm Password :

Login
User :
Password :

Information and technology

Memahami ActionScript

Objek dan Kelas

Metode dan Properti

Struktur Bahasa ActionScript

Tanda Baca dalam ActionScript

Kurung kurawal dan titik koma

Komentar

Action Panel

Mode Normal dan Mode Expert

Kategori ActionScript

Jam Digital Menggunakan Action Script pada Macromedia Flash MX

ARTIFICIAL INTELLIGENT

Membuat Animasi Skeleton OGRE Sendiri

Cara Memasang Lagu Di Blog

Belajar PHP dari menginstall PHP hingga mempelajari fungsi-fungsi dasar PHP

Apa itu PHP?

Cara menginstall PHP

PHP pertama saya begitu menggoda

Comments

Variables

Array

If statement

Switch Statement

Pengulangan (while)

Pengulangan (for)

Fungsi

Forms

Beberapa fungsi built in PHP

Belajar XHTML dan Web Standards serta mengenali seluk beluknya

XML

Kenapa sih harus standard?

Deklarasikan bahwa file anda XHTML

Upload file ke server dengan menggunakan PHP

Upload sederhana

Upload yang lebih kompleks

7 Rahasia CSS yang (mungkin) belum anda ketahui dan wajib diketahui

1. Memasang 2 class pada 1 tag HTML

2. Hilangkan px untuk nilai 0

3. Gunakanlah selalu shorthand

4. Shorthand pada warna

5. Shorthand pada font

6. Menyingkat yang sudah disingkat

7. Menengahkan objek

Cara Meningkatkan Alexa Rank Website Anda

Memanfaatkan Unordered List untuk membuat menu horizontal, vertikal dan sitemap

Unordered List

Membuat kotak mengelilingi menu

Vertical Menu

Horizontal Menu

Sitemap

Mendesign Web

Mempelajari penggunaan Fungsi (Function) didalam PHP

Penggunaan function()

Mengirim Variabel kedalam Fungsi

interface, class bertingkat dan detail lain

Operator

Harga Sony PS3 Turun, Departemen Pertahanan Amerika Borong 2.200 PS3 Untuk Upgrade Supercomputer

Nippon Institute of Technology Perkenalkan Robot e-NUVO Demi Tujuan Edukasi

Arshavin keliru soal Liga Inggris

Lorenzo Nyaris Pensiun Dini

Buku-buku Ini Dilarang!

Inheritance & Abstraction

PHP 2