Its MADSchool.NET v8.0_new_

"Docendo discimus, kita belajar dengan mengajar...(Seneca)



  MATA PELAJARAN HARI INI

 Rabu, 09 September 2009  
Shareflow, Media Online untuk Berkolaborasi Pekerjaan



Di era sekarang ini internet memang telah dijadikan sebagai media 'kantor'. Beraktifitas bersama rekan kerja layaknya normal-pun dapat dilakukan melalui media online tersebut.

Salah satu media online pendukung yang dikhususkan untuk mempermudah untuk melakukan pekerjaan secara bersamaan adalah Shareflow. Produk dari ZenBe memberikan fasilitas ruang simpan file, akun berupa jalur-jalur yang digunakan untuk berkolaborasi dengan rekan, serta user yang tak terbatas pada masing-masing flow tersebut.

Setelah kita mendaftar, kita mendapatkan akun dan dapat meng-organisasi flow dalam kategori/grup untuk projek tersendiri, semilal grup marketing, finance dll. Kemudian undang email rekan-rekan yang ingin dimasukkan pada group tersebut. Fitur yang ada seperti chat, attachment file dokumen/gambar/video, ataupun pesan yang secara langsung dari ahoo! Mail, Windows Live Mail, and Gmail melalui Shareflow bookmarklet.

Jika tertarik, anda bisa .....

Baca selengkapnya »
 Jumat, 04 September 2009  
Membuat sebuah Keyboard menggunakan CSS dan jQuery



Kali ini belajar kelompok bertempat di rumah Net Tuts. Seorang teman bernama Vasili mengajarkan bagamana membuat sebuah keyboard digital menggunakan jQuery dengan teknik CSS-nya.

Papan keyboard termasuk juga tombol "action" (caps lock, shift, and delete) yang secara dinamis berganti pada saat tombol fungsi tersebut di klik.

Tertarik juga mengikuti apa yang dibuat oleh Vasili? klik untuk melihat lebih detail.
 Rabu, 02 September 2009  
Menambah dan Menampilkan Data secara langsung menggunakan jQuery dan AJAX

Tutorial ini diajarkan oleh Srinivas Tamada untuk menambah serta menampilkan data secara langsung tanpa perlu me-refresh halaman website.
Dengan menggunakan jQuery dan AJAX, data yang dimasukkan pada text field secara langsung akan di load dan ditampilkan, cara tersebut memberikan kesan yang dinamis.

Membuat tabel database
CREATE TABLE messages(
msg_id INT AUTO_INCREMENT PRIMARY KEY,
msg TEXT
);

inserting.php
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js">
</script>
<script type="text/javascript" >
$(function() {
$(".comment_button").click(function() {

var test = $("#content").val();
var dataString = 'content='+ test;

if(test=='')
{
alert("Please Enter Some Text");
}
else
{
$("#flash").show();
$("#flash").fadeIn(400).html('<img src="ajax-loader.gif" align="absmiddle"> <span class="loading">Loading Comment...</span>');

$.ajax({
type: "POST",
url: "demo_insert.php",
data: dataString,
cache: false,
success: function(html){
$("#display").after(html);
document.getElementById('content').value='';
document.getElementById('content').focus();
$("#flash").hide();
}
});
} return false;
});
});
</script>
// HTML code
<div>
<form method="post" name="form" action="">
<h3>What are you doing?</h3>
<textarea cols="30" rows="2" name="content" id="content" maxlength="145" >
</textarea><br />
<input type="submit" value="Update" name="submit" class="comment_button"/>
</form>
</div>
<div id="flash"></div>
<div id="display"></div>


demo_insert.php
Kode PHP untuk menampilkan data yang telah dimasukkan.
<?php
include('db.php');
if(isSet($_POST['content']))
{
$content=$_POST['content'];
mysql_query("insert into messages(msg) values ('$content')");
$sql_in= mysql_query("SELECT msg,msg_id FROM messages order by msg_id desc");
$r=mysql_fetch_array($sql_in);
}
?>
<b><?php echo $r['msg']; .....

Baca selengkapnya »
 Senin, 31 Agustus 2009  
Jam berapa di rumah (blog) kamu sekarang?
Penting dan tidaklah penting untuk menambahkan aksesoris maupun widget untuk sebuah blog memang sangat relatif ukurannya. Sebuah aksesoris ataupun widget menjadi perlu manakala penambahan tersebut menjadi berfungsi.

ClockLink adalah salah satu web penyedia aksesoris, yaitu untuk menampilkan jam pada blog kita sesuai zona waktu pengguna. Kita dapat memilih tampilan jam yang sesuai, dari mulai Analog, Digital, Tema Binatang, Tema Musim, Olah Raga ataupun yang lainnya. Kita tinggal memilih dan meletakan script yang disediakan pada blog kita.
     

 Jogjakarta, Indonesia               Tokyo, Japan

Atau jika sedikit lebih usil dan lucu bergaya Masquerade, seperti berikut dapat di temukan di website FreeflashClocks.

Tertarik? anda dapat langsung mencobanya.
 Kamis, 27 Agustus 2009  
Membuat Efek Fade In Gambar saat di munculkan (loading) menggunakan Javascript

Ini adalah teknik membuat efek fade in yang diterapkan pada gambar saat loading gambar tersebut berlangsung. Cara ini digunakan untuk memberikan kesan dinamis pada gambar berukuran besar, karena dibutuhkan beberapa waktu untuk menampilkan gambar secara utuh. Dengan script ini user akan diperlihatkan gambar animasi loading terlebih dahulu.

Berikut teknik yang diberikan oleh Richard Rutter menggunakan 3 fungsi dasar, yaitu initImage(), setOpacity, fadeIn. Serta menggunakan gambar animasi loading (loading.gif)

CSS
CSS ini untuk memposisikan gambar dan animasi loading.gif sebagai background.
<style>
#photoholder {
width:450px;
height:338px;
background:#fff url('loading.gif') 50% 50% no-repeat;
}
#thephoto {
width:450px;
height:338px;
}
</style>


Function Javascript
<script>
document.write("<style type='text/css'> #thephoto {visibility:hidden;} </style>");
window.onload = function() {initImage()}

function initImage() {
imageId = 'thephoto';
image = document.getElementById(imageId);
setOpacity(image, 0);
image.style.visibility = 'visible';
fadeIn(imageId,0);
}

function setOpacity(obj, .....

Baca selengkapnya »

Page 1 of 8 | next »

 
   
   MENU NONGKRONG
HOME
KOTAK SKORSING

   Sssssttt!!

Cari di  
 
   KUMPULAN MATERI
MENULIS BLOG
TUTORIAL
PELAJARAN TAMBAHAN
SENIN BERBAGI

   ULANG MATERI
Menambah dan Menampilkan Data secara langsung menggunakan jQuery dan AJAX
Menghentikan Pencurian Bandwith Image Hotlinking
Membuat CSS Menu Dock
Membuat sebuah Keyboard menggunakan CSS dan jQuery
Membuat Efek Fade In Gambar saat di munculkan (loading) menggunakan Javascript
10 Web Gratis Untuk Layanan Berbagi File/File-sharing Web Services
Jam berapa di rumah (blog) kamu sekarang?
Font Gaya Goresan Tangan yang Menawan
Senin Berbagi:
10 WordPress Themes Menarik dan Gratis

   SUPORTER
Untitled Document
 
 
 
   PEKERJAAN RUMAH
Bursa - Sangasanga.NET
Its Random PortFolio's, click image for visit the web


   BELAJAR KELOMPOK
Untitled Document
 
  Boy's Blog


     

 

MADSchool.NET ©2006  
design by ikidine | script engine by AuraCMS