Mesin Absensi Scheduling

Penjadwalan yang lebih cerdas dan cepat

• Menampilkan satu atau beberapa karyawan
• Mempermudah pengelolaan waktu cuti
• Menampilkan data per bulan, minggu dan hari
• Filter per departemen, lokasi dan posisi

Kemudahan Penjadwalan

Sangat membantu dalam mengatur jadwal tiap karyawan dengan software interaktif kami, Dengan tampilan aplikasi yang interaktif ini selangkah demi langkah memudahkan pengelolaan jadwal secara cepat

Membuat penjadwalan untuk satu atau beberapa karyawan

• Membuat jadwal perdepartemen, lokasi, dan posisi atau jabatan.
• Beberapa jadwal dalam satu hari
• Membuat shift dalam beberapa hari
• Menambahkan lokasi perusahaan pada tiap shift karyawan
• Membuat jadwal berulang perhari, perbulan, dan pertahun
• Kemampuan membuat jadwal sampai satu tahun
• Flexibelitas dalam menambahkan aturan pembayaran dalam shift
• Menambahkan pembayaran premium pada shift
• Kemudahan edit satu atau beberapa jadwal karyawan dalam satu waktu

Hapus Penjadwalan

Memiliki flexibelitas untuk menghapus satu atau beberapa jadwal karyawan, kamu dapat menyeleksi berdasarkan departemen, lokasi dan posisi.

Notifications

Dengan menambahkan jadwal kepada seluruh karyawan, anda memiliki kemampuan untuk mengatur jam kerja mereka agar lebih efektif. Sesegera mungkin mengetahui waktu keterlambatan, pulang cepat dan jika karyawan meninggalkan pekerjaan di luar shift.

Dapat di akses oleh semua orang

Jadwal telah tersentralisasi dalam sever pusat, berarti baik anda dan karyawan anda memiliki 24/7 untuk akses pada informasi yang paling terbaru di aplikasi ini.

read more

Menambah Sidebar di Kanan Dan Kiri Blog

Menambah Sidebar di Kanan Dan Kiri Blog

Sebelum menambah kolom sidebar yang perlu kita perhatikan adalah pada bagian di bawah ini:

Outer-wrapper=660px;
Header-wrapper=660px;
Footer-wrapper=660px;

• Sekarang masuk ke blog sobat.
• Klik tata letak.
• Edit html.
• Jangan beri centang pada Expand widged template.

Cari kode seperti di bawah ini:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float:right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

Outer-wrapper ini merupakan sebuah bingkai di mana main wrapper dan sidebar berada,termasuk header dan footer berada di dalamnya.

Jika ingin menambah satu sidebar berarti kita harus menambah pula lebar dari bingkai tersebut.Misalnya kita ingin menambah satu sedebar dengan lebar yang sama dari sedebar sebelumnya,kita tinggal cloning dan menambahkan nilai sidebar tersebut pada Outer-wrapper= 660+220=880.

Kemudiann kasih nama sidebar tersebut dengan nama yang berbeda.Agar lebih mudah membedakannya kita beri nama sidebarbaru-wrapper,hingga hasilnya sbb:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float:$endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
padding:5px;

#sidebarbaru-wrapper {
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
padding:5px

Untuk warna merah adalah hasil cloning dari sedebar-wrapper yang kita beri nama sidebarbaru-wrapper,sedang warna biru tambahan sela agar font tidak terhimpit bingkai sidebar. warna orange dimana letak sidebar berada.

Jangan lupa ganti juga nilai lebar dari:
header-wrapper= 880px;
footer-wrapper= 880px;

Setelah mengganti kode-kode angka dan memberi nama sidebar tersebut,kemudian tarik ke bagian bawah pada kode template sobat. Temukan kode seperti di bawah ini:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

Letakkan kode dibawah ini tepat atasnya:

<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>

Hingga hasilnya sebagai berikut:

<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

• Klik pratinjau.
• Jika di rasa sudah sesuai klik simpan template.

read more

Cara membuat Menubar di blog

Cara membuat Menubar di blog - Hmm, sobat sudah pada tau menubar itu apa kan? hah belum? okedeh tidak apa-apa reggy jelaskan lagi untuk yang belum tau. Menubar adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi menubar yaitu untuk menyimpan link-link penting di suatu blog, agar pengunjung dapat lebih mudah mengunjungi halman-halaman utama yang ada pada suatu blog itu. Pada postingan sebelumnya saya juga telah menjelaskan bagaimana cara membuat menubar pada template klasik.  Namun, bedanya kali ini membuat menubar pada custom template.

cara membuat menubar di blog tidak sulit kok. 

1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML
4. Cari kode ]]></b:skin> (gunakan ctrl+f)
5. Pasang kode di bawah ini di atas kode ]]></b:skin>

#menubar{
width:900px;
height:32px;
background:#de360f;
margin: 0 auto;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
color:#ffa500;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}

7. Selanjutnya cari kode <div id="content-wrapper">
8. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 7. Pengecualian untuk yang tidak ada kode pada no 7, sobat bisa menaruh dielemen div id lainnya. Biasanya template blog terdapat kode seperti <div id='header.... Jadi, bila tidak ada sobat bisa menaruhnya di bawah kode yang mirip dengan<div id='header...

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul>
</div>

9. Simpan Template dan lihat hasilnya

Untuk membuat sub menu (menu dropdown) agar mudah ganti saja kode pada no 8 dengan kode di bawah ini

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a>
<ul>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul></li>
</ul>
</div>

Keterangan:

• Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
• Ganti tulisan berwarna Biru (Edit me) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
• Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
• Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.
• Di setiap blog juga ada juga yang berbeda tanda kutipnya. Sobat bisa menelitinya lagi. Tanda kutip ' atau " 

Misalkan kode <div id="content-wrapper"> atau sejenisnya memang benar2 tidak ada. Sobat bisa menaruhnya di area kode header sobat. Caranya sobat bisa mengklik tombol Lompat ke widget lalu mengklik widget header sobat. Contoh pada gambar

Setelah itu. Letakkan kode menubar yang berada pada langkah no 8, di bawah kode widget header blog sobat. Bisa dibawah </b:section> atau dibawah kode </div> pada gambar. Itu meletakkan menubar dibawah header blog sobat.

Sebenarnya masih ada juga kode sejenis main-wrapper, header-wrapper, header-inner dll. Nah, kode menubar dapat diletakkan di kode-kode css sejenis itu. 

Bagaimana? mudah kan. Inget sob, kunci utama keberhasilan membuat menubar pada blog yaitu ketelitian dalam mengedit dan memasang kode css/htmlnya. Misalkan ada yang kurang atau kesalahan sedikit, menubar itu malah jadi gagal alias tidak terpasang. Jadi, sobat harus lebih teliti ya agar tidak keliru,good luck sobat ;) 

read more

Android KitKat

Beautiful & Immersive

Just say “Ok Google”

You don’t need to touch the screen to get things done. When on your home screen* or in Google Now, just say “Ok Google” to launch voice search, send a text, get directions or even play a song.

A work of art

While listening to music on your device, or while projecting movies to Chromecast, you’ll see beautiful full-screen album and movie art when your device is locked. You can play, pause, or seek to a specific moment.

Immerse yourself

The book you're reading, the game you're playing, or the movie you're watching — now all of these take center stage with the new immersive mode, which automatically hides everything except what you really want to see. Just swipe the edge of the screen to bring back your status bar and navigation buttons.

Faster multitasking

Android 4.4 takes system performance to an all-time high by optimizing memory and improving your touchscreen so that it responds faster and more accurately than ever before. This means that you can listen to music while browsing the web, or race down the highway with the latest hit game, all without a hitch.

Smart & Simple

Google smarts improve every corner of the Android experience.

The future is calling

The new phone app automatically prioritizes your contacts based on the people you talk to the most. You can also search for nearby places and businesses, your contacts, or people in your Google Apps domain.

The future is calling

The new phone app automatically prioritizes your contacts based on the people you talk to the most. You can also search for nearby places and businesses, your contacts, or people in your Google Apps domain.

A smarter caller ID

Whenever you get a call from a phone number not in your contacts, your phone will look for matches from businesses with a local listing on Google Maps.

All your messages in the same place

Never miss a message, no matter how your friend sends it. With the new Hangouts app, all of your SMS and MMS messages are together in the same app, alongside your other conversations and video calls. And with the new Hangouts, you can even share your location and send animated GIFs.

Emoji everywhere

Sometimes words can’t express how you feel. For that, there’s Emoji, the colorful Japanese characters, now available on Google Keyboard.

Grab & Go

New features help you get things done while you’re on the move.

Print wherever, whenever

Now you can print photos, documents, and web pages from your phone or tablet. You can print to any printer connected to Google Cloud Print, to HP ePrint printers, and to other printers that have apps in the Google Play Store.

Pick a file, any file

From apps like Quickoffice, you can open and save files on Google Drive, other cloud storage services, or your device. And with quick access to recently used files, it's easier than ever to send the file you were just working on.

Your office, anywhere

Create and edit documents, spreadsheets and presentations from your phone or tablet with the newly redesigned Quickoffice

Thanks.... :-) 

read more

Mesin Absensi Retina Mata

Mesin Absensi Retina Mata

Mesin absensi EC Iris ini adalah mesin absensi yang menggunakan sistem biometrik untuk mengautentifikasi karyawan saat proses mengabsen. Biometrik adalah teknologi khusus yang biasa digunakan pada medis untuk mengidentifikasi manusia dengan melihat atau mendeteksi karakteristik tertentu yang ada pada diri manusia itu sendiri. Adapun,  karakteristik yang diidentifikasi menggunakan sistem biometrik ini bisa saja berupa sidik jari, bentuk dan karakteristik wajah, mata, dan suara manusia.

Verifikasi identitas karyawan berdasarkan pemindaian iris(retina) mereka.
- Deteksi otomatis pengguna, EC-IRIS aktif saat pengguna mendekat.
- Jangkauan penangkapan gambar antara 12 sampai 14 inci (31-35cm).
- Indikasi visual diperkuat dengan petunjuk audio yang ramah.
- Set otomatis penyesuaian ketinggian, dll.

read more

Absen Via Web Online dimana saja

Absen Via Web

Online

Absen via web Pada umum nya saat ini semua karyawan atau pekerja terlambat beraktivitas di karenakan semakin banyak nya atau padat nya kendaraan, yang memungkin kan pekerja atau karyawan sulit mengabsenkan diri nya.

Dengan berkembang nya technologi saat ini mesin absensi telah dilengkapi fitur dengan via web online, jadi bagi karyawan yang hadir tidak perlu lagi mengantri untuk absen atau finger di mesin tersebut.

Dengan aplilkasi ini ketika kita sudah berada di area tempat berkerja kita tidak perlu tergesa gesa lagi untuk mengejar waktu agar tidak terlambat,

Aplikasi pada android atau smart phone ini free untuk mendownload nya, tetapi untuk aplikasi software mobile mesin absensi yang kita tawarkan ini berbayar.

Untuk lebih jelasnya silahkan kunjungi website kami di :

http://www.hebros.co.id

read more

JAVA Script

JAVA SCRIPT

JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer(IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.

SEJARAH

JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript.

Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java. Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut. Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.

JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX. JavaScript adalah bahasa yang digunakan untuk AJAX.

Penulisan JAVA Script

Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag <script type="text/javascript">.

<script type="text/javascript">
 alert("Halo Dunia!");
</script>

Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript). Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:

<script type="text/javascript" src="alamat.js">
</script>

Script pada bagian Head

Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada eventtertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).

<html>
<head>
<script type="text/javascript">
...
</script>
</head>
</html>

Script pada bagian body

Script ini dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.

<html>
<head>
</head>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>

Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.

External JAVAScript

Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman. Maka JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML. Berkas JavaScript tersebut disimpan dengan ekstensi .js.

JavaScript : js/xxx.js document.write("pesan ini tampil ketika halaman diload");

Untuk menggunakan eksternal JavaScript (.js) dipakai atribut "src" pada tag <script> pada halaman HTML-nya.

<html>
<head>
</head>
<body>
<script src="xxx.js">
</script>
<p>Script di atas berada di berkas "xx.js" (eksternal) </p>
</body>
</html>

Adaptasi JavaScript pada Wikipedia

Biasanya JavaScript digunakan sebagai peralatan (tool/gadget) pada halaman pengguna. Fungsinya bermacam-macam, misalnya peralatan guna menambah kategori dengan lebih mudah, contohnya dapat dilihat pada : HotCat. Lain dari pada itu dapat di simak lebih lanjut di :

• (Inggris) Wikipedia : JavaScript
• (Inggris) Wikipedia : Proyek Skrip
• (Inggris) Beberapa skrip yang berguna
• (Indonesia) Skrip selamat datang

read more