1 lxviii SURAT KETERANGAN Hasil Uji Program Tugas Akhir Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Te...
Hasil Uji Program Tugas Akhir Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika:
Nama
: LAMHOT ARAPENTA GINTING
NIM
: 132406042
Prog. Studi
: D3 Teknik Informatika
Judul TA
:
Sistem perancangan dan pendataan pasien pasien di rumah sakit
ameta sejahtera bebrbasis website. Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal………………………. Dengan Hasil :
Sukses / Gagal
Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.
/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media only screen and (max-width: 760px),
Universitas Sumatera Utara
lxxviii
(min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; }
/* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px)
Universitas Sumatera Utara
lxxx
and (max-device-width : 480px) { body { padding: 0; margin: 0; width: 320px; } }
/* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width: 768px) and (maxdevice-width: 1024px) { body { width: 495px; } }
RS AMETA SEJAHTERA
Universitas Sumatera Utara
lxxxi
Jalan Bahagia No 89 Medan, Sumatera Utara, Indonesia
Nomor Telepon : (0634) 21709, E-mail : [email protected], website :www.bri.co.id
Data Nama Dokter Di RUMAH SAKIT AMETA SEJAHTERA MEDAN
Universitas Sumatera Utara
lxxxii
This is the exact same table, only has @media queries applied to is so that when the screen is too narrow, it reformats (via only CSS) to make each row a bit like it's own table. This makes for much more repetition and vertical space needed, but it fits within the horizontal space, so only natural vertical scrolling is needed to explore the data.
/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; }
/* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body { padding: 0; margin: 0; width: 320px; } }
/* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width: 768px) and (maxdevice-width: 1024px) { body { width: 495px; }
Universitas Sumatera Utara
lxxxviii
}
RS AMETA SEJAHTERA
Jalan Indonesia
Bahagia
No
89
Medan,
Sumatera
Utara,
Nomor Telepon : (0634) 21709, [email protected], website :www.bri.co.id
This is the exact same table, only has @media queries applied to is so that when the screen is too narrow, it reformats (via only CSS) to make each row a bit like it's own table. This makes for much more repetition and vertical space needed, but it fits within the horizontal space, so only natural vertical scrolling is needed to explore the data.