JASA PEMBUATAN Aplikasi Tugas Akhir, Toko Online, Web dan Mobile


Kami dari tim luntas ilmu akan membantu anda dalam menyelesaikan tugas akhir atau kendala terhadap masalah teknologi informasi, selain itu jika anda mau buka usaha dan ingin membuat website. kami bersedia membuatkannya.
untuk konsultasi anda bisa hubungi kontak kami di atas. atau bisa buka menu tentang kami jika ingin tahu detail kontak kami. apapun kebutuhan anda kami bantu cari solusinya dengan teknologi informasi.

MENGATASI MASALAH "TIDAK BISA MENGHUBUNGKAN CHANNEL YOUTUBE" Ke ADSENSE BEDA EMAIL !!!

cara atasi masalah hubungkan channel youtube dengan adsense beda email
cara hubungkan channel youtube dengan adsense beda email

Berikut ini di jabarkan cara atasi masalah tidak bisa menghubungkan channel youtube anda dengan akun adsense yang berbeda email. dengan sedikit trik simple dan gratisan. anda sudah dapat mengatasi masalah tersebut. bagaimana caranya, mari simak langkah singkat dibawah ini. 
Untuk mensiasati bug yang sedang terjadi (semoga bug tidak permanen) maka dalam mentautkan channel ke GA yang beda gmail, yang perlu Anda siapkan adalah Mozilla Private Browser (bisa juga dengan Chrome private browser). Lakukan hal berikut ini:
1. Buka regular browser (buka browser Mozilla seperti biasa)
2. Buka lagi broswer Mozilla, namun kali ini dalam versi private
3. Login di regular browser dengan akun Youtube yang ingin Anda monetize
4. Di regular browser, klik Channel –> Monetization –> How I will be payed –> Associate an Adsense Account –> Next –> Create or use another account –> Sign in;
5. Setelah klik sign ini di nomer 4, yang perlu Anda lakukan adalah mengcopy URL yang ada di regular browser dan paste di private browser.
6. Di private browser, klik –> Sign out and sign in as a different user;
7. Masih di private broswer, masuk ke akun AdSense Anda, dan klik Sign in;
8. Di private browser, klik –> Accept association
9. Di pivate broswer, pada saat redirect ke YouTube, yang perlu dilakukan adalah copy link URL dan paste ke regular browser (buat saja tab baru lagi di regular browser, lihat nomer 4)
10. Dan akun channel pun sekarang sudah termonetize. Silahkan klik:https://www.youtube.com/account_monetization?action_adsense_connection=1 untuk check apakah akun GA Anda benar-benar sudah terhubung.
Sebenarnya simpel, Anda hanya perlu menggunakan browser dalam dua mode, yakni mode biasa dan mode private. Anda bug kecil (namun tidak selalu terjadi) di nomer 4, yakni kadang kala tidak adanya pilihan Create or use another account, setelah klik signin. Jika hal ini terjadi, anda hanya perlu melakukan klik button back pada browser atau ulangi dari halaman ini:https://www.youtube.com/account_monetization?action_adsense_connection=1

Tutorial Cara Membuat AR augmented reality Perangkat Komputer dan Jaringan dengan mudah !

Tutorial AR Perangkat Komputer dan Jaringan

Augmented reality (AR), mungkin sebagian dari Sobat sudah banyak yang tahu apa itu augmented reality. Namun saya yakin sebagian besar orang belum tahu apa itu augmented reality mengingat augmented reality sendiri merupakan teknologi yang relatif baru dan sampai pada saat ini masih dilakukan riset untuk menemukan algoritma yang efektif dan efisien. Berikut ini tahapan cara membuat Augmented Reality sederhana tentang perangkat jaringan computer dan topologi.

image

Gambar 1. 0 Illustrai Perangkat jaringan (Modem)

Namun Sebelumnya siapkan bahan dalam pembuatan AR nya.

1. Game Engine Unity 4.5 di sini (https://unity3d.com/get-unity/download/archive )

2. Vuforia SDK, dalam tutorial ini saya menggunakan vuforia-unity-5-0-5. Vuforia dapat didownload di sini.( https://developer.vuforia.com/downloads/sdk ) Pilih 'Download for Unity'.

3. Android SDK, ini adalah tools wajib untuk membuat aplikasi android. Dapat didownload di sini. (https://developer.android.com/studio/index.html )

1. Perancangan Objek Perangkat Komputer dan Topologi

Pada tahap awal ini sobat harus menyiapkan objek yang akan ditampilakan pada layer Virtual AR (Augmented Reality), objek yang tersedia pada blog ini akan ane berikan gratis, agan tinggal download link dibawah ini. Beberapa perangkat komputer seperti PC, LAN Tester, Modem, Access Point, dll

2. Pembuatan SDK QCAR Objek Perangkat (Marker)

Seluruh bahan dalam pembuatan objek dilakukan dengan menggunakan aplikasi Blender. Dibagi menjadi tiga kelompok marker yang pertama marker Perangkat, Topologi, dan Minigame. Dalam marker perangkat terdapat berbagai macam perangkat seperti Lan tester, Modem, PC, Hub, Switch, dan Router, sedangkan pada marker topologi terdapat perangkat marker topologi Bus, Ring, Star dan Mesh, dan pada marker Minigame terdapat perangkat Marker Model jaringa Kabel dan Wireless. Pembuatan marker dirancang menggunakan aplikasi Photoshop yang memudahkan dalam segi desain.

3. Registrasi Marker di Vuforia

1. Buka alamat website resmi Vuforia (https://developer.vuforia.com/), selanjutnya klik Log in jika sudah punya akun. Jika belum memiliki akun silahkan daftar terlebih dahulu.

image

Gambar 1. 1 Masuk Web Resmi Vuforia

2. Isi form Log in sesuai dengan identitas email anda.

image

Gambar 1. 2 Tampilan Saat Log In Di Vuforia

3. Pada jendela Vuforia Developer Portal, Pilih Develop -> Target Manager-> Add Database. Jika ingin menambahkan Database marker yang baru bias klik Add Database.

image

Gambar 1. 3 Tampilan Add Database

4. Isikan Nama Database-> pilih Type: Device -> dan Create.

image

Gambar 1. 4 Create Database baru

5. Database marker baru telah ditambahkan.

image

Gambar 1. 5 Tampilan Marker_Man

6. Pada jendela Target Manager tepatnya pada Database Marker MAN Target->Marker Man . Selanjutnya buat target marker baru dengan klik Add Target.

image

Gambar 1. 6 Marker_Man Add Target

7. Pilih Single Target sebagai marker gambar, dan browse file marker.JPG, selanjutnya atur lebar/dimensi ukuran gambar untuk marker, dan terkhir klik add.

image

Gambar 1. 7. Pengaturan Marker

8. Setelah melakukan pengaturan marker, kembali pada jendela Add Target dan terlihat marker Acces point sudah berhasil di unggah pada Database marker. Semakin banyak bintang pada rating marker, maka kualitas gambar semakin baik dan sedikit kemungkinan loss trackingnya. Selanjutnya download Datasheet marker.

image

Gambar 1. 8 Tampilan Dari Marker Acces Point

9. Download Datasheet marker. Dan pilih Unity Editor tujuaanya adalah supaya package marker dapat diimport ke dalam Unity, selanjutnya silahkan klik download.

image

Gambar 1. 9 Download Datasheet Marker

1. Perancangan Sistem Augmented Reality

1. Setelah semua bahan telah disiapkan jalankan aplikasi Unity3D dan buat project baru dengan cara klik "File->New Project" disini saya membuat project dengan nama "PC". Tentukan directory penyimpanan file Unity.

image

Gambar 1. 10 Create Project Baru Pada Unity

2. Lalu klik kanan pada bagian Assets. Import Package->Costum Package.

image

Gambar 1. 11 Import Package SDK Vuforia

3. Import Package SDK Vuforia yang kalian download tadi,

image

Gambar 1. 12 Browse Import Package dari Komputer

4.  Delete Main Camera pada Unity.

image

Gambar 1. 13 Delete Main Camera

5. Lalu drag ARCamera dan ImageTarget,

image

Gambar 1. 14 Drag AR Camera dan Image Target

6. Klik kanan pada Assets, pilih Create > Folder dan beri nama Model.

image

Gambar 1. 15 Create Folder Model

7. Selanjutnya adalah tahap penyisipan Marker, yaitu dengan cara klik kanan pada Assets > Import Package > Costum Package > pilih marker (Marker_LAN) > Open,

image

Gambar 1. 16 Import Custom Package

8. Setelah disisipkan, load marker, klik ImageTarget pilih Marker disini namanya Marker_LAN.

image

Gambar 1. 17 Load Marker

9. Pada ARCamera beri ceklis pada Database Load Behaviour (Srcipt)

image

Gambar 1. 18 Mengaktifkan ARCamera

10. Atur posisi camera menjadi X=0 Y=0 Z=0,

image

Gambar 1. 19 Setting Posisi ARCamera

11. Setelah mengatur posisi ARCamera, sekarang atur Posisi ImageTarget X=0 Y=0 Z=0,

image

Gambar 1. 20 Setting Posisi ImageTarget

12. Drag objeknya ke dalam ImageTarget,

image

Gambar 1. 21 Setting Image Target

13. Setelah mengatur posisi ImageTarget, sekarang atur Posisi Model X=0 Y=0 Z=0 (Posisikan Model diatas ImageTarget)

image

Gambar 1. 22 Setting Posisi Model

14. Aktifkan serial number dari Vuforia.

image

Gambar 1. 23 Serial Number Vuforia

15. Aktifkan pada Aplikasi Unity yang telah dibuat.

image

Gambar 1. 24 Pengaktifan Serial Number di Unity

16. Hasil ARCamera saat dijalankan di Unity

image

Gambar 1. 25 Hasil Run ARCamera

A. AR Tool dan AR Topologi

Fitur ini menyajikan AR Tool dan AR Topologi dalam visualisasi 3D, dan dilengkapi dengan button info, port, dan putar yang digunakan untuk melihat bagian tampak samping, dan belakang dari perangkat yang ditampilkan.

1. Menu AR Tool dan AR Topologi

image

Gambar 1. 26 Background Menu AR Tool dan AR Topologi

Dalam merancang menu AR, digunakan komponen gameobject Quad seperti pada gambr 1 diatas. Selanjutnya pada kolom inspector aktifkan Mesh Renderer yang berfungsi untuk menampilkan gambar background. Terdapat dua Button pertama Button Perangkat dan kedua adalah button topologi.

2. Button AR Tool dan Topologi

image

Gambar 1. 27 Button perangkat dan Topologi

Button Perangkat dan Topologi dirancang menggunakan Mesh collider dan Mesh renderer. Kedua elemen tersebut berfungsi untuk menggambar objek dan memudahkan dalam aksi klik saat user menekan button. Agar system dapat mengenali apakah user memilih menu perangkat atau topologi, maka diberikan program kami beri nama “Choose” (dapat didownload pada tautan web ini).

var isA=true;

var camPos:CamPos;

function Start () {

camPos=GameObject.Find("UICam").GetComponent(CamPos);

}

function OnMouseUp () {

if(isA==true){

camPos.isTool=true;

camPos.PickTool();}

else{

camPos.isTool=false;

camPos.PickTopo();

}

GameObject.Find("UICam").transform.position.y=500;

KuisSoal.audio.Play();

}

3. AR Tool

AR Tool saat dijalankan pada perangkat mobile.

image

Gambar 1. 28 AR Tool Access Point

4. Perancangan Button (Info, Port, dan Putar)

image

Button dirancang menggunakan gameobject yang bernama Rotbtn dimana, didalam gameobject tersebut ada empat gameobject lainnya seperti gameobject info, port, putar dan keluar. Dimana pembuatannya menggunakan Quad pada kolom hierarchy. Dan diberikan program “Rot” agar system dapat mengenali pilihan dari user.

#pragma strict

public var press=false;

function Start () {

}

function OnMouseDown () {

press=true;

}

function OnMouseUp () {

press=false;

}

Agar Button dapat tampil menggunakan texture warna biru dan menampilkan informasi maka sesuai info perangkat maka buat program baru yang bernama “RotThis” untuk menyimpan semua elemen button.

Berikut potongan program dari elemen button.!

#pragma strict

var rot:Rot;

var mesh:GameObject;

var camPos:CamPos;

var isTool=false;

var isShow=false;

var Menu:GameObject;

var Info:GameObject;

var txt:Texture;

var txt2:Texture;

var infoPort:GameObject;

public var isPort=false;

function Start () {

//Menu=GameObject.Find("RotBtn");

//rot=GameObject.Find("RotBtn").GetComponent(Rot);

rot=Menu.GetComponent(Rot);

camPos=GameObject.Find("UICam").GetComponent(CamPos);

Info=GameObject.Find("InfoObject");

}

function showMenu(){

isShow=true;

Menu.transform.position.y=499.75;

//Info.renderer.material.mainTexture=txt;

}

function hideMenu(){

isShow=false;

Menu.transform.position.y=1500;

Info.renderer.enabled=false;

}

image

Gambar 1. 30 Elemen Button AR Perangkat

Elemen Button meliputi yang ditunjuk pada gambar nomor 3. Meliputi Texture button, komponen dari Object Hub -> Mesh, Info Port dll.

5. AR Topologi

AR Topologi saat dijalankan pada perangkat mobile.

image

Gambar 1. 31 AR Topologi Ring

6. Perancangan Button (Info, Port, Karakteristik, +, - dan Putar)

image

Gambar 1. 32 Button pada AR Topologi

Sama seperti pada Button AR Tool hanya saja pada Button AR Topologi ditambah button karakteristik, kekurangan dan kelebiha. dirancang menggunakan gameobject yang bernama Rotbtn dimana, didalam gameobject tersebut ada empat gameobject lainnya seperti gameobject info, port, putar dan keluar. Dimana pembuatannya menggunakan Quad pada kolom hierarchy. Dan diberikan program “Rot” agar system dapat mengenali pilihan dari user. Pada Button Topologi elemen texture disimpan pada gameobject Topo

7. Perancangan Button (Info, Port, dan Putar)

image

Gambar 1. 33 Button Ar Topologi

Masing masing perangkat jaringan memiliki gameobject yang mengintegrasikan dari button button topologi yang digabungkan dalam gameobject topoRingBTN sebagai contohnya

5. Implementasi Pada Perangkat Mobile

Sebelum Build Up aplikasi ke Android ada baiknya menambahkan “Add Current” seperti pada gambar 1.34 hal ini dimaksudkan menambahkan Screne baru pada proyek pembuatan Ar. Selain itu juga memudahkan untuk reload file model ketika membuka Proyek file baru. Setelah selesai menambahkan Add Current, selanjutnya mengatur Player Setting.

image

Gambar 1. 34 Build Up sistem

Pada gambar 1.34 menampilkan konfigurasi layar, layar dapat diatur Orientasinya sesuai dengan keingan, gambar 1.34 (2) menampilkan konfigurasi tentang Grapich API yang digunakan, lalu menentukan pilihan minimum dari API level dalam hal ini OS Android, dan Device Filter adalam jenis Prosesor dari perangkat mobilnya, dan gambar 1.34 (3) menambahkan icon pada aplikasi.

image

Gambar 1. 35 Build Up Sistem

jika sudah selesai selanjutnya pilih “Build”, dan akan muncul Proses Build seperti gambar 1.36

image

Gambar 1. 36 Konfigurasi Player Setting

Berikut ini tampilan setelah build up Android.

image

Gambar 1. 37 Install Aplikasi AR Pengajar

Akhir kata semoga tutorial ini bermanfaat, mohon maaf jika ada kesalahan, kalau ada pertanyaan silahkan di komen aja. Akir kata terima kasih telah membaca dan terus berkarya ^^

untuk Source Codenya bisa langsung ke link ini DOWNLOAD

 

Mudah nya Belajar Pemrograman Web seperti Membalikan Telapak Tangan.–PART 4 (Editor HTML)

 

Editor untuk HTML

Menulis HTML menggunakan Notepad atau TextEdit

HTML dapat di edit dengan menggunakan editor HTML profesional seperti
· Microsoft WebMatrix
· Sublime Text
· Notepad++
· Atom
· Dream Weaver
Namun untuk memahami HTML, kita merekomendasi text editor seperti Notepad++(Windows) atau TextEdit (MAC).
Kami percaya dengan menggunakan text editor yang simple merupakan cara baik untuk mempelajari HTMl.
Ikuti 4 tahap dibawah ini untuk membuat halaman web mu yang pertama dengan notepad++.

Langkah 1: Buka Notepad++

To open Notepad in Windows 7 or earlier:
Untuk membuka notepad++ di windows 7 dan seterusnya :
Buka web site https://notepad-plus-plus.org/download maka akan ditampilakakn halaman download Notepad++ versi yang paling baru.
Dihalaman tersebut terdapat berbagai jenis installer. Klik “Notepad++ Installer”
clip_image002[5]
Setelah didownload, maka klik dua kali hasil download tadi dan ikuti proses instalasi yang ada. Cukup mudah untuk dilakukan.
Jika proses instalasi telah berhasil dilakukan maka buka aplikasi notepad++.
Namun jika anda tidak menginginkan notepad++ namun lebih ingin menggunakan notepaf yang telah terinstalasi langsung di windows 7. Caranya Klik Start (bagian bawah kiri di screen). Klik All Programs. Klik Accessories. Click Notepad
Jika menggunakan Windows 8 dan versi selanjutnya maka ikuti langkah berikut : Buka StartScreen (Simbol window yang berada di kiri bawah pada layar). Ketik Notepad. Lalu enter.

Langkah 2: Tulis Beberapa Kode HTML

Tulis atau kopi beberapa kode HTML kedalam notepad++ atau notepad biasa.
clip_image003[5]
clip_image004[7]

Langkah 3: Menyimpan Halaman HTML

Simpan file di komputer mu dengan Pilih Select > Save as di Notepad menu. Lakukan hal yang sama pada notepad++.
Beri nama file “index.html”(dengan tanda petik) atau dengan nama lain yang berkahiran html atau htm.
UTF-8 adalah encoding yang cocok dengan file HTML.
Karena ANSI hanya mengliputi encoding karakter US dan eropa barat.
clip_image006[6]
clip_image007 Kau bisa menggunakan ekstensi .html atau .htm.
Tidak ada perbedanan di keduanya. Jadi terserah kamu mau piliih yang mana.

Step 4: Melihat Halaman HTML di Web Browsermu

Buka file HTML yang telah disimpan tadi dengan browser favoritmu. Hasilnya akan tampil seperti ini :
clip_image009
clip_image007[1] Untuk membuka file di browser, klik dua kali file tersebut atau klik kanan dan pilih
Open with




























Mudah nya Belajar Pemrograman Web seperti Membalikan Telapak Tangan. Part 1

Pengenalan HTML
HTML adalah bahasa pemrogrman markup yang mendeskrisikan sebuah halaman web.
l HTML merupakan singkatan dari Hyper Text Markup Languange
l Bahasa pemrogrman markup merupakan sekumpulan dari markup tag
l Dokumen HTML dideskripsikan dengan tag HTML
l Setiap tag html menjelaskan konten dokumen yang berbeda-beda
HTML Example
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Header pertama</h1>
<p>Paragraf pertama.</p>
</body>
</html>
clip_image001

Penjelasan dari contoh
· Deklarasi DOCTYPE yang ada di paling atas menjelaskan bahwa dokumen yang ditulis merupakan bertipe HTML
· Text yang ada di antara tag <html> dan </html> menjelaskan dokumen HTML tersebut
· Text yang ada di antara tag <head> dan </head> memberikan informasi mengenai dokumen tersebut
· Text yang ada diantara tag <title> dan </title> memberikan informasi mengenai judul dai dokumen tersebut. Title ini akan muncul seperti di bawah ini
clip_image002
· Text yang ada di antara tag <body> dan </body> menjelaskan konten halaman yang terlihat di browser
· Text yang ada di antara tag <h1> dan </h1> mendiskripsikan sebuah heading
· Text yang ada di antara tag <h1> dan </h1> mendiskrisikan sebuah paragraph
Dengan menggunakan deskripsi diatas, web broswer dapat menampilkan dokumen dengan sebuah heading dan sebuah paragraf.

HTML Tags

HTML tags are keywords (tag names) surrounded by angle brackets:
HTML tag merupakan kata kunci (nama tag) yang di apit oleh dua buah kurung “<” dan “>” (tanpa tanda petik)
<tagname>Konten</tagname>
· BIasanya tag HTML muncul berpasangan seperti <p> dan </p>
· Tag pertama yang ada di pasangan tag tersebut disebut dengan tag awal (atau start tag dalam bahasa inggris) , dan tag kedua disebut dengan tag akhir (atau disebut juga dengan end tag dalam bahasa inggris )
· Tag akhir ditulis sama persis sperti dengan tag awal namun ditambahi slash “/” (tanpa tanda petik) sebelum nama tag tersebut
clip_image003 Tag awal atau start tag terkadang disebut juga dengan tag pembuka atau opening tag. Tag Akhir atau end tag disebut juuga dengan tag penutup atay closing tag.

Web Browsers

Tujuan utama dati web browser (seperti chrome, IE, Firefox, Safari) untuk membaca halaman HTML dan menampilkannya.
Browser tidak menampilkan tag HTML namun menggunakan tag-tag tersebut untuk menentukan bagaimana menampilkan dokumen tersebut :
clip_image005
Struktur Halaman HTML
Dibawah ini menggambarkan struktur dari halaman HTML :
clip_image007
clip_image003[1] Hanya bagian <body> yang ada di area box hijau akan ditampilkan di web browser.

Deklarasi <!DOCTYPE>
Deklasi <!DOCTYPE> membantu browser untuk mendisplay halaman web secara benar.
Ada berbagai tipe dokumen web.
Untuk menampilkan dokumen dengan benar, Browser harus mengetahui tipe dan versi dokumen tersebut.
The doctype declaration is not case sensitive. All cases are acceptable:
Deklarasi doctype tidak bersifat case sensitive. Artinya semua cara penulisan dibawah ini benar :
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>

Deklasri yang Umum Digunakan
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
clip_image003[2] Semua materi yang ada di elerarning semuanya menggunakan HTML5