Assalamualaikum, kawan-kawan. Kali ini saya akan sharing tentang cara instalasi beberapa CMS pada localhost, pada tutorial ini saya telah membuat prosedur yang mencakup CMS Aura, Balitbang, Dokeos, Drupal, Moodle, dan Joomla
Silahkan cek tutorialnya yang berbentuk .ppt pada link berikut:
http://www.slideshare.net/rayhanshidqi/tutorial-instalasi-berbagai-cms-pada-localhost
Portofolio
Rayhan Shidqi | X TKJ-A | SMKN 1 Bekasi
Wednesday, 1 April 2015
Thursday, 9 October 2014
TUGAS 11
<html>
<head><title>Internet Tercepat
Dunia</title></head>
<div style="position: fixed; bottom: 0px;
right:
10px;width:130px;height:160px;"><img
border="0"
src="http://s.myniceprofile.com/myspacepi
c/1028/th/102882.gif" title="widget"
alt="spongebob" /><small><center></div>
<!-- import Scripts -->
<script type="text/javascript"
src="http://mybloggerlab.com/Scripts/jque
ry-1.7.1.min.js"></script>
<script type="text/javascript"
src="http://mybloggerlab.com/Scripts/mbls
ocialbar.js"></script>
<div id="scolder">
<script type="text/javascript" src="
http://mbl-flipper-google-
blogger.googlecode.com/files/socialflipmi
n.js"></script></div>
<link
href='http://mybloggerlab.com/StyleSheet/
mblsocialbar.css' rel='stylesheet'
type='text/css'/>
<!-- MBL Social Media Bar For Blogger -->
<script type="text/javascript">
$(document).ready(function(){
$.mblSocialBar({
items: {
twitter: { url:
'http://twitter.com/eaqyyy', text:
'follow gue di twitter' },
facebook: { url:
'http://facebook.com/eaqyyy', text: 'add
gue di facebook' },
rss: { url:
'http://iiiqiii.blogspot.com', text: 'cek
blog gue' },
youtube: { url:
'http://youtube.com/eaqyyy', text: 'liat
channel youtube gue' },
},
show: 4,
position: "left",
skin: "clear"
});
});
</script>
<body>
<body bgcolor="#fafa7d"><marquee>Nama :
Rayhan Shidqi<br>
Kelas : X TKJ A<br>
Tugas : Tugas9.html</marquee>
<hr><width="100" height="75"></hr>
<h1><center><font size="5"
face="arial">SMK NEGERI 1 KOTA
BEKASI</font></center></h1>
<center><img src="..\Tugas 11\Logo
SMKN1Bekasi\smkn1bks.png"></center><br>
<center><b><font size="4" face="Courier
New">TEKNIK KOMPUTER DAN
JARINGAN</font></b></center><br>
<center><b>Jl. Bintara 8 no. 2 Bekasi
Barat - 17134</b></center><br>
<hr><width="100"
height="75"></hr><br><br>
<center><b><font size ="7" color ="green"
face="georgia">KONEKSI <font
color="brown">LTE TELSTRA <font
color="grey">TEMBUS <font
color="blue">450
MBPS</font></b></center><br>
<center><img src="..\Tugas
11\Speedometer\inspeed.jpg"></center><br>
<font face="Verdana" color="green"
size="5"><b><p>SYDNEY - Perusahaan
telekomunikasi asal Australia
mendemonstrasikan jaringan LTE-A tercepat
di dunia. Akses internet cepat ini
mencapai 450Mbps.</p>
<font face="Trebuchet
MS"color="Orange"><p>Dilansir Gizmag,
Jumat (16/5/2014), LTE atau Long Term
Evolution merupakan standar jaringan
mobile yang biasa disebut sebagai 4G. Ada
teknologi yang lebih mutakhir, yakni
LTE-A (Advanced). Kecepatan 450Mbps ini
diklaim sebagai yang tercepat di
dunia.</p>
<font color="maroon"
face="Arial"><p>Seperti diketahui,
jaringan 4G menawarkan kecepatan tinggi
dibandingkan jaringan ADSL2+. Dalam
sebuah percobaan menggunakan iPhone 5S,
jaringan 4G Telstra dapat meraih
kecepatan 13,18 Mbps dengan upload speed
mencapai 14,06 Mbps.</p>
<p><center><img src="..\Tugas 11\Logo
Telstra\Telstra.jpg"></center></p>
<font color="purple" face="Berlin Sans
FB"><p>Menggunakan kombinasi spektrum
1800 Mhz dan 2600 Mhz, Telstra
mengungkapkan bahwa pihaknya telah
mendemonstrasikan jaringan berkecepatan
450 Mbps. Perusahaan mengklaim
menggunakan teknologi LTE Advanced
Carrier Aggregation.</p>
<font color="royalblue" face="courier
new"><p>Telstra bekerja dengan Ericsson
untuk menggabungkan dua saluran baru 4G
Frequency Division Duplexing (FDD) dari
bandwidth 20 Mhz. Perusahaan membuat agar
sistem dapat menciptakan tiga jalur
simultan data untuk menuju jaringan inti
operasional. (ahl)</p>
<center><font color="orange"
face="impact"><a
href="http://iiiqiii.blogspot.com">My
Blog</a> <font color="black">|| <font
color="blue"><a
href="http://twitter.com/eaqyyy">My
Twitter</a> <font color="black">|| <a
href="https://edmodo.com/user?
uid=48268279">My
Edmodo</a></center></font></b>
<center><embed
src="http://www.clocklink.com/clocks/5027
-green.swf?TimeZone=GMT0700" width="200"
height="90" wmode="transparent"
type="application/x-shockwave-
flash"></center></body></html>
<head><title>Internet Tercepat
Dunia</title></head>
<div style="position: fixed; bottom: 0px;
right:
10px;width:130px;height:160px;"><img
border="0"
src="http://s.myniceprofile.com/myspacepi
c/1028/th/102882.gif" title="widget"
alt="spongebob" /><small><center></div>
<!-- import Scripts -->
<script type="text/javascript"
src="http://mybloggerlab.com/Scripts/jque
ry-1.7.1.min.js"></script>
<script type="text/javascript"
src="http://mybloggerlab.com/Scripts/mbls
ocialbar.js"></script>
<div id="scolder">
<script type="text/javascript" src="
http://mbl-flipper-google-
blogger.googlecode.com/files/socialflipmi
n.js"></script></div>
<link
href='http://mybloggerlab.com/StyleSheet/
mblsocialbar.css' rel='stylesheet'
type='text/css'/>
<!-- MBL Social Media Bar For Blogger -->
<script type="text/javascript">
$(document).ready(function(){
$.mblSocialBar({
items: {
twitter: { url:
'http://twitter.com/eaqyyy', text:
'follow gue di twitter' },
facebook: { url:
'http://facebook.com/eaqyyy', text: 'add
gue di facebook' },
rss: { url:
'http://iiiqiii.blogspot.com', text: 'cek
blog gue' },
youtube: { url:
'http://youtube.com/eaqyyy', text: 'liat
channel youtube gue' },
},
show: 4,
position: "left",
skin: "clear"
});
});
</script>
<body>
<body bgcolor="#fafa7d"><marquee>Nama :
Rayhan Shidqi<br>
Kelas : X TKJ A<br>
Tugas : Tugas9.html</marquee>
<hr><width="100" height="75"></hr>
<h1><center><font size="5"
face="arial">SMK NEGERI 1 KOTA
BEKASI</font></center></h1>
<center><img src="..\Tugas 11\Logo
SMKN1Bekasi\smkn1bks.png"></center><br>
<center><b><font size="4" face="Courier
New">TEKNIK KOMPUTER DAN
JARINGAN</font></b></center><br>
<center><b>Jl. Bintara 8 no. 2 Bekasi
Barat - 17134</b></center><br>
<hr><width="100"
height="75"></hr><br><br>
<center><b><font size ="7" color ="green"
face="georgia">KONEKSI <font
color="brown">LTE TELSTRA <font
color="grey">TEMBUS <font
color="blue">450
MBPS</font></b></center><br>
<center><img src="..\Tugas
11\Speedometer\inspeed.jpg"></center><br>
<font face="Verdana" color="green"
size="5"><b><p>SYDNEY - Perusahaan
telekomunikasi asal Australia
mendemonstrasikan jaringan LTE-A tercepat
di dunia. Akses internet cepat ini
mencapai 450Mbps.</p>
<font face="Trebuchet
MS"color="Orange"><p>Dilansir Gizmag,
Jumat (16/5/2014), LTE atau Long Term
Evolution merupakan standar jaringan
mobile yang biasa disebut sebagai 4G. Ada
teknologi yang lebih mutakhir, yakni
LTE-A (Advanced). Kecepatan 450Mbps ini
diklaim sebagai yang tercepat di
dunia.</p>
<font color="maroon"
face="Arial"><p>Seperti diketahui,
jaringan 4G menawarkan kecepatan tinggi
dibandingkan jaringan ADSL2+. Dalam
sebuah percobaan menggunakan iPhone 5S,
jaringan 4G Telstra dapat meraih
kecepatan 13,18 Mbps dengan upload speed
mencapai 14,06 Mbps.</p>
<p><center><img src="..\Tugas 11\Logo
Telstra\Telstra.jpg"></center></p>
<font color="purple" face="Berlin Sans
FB"><p>Menggunakan kombinasi spektrum
1800 Mhz dan 2600 Mhz, Telstra
mengungkapkan bahwa pihaknya telah
mendemonstrasikan jaringan berkecepatan
450 Mbps. Perusahaan mengklaim
menggunakan teknologi LTE Advanced
Carrier Aggregation.</p>
<font color="royalblue" face="courier
new"><p>Telstra bekerja dengan Ericsson
untuk menggabungkan dua saluran baru 4G
Frequency Division Duplexing (FDD) dari
bandwidth 20 Mhz. Perusahaan membuat agar
sistem dapat menciptakan tiga jalur
simultan data untuk menuju jaringan inti
operasional. (ahl)</p>
<center><font color="orange"
face="impact"><a
href="http://iiiqiii.blogspot.com">My
Blog</a> <font color="black">|| <font
color="blue"><a
href="http://twitter.com/eaqyyy">My
Twitter</a> <font color="black">|| <a
href="https://edmodo.com/user?
uid=48268279">My
Edmodo</a></center></font></b>
<center><embed
src="http://www.clocklink.com/clocks/5027
-green.swf?TimeZone=GMT0700" width="200"
height="90" wmode="transparent"
type="application/x-shockwave-
flash"></center></body></html>
Sunday, 14 September 2014
[Tugas 8]: Cara Membuat Kop/Header dalam Web HTML
Selamat sore guys!!! Ketemu lagi dengan gue Iqi, dan gue sekarang akan membahas cara membuat Kop/Header dalam HTML
Header dalam surat adalah kepala/bagian atas surat yang biasanya menerangkan lembaga yang mencetak/menulis surat tersebut, nah kali ini kita akan membuatnya dengan cara sederhana
Berikut adalah contoh script yang menggunakan header :
<html>
<head>
<title>membuat garis</title>
<body>
<left><font size="3" face="tahoma">Nama : Rayhan Shidqi<br>
Kelas : X TKJ A <br>
Tugas : tugas8.html</font></left>
<hr><width="100" height="75"></hr>
<h1><center><font size="5" face="arial">SMK NEGERI 1 KOTA BEKASI</font></center></h1>
<center><b><font size="4" face="Courier New">TEKNIK KOMPUTER DAN JARINGAN</font></b></center><br>
<center><b>Jl. Bintara 8 no. 2 Bekasi Barat - 17134<b></center><br>
<hr><width="100" height="75"></hr>
</body>
</html>
seperti biasa ya guys: copy script di atas ke notepad/text editor kalian, setelah itu save dengan “NAMAFILE.html” (tanpa menggunakan tandai kutip), jangan lupa tambahkan “.html” setelah menentukan nama file yang kalian inginkan ya guys!
lalu pilih ‘save as type’ menjadi ‘all files’
dan berikut hasil jadi dari script di atas :
Header dalam surat adalah kepala/bagian atas surat yang biasanya menerangkan lembaga yang mencetak/menulis surat tersebut, nah kali ini kita akan membuatnya dengan cara sederhana
Berikut adalah contoh script yang menggunakan header :
<html>
<head>
<title>membuat garis</title>
<body>
<left><font size="3" face="tahoma">Nama : Rayhan Shidqi<br>
Kelas : X TKJ A <br>
Tugas : tugas8.html</font></left>
<hr><width="100" height="75"></hr>
<h1><center><font size="5" face="arial">SMK NEGERI 1 KOTA BEKASI</font></center></h1>
<center><b><font size="4" face="Courier New">TEKNIK KOMPUTER DAN JARINGAN</font></b></center><br>
<center><b>Jl. Bintara 8 no. 2 Bekasi Barat - 17134<b></center><br>
<hr><width="100" height="75"></hr>
</body>
</html>
seperti biasa ya guys: copy script di atas ke notepad/text editor kalian, setelah itu save dengan “NAMAFILE.html” (tanpa menggunakan tandai kutip), jangan lupa tambahkan “.html” setelah menentukan nama file yang kalian inginkan ya guys!
lalu pilih ‘save as type’ menjadi ‘all files’
dan berikut hasil jadi dari script di atas :
(klik gambar untuk memperbesar)
okay guys, sekian dari gue, selamat mencoba dan goodluck!!!
[Tugas 7]: Cara Membuat Artikel Sederhana pada Web HTML
Okay guys, selamat lo udah mempelajari 6 tag dasar yang digunakan dalam HTML, dan sekarang saatnya menggabungkan keseluruhan tag yang telah lo pelajari dalam wadah yaitu sebuah artikel. Tentunya dalam pembuatan artikel kita berusaha menampilkannya dalam bentuk sekreatif mungkin supaya menarik minat pembaca
Ada beberapa tag baru yang gue ingin kenal kan pada post kali ini, yang pertama adalah <body background="x"> ,
Nah fungsi tag ini adalah memberikan gambar/picture yang kalian inginkan di web HTML kalian, dan huruf 'x' itu mewakili URL gambar yang telah kalian upload
Selanjutnya adalah <img src="x">
yang berfungsi menampilkan gambar dalam artikel web HTML kalian, dan huruf 'x' mewakilkan URL gambar yang telah diupload
Kedua tag di atas tidak memerlukan tak penutup, dan yang terakhir ini tetap memerlukannya
Yaitu tag <p>
Tag ini menandakan akan paragraf baru. Jadi setiap kali kalian ingin menambahkan paragraf baru, cukup tambahkan tag <p> pada awal kalimat paragraf, dan </p> pada akhirannya
Oke, langsung saja guys, ini contoh script artikel web HTML sederhana :
<html>
<head><title>MEHDI BENATIA</title></head>
<body><body background="http://www.pic2014.com/wp-content/uploads/Bayern-Munich-logo-2014.jpg">
<p><center><b><font size="7"><font color="red">M<font color="green">U<font color="brown">N<font color="gold">I<font color="pink">C<font color="blue">H <font color="grey">B<font color="orange">O<font color="aqua">U<font color="purple">G<font color="yellow">H<font color="silver">T <font color="green">O<font color="pink">U<font color="purple">T <font color="aqua">B<font color="silver">E<font color="green">N<font color="red">A<font color="grey">T<font color="orange">I<font color="brown">A</font></center></p>
<p><center><img src="http://duniasoccer.com/var/gramedia/storage/images/duniasoccer/internasional/liga-dunia/news/bayern-resmi-beli-mehdi-benatia/19880056-3-ind-ID/Bayern-Resmi-Beli-Mehdi-Benatia_soccer_750.jpg"/></center></p>
<p><font size="5"><font color="pink"><font face="calibri">Spekulasi transfer bek AS Roma, Mehdi Benatia, tuntas sudah. Bayern Munchen resmi membeli Benatia dari Roma. Namun Pep Guardiola dan Karl-Hein Rumminigge belum mau berkomentar tentang transfer Benatia ini. Kabar terakhir tawaran Bayern bisa mencapai 30 juta euro, ini artinya tawaran yang diajukan oleh Bayern lebih besar 5 juta euro dari harga yang dibuka AS</font></p>
<p><font color="gold"><font face="georgia">Kesepakatan terjalin pada Selasa (26/8). Bayern mengikat Benatia dengan kontrak berdurasi lima tahun.Surat kabar Corriere della Sera melaporkan bahwa perundingan akan berlangsung cukup cepat. Benatia juga dikabarkan sudah mengucapkan selamat tinggal kepada rekan-rekannya di AS Roma akhir pekan ini.</p>
<p><font color="pink"><font face="blackletter">Pada Selasa sore (26/8) pemegang rekor juara di Jerman mencapai kesepakatan dengan AS Roma untuk bek internasional Maroko Mehdi Benatia. Tentang biaya transfer yang disepakati kedua klub sepakat untuk diam,' bunyi pernyataan kubu Bayern.</p>
<p><font color="grey"><font face="times new roman">Benatia akan datang ke Munich dalam beberapa hari mendatang untuk menghadiri pemeriksaan kesehatan serta menandatangani kontrak lima tahun.</p>
<p><font color="blue"><font face="agency fb">Kehadiran Benatia sekaligus diproyeksikan sebagai pengganti Javi Martinez yang cedera. Ditambah lagi, Bayern membutuhkan bek tambahan karena pelatih Josep Guardiola semakin sering menggunakan skema tiga bek.</p>
<p><font color="red"><font face="courier new">Kepastian transfer Benatia ke Bayern sekaligus membuat beberapa klub peminat lain seperti Manchester United, Chelsea, dan Arsenal harus gigit jari. (irawan)</p></b>
</body>
</html>
seperti biasa ya guys: copy script di atas ke notepad/text editor kalian, setelah itu save dengan “NAMAFILE.html” (tanpa menggunakan tandai kutip), jangan lupa tambahkan “.html” setelah menentukan nama file yang kalian inginkan ya guys!
lalu pilih ‘save as type’ menjadi ‘all files’
dan berikut hasil jadi dari script di atas :
Oke guys, sekalian dari gue materinya, semoga lo udah bisa membuat artikel sendiri dalam bentuk web HTML, selamat mencoba, dan goodluck guys!!!
Ada beberapa tag baru yang gue ingin kenal kan pada post kali ini, yang pertama adalah <body background="x"> ,
Nah fungsi tag ini adalah memberikan gambar/picture yang kalian inginkan di web HTML kalian, dan huruf 'x' itu mewakili URL gambar yang telah kalian upload
Selanjutnya adalah <img src="x">
yang berfungsi menampilkan gambar dalam artikel web HTML kalian, dan huruf 'x' mewakilkan URL gambar yang telah diupload
Kedua tag di atas tidak memerlukan tak penutup, dan yang terakhir ini tetap memerlukannya
Yaitu tag <p>
Tag ini menandakan akan paragraf baru. Jadi setiap kali kalian ingin menambahkan paragraf baru, cukup tambahkan tag <p> pada awal kalimat paragraf, dan </p> pada akhirannya
Oke, langsung saja guys, ini contoh script artikel web HTML sederhana :
<html>
<head><title>MEHDI BENATIA</title></head>
<body><body background="http://www.pic2014.com/wp-content/uploads/Bayern-Munich-logo-2014.jpg">
<p><center><b><font size="7"><font color="red">M<font color="green">U<font color="brown">N<font color="gold">I<font color="pink">C<font color="blue">H <font color="grey">B<font color="orange">O<font color="aqua">U<font color="purple">G<font color="yellow">H<font color="silver">T <font color="green">O<font color="pink">U<font color="purple">T <font color="aqua">B<font color="silver">E<font color="green">N<font color="red">A<font color="grey">T<font color="orange">I<font color="brown">A</font></center></p>
<p><center><img src="http://duniasoccer.com/var/gramedia/storage/images/duniasoccer/internasional/liga-dunia/news/bayern-resmi-beli-mehdi-benatia/19880056-3-ind-ID/Bayern-Resmi-Beli-Mehdi-Benatia_soccer_750.jpg"/></center></p>
<p><font size="5"><font color="pink"><font face="calibri">Spekulasi transfer bek AS Roma, Mehdi Benatia, tuntas sudah. Bayern Munchen resmi membeli Benatia dari Roma. Namun Pep Guardiola dan Karl-Hein Rumminigge belum mau berkomentar tentang transfer Benatia ini. Kabar terakhir tawaran Bayern bisa mencapai 30 juta euro, ini artinya tawaran yang diajukan oleh Bayern lebih besar 5 juta euro dari harga yang dibuka AS</font></p>
<p><font color="gold"><font face="georgia">Kesepakatan terjalin pada Selasa (26/8). Bayern mengikat Benatia dengan kontrak berdurasi lima tahun.Surat kabar Corriere della Sera melaporkan bahwa perundingan akan berlangsung cukup cepat. Benatia juga dikabarkan sudah mengucapkan selamat tinggal kepada rekan-rekannya di AS Roma akhir pekan ini.</p>
<p><font color="pink"><font face="blackletter">Pada Selasa sore (26/8) pemegang rekor juara di Jerman mencapai kesepakatan dengan AS Roma untuk bek internasional Maroko Mehdi Benatia. Tentang biaya transfer yang disepakati kedua klub sepakat untuk diam,' bunyi pernyataan kubu Bayern.</p>
<p><font color="grey"><font face="times new roman">Benatia akan datang ke Munich dalam beberapa hari mendatang untuk menghadiri pemeriksaan kesehatan serta menandatangani kontrak lima tahun.</p>
<p><font color="blue"><font face="agency fb">Kehadiran Benatia sekaligus diproyeksikan sebagai pengganti Javi Martinez yang cedera. Ditambah lagi, Bayern membutuhkan bek tambahan karena pelatih Josep Guardiola semakin sering menggunakan skema tiga bek.</p>
<p><font color="red"><font face="courier new">Kepastian transfer Benatia ke Bayern sekaligus membuat beberapa klub peminat lain seperti Manchester United, Chelsea, dan Arsenal harus gigit jari. (irawan)</p></b>
</body>
</html>
seperti biasa ya guys: copy script di atas ke notepad/text editor kalian, setelah itu save dengan “NAMAFILE.html” (tanpa menggunakan tandai kutip), jangan lupa tambahkan “.html” setelah menentukan nama file yang kalian inginkan ya guys!
lalu pilih ‘save as type’ menjadi ‘all files’
dan berikut hasil jadi dari script di atas :
(klik gambar untuk memperbesar)
Oke guys, sekalian dari gue materinya, semoga lo udah bisa membuat artikel sendiri dalam bentuk web HTML, selamat mencoba, dan goodluck guys!!!
Subscribe to:
Posts (Atom)