Saturday, April 12, 2014

Send Email lewat localhost xampp tanpa buat domain



Kadang Web Programmer khususnya dibidang ecommerce yang transaksi datanya banyak menggunakan email sudah langsung terkirim email dengan function Mail(bla.., bla.., bla..) lewat provider yang sudah ada domainnya. Nah, bagaimana dengan Program Web Non ecommerce ? misalnya sistem informasi tagihan yang didalamnya terdapat keuangan atau yang lainnya?
Atau bisa juga kita mau mengetest kirim email di localhost laptop atau pc kita ? mungkin agak merepotkan kalau langsung dicoba dengan program kita yg sudah online diinternet (dikit-dikit copy paste ke cpanel).
Kalau setau ane, ada tools untuk menghandle ini, yaitu thunderbird atau mercury sebagai web server sehingga memudahkan kita untuk kirim email lewat localhost tanpa membuat domain terlebih dahulu.

 Tapi lewat blog ini ane akan menshare bagaimana mengirim email lewat localhost yang lebih mudah dan tidak repot-repot untuk install tools lg.
Yaitu dengan menggunakan SMTP gmail, SMTP default xampp kadang tidak jalan jika kita mengirim email.caranya anda tinggal download file zip sendmail berikut : sendmail.zip 
download, extract lalu letakkan foldernya di drive kesukaan anda, contoh kalau ane letakkan di drive C:\ , 
sehingga pathnya C:\sendmail\
Nah didalam folder sendmail, buka di editor anda sendmail.ini, lalu edit bagian sebagai berikut :
smtp_server=smtp.gmail.com

; smtp port (normally 25)



smtp_port=587



; SMTPS (SSL) support

;   auto = use SSL for port 465, otherwise try to use TLS

;   ssl  = alway use SSL

;   tls  = always use TLS

;   none = never try to use SSL



smtp_ssl=auto



; the default domain for this server will be read from the registry

; this will be appended to email addresses when one isn't provided

; if you want to override the value in the registry, uncomment and modify



;default_domain=mydomain.com



; log smtp errors to error.log (defaults to same directory as sendmail.exe)

; uncomment to enable logging



error_logfile=error.log



; create debug log as debug.log (defaults to same directory as sendmail.exe)

; uncomment to enable debugging



;debug_logfile=debug.log



; if your smtp server requires authentication, modify the following two lines



auth_username=your_email@gmail.com            

auth_password=your_password



; if your smtp server uses pop3 before smtp authentication, modify the

; following three lines.  do not enable unless it is required.



pop3_server=

pop3_username=

pop3_password=



; force the sender to always be the following email address

; this will only affect the "MAIL FROM" command, it won't modify

; the "From: " header of the message content



force_sender=your_email@gmail.com



; force the sender to always be the following email address

; this will only affect the "RCTP TO" command, it won't modify

; the "To: " header of the message content



force_recipient=



; sendmail will use your hostname and your default_domain in the ehlo/helo

; smtp greeting.  you can manually set the ehlo/helo name if required



hostname=
setelah disetting seperti diatas, buka file php.ini di xampp atau wamp atau yg lainnya lalu edit bagian berikut :
;sendmail_path = "\.\sendmail\sendmail.exe -t"
menjadi
sendmail_path = "C:\sendmail\sendmail.exe -t"
*titik komanya dihilangkan, path diatas sesuai file zip yang anda dicopykan di drive anda yg sudah ane jelaskan diatas.
Nah, hanya segitu maka ane jamin kirim email anda dari localhost akan jalan, tp syaratnya internet anda hrs nyala ya :D

Read more »

Thursday, March 27, 2014

Mau Jadi Entrepreneur ? ya jalan-jalan dulu dong!

Assalamua'laikum,
kali ini ane akan memposting core / jiwa dari entrepreneur. ane blm sepenuhnya sbg entrepreneur tp sedang dalam proses, mohon doanya semoga tercapai.
nah sebagai seorang programmer tentunya merupakan salah satu jalan untuk mencapai entrepreneur. walaupun diluar sana banyak programmer yang mengabdi pada suatu perusahaan. tp cita-cita atau keinginan ane kedepan gak akan mengikuti langkah tmn-tmn programmer yang mengabdi diperusahaan.. boleh beda dong :) .

waktu perkuliahan mata kuliah entrepreneur, Pak Wahyu Saidi dosen ane waktu itu sangat memberikan inspirasi dan membuka wawasan kita khususnya Mahasiswa. maksud beliau jangan terlalu mengharapkan gaji perusahaan karena hanya gitu-gitu aja. sebagai seorang entrepreneur kita wajib menambah penghasilan kita diluar itu semua dengan melihat peluang - peluang yang ada.

Nah, salah satu jiwa entrepreneur yang dimaksud beliau yaitu Kita harus sering Jalan - jalan. jalan-jalan bagaimana yang dimaksud ? Tentunya bukan hanya sekedar jalan-jalan melepas penat dan lelah atau sekedar hiburan. dari jalan - jalan tersebut kita bisa ambil beberapa manfaat, antara lain :

1. Jiwa Entrepreneur yaitu jiwa yang banyak pengetahuan, nah jika kita jalan-jalan ke jogja, bali atau bandung, minimal kita tahu apa objek wisata atau daerah bersejarah disana.

2. menggali sejarah dari tempat anda jalan-jalan juga sangat penting, misal dijogja kita cari tahu siapa sultan hamengkubwono skrg, dijakarta kpn monas didirikan, presiden satu sampai lima siapa dst. sehingga kalo ditanya orang kita tidak ragu-ragu lagi menjawabnya dan menjadi nilai lebih pada diri kita

3. lihat keadaan sekitar, jika anda yang ingin usaha dibidang property. lihat keadaan tanah, bangunan bahkan minat masyarakat sekitar. atau anda yang ingin usaha jual beli barang, lihat sesuatu yang jarang bahkan tidak ada ditempat itu.

4. cari relasi / cari kenalan, ini jg sangat penting bagi seorang entrepreuneur. apalagi untuk seorang programmer seperti ane hehe .. cari relasi untuk mendapatkan projek itu hal yang sangat diharuskan. bahkan tanpa terduga projek datang dari orang yang lama kita kunjungi sekali pun. so, kalo belum ada kartu nama, tuker-tukeran no hape, pin bb juga gak jadi masalah. jadi jgn sungkan untuk menceritakan job anda sehari-hari.

yang jadi pertanyaan, kalo gak ada uang gmn ? haha jgn malas dan jgn sayang duit sob.. pengalaman adalah investasi. catet : pengalaman adalah investasi!

oke deh, mungkin itu aja tips dari ane.. silahkan di coba, kalau ada tambahan kasih tau ane ya hehe. salam.

Read more »

Tuesday, March 25, 2014

Sukses dunia akhirat sebagai Programmer Muslim

dilihat dari judulnya bkn berarti gw dah sukses bro .. tp gak ada salahnya kan kalo kita berusaha dalam proses mencapai sukses tsb.. nah gw cmn pengen bagi-bagi pengalaman gw aja. biar kerja ngoding tp gak lupa sm kewajiban batiniah kita agar tidak tll memikirkan dunia . so, akhirat jgn lupa, karena kalo kita ngejar akhirat pasti dunia mengikuti kita (yg gw denger dari Aa gym) hehe ..

Jd tidak perlu ditanyakan lagi, pasti kalian ingin sukses di dunia dan di akhirrat... dan ada beberapa tips yang mungkin bisa meninspirasi kalian bagi yang programmer muslim :

  1. lupa waktu adalah bagian yang tidak terlepaskan dari seorang programmer, maka dari itu selalu pasang alarm di pc kalian atau di hp... agar kewajiban kalian tidak tertinggal.. minimal kalo denger adzan lngsung tunaikan kewajiban. yg cwok berjamaah dimasjid dong.
  2. tidak ada salah nya saat kamu mendapat masalah (dengan proyek).. kamu membaca alquran sejenak... siapa tau nanti Allah SWT memberi jalan kepada mu,Aamiin.. jgn cmn dpt masalah sih, bagusnya tiap hari sob.
  3. setiap proyek kamu terjual, sisakan untuk beramal... sebagai bekal untuk di yaumul kiamah. ya kalo gw pribadi minimal gw sisihkan tiap hari buat kotak amal masjid.. kalo ada lebih lg kirimin bwt nyokap hehe..
  4. cobalah kalian membuat aplikasi yang berhubungan dengan islam seperti baca alquran Electornic, alarm adzan, atau mungkin internet sehat... selain bisa dijadikan bisnis, dengan ini kita bisa menjauhi banyak orang dari godaan setan yang menyesatkan.. ini agak rumit memang.niatin aja insyallah ada kemudahan
  5. biasanya programmer itukan bekerja dimalam hari, apasalah nya ketika bangun ditengah malam... sebelum meneruskan proyek, kalian sholat tahajud terlebih dahulu... gak sampe 10 menit kok :)
  6. ada yang bilang programmer itu sulit bersosial, nah sifat ini harus kalian jauhi... karena Allah senang dengan hambanya yang menjalin silaturahmi.
So, itu mungkin tips dari ane sob.. pahala dapet, sehat apalagi. kalo ada tambahan yuk saling berbagi. Salam programmer muslim!
Read more »

Saturday, March 22, 2014

Hal-hal yang wajib dipahami oleh seorang web programmer

Melihat dan meriset begitu banyak calon programmer yang terlahir, bahkan skrg lulusan SMK komputer pun sudah bs membuat program, sy akan menshare apa saja yg wajib dipahami oleh seorang programmer, khususnya programmer Web. Karena berhubung sy jg fokus ke Web yg kelebihannya mudah dicustomize dan didevelop. Nah apa saja kira - kira  hal yang wajib diketahui oleh seorang programmer Web agar kita menjadi profesional dan menambah kepercayaan client. silahkan perhatikan informasi berikut :

Auth
-simple (Access Control List)
-advanced (Role Based Access Control)
-hand made Authentication

Caching
-DB Caching
-File Caching
-Mem Caching
-Image Caching

Console
-Cron Job
-CodeGenerator
-DocsGenerator
-ShellCommand

Database(Model)
-Structural Query Language Statement
-Active Record
-Object Relational Mapping (ORM)
-Validation
-Behaviour
-Direct Access Object (DAO)
-Database Migration
-QueryBuilder

Internationalization
-Language
-Localization (Number, Currency, datetime format)
ErrorHandling
-WebServerError
-PHPerror
-DatabaseError
-AjaxError
-ApplicationError

FileSystem
-Upload (single, multi)
-Download
-Pdf, Excel, Doc

Logging
-SQL Statement Logging
-User Activity Log, Audit Trail
-Error Message
-Profiling

Communication
-Mail
-SMS
-Notification
-Really Simple Syndication

Networking
-File Transport Protocol
-Geo-Colocation
-Routing
-Domain, IP Address
-User Agent
-Zip Encoding
-Template Engine
-Trackback
-Search Engine Optimizer

Security
-Encryption
-Random Generator
-Bad Words
-Sanitizer
-Session
-SQL Injection
-XSS
-CSRF
-Cookies Tempering
-Captha

WebServices
-Simole Object Access Protocol (SOAP)
-XML-Remote Procedure Call (RPC)
-Access Protocol Interface (API)
-Representation State Transfer (REST)

Developer Helper
-Versioning Control System (VCS)
-Debugging
-Unit Testing
-Design Pattern
-Hacking

Other
-Analytics
-Importing
-Reporting

Basic Client Side
-HTML, Form, Tabel
-Cascade Style Sheet (CSS)
-JavaScript, Jquery, JqueryUI
-Flash
-Less
-Ansynchronous JavaScript and XML (AJAX)
JqueryUI like widget
-Accordion
-Autocomplete
-Button
-Datepicker, datetimepicker, monthpicker
-Dialog
-Menu
-Progressbar
-Slider
-Spinner
-Tabs
-Tooltip Widget
-TreeView
-Sidebar
-Breadcrumb
-NewsTicker
-TextEditor
-Masking
-pagination
-Wizard
-Picker
-DropDown
-Scroll
-Highlight
-Tabular Input
-Chat
-Uploader
-Downloader
-Theming

Image Related
-Slider, Carousal
-Charts
-Thumbnail
-Manipulation. Cropping, Zooming, Resizing
-Icon
-Smiley
-loading, Busy
Multimedia
-Sound
-Video
-3D
Read more »

Nilai Tambah Aplikasi - Competitive Advantage

Sebagai sesama programmer, saya mengerti betul betapa sulitnya membangun sebuah aplikasi yang dianggap baik. Kita akan menemui berbagai macam hambatan dan tantangan, rintangan dan gangguan sebelum akhirnya pekerjaan sukses dan digunakan orang.

Fakta menarik yang saya temukan di lapangan saat ini adalah begitu banyak aplikasi-aplikasi yang dijual murah, hanya dengan wizard bla.. bla.. bla, disulap sedemikian rupa, dan jadilah aplikasi. Dengan effort yang sedemikian dikitnya, dijuallah dengan harga murah. Programmer lain yang merasa membuat dari awal, mencak-mencak, marah-marah, kesal dan galau karena kompetitor dianggap merusak harga pasaran, dibuat seadanya dan membunuh pasar aplikasi milik dia.
Marilah kita berpikir dengan kepala dingin dan tidak berburuk sangka terlebih dahulu dengan mereka yang menawarkan aplikasi-aplikasi dengan harga murah karena semua ini terjadi hanya karena alasan prinsip ekonomi semata. Barang yang dibuat dengan mudah, bisa dijual dengan harga murah. Kalau bisa mudah, kenapa harus repot.
Tiap-tiap orang memang memiliki preferensi bisnis sendiri yang didasarkan pada pengalaman dan idealisme yang timbul dari membaca buku, pergaulan dalam komunitas, dan pengetahuan terhadap teknologi itu sendiri. Apakah orang-orang seperti ini perlu timpuk pake batu? ow, menurut saya sangat perlu tapi buat apa? dan apa untungnya buat kita.
Maka, satu-satunya strategi kita  kita untuk dapat berkompetisi dengan para penjual ‘eceran’ ini adalah menjual aplikasi yang  memberi NILAI TAMBAH. Apa itu Nilai Tambah? secara sederhana Nilai Tambah yang saya maksud adalah memberi tambahan-tambahan fitur yang tidak dimiliki oleh kompetitor. Mungkin ada tawaran aplikasi Company Profile, harga mungkin sama ataupun kita sedikit lebih mahal, itu sebetulnya tidak begitu masalah karena kita menjual aplikasi dengan nilai tambah strategik.
Saya juga mengerti bahwa calon konsumen juga memiliki preferensi, pengetahuan dan keinginan yang berbeda-beda. Itulah sebabnya menjual aplikasi itu merupakan sebuah seni marketing yang harus juga kita kuasai. Kenali calon customer dengan menyerap sebanyak mungkin informasi mengenai diri customer. Mulai dari gaya berbicara, kebutuhan yang ingin dipenuhi hingga harapan-harapan dengan aplikasi kita. Apapun informasi itu, dapat digunakan untuk memberi “Nilai Tambah” dari aplikasi kita.
Fitur yang lebih banyak dari kompetitor kan tidak harus dijual terlalu mahal jika memang kita tau bahwa calon customer ini punya potensi untuk membeli lagi di lain waktu. Anggap saja kita investasi sedikit, rugi secara nilai, tapi kelak di kemudian hari kita akan menikmati hasil tanpa kerja terlalu keras.
Dunia IT itu 99,9 persen adalah bisnis jasa dan pelayanan. Mereka yang memberi layanan yang lebih baik, aplikasi yang memiliki nilai tambah akan selalu survive dan berkelanjutan dibanding mereka yang lebih fokus menjual aplikasi dalam bentuk produk dan me-monetize-kan terlalu banyak sehingga membunuh calon-calon customer baru.
Berpikirlah selalu strategis, agar tetep survive di bisnis programming yang kita cintai ini. Sukses Selalu!
Read more »

Sunday, March 9, 2014

New Personal Website : www.yuliusjubair.net

Mau ksh tau nih website terbaru ane.. hehe gak tau web apaan tp isinya resume ama portfolio gtu, alias apa aja program yg pernah ane buat.
ya itung-itung biar keren dikit dan sambil latihan pny website pribadi. walopun gak terkenal :D

so, buat tmn-tmn yg mo liat yuk kunjungi www.yuliusjubair.net
tlg saran dan masukannya ya. Tq
Read more »

Sunday, February 16, 2014

Materi Martikulasi 1

Yap tiba saatnya corat coret blog lg.. mw sdikit share tentang materi martikulasi waktu pertama masuk kuliah S2 di univ. Mercu Buana. jd tujuannya agar Mahasiswa bs mudah beradaptasi dengan materi di mata kuliah S2 ini. kalau dijabarkan tujuannya adalah :
1. Menyamakan Persepsi (Riset), yaitu terdiri dari
     - fundamental (mendasar), contoh kasus : Penurunan Sales disebabkan oleh Karyawan (Motivasi), Kustomer (tidak loyal)
     - Applied, contoh kasusnya sales ciptakan produk - model produk. perencanaannya yaitu : Bisnis, Marketing, Produksi, Keuangan.

2. Untuk Karya Akhir (Tesis), berisi critical point study yg terdiri dari : Prepare topic, SDM, Keuangan dan Operasi.

istilah dalam riset yg sangat terkenal yaitu variabel, artinya riset yang dihubung-hubungkan.
disana terdapat Teori Pembenaran, antara lain :
1. Dikatakan benar ada suatu yg valid, disebutkan dengan koherensi antara yang satu dengan yang lain.
2. Korespondensi (Kecocokan) .
3. Paragmetis, yaitu memberikan manfaat bagi kehidupan manusia.

Proses riset yaitu survey, melalui panca indra (melihat) dan upaya legitimasi.dijabarkan sbb :
 - Bab I  --> Pendefinisian dan Perumusan Masalah
 - Bab II / III --> Studi Pendahuluan
 - Perumusan Hipotesis->Pengumpulan Data->Instrument Penelitian (Questioner)-> Pengujian Validitas dan Realibilitas. -> Analisis Data -> Kesimpulan dan Rekomendasi -> Penyusunan laporan hasil.

Defenisi TEORI.
Menurut Kerlinger(1986) Teori Merupakan suatu kumpulan construct atau konsep, definisi atau proposisi yg menggambarkan fenomena secara sistematis melalui penentuan hubungan antar variabel.

3 Hal Pokok dalam defenisi teori :
1. Elemen Teori Terdiri dari : Construct, Konsep, definisi dan proposisi.
    Konsep merupakan abstraksi dari realibilitas yg tersusun. mis : Laba merupakan konsep mengekspresikan abstraksi dari kinerja perusahaan. Construct bs memiliki berbagai konsep yg dapat diamati. construct yg diukur dengan skala tertentu selanjutnya menjadi variabel. Proposisi adalah Hubungan variabel yg satu dengan yg lain sehingga ada keputusan benar / salah.

2. Elemen-element teori memberikan gambaran sistematis mengenai fenomena melalui penentuan hubungan antar variabel.

3. Tujuan teori adalah untuk menjelaskan dan memprediksi fenomena.

TIPE VARIABEL PENELITIAN
1. dilihat dari fungsi variabel terdiri dari :
    - Variabel Independen , yaitu mempengaruhi variabel lain (mis, kinerja)
    - Variabel dependen, yaitu tidak bebas / akibat (mis, Intensif)
    - Variabel Moderating, yaitu mempengaruhi Independen dan dependen
    - Variabel Intervening, yaitu mediasi hubungan antara Independen dan dependen. (mis, motivasi)

2. Dilihat dari skala Nilainya variabel terdiri dari :
   - Variabel Kontinu, yaitu kumpulan nilai yang teratur dalam kisaran tertentu, mis. tinggi badan
   - Variabel Kategori yaitu berdasarkan kategori-kategori tertentu, mis : gender, sikap (baik : 1, buruk : 0)

3. Dilihat Dari Perilakunya variabel terdiri dari :
   - Variabel aktif, yaitu variabel yang dimanipulasi untuk keperluan penelitian, mis. penerangan
   - Variabel atribut , yaitu variabel yang tidak dapat dimanipulasi, mis. sikap

HIPOTESIS
Hal - hal tentang hipotesis antara lain :
  1. Merupakan kebenaran sementara yang perlu diuji kebenarannya dalam suatu teori
  2. menggunakan IF kemudian Statement
  3. Hipotesis Deskriptif, yaitu keberadaan variabel tunggal
  4. Hipotesis Korelasi, yaitu dua variabel terjadi bersamaan tanpa diketahui
  5. Kriteria Hipotesis yang baik : 
  • Berdasarkan teori
  • menunjukan maksud dengan jelas
  • Dapat diuji
Read more »

Thursday, February 13, 2014

Aplikasi Building Property Management

Setelah 3 Bulan otak-atik syntax akhirnya selesai jg projek Aplikasi Property Management ini, nah tentu anda bertanya-tanya apa dan untuk apa aplikasi ini?
Aplikasi ini menggunakan php code igniter dan Mysql, dan tentu saja framework javascript Jquery dan Jqgrid.
tentu saja kalau anda sering bermain-main bisnis property sudah tidak asing dengan aplikasi ini. Jika Anda mau membeli property rumah atau apartemen biasanya kan anda langsung mendatangi office management dari perusahaan property tersebut, nah aplikasi ini yg mereka gunakan untuk mengatur pembayaran booking dan angsuran dari apartemen yg mereka beli atau sewa.
berikut tampilan loginnya :

login page property management





demi keamanan dan kerahasiaan data login dilakukan dengan memasukkan dua kali password, setelah login didalamnya terdapat beberapa menu untuk mengelola aplikasi tsb.
diantaranya menu master unit, pembeli, booking, pindah unit, cancel unit/refund beserta halaman persetujuan, cetak dan laporan - laporannya.

berikut penampakan bookingnya : (warna kuning sudah di booking, putih belum dibooking).
tinggal klik unitnya, maka itu adalah unit yang akan dibooking.

booking form property management

Read more »

Akhirnya Mimpi Kuliah S2 tercapai

hai guys, mumpung lg santai akhirnya bs nyempetin waktu buat nulis diblog lg. yaa hitung2x posting pertama di tahun 2014.
dan gw mau mencurahkan rasa bersyukur gw karena bs kuliah S2 di Universitas di Jakarta (padahal pengennya diluar negeri, tp gpp deh cinta dalam negeri).
walaupun gak nyambung ama jurusan TI waktu S1, tp gw yakin jurusan gw yg skrg (Manajemen), bs mengembangkan bisnis IT gw dengan mempelajari ilmu-ilmu didalamnya.
setelah menjalani masa kuliah dan belajar akhirnya rasa penasaran gw hilang, ternyata Manajemen tak sependek atau sekecil yg gw bayangkan. Manajemen Ilmunya sangat luas dan sangat bantu gw untuk mengembangkan wawasan disegala bidang (ya kalo lg ada moodnya he..he)..

Waktu pertama kuliah kita mengikuti yg namanya Martikuliasi, yaitu pengenalan ke arah manajemen dan Nyusun Tesis nanti.walopun kebanyakan teori setidaknya gw kenal yg namanya marketing, corporate, stakeholders, strategic, segmentasi dll.. mata kuliahnya pun bhs inggris semua jd gw gak ingat banyak.
so, postingan berikutnya gw mo posting hasil kuliah gw selama ini..
Read more »

Wednesday, January 30, 2013

e-book bertemakan Research/Penelitian for D3, s1 atau s2 dan sejenisnya

Kagum sama temen satu Smp dulu yg IQnya sangat hebat.. dan dy bercita-cita ingin menjadi seorang Cendikiawan, Cendikiawan Muslim tentunya.

 Lalu tiba-tiba dy menawarkan sebuah ebook research/penelitian yg sangat cocok untuk Mahasiswa baik d3, s1 atau s2 tingkat akhir, begini ujarnya singkat:

              "Segera terbit e-book bertemakan Research/Penelitian; diperuntukan bagi mahasiswa yang akan menjalani skripsi/Thesis atau mereka yang berkecimpung di marketing research. Ditulis dengan bahasa populer dan sederhana. Saat ini sedang dalam proses cover dan layout. Harga 35 ribu rupiah. Khusus 500 pemesan pertama dapat harga 25 ribu rupiah saja. Harapan saya buku ini bermanfaat bagi pembaca. Berminat?" nah, kalo ada tmn2 yg berminat silahkan kirim email ke x_monox@yahoo.co.id dengan subjek Pemesanan e-book Isinya : Nama Pemesanan, Email dan Jumlah Pemesanan. oh ya buku ini msh dalam bentuk format pdf.

InsyAlloh kalau ada Rejekinya akan dicetak. Terima kasih
Read more »

Monday, January 28, 2013

Php Zoom Picture

Kmrn tmn minta tlg suruh buatin zoom gambar dengan event scroll mouse, eh Alhamdulillah pas ane sersing2x sm om gugle akhirnya dapet jg .. ini sederhana jd dr 4 gambar ane buatin satu gambar aja biar gak makan space







Nah kurang lebih ky diatas tampilannya .. berikut source codenya :

title>Mapbox Example Maps /title>
style>
.mapwrapper {
  margin: 20px auto;
  width: 500px;
}

#viewport, #viewport2 {
    width: 900px;
    height: 500px;
    cursor: move;
    overflow: hidden;
}

.mapwrapper {
    position: relative;
}

.map-control {
    position: absolute;
    top: 50px;
    right: 10px;
    background: url(images/map-control.png) no-repeat;
    height: 63px;
    width: 100px;
}

.map-control a {
    height: 18px;
    width: 18px;
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none;
}

.map-control a:hover {
    background: #535353;
    opacity: .4;
    filter: alpha(opacity=40);
}

.map-control a.left {
    left: 39px;
    top: 22px;
}

.map-control a.right {
    left: 79px;
    top: 22px;
}

.map-control a.up {
    left: 59px;
    top: 2px;
}

.map-control a.down {
    left: 59px;
    top: 42px;
}

.map-control a.zoom {
    left: 2px;
    top: 8px;
    height: 21px;
    width: 21px;
}

.map-control a.back {
    left: 2px;
    top: 31px;
    height: 21px;
    width: 21px;
}
/style>
script src="module/mapbox/jquery.min.js">

script src="module/mapbox/jquery.mapbox.js">
script src="module/mapbox/jquery.mousewheel.js">
/head>
body>

div>
       
            form action="?act=10&kphbtn=001" method="post" name="frmsearchsdh">
            Berdasarkan:select name="cari">
                option value="rph">RPH 1:10.000

     option value="bkph">BKPH 1:25.000
     option value="kph">KPH 1:100.000
            /select>
                input type="text" name="search" id="search" value="">
                input type="button" value="Search.." onclick="searchsdh();" />
            /form>
        /div>
       div class="right">
p>

RPKH 2013-2022 Wilayah Sukabumi

   
   div id="viewport">
      div>
         
       img src="module/mapbox/images/1.jpg" alt="" width="700" height="700" />
      /div>
      div style="height: 1097px; width: 1286px;">
          img src="module/mapbox/images/1.jpg"alt="" />
          div class="mapcontent">
             
           /div>
      /div>
      div style="height: 1794px; width: 2104px;">
          img src="module/mapbox/images/1.jpg" alt="" />
           div class="mapcontent">
             
          /div>
      /div>
      div style="height: 2492px; width: 2922px;">
           img src="module/mapbox/images/1.jpg" alt="" />
           div class="mapcontent">
             
             
    
          /div>
      /div>
    /div>
/div>

/div>
script type="text/javascript">
    $(document).ready(function() {
        $("#viewport").mapbox({mousewheel: true});
        $("#viewport2").mapbox({
            layerSplit: 8 //smoother transition for mousewheel
        });
        $(".map-control a").click(function() { //control panel
            var viewport = $("#viewport2");
            // this.className is same as method to be called
            if(this.className == "zoom" || this.className == "back") {
                viewport.mapbox(this.className, 2);//step twice
            }
            else {
                viewport.mapbox(this.className);
            }
            return false;
        });
    });
/script>


Untuk File js nya bs searching aja di google.
    Selamat Mencoba.. Good luck :)  
Read more »

Launching Personalia Program

Akhirnya dengan semangat dan perjuangan keras, program personalia yang kayanya belum 100% sudah bisa digunakan deh.. soalnya udah banyak fitur-fitur yang InsyAlloh dibutuhkan beberapa Perusahaan baik perusahaan BUMN maupun Swasta.
Berikut Tampilan Menu Data Karyawannya:


nah kalo fitur-fitur lainnya ada juga nih seperti, Menu Rekrutmen (kalau perusahaan mw melakukan rekrut pegawai baru), Menu Berita Acara, Menu Lembur, Menu Pinjaman Karyawan sampai cetak slip gaji.

yang menari dari program ini adalah dengan hadirnya fitur narik data absen dari finger print sbb:


dari gambar diatas terdapat setting URL dari finger print, serta ada filter mau ditarik dari tanggal dan sampai tanggal berapa. ini memudahkan bagian HRD untuk melihat performance karyawan yang rajin, telat masuk atau yg suka bolos hehe.

nah mau lihat fitur2x lainnya ??? silahkan hubungi pemilik blog ini :D


Read more »

Tuesday, March 6, 2012

Jquery Image Tooltip

Dear Friends,
skrg saatnya sy mw share bgmn cara menggunakan tooltip image, seperti halnya tooltip dalam bentuk text, jquery tooltip image ini sama cara kerjanya yaitu ketika mouse diam di atas objek sperti gambar berikut :

file2 yg diperlukan :
1. jquery.tooltip.css
2. jquery.tooltip.js





$(document).ready(function() {
    /* FOTO TOOLTIP */
    $(".usr_photo img").tooltip({
        delay: 200,
        showURL: false,
        fixPNG: true,
        extraClass:'ui-widget-header ui-corner-all',
        bodyHandler: function() {
            return $("").css({
                width: '500px', height: 'auto'
            }).attr("src", this.src);
        }
    });
});



 
body> 
span class="usr_photo"> a href="#" border="0"> img src="image.jpeg" width="100" height="100" /> /a>/span>
/body>
 


met mencoba .
Read more »

Saturday, July 23, 2011

Inserting table Multiple Rows

Sekarang kita mencoba untuk berkomunikasi dengan database ..
dan untuk lebih memudahkan menggunakan database maka kita perlu tau bgmn cara memasukkan multi data / row dalam ke sebuah tabel.
sengaja saya menulis yang multiplenya karna kasus ini sangat mungkin banyak dipakai dalam mengelola suatu sistem.
nah, biasanya kebanyakan dalam memproses lebih dari satu data ini menggunakan check box, yuk kita lihat gmn syntaxnya .. ^^


Berdasarkan skenario di atas, maka kita siapkan terlebih dahulu beberapa tabel pendukungnya. Untuk contoh ini, kita perlu tabel untuk menyimpan data matakuliah yang diambil mahasiswa serta tabel untuk menyimpan semua matakuliah yang ditayangkan. Untuk tabel-tabel yang lain, misalkan tabel mahasiswa atau yang lain silakan dibuat sendiri ya.

CREATE TABLE mk (
  kodeMK varchar(10),
  namaMK varchar(20),
  PRIMARY KEY (kodeMK)
)

CREATE TABLE ambilmk (
  nim varchar(8),
  kodeMK varchar(10),
  nilai float,
  PRIMARY KEY (nim,kodeMK)
)





Anda dapat menambahkan field-field yang lain pada tabel-tabel di atas bila diperlukan.

Untuk tabel mk, misalkan kita sudah siapkan record-recordnya sebagai berikut:

INSERT INTO mk VALUES ('M001', 'Algoritma');
INSERT INTO mk VALUES ('M002', 'Pengantar Basis Data');
INSERT INTO mk VALUES ('M003', 'Sistem Pakar');

Now… let’s take action… terlebih dahulu kita buat form untuk menampilkan list matakuliah yang ditayangkan untuk dipilih mahasiswa. Dalam form ini, misalkan kita siapkan sebuah textbox untuk memasukkan nim mahasiswa yang akan mengambil matakuliah. Di bawah textbox tersebut, kita tampilkan daftar matakuliahnya menggunakan checkbox.

form.php


<h1>Form Pengambilan Matakuliah</h1>

<form method="post" action="submit.php">
Masukkan NIM <input type="text" name="nim" /><br />
Daftar Matakuliah <br />
<?php
$query = "SELECT * FROM mk";
$hasil = mysql_query($query);
$no = 1;
while ($data = mysql_fetch_array($hasil))
{
  echo "<input type='checkbox' value='".$data['kodeMK']."' name='mk".$no."' /> ".$data['namaMK']."<br />";
  $no++;
}
?>
<input type="submit" name="submit" value="Submit" />
</form>





mysql_connect("dbhost", "dbuser", "dbpassword");
mysql_select_db("dbname");
?>


Form Pengambilan Matakuliah





Masukkan NIM
Daftar Matakuliah

$query = "SELECT * FROM mk";
$hasil = mysql_query($query);
$no = 1;
while ($data = mysql_fetch_array($hasil))
{
  echo " ".$data['namaMK']."
";
  $no++;
}
?>






Catatan:
Perintah pada baris ke-17 dalam script di atas akan menghasilkan tag-tag XHTML berikut ini ketika dijalankan

Algoritma
Pengantar Basis Data
Sistem Pakar





Perhatikan pada atribut name untuk setiap komponen checkbox. Atribut ini kita buat name yang unik untuk setiap checkboxnya. Jangan memberi value name yang sama untuk checkboxnya karena apabila diberikan name yang sama maka value yang disubmit adalah value dari checkbox terakhir yang dipilih. Oleh karena itu supaya namenya unik, kita pakai bantuan increment $no, sehingga kita dapatkan name ‘mk1′, ‘mk2′, … dst.

Selanjutnya kita buat script untuk memproses value yang disubmit via form di atas. Mungkin yang menjadi kesulitan kita adalah membaca value yang diinput melalui checkbox dinamis tersebut. Untuk data NIM saya kira tidak menjadi masalah untuk dibaca.

Untuk membaca value berasal dari checkbox dinamis, kita dapat menggunakan looping. Lho mengapa looping? bukankah kita bisa menuliskan perintah untuk pembacaan value-value checkboxnya secara langsung seperti ini:

$mk1 = $_POST['mk1'];
$mk2 = $_POST['mk2'];
$mk3 = $_POST['mk3'];





Iya sih… tapi dalam contoh ini kan kita hanya punya 3 data matakuliah sehingga tidak menjadi masalah ketika ketika menuliskan perintah pembacaan valuenya satu persatu. Tapi.. bagaimana bila terdapat 30 matakuliah yang tersedia untuk dipilih? He.. 3x repot bukan? So.. solusinya adalah kita pakai looping.

submit.php


mysql_connect("dbhost", "dbuser", "dbpassword");
mysql_select_db("dbname");

$nim = $_POST['nim'];

for($i = 1; $i <= 3; $i++)
{
   $mk = $_POST['mk'.$i];
   if (!empty($mk))
   {
      $query = "INSERT INTO ambilMK VALUES('$nim', '$mk', 0)";
      mysql_query($query);
   }
}

echo "Terimakasih sudah memilih matakuliah";

?>





Catatan:
Perintah pada baris ke-10 digunakan untuk membaca value untuk setiap komponen mk1, mk2, mk3. Apabila valuenya tidak kosong (empty), maka masukkan ke database.

Eh… tunggu dulu, pada contoh ini jumlah matakuliahnya adalah fixed yaitu 3, sehingga kita bisa dengan mudah mengeset jumlah loopingnya ada 3 (for($i = 1; $i <= 3; $i++)). Namun... bagaimana bila jumlah checkboxnya dinamis? Waduh... gimana nih? Ya.. kita terpaksa cari akal nih. Idenya adalah kita sisipkan sebuah komponen tersembunyi (hidden component) dalam form pemilihan matakuliah. Hidden component ini akan diisikan dengan jumlah matakuliah yang ditayangkan (muncul dalam daftar pilihan). Jumlah matakuliah ini dapat diperoleh dengan memanfaatkan increment $no, yaitu nilai $no terakhir setelah looping berakhir dikurangi 1. Mengapa harus dikurangi 1? Pikirkan sendiri ya..

Begitu form ini disubmit maka jumlah matakuliah ini menjadi input yang akan digunakan dalam looping. So... kita perbaiki script formnya menjadi seperti di bawah ini:

form.php

mysql_connect("dbhost", "dbuser", "dbpassword");
mysql_select_db("dbname");
?>


Form Pengambilan Matakuliah


Masukkan NIM
Daftar Matakuliah

$query = "SELECT * FROM mk";
$hasil = mysql_query($query);
$no = 1;
while ($data = mysql_fetch_array($hasil))
{
  echo " ".$data['namaMK']."
";
  $no++;
}
?>


Jangan lupa, kita juga ubah sedikit script pemrosesan formnya

submit.php
mysql_connect("dbhost", "dbuser", "dbpassword");
mysql_select_db("dbname");

$nim = $_POST['nim'];
$jumMK = $_POST['jumMK'];

for($i = 1; $i <= $jumMK; $i++)
{
   $mk = $_POST['mk'.$i];
   if (!empty($mk))
   {
      $query = "INSERT INTO ambilMK VALUES('$nim', '$mk', 0)";
      mysql_query($query);
   }
}

echo "Terimakasih sudah memilih matakuliah";

?>

Udah selesai deh scriptnya. Mudah bukan cara membuat checkbox dinamis ini berserta pemrosesannya? Tidak ada yang tak mungkin dengan programming. Semuanya pasti ada caranya, selama kita punya ide untuk menyelesaikannya. 'Ide' is the most important thing in programming. So.. inilah yang membuat mahalnya suatu program atau script, karena 'ide' sendiri adalah mahal

Mudah-mudahan artikel ini ada manfaatnya. Selamat belajar dan mencoba.
Read more »

Jquery Auto Complete

Auto Complete adalah suatu fungsi untuk mencari data dengan mengetik sebuah keyword pada suatu text(html) tersebut. Jquery UI mempunyai fasilitas tersebut , maka dari hal itu file - file yang harus dibutuhkan adalah sbb :
1. jquery.min.js

2. jquery-ui.min.js

misal kita mempunyai text html sbb :
input type="text" name="barang" class="id" size="30" />
div id="result">/div>

text tersebut mempunyai class dengan nama id dan ada div id='result' untuk menampilkan hasil dr autocomplete tersebut.

nah setelah itu kita buat file javascript auto completenya sbb :


$(document).ready( function() {
            $(".id").autocomplete({
                minLength: 2,
                source:
                    function(req, add){
                    $.ajax({
                        url: "http://localhost/admin/barang/", ----> untuk mengambil data barang
                        dataType: 'json',
                        type: 'POST',
                        data: req,
                        success:
                            function(data){
                            if(data.response =="true"){
                                add(data.message);
                            }
                        },
                    });
                },
                select:
                    function(event, ui) {
                    $("#result").append(
                    " input type='text' id='harga_barang_free' name='harga_barang_free' value='" + ui.item.value1 + "' size='15' /"
                );
                },
            });
        });

Read more »

Membuat Chart Flash dengan FrameWork Code Igniter

Untuk aplikasi yang sedikit kompleks, tampilan grafik banyak membantu user dalam memahami data. Grafik lebih user friendly karena mayoritas user mampu menerjemahkan grafik lebih baik daripada tampilan berupa tabel. Sebagai programmer (khususnya web), library grafik sangat banyak beredar. Ada yang berbayar dan ada yang gratis. Bukan berarti yang gratis lebih jelek daripada yang berbayar.


Anda tidak perlu sedih. Library Flash yang tidak kalah cantiknya dan berlisensi gratis adalah Open Flash Chart. Tidak hanya gratis, library ini juga open source! Anda bisa mendownload file flashnya berupa FLA file beserta class yang menyertainya. Dan menurut saya, library ini lebih cantik daripada Fusion Flash Chart, karena animasi overlaynya lebih menawan. Apalagi jika Anda bekerja dalam lingkungan Framework Codeigniter, library ini bisa kita masukkan dalam library aplikasi yang bisa dipangggil sewaktu-waktu. Sampai sekarang, saya benar-benar jatuh hati dengan library ini. OK, biar ndak banyak basa basi, mari kita mulai membuat chart dengan Open Flash Chart di lingkungan Framework Codeigniter.
Download library-nya di sini (Ingat! Download yang versi 1.97 saja karena versi 2 masih tahap pengembangan.
Setelah Anda download, buat folder 'assets' di dalam root project CodeIgniter Anda. Buat lagi 2 folder di dalamnya dengan nama 'js' dan 'swf'. Copykan file swfobject.js dari folder js hasil downloadan tadi ke dalam folder js di dalam folder assets Codeigniter kita. Setelah itu copykan file open-flash-chart.swf dari hasil downloadan ke dalam folder swf di dalam folder 'assets'.
OK, langkah berikutnya copykan file dari hasil downloadan di dalam folder 'php-ofc-library', yaitu open-flash-chart.php ke dalam aplikasi CI yaitu di path 'system/application/libraries'. Rename file php dengan nama graph.php.
Buka file graph.php tersebut dan cari baris :


$this->js_path = 'js/';
$this->swf_path = '';

ubah menjadi


$this->js_path = base_url().'assets/js/';
$this->swf_path = base_url().'assets/swf/'; 

Instalasi beres, sekarang tinggal menggunakan saja, kawan. Buat Model baru misalkan grafik_model.php di dalam folder Models. Buat fungsi cretaegraph dan isikan baris kode berikut ini (ini adalah data acak) : 


function creategraph()
{
    $this->load->library('graph');
    $data_1 = array();
    for( $i=0; $i<7; $i++ )
    {
        $data_1[] = rand(30,550);
    }
    $ff = new graph();
    $ff->set_data( $data_1 );
    $ff->title( 'Traffic SMS 1 Minggu Terakhir', '{font-size: 14px; color: #3D5570;font-family:calibri;}' );
    $ff->line_dot( 3, 5, '#8B6122', 'SMS Jarkom', 10 );
    $ff->bg_colour = '#FFFFFF';
    $ff->x_axis_colour( '#818D9D', '#ADB5C7' );
    $ff->y_axis_colour( '#818D9D', '#ADB5C7' );
    $ff->set_x_labels( array( '25/12','26/12','27/12','28/12','29/12','30/12','31/12' ) );
    $ff->set_y_max( 600 );
    $ff->y_label_steps( 10 );
    $ff->set_y_legend( 'Jumlah SMS', 12, '#3D5570' );
    $ff->set_x_legend( 'Tanggal', 12, '#3D5570' );
    $ff->set_output_type('js');
    $ff->width = '90%';
    $ff->height = '300';
    return $ff->render();
}

Setelah itu kita panggil menggunakan controller. Buat file controller di dalam folder controller dengan nama grafik.php. Di dalam fungsi index, ketikkan baris kode berikut ini.


$this->load->model('Grafik_model');
$data['graph1'] = $this->Grafik_model->creategraph();
$this->load->view('tampilgrafik', $data);

Buat file view untuk menampilkan grafik di dalam folder views, yaitu tampilgrafik.php. Ketikkan Code berikut:


<html>
    <head>
        <title>Grafik Flashtitle>
    head>
    <body>
    php echo $graph1;?>
    body>
html>
Read more »

Friday, November 12, 2010

Setting Tanggal Indonesia

AKhirnya Update Blog lg setelah refreshing2 kmrn2 .. hehe ..
kali ini kita akan mambahas bagaimana penanggalan dalam format Indonesia ..
ex : 13 November 2010 ..
gampang aja kog .. kita tinggal memakai array .. so, ayo kita pertajam lg array nya .. karena sangat penting jg dalam pemograman.. :D

ni dia listing program nya :




/**
 * @author Yulius
 * @copyright 2010
 */


//Array Hari
$array_hari = array(1=>'Senin','Selasa','Rabu','Kamis','Jumat', 'Sabtu','Minggu');
$hari = $array_hari[date('N')];
//Format Tanggal
$tanggal = date ('j');
//Array Bulan
$array_bulan = array(1=>'Januari','Februari','Maret', 'April', 'Mei', 'Juni','Juli','Agustus','September','Oktober', 'November','Desember');
$bulan = $array_bulan[date('n')];
//Format Tahun
$tahun = date('Y');
//Menampilkan hari dan tanggal
echo $hari . "," . $tanggal . $bulan . $tahun;


?>

selamat mencoba ya ..
Read more »