Spesifikasi Tubes Praktikum Internet

Asisten :Bayu Santiko Adi
Topik :Website Organisasi Mahasiswa Kedaerahan
PenjelasanSingkat :
Website profil untuk keluarga mahasiswa daerah (contoh : Permib,Uksu,USBM,Tjap parabola dll).Boleh membuat website keluarga mahasiswa daerah asalnya masing-masing tapi 1 kelompok tetap satu website (sesuai kesepakatan anggota).
Requirement
HTML :
1. Halaman utama berupa static page berisi pofil organisasi tersebutdan anggotanya.Harus mengandung image dan tag <section>,<aside>,<article>
2. Halaman News.Berisi berita-berita terbaru terkait organisasi <section>,<aside>,<article>
3. Halaman untuk galeri yang berisi foto-foto kegiatan (menggunakan table untuk mengatur posisi foto) DAN video (menggunakan tag <video>)
4. Halaman contact us (menggunakan form)
5. Tiap halaman mengandung header dan footer yang konsisten baik itu desain maupun isinya dan WAJIB memakai tag <header>dan <footer>
CSS
6. Menggunakan CSS external
7. Mengaplikasikan CSS3 min 3 jenis
Javascript
8. Mengaplikasikan DOM javascript
9. Mengunakan logika pemrograman (looping/conditional) pilih salah satu.
Bonus:
1. Mengupload web dengan hosting dan domain.Boleh yang gratsisan atau berbayar.Domain dan hosting bebas (+10)

Penilaian:
1. Total nilai maksimal jika memenuhi spesifikasi wajib adalah 90.Dan nilai maksimal jika memenuhi spesifikasi wajib+ bonus 100
2. Ada 2 jenis nilai,individu dan tim,Nilai akhir adalah rata-rata dari nilai individu dan tim.Penilaian tim diambil dari nilai spesifikasi tubes yang telah disebutkan diatas.Nilai individu diambil ketika presentasi dan keaktifan selama asistensi
3. Kerapihan kode (sesuai standar,menjorok,pemberian komentar di CSS,dll) SANGAT mempengaruhi nilai
Info :

bayusantiko.wordpress.com
@bayusantiko

Inserting data to database in codeigniter

Hello  guys,

I’ll share to you very basic tutorial with codeignter,here is  inserting data toyou database.Oke  make it simple,first of all you must create a table in your database obviously.

Next,make sure taht you’ve already set the database.php like this :

(my db name is db_ci)

$db['default']['hostname'] = ‘localhost’;
$db['default']['username'] = ‘root’;
$db['default']['password'] = ”;
$db['default']['database'] = ‘db_ci’;
$db['default']['dbdriver'] = ‘mysql’;

database done,now we going to set the helper in  autoload.php.Because we’ll make inserting apps,so we need to load html and form helper.We also need url helper because we’ll make some rediction later.Oke this is  the code:

$autoload['helper'] = array(‘html’, ‘form’, ‘url’);

beside them,don’t forget to load database library:

How to install ubuntu via USB

Hello guys,nice to  see you again,have not  met you for couple months…

Oke,todayi’ll share with you how to instaal ubuntu via USB.Maybe some of  you prefer to  use USB instead CD/DVD because cheaper andmore flexible.So youcan use it,USB Universal Installer.This tools is very simple,you can download here.

After  you download,install this  software :

Picture  below shows you  the configuration before you make an image file on your USB drive

 

 

 

 

 

 

 

First,you’ve to choose your ubuntu version

After that fill your file .iso located

Next,choose your  USB drive letter

And the last,set your space on your USB drive to make image file (ussally about 800 MB)

Click Create,and wait until process done,like this picture below :

 

 

 

 

 

 

 

 

After make an installer on your USB drive,now it’s time to install your ubuntu.

Reboot your PC/notebook and go to BIOS setting.Move to Boot setting tab and make USB to be first boot position,like  picture below

 

 

 

 

 

 

 

 

after that,move  to tab exit and  choose exit with saving changes.

And you ready to install your ubuntu via USB now.

Oek guys,that’s enough for today,thank’s for your appreciate…see you

Make a simple mobile web app with jquery mobile library

Hi guys..today i’ll share about making mobile we apps.Android and iOS have been very popular for small device today.Using mobile apps becomes lifestyle.If you are developer,you will not mak some apps which uncompatible with small screen,i mean,user can’t see whole of your page because their screen just load some area.

Today I will not talk about logic functionality here,i just want to share about making user interface.We’ll talk about how to make your web apps look great on mobile device.I think that the most important thing to catch user firstly, so check this out

To make a beautifull mobile web apps we can use jquery for mobile library.Youcan get all of you on jquerymobile.com.

First thing that you’ve to do us download jquery mobile library.Then extract it and copy .js, .css and image file to your web root folder.Now  we’re ready  to code.

Make a simple html page and use “viewport” and “apple-mobil-web-app-capable” within <meta> tag.viewport will tell the browser how your page will displayed,so here is :

Responsive Design with CSS3 Media Queries

Hello guys,what a great day…today i’ll share about responsive design.

What is it?Okay maybe some of you havae already know about it,but im sure that some else still want to know more about it.Oke,responsive desig means that your design could be flexible with any size screen.For example,you make some website and you want to get comfort reading with any daveice such as mobile phone or PC tablet.So that’s the point,responsive design will make some rule for it.

let’s get the code

First of all you’ve to explain the browser to put style which compatible with devices.You can do it with <meta> tag.

<meta name=”viewport” content=”width=device-width, intial-scale=1.0, user-saclable=yes”>

viewport property used for manage the browser how your web dislayed.Width-device means that browser will tkae 100% width from your device.You can put specific value like 500px there.Then,initial-scale  explain the zoom size at the first load and user -scalable explain whether your web can be zoom or not.