kicap/fuzzy_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some changes

Browse Source
This commit is contained in:
kicap1992
2022-07-20 21:54:28 +08:00
parent 50806154af
commit d66a15c62e
4 changed files with 22 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
components/halaman/DataSet.js
View File

@ -16,7 +16,7 @@ function DataSet(props) {
return ( return (
<tr key={index}> <tr key={index}>
<td>{index}</td> <td>{index}</td>
<td>{item.Usia}</td> {/* <td>{item.Usia}</td> */}
<td>{item.Berat}</td> <td>{item.Berat}</td>
<td>{item.Keliling}</td> <td>{item.Keliling}</td>
<td>{item.Ukuran_batang}</td> <td>{item.Ukuran_batang}</td>
@ -34,7 +34,7 @@ function DataSet(props) {
<tr key={index}> <tr key={index}>
<td>{item.No}</td> <td>{item.No}</td>
<td>{item.Rule}</td> <td>{item.Rule}</td>
<td>{item.Usia}</td> {/* <td>{item.Usia}</td> */}
<td>{item.Berat}</td> <td>{item.Berat}</td>
<td>{item.Keliling}</td> <td>{item.Keliling}</td>
<td>{item['Ukuran Batang']}</td> <td>{item['Ukuran Batang']}</td>
@ -48,7 +48,7 @@ function DataSet(props) {
return ( return (
<tr key={index}> <tr key={index}>
<td>{item.No}</td> <td>{item.No}</td>
<td>{item.Usia}</td> {/* <td>{item.Usia}</td> */}
<td>{item.Berat}</td> <td>{item.Berat}</td>
<td>{item.Keliling}</td> <td>{item.Keliling}</td>
<td>{item['Ukuran Batang']}</td> <td>{item['Ukuran Batang']}</td>
@ -73,7 +73,7 @@ function DataSet(props) {
<thead> <thead>
<tr> <tr>
<th>ID</th> <th>ID</th>
<th>Usia <br /> ( <i>Minggu</i> )</th> {/* <th>Usia <br /> ( <i>Minggu</i> )</th> */}
<th>Berat <br /> ( <i>gram</i> )</th> <th>Berat <br /> ( <i>gram</i> )</th>
<th>Keliling <br /> ( <i>cm</i> ) </th> <th>Keliling <br /> ( <i>cm</i> ) </th>
<th>Ukuran Batang <br /> ( <i>cm</i> ) </th> <th>Ukuran Batang <br /> ( <i>cm</i> ) </th>
@ -103,7 +103,7 @@ function DataSet(props) {
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> {/* <tr>
<td rowSpan={10}>Input</td> <td rowSpan={10}>Input</td>
<td rowSpan={2}>Usia <br /> <i>(Minggu)</i> </td> <td rowSpan={2}>Usia <br /> <i>(Minggu)</i> </td>
<td rowSpan={2}> <b><i>{himpunan_fuzzy[0]['Semesta Pembicaraan']}</i></b> </td> <td rowSpan={2}> <b><i>{himpunan_fuzzy[0]['Semesta Pembicaraan']}</i></b> </td>
@ -113,8 +113,9 @@ function DataSet(props) {
<tr> <tr>
<td> <b><i>{himpunan_fuzzy[1][' Himpunan Fuzzy']}</i></b> </td> <td> <b><i>{himpunan_fuzzy[1][' Himpunan Fuzzy']}</i></b> </td>
<td> <b><i>{himpunan_fuzzy[1]['Domain']}</i></b> </td> <td> <b><i>{himpunan_fuzzy[1]['Domain']}</i></b> </td>
</tr> </tr> */}
<tr> <tr>
<td rowSpan={8}>Input</td>
<td rowSpan={2}>Berat <br /> <i>(gram)</i></td> <td rowSpan={2}>Berat <br /> <i>(gram)</i></td>
<td rowSpan={2}> <b><i>{himpunan_fuzzy[2]['Semesta Pembicaraan']}</i></b> </td> <td rowSpan={2}> <b><i>{himpunan_fuzzy[2]['Semesta Pembicaraan']}</i></b> </td>
<td> <b><i>{himpunan_fuzzy[2][' Himpunan Fuzzy']}</i></b> </td> <td> <b><i>{himpunan_fuzzy[2][' Himpunan Fuzzy']}</i></b> </td>
@ -173,8 +174,8 @@ function DataSet(props) {
<br /><hr /> <br /><hr />
<div className={classess.control}> <div className={classess.control}>
<h2 htmlFor="address">Himpunan <i>Fuzzy</i></h2> <h2 htmlFor="address">Himpunan <i>Fuzzy</i></h2>
<center><h3><i>Fuzzy</i> Usia</h3></center> {/* <center><h3><i>Fuzzy</i> Usia</h3></center>
<img src={url+"image/usia"} className={classess.image} /> <img src={url+"image/usia"} className={classess.image} /> */}
<center><h3><i>Fuzzy</i> Berat</h3></center> <center><h3><i>Fuzzy</i> Berat</h3></center>
<img src={url+"image/berat"} className={classess.image} /> <img src={url+"image/berat"} className={classess.image} />
<center><h3><i>Fuzzy</i> Keliling</h3></center> <center><h3><i>Fuzzy</i> Keliling</h3></center>
@ -193,7 +194,7 @@ function DataSet(props) {
<tr> <tr>
<th>No</th> <th>No</th>
<th>Rule</th> <th>Rule</th>
<th>Usia</th> {/* <th>Usia</th> */}
<th>Berat</th> <th>Berat</th>
<th>Keliling</th> <th>Keliling</th>
<th>Ukuran Batang</th> <th>Ukuran Batang</th>
@ -216,7 +217,7 @@ function DataSet(props) {
<thead> <thead>
<tr> <tr>
<th>No</th> <th>No</th>
<th>Usia</th> {/* <th>Usia</th> */}
<th>Berat</th> <th>Berat</th>
<th>Keliling</th> <th>Keliling</th>
<th>Ukuran <br /> Batang</th> <th>Ukuran <br /> Batang</th>

17
components/halaman/InputData.js
View File

@ -28,7 +28,8 @@ function InputData(props) {
async function submitHandler(event) { async function submitHandler(event) {
event.preventDefault(); // ini untuk prevent reload atau submit default event.preventDefault(); // ini untuk prevent reload atau submit default
const usia = usiaInputRef.current.value; // const usia = usiaInputRef.current.value;
const usia = 13.5;
const berat = beratInputRef.current.value; const berat = beratInputRef.current.value;
const keliling = kelilingInputRef.current.value; const keliling = kelilingInputRef.current.value;
const ukuran_batang = ukuranBatangInputRef.current.value; const ukuran_batang = ukuranBatangInputRef.current.value;
@ -146,25 +147,25 @@ function InputData(props) {
<ToastContainer draggable={false} transition={Zoom} autoClose={2000} /> <ToastContainer draggable={false} transition={Zoom} autoClose={2000} />
<Backdrop open={loading}><CircularProgress color="inherit" /></Backdrop> <Backdrop open={loading}><CircularProgress color="inherit" /></Backdrop>
<form className={classess.form} onSubmit={submitHandler}> <form className={classess.form} onSubmit={submitHandler}>
<div className={classess.control}> {/* <div className={classess.control}>
<label htmlFor="title">Usia <i>(Minggu)</i> </label> <label htmlFor="title">Usia <i>(Minggu)</i> </label>
<input type="text" required id="usia" ref={usiaInputRef} placeholder={(datanya.status == 'error') ? 'Gagal Loading Server...' : `min ${datanya.detail_attribute.usia.min+1} - ${datanya.detail_attribute.usia.max-1} max` } onInput={onInput} minLength="1" maxLength="4" /> <input type="text" required id="usia" ref={usiaInputRef} placeholder={(datanya.status == 'error') ? 'Gagal Loading Server...' : `min ${datanya.detail_attribute.usia.min} - ${datanya.detail_attribute.usia.max-1} max` } onInput={onInput} minLength="1" maxLength="4" />
</div> </div> */}
<div className={classess.control}> <div className={classess.control}>
<label htmlFor="image">Berat <i>(Gram)</i> </label> <label htmlFor="image">Berat <i>(Gram)</i> </label>
<input type="text" required id="berat" placeholder={(datanya.status == 'error') ? 'Gagal Loading Server...' : `min ${datanya.detail_attribute.berat.min+50} - ${datanya.detail_attribute.berat.max-50} max` } ref={beratInputRef} onInput={onInput} minLength="3" maxLength="5" /> <input type="text" required id="berat" placeholder={(datanya.status == 'error') ? 'Gagal Loading Server...' : `min ${datanya.detail_attribute.berat.min} - ${datanya.detail_attribute.berat.max-50} max` } ref={beratInputRef} onInput={onInput} minLength="3" maxLength="5" />
</div> </div>
<div className={classess.control}> <div className={classess.control}>
<label htmlFor="address">Keliling Buah <i>(cm)</i> </label> <label htmlFor="address">Keliling Buah <i>(cm)</i> </label>
<input type="text" required id="keliling" placeholder={(datanya.status == 'error') ? 'Gagal Loading Server...' : `min ${datanya.detail_attribute.keliling.min+1} - ${datanya.detail_attribute.keliling.max-1} max` } ref={kelilingInputRef} onInput={onInput} minLength="2" maxLength="4"/> <input type="text" required id="keliling" placeholder={(datanya.status == 'error') ? 'Gagal Loading Server...' : `min ${datanya.detail_attribute.keliling.min} - ${datanya.detail_attribute.keliling.max-1} max` } ref={kelilingInputRef} onInput={onInput} minLength="2" maxLength="4"/>
</div> </div>
<div className={classess.control}> <div className={classess.control}>
<label htmlFor="description">Ukuran Batang <i>(cm)</i></label> <label htmlFor="description">Ukuran Batang <i>(cm)</i></label>
<input type="text" required id="ukuran_batang" placeholder={(datanya.status == 'error') ? 'Gagal Loading Server...' : `min ${datanya.detail_attribute.ukuran_batang.min+0.5} - ${datanya.detail_attribute.ukuran_batang.max-0.5} max` } ref={ukuranBatangInputRef} onInput={onInput} minLength="1" maxLength="3"/> <input type="text" required id="ukuran_batang" placeholder={(datanya.status == 'error') ? 'Gagal Loading Server...' : `min ${datanya.detail_attribute.ukuran_batang.min} - ${datanya.detail_attribute.ukuran_batang.max-0.5} max` } ref={ukuranBatangInputRef} onInput={onInput} minLength="1" maxLength="3"/>
</div> </div>
<div className={classess.control}> <div className={classess.control}>
<label htmlFor="description">Jarak Duri <i>(mm)</i></label> <label htmlFor="description">Jarak Duri <i>(mm)</i></label>
<input type="text" required id="jarak_duri" placeholder={(datanya.status == 'error') ? 'Gagal Loading Server...' : `min ${datanya.detail_attribute.jarak_duri.min+0.5} - ${datanya.detail_attribute.jarak_duri.max-0.5} max` } ref={jarakDuriInputRef} onInput={onInput} minLength="1" maxLength="4"/> <input type="text" required id="jarak_duri" placeholder={(datanya.status == 'error') ? 'Gagal Loading Server...' : `min ${datanya.detail_attribute.jarak_duri.min} - ${datanya.detail_attribute.jarak_duri.max-0.5} max` } ref={jarakDuriInputRef} onInput={onInput} minLength="1" maxLength="4"/>
</div> </div>
<div className={classess.actions} > <div className={classess.actions} >
<button>Cek Kematangan</button> <button>Cek Kematangan</button>

2
components/halaman/Penulis.js
View File

@ -34,7 +34,7 @@ function Penulis(){
<td> </td> <td> </td>
<td> Judul </td> <td> Judul </td>
<td> <i>:</i> </td> <td> <i>:</i> </td>
<td className={classess.ini}> <b> IMPLEMENTASI LOGIKA <i>FUZZY</i> PADA TINGKAT KEMATANGAN BUAH DURIAN BERBASIS <i>WEB</i></b> </td> <td className={classess.ini}> <b> IMPLEMENTASI METODE LOGIKA <i>FUZZY</i> PADA DETEKSI TINGKAT KEMATANGAN BUAH DURIAN MENGGUNAKAN BAHASA PEMROGRAMAN <i>PYTHON</i></b> </td>
</tr> </tr>
</table> </table>
</div> </div>

2
components/layout/MainNavigation.js
View File

@ -5,7 +5,7 @@ import classess from './MainNavigation.module.css'
function MainNavigation() { function MainNavigation() {
return ( return (
<header className={classess.header}> <header className={classess.header}>
<div className={classess.logo}>Fuzzy Durian</div> <div className={classess.logo}>Fuzzy Durian Lokal</div>
<nav className={classess.nav}> <nav className={classess.nav}>
<ul> <ul>
<li><Link href='/'>Cek Data</Link></li> <li><Link href='/'>Cek Data</Link></li>