Tugas pengantar Web Softskill(1)
A. FLOWCHART
Flowchart adalah adalah suatu bagan dengan simbol-simbol tertentu yang menggambarkan urutan proses secara mendetail dan hubungan antara suatu proses (instruksi) dengan proses lainnya dalam suatu program.
Gambar flowchart di atas menjelaskan :
·
Untuk memulai program, user diminta untuk
memulai dengan simbol terminator untuk pernyataan awal/akhir program
·
Setelah user Start, maka akan langsung di
jalani proses ke menu utama dengan menggunakan simbol i/o menyatakan proses i/o
dari data
·
Selanjutnya user akan berada di simbol kotak kondisi
dimana user akan di tanyakan mau menampilkan biodata atau tidak, jika ya maka
user akan di proses ke program tampilan biodata, jika tidak maka user akan
keluar
·
Kotak kondisi terminator terakhir akan
mengakhiri program ketika user sudah selesai memakainya.
B. Halaman Menu Utama
C. Halaman Biodata
D. Algortima
·
Start
·
Program akan menampilkan menu utama
·
If Biodata then
·
Menuju tampilan biodata
·
Else Biodata
·
End.
Syntax untuk menu Utama
<html>
<head>
<title>Blog Raden</title>
<script type="text/javascript"
src="http://naughtyric.google.com/files/jrRain.js"></script>
</head>
<body bgcolor="black" text="white">
<center>
<font face="calibri" size="5"
color="blue">
<b>BLOG RADEN<br>
<font face="calibri" size="7"
color="white">
<i><marquee scrollamount="15">Selamat Datang
di Halaman WEB Saya</marquee></i>
<hr>
|<a href="raden.html"
target="panggil">MENU</a>
<hr>
<font face="calibri" size="3"
color="white">Assalamualaikum.wr.wb HALO KAWAN KAWAN.<br><br>
<img src="https://scontent-lax3-2.cdninstagram.com/vp/2dc8419a348b003c79fd5cd1879fd85c/5B45EBAF/t51.2885-15/s320x320/e35/27574411_1978815385668796_589036090128596992_n.jpg"
width="200px" height="200px" border="5">
<p>Perkenalkan nama saya Raden Muhammad Afiantoro
Wongsodirjo</p>
<p>Saya adalah salah satu Mahasiswa kelas 2IA20 dari
Universitas Gunadarma jurusan Teknik Informatika</p>
<p>Hobi saya adalah belajar dan bermain musik serta
bernyanyi</p>
<font face="calibri" size="4"
color="green">
</center>
</body>
</html>
<html>
<font color="white" face="Calibri">
<title> Raden Muhammad Afiantoro Wongsodirjo </title>
<body
background="Photo/mam1.jpg"widht="500"
height="500"/>
<body bgcolor= white face="Biodata">
<marquee> <h1>
Selamat Datang di Biodata saya... </h1> <br /> </marquee>
<p align="center">
<font size = "7 " <p>BIODATA</p> <font
color=white face="Calibri">
</p>
<p align="center">
<img src="Photo/Raden.jpg" weidth="500"
height="500" align="center" />
</p>
<p>
<div class=WordSection1>
<font color="white"> <font
size="5"> </p>
<p
class=MsoNormal>Nama <span
style='mso-tab-count:3'>
</span>:
Raden Muhammad Afiantoro Wongsodirjo</p>
<p class=MsoNormal>Tempat/Tgl lahir <span
style='mso-tab-count:1'>
</span><span
style='mso-spacerun:yes'> </span>: Jakarta, 03
Februari 1998</p>
<p class=MsoNormal>Alamat <span
style='mso-tab-count:2'>
</span><span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'>
</span>:
Taman Wisma Asri. Jl. Anggur4 Blok D24 no.51 RT04/RW011</p>
<p class=MsoNormal>Kelas <span
style='mso-tab-count:3'>
</span>:
2IA20 </p>
<p class=MsoNormal>NPM <span
style='mso-tab-count:3'>
</span>:
554 16 915</p>
<p class=MsoNormal>Agama <span
style='mso-tab-count:3'>
</span>:
Islam </p>
<p class=MsoNormal>Pendidikan <span
style='mso-tab-count:2'>
</span>:
Universitas Gunadarma</p>
<p class=MsoNormal>E-mail <span
style='mso-tab-count:3'>
</span>:
<a
href="mailto:samed.afiantoro@gmail.com">samed.afiantoro@gmail.com</a></p>
<p class=MsoNormal>Hobby <span
style='mso-tab-count:3'>
</span>:
Belajar, Bermain Musik, Bernyanyi</p>
</div>
</p>
</body>
</html>
Komentar
Posting Komentar