SlideShare a Scribd company logo
REPORT FINAL PROJECT
PEMROGRAMAN WEB
Dosen : Widhiarta, S.Kom
Nama : HERWIN PIONER
N.I.M : 11.11.4954
Kelas : 11-S1TI-05
Jurusan : Tekhnik Informatika
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM
YOGYAKARTA
2013
A. Membuat Kerangka Desain Awal
Gambar desain kerangka awal
1. Membuat Container
2. Membuat Header
3. Membuat Panel Slide show
4.Membuat Panel Sidebar(Member Log In)
4.Membuat Panel Kanan(Toko Offline kami)
5.Membuat Panel Kanan Bawah Fanspage
4. Membuat Footer
Cara Upload Web Ke Web Hosting
1. Klik pada menu / icon File Manager
Icon menu file manager
2. Secara otomatis akan muncul pop-up seperti dibawah ini :
Opsi setelah mengklik File Manager
Jika Anda berencana mengedit hidden files seperti .htaccess, pilih “Show Hidden Files” lalu
klik Go
3. Browser Anda otomatis akan membuka tab atau window baru dengan tampilan seperti
gambar dibawah ini.
o 1 : Menu utama file manager
o 2 : Lokasi direktori Anda saat ini (saat ini Anda berada dalam direktori public_html)
o 3 : Isi parent direktori
o 4 : Isi direktori public_html
4. Silahkan klik tombol Upload di menu utama File Manager
Menu utama File Manager cPanel
5. Akan terbuka window baru atau tab pada browser Anda seperti gambar dibawah ini
Klik browse, kemudian pilih file yang akan di upload
Setelah memilih file untuk di upload, secara otomatis akan tampil progress bar seperti
tampak pada gambar dibawah ini
6. Jika progress bar telah penuh, itu artinya file Anda telah terupload dengan sempurna
B. Tes Web Menggunakan Browser Berbeda
1. Mozilla Firefox
2. Chrome
3. Opera
4.Internet Explore

More Related Content

Viewers also liked

technologicalgroup
technologicalgrouptechnologicalgroup
technologicalgroupjccampos200
 
Communique de presse : le Premier Ministre accélère l’agenda des réformes en...
Communique de  presse : le Premier Ministre accélère l’agenda des réformes en...Communique de  presse : le Premier Ministre accélère l’agenda des réformes en...
Communique de presse : le Premier Ministre accélère l’agenda des réformes en...
Nina Abouna
 
Aplicación de las tic’s - Herramientas Web 2.0
Aplicación de las tic’s - Herramientas Web 2.0Aplicación de las tic’s - Herramientas Web 2.0
Aplicación de las tic’s - Herramientas Web 2.0
Leandro Carrera
 
Martin
MartinMartin
Martin
kuboajuro
 
Matematica
MatematicaMatematica
Matematica
alejandro casanova
 
Chosen genre and why
Chosen genre and whyChosen genre and why
Chosen genre and why
Mollie Owen
 
UNIVERSIDAD NACIONAL DE CHIMBORAZO
UNIVERSIDAD NACIONAL DE CHIMBORAZOUNIVERSIDAD NACIONAL DE CHIMBORAZO
UNIVERSIDAD NACIONAL DE CHIMBORAZOJuan_Toaquiza03
 
How to do trademark search - company360
How to do trademark search - company360How to do trademark search - company360
How to do trademark search - company360
Company360
 
Parque Beripoconé VS Pousada Piuval
Parque Beripoconé VS Pousada PiuvalParque Beripoconé VS Pousada Piuval
Parque Beripoconé VS Pousada PiuvalLucas Afrânio
 
Agile08: Test Driven Ajax
Agile08: Test Driven AjaxAgile08: Test Driven Ajax
Agile08: Test Driven Ajax
jlink
 

Viewers also liked (11)

technologicalgroup
technologicalgrouptechnologicalgroup
technologicalgroup
 
Communique de presse : le Premier Ministre accélère l’agenda des réformes en...
Communique de  presse : le Premier Ministre accélère l’agenda des réformes en...Communique de  presse : le Premier Ministre accélère l’agenda des réformes en...
Communique de presse : le Premier Ministre accélère l’agenda des réformes en...
 
Aplicación de las tic’s - Herramientas Web 2.0
Aplicación de las tic’s - Herramientas Web 2.0Aplicación de las tic’s - Herramientas Web 2.0
Aplicación de las tic’s - Herramientas Web 2.0
 
Martin
MartinMartin
Martin
 
Matematica
MatematicaMatematica
Matematica
 
Chosen genre and why
Chosen genre and whyChosen genre and why
Chosen genre and why
 
UNIVERSIDAD NACIONAL DE CHIMBORAZO
UNIVERSIDAD NACIONAL DE CHIMBORAZOUNIVERSIDAD NACIONAL DE CHIMBORAZO
UNIVERSIDAD NACIONAL DE CHIMBORAZO
 
How to do trademark search - company360
How to do trademark search - company360How to do trademark search - company360
How to do trademark search - company360
 
Parque Beripoconé VS Pousada Piuval
Parque Beripoconé VS Pousada PiuvalParque Beripoconé VS Pousada Piuval
Parque Beripoconé VS Pousada Piuval
 
Agile08: Test Driven Ajax
Agile08: Test Driven AjaxAgile08: Test Driven Ajax
Agile08: Test Driven Ajax
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 

Similar to Laporan fp

Final project report
Final project reportFinal project report
Final project report
Titis Nur Pratomo
 
Final project report
Final project reportFinal project report
Final project report
Titis Nur Pratomo
 
Final project report
Final project reportFinal project report
Final project report
Titis Nur Pratomo
 
Ithink Luar Talian
Ithink Luar TalianIthink Luar Talian
Ithink Luar Talian
Shahrizan Mazlan
 
Tutorial langkah pembuatan data base menggunakan ms.fox pro
Tutorial langkah pembuatan data base menggunakan ms.fox proTutorial langkah pembuatan data base menggunakan ms.fox pro
Tutorial langkah pembuatan data base menggunakan ms.fox pro
umaroh_alhidayah
 
Tugas tutorial fox pro
Tugas tutorial fox proTugas tutorial fox pro
Tugas tutorial fox pro
umaroh_alhidayah
 
Membuat website sekolah dengan HTML CSS PHP.pptx
Membuat website sekolah dengan HTML CSS PHP.pptxMembuat website sekolah dengan HTML CSS PHP.pptx
Membuat website sekolah dengan HTML CSS PHP.pptx
smknegeri1kuwus
 
Website and Homepage Interaktif
Website and Homepage InteraktifWebsite and Homepage Interaktif
Website and Homepage Interaktif
Emma March
 
Tugas presentasi APTI II DANI DARMAWAN teknik sipil 5115111009
Tugas presentasi APTI II DANI DARMAWAN teknik sipil 5115111009Tugas presentasi APTI II DANI DARMAWAN teknik sipil 5115111009
Tugas presentasi APTI II DANI DARMAWAN teknik sipil 5115111009
Dany Gunkidz
 
PBW-Yii framework
PBW-Yii frameworkPBW-Yii framework
PBW-Yii frameworkharysetiady
 
Jobsheet multimedia
Jobsheet multimediaJobsheet multimedia
Jobsheet multimedia
Siti Nurkayah
 
Petunjuk instalasi moodle_di_laptop_windows7-okt2012sm
Petunjuk instalasi moodle_di_laptop_windows7-okt2012smPetunjuk instalasi moodle_di_laptop_windows7-okt2012sm
Petunjuk instalasi moodle_di_laptop_windows7-okt2012sm
Ahmed_Mundir
 
Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3Ocim Nationalism
 
Upload file dengan yii frame work
Upload file dengan yii frame workUpload file dengan yii frame work
Upload file dengan yii frame work
STMIK AKAKOM YOGYAKARTA
 
4. Membuat halaman dan sub halaman blog by pak sukani
4. Membuat halaman dan sub halaman blog by pak sukani4. Membuat halaman dan sub halaman blog by pak sukani
4. Membuat halaman dan sub halaman blog by pak sukani
sukani
 
Pengenalan dan pembuatan materi ajar berbasis multimedia guru gugus 02 kabupa...
Pengenalan dan pembuatan materi ajar berbasis multimedia guru gugus 02 kabupa...Pengenalan dan pembuatan materi ajar berbasis multimedia guru gugus 02 kabupa...
Pengenalan dan pembuatan materi ajar berbasis multimedia guru gugus 02 kabupa...
Rolly Maulana Awangga
 
6. Penyimpanan dan share file secara online by pak sukani
6. Penyimpanan dan share file secara online by pak sukani6. Penyimpanan dan share file secara online by pak sukani
6. Penyimpanan dan share file secara online by pak sukani
sukani
 
Website and Homepage Interaktif (ppt file)
Website and Homepage Interaktif (ppt file)Website and Homepage Interaktif (ppt file)
Website and Homepage Interaktif (ppt file)
Emma March
 

Similar to Laporan fp (20)

Final project report
Final project reportFinal project report
Final project report
 
Final project report
Final project reportFinal project report
Final project report
 
Final project report
Final project reportFinal project report
Final project report
 
Ithink Luar Talian
Ithink Luar TalianIthink Luar Talian
Ithink Luar Talian
 
Tutorial langkah pembuatan data base menggunakan ms.fox pro
Tutorial langkah pembuatan data base menggunakan ms.fox proTutorial langkah pembuatan data base menggunakan ms.fox pro
Tutorial langkah pembuatan data base menggunakan ms.fox pro
 
Tugas tutorial fox pro
Tugas tutorial fox proTugas tutorial fox pro
Tugas tutorial fox pro
 
Membuat website sekolah dengan HTML CSS PHP.pptx
Membuat website sekolah dengan HTML CSS PHP.pptxMembuat website sekolah dengan HTML CSS PHP.pptx
Membuat website sekolah dengan HTML CSS PHP.pptx
 
Website and Homepage Interaktif
Website and Homepage InteraktifWebsite and Homepage Interaktif
Website and Homepage Interaktif
 
Tugas presentasi APTI II DANI DARMAWAN teknik sipil 5115111009
Tugas presentasi APTI II DANI DARMAWAN teknik sipil 5115111009Tugas presentasi APTI II DANI DARMAWAN teknik sipil 5115111009
Tugas presentasi APTI II DANI DARMAWAN teknik sipil 5115111009
 
PBW-Yii framework
PBW-Yii frameworkPBW-Yii framework
PBW-Yii framework
 
Jobsheet multimedia
Jobsheet multimediaJobsheet multimedia
Jobsheet multimedia
 
Petunjuk instalasi moodle_di_laptop_windows7-okt2012sm
Petunjuk instalasi moodle_di_laptop_windows7-okt2012smPetunjuk instalasi moodle_di_laptop_windows7-okt2012sm
Petunjuk instalasi moodle_di_laptop_windows7-okt2012sm
 
Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3
 
Upload file dengan yii frame work
Upload file dengan yii frame workUpload file dengan yii frame work
Upload file dengan yii frame work
 
4. Membuat halaman dan sub halaman blog by pak sukani
4. Membuat halaman dan sub halaman blog by pak sukani4. Membuat halaman dan sub halaman blog by pak sukani
4. Membuat halaman dan sub halaman blog by pak sukani
 
Cara upload
Cara uploadCara upload
Cara upload
 
Pengenalan dan pembuatan materi ajar berbasis multimedia guru gugus 02 kabupa...
Pengenalan dan pembuatan materi ajar berbasis multimedia guru gugus 02 kabupa...Pengenalan dan pembuatan materi ajar berbasis multimedia guru gugus 02 kabupa...
Pengenalan dan pembuatan materi ajar berbasis multimedia guru gugus 02 kabupa...
 
6. Penyimpanan dan share file secara online by pak sukani
6. Penyimpanan dan share file secara online by pak sukani6. Penyimpanan dan share file secara online by pak sukani
6. Penyimpanan dan share file secara online by pak sukani
 
Www.0fees.net
Www.0fees.netWww.0fees.net
Www.0fees.net
 
Website and Homepage Interaktif (ppt file)
Website and Homepage Interaktif (ppt file)Website and Homepage Interaktif (ppt file)
Website and Homepage Interaktif (ppt file)
 

Laporan fp

  • 1. REPORT FINAL PROJECT PEMROGRAMAN WEB Dosen : Widhiarta, S.Kom Nama : HERWIN PIONER N.I.M : 11.11.4954 Kelas : 11-S1TI-05 Jurusan : Tekhnik Informatika SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2013
  • 2. A. Membuat Kerangka Desain Awal Gambar desain kerangka awal
  • 4. 2. Membuat Header 3. Membuat Panel Slide show 4.Membuat Panel Sidebar(Member Log In)
  • 5. 4.Membuat Panel Kanan(Toko Offline kami) 5.Membuat Panel Kanan Bawah Fanspage
  • 7. Cara Upload Web Ke Web Hosting 1. Klik pada menu / icon File Manager Icon menu file manager 2. Secara otomatis akan muncul pop-up seperti dibawah ini : Opsi setelah mengklik File Manager Jika Anda berencana mengedit hidden files seperti .htaccess, pilih “Show Hidden Files” lalu klik Go
  • 8. 3. Browser Anda otomatis akan membuka tab atau window baru dengan tampilan seperti gambar dibawah ini. o 1 : Menu utama file manager o 2 : Lokasi direktori Anda saat ini (saat ini Anda berada dalam direktori public_html) o 3 : Isi parent direktori o 4 : Isi direktori public_html 4. Silahkan klik tombol Upload di menu utama File Manager Menu utama File Manager cPanel 5. Akan terbuka window baru atau tab pada browser Anda seperti gambar dibawah ini
  • 9. Klik browse, kemudian pilih file yang akan di upload Setelah memilih file untuk di upload, secara otomatis akan tampil progress bar seperti tampak pada gambar dibawah ini 6. Jika progress bar telah penuh, itu artinya file Anda telah terupload dengan sempurna
  • 10. B. Tes Web Menggunakan Browser Berbeda 1. Mozilla Firefox 2. Chrome