15. lampiran listing program

44

Click here to load reader

Upload: faza-zahrah

Post on 07-Aug-2015

165 views

Category:

Education


0 download

TRANSCRIPT

Page 1: 15. lampiran   listing program

L-1

LAMPIRAN I

LISTING PROGRAM

1. SplashActivity.java

package com.dedauan.dedauan; import android.media.MediaPlayer; import android.os.Bundle; import android.app.Activity; import android.content.Intent; import android.view.Menu; import android.view.Window; import android.view.WindowManager; public class SplashActivity extends Activity { MediaPlayer mMediaPlayer = new MediaPlayer(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); setContentView(R.layout.activity_splash); mMediaPlayer = MediaPlayer.create(this, R.raw.welcome); mMediaPlayer.start(); Thread timer = new Thread() { public void run (){ try{ sleep(4000); } catch(InterruptedException e){ e.printStackTrace(); }finally{ Intent openMain = new Intent ("com.dedauan.dedauan.menu"); startActivity(openMain); } } }; timer.start(); } public void onDestroy() { mMediaPlayer.stop(); super.onDestroy(); } @Override protected void onPause(){ super.onPause(); finish(); } }

2. activity_splash.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/sc" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin"

Page 2: 15. lampiran   listing program

L-2

tools:context=".SplashActivity" > </RelativeLayout>

3. MainActivity.java

package com.dedauan.dedauan; import android.media.AudioManager; import android.media.MediaPlayer; import android.os.Bundle; import android.app.Activity; import android.content.Intent; import android.view.Menu; import android.view.View; import android.widget.Button; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button btn_daun = (Button) findViewById(R.id.buttonDaun); Button btn_petunjuk = (Button) findViewById(R.id.buttonPetunjuk); Button btn_tentang = (Button) findViewById(R.id.buttontentang); btn_daun.setOnClickListener(new View.OnClickListener() { @Override public void onClick (View v) { try{ //Intent berfungsi untuk berpindah activity Intent kedaun=new Intent("com.dedauan.dedauan.Menu_daun"); startActivity(kedaun); } catch (Exception e) { } } }); btn_petunjuk.setOnClickListener(new View.OnClickListener() { @Override public void onClick (View v) { try{ Intent kepetunjuk=new Intent("com.dedauan.dedauan.Menu_petunjuk"); startActivity(kepetunjuk); } catch (Exception e) { }}}); btn_tentang.setOnClickListener(new View.OnClickListener() { @Override public void onClick (View v) { try{ Intent kepetunjuk=new Intent("com.dedauan.dedauan.Menu_tentang"); startActivity(kepetunjuk); } catch (Exception e) { }}}); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main, menu); return true; } }

4. activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/bg"

Page 3: 15. lampiran   listing program

L-3

android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <Button android:id="@+id/buttonDaun" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="45dp" android:background="@drawable/button_daun" /> <Button android:id="@+id/buttonPetunjuk" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/buttonDaun" android:layout_below="@+id/buttonDaun" android:layout_marginTop="25dp" android:background="@drawable/button_petunjuk" /> <Button android:id="@+id/buttontentang" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/buttonPetunjuk" android:layout_below="@+id/buttonPetunjuk" android:layout_marginTop="24dp" android:background="@drawable/button_tentang" /> </RelativeLayout>

5. Menu_petunjuk.java package com.dedauan.dedauan; import org.w3c.dom.Text; import android.os.Bundle; import android.app.Activity; import android.text.method.ScrollingMovementMethod; import android.view.Menu; import android.widget.Button; import android.widget.TextView; public class Menu_petunjuk extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_menu_petunjuk); TextView tp = (TextView) findViewById(R.id.textpetunjuk); tp.setMovementMethod(new ScrollingMovementMethod()); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_petunjuk, menu); return true; } }

6. activity_menu_petunjuk.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"

Page 4: 15. lampiran   listing program

L-4

android:background="@drawable/bg" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".Menu_petunjuk" > <TextView android:id="@+id/textpetunjuk" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:scrollbars="vertical" android:text="Aplikasi ini mempunyai 3 menu utama yaitu menu daftar daun, petunjuk dan tentang. Dalam menu daftar daun, akan ditampilkan daftar 40 nama daun yang memiliki khasiat herbal.

Jika di klik salah satu nama daun, maka akan menampilkan gambar, nama ilmiah, nama daerah, kandungan kimia, manfaat daun serta tips penggunaan daun tersebut sebagai obat alami. Untuk mengakses informasi tersebut, pengguna harus terkoneksi dengan sambungan internet.

Pada menu petunjuk berisikan bantuan penggunaan dalam memakai aplikasi. Menu tentang berisikan informasi aplikasi dan pembuat aplikasi ini." android:textSize="30px" android:textColor="#000000"/> </RelativeLayout>

7. TentangActivity.java

package com.dedauan.dedauan; import android.os.Bundle; import android.app.Activity; import android.text.method.ScrollingMovementMethod; import android.view.Menu; import android.widget.TextView; public class TentangActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_tentang); TextView tt = (TextView) findViewById(R.id.texttentang); tt.setMovementMethod(new ScrollingMovementMethod()); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.tentang, menu); return true; } }

8. activity_tentang.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/bg" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".TentangActivity" > <TextView android:id="@+id/texttentang" android:layout_width="wrap_content"

Page 5: 15. lampiran   listing program

L-5

android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginTop="250dp" android:text="Aplikasi Informasi dan Manfaat Dedaunan ini di harapkan dapat memudahkan mengguna dalam mengakses informasi yang dibutuhkan. Aplikasi ini di rancang dan di buat oleh Fatimah Zahrah, mahasiswi jurusan Sistem Informasi di Universitas Gunadarma." android:textColor="#000000" android:textSize="27px" /> <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="26dp" android:src="@drawable/fatimahzahrah" /> </RelativeLayout>

9. DaunDetailActivity.java package com.dedauan.dedauan; import android.content.Intent; import android.os.Bundle; import android.support.v4.app.FragmentActivity; import android.support.v4.app.NavUtils; import android.view.MenuItem; public class DaunDetailActivity extends FragmentActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_daun_detail); if (savedInstanceState == null) { Bundle arguments = new Bundle(); arguments.putString(DaunDetailFragment.ARG_ITEM_ID, getIntent() .getStringExtra(DaunDetailFragment.ARG_ITEM_ID)); DaunDetailFragment fragment = new DaunDetailFragment(); fragment.setArguments(arguments); getSupportFragmentManager().beginTransaction() .add(R.id.daun_detail_container, fragment).commit(); } } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case android.R.id.home: NavUtils.navigateUpTo(this, new Intent(this, DaunListActivity.class)); return true; } return super.onOptionsItemSelected(item); } }

10. activity_daun_detail.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/daun_detail_container" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".DaunDetailActivity" tools:ignore="MergeRootFrame" />

Page 6: 15. lampiran   listing program

L-6

11. DaunDetailFragment.java package com.dedauan.dedauan; import android.app.ProgressDialog; import android.graphics.Bitmap; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.webkit.WebChromeClient; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.TextView; import com.dedauan.dedauan.dummy.DummyContent; public class DaunDetailFragment extends Fragment { public static final String ARG_ITEM_ID = "item_id"; private DummyContent.DummyItem mItem; public DaunDetailFragment() { } @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); if (getArguments().containsKey(ARG_ITEM_ID)) { . mItem = DummyContent.ITEM_MAP.get(getArguments().getString( ARG_ITEM_ID)); } } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_daun_detail, container, false); if (mItem != null) { WebView webView =(WebView) rootView. findViewById(R.id.webView1); webView.setClickable(true); webView.setFocusableInTouchMode(true); webView.getSettings().setJavaScriptEnabled(true); webView.loadUrl(mItem.website_url); WebClientClass webViewClient = new WebClientClass(); webView.setWebViewClient(webViewClient); WebChromeClient webChromeClient=new WebChromeClient(); webView.setWebChromeClient(webChromeClient); } return rootView; } public class WebClientClass extends WebViewClient { ProgressDialog pd = null; @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { super.onPageStarted(view, url, favicon); pd = new ProgressDialog(getActivity()); pd.setTitle("Harap tunggu"); pd.setMessage("Halaman sedang di proses.."); pd.show(); } @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); pd.dismiss();

Page 7: 15. lampiran   listing program

L-7

} } public class WebChromeClass extends WebChromeClient{ } }

12. fragment_daun_detail.xml <WebView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/webView1" android:layout_width="match_parent" android:layout_height="match_parent" />

13. DaunListActivity.java package com.dedauan.dedauan; import android.content.Intent; public class DaunListActivity extends FragmentActivity implements DaunListFragment.Callbacks { private boolean mTwoPane; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_daun_list); if (findViewById(R.id.daun_detail_container) != null) { mTwoPane = true; ((DaunListFragment) getSupportFragmentManager().findFragmentById( R.id.daun_list)).setActivateOnItemClick(true); } } @Override public void onItemSelected(String id) { if (mTwoPane) { Bundle arguments = new Bundle(); arguments.putString(DaunDetailFragment.ARG_ITEM_ID, id); DaunDetailFragment fragment = new DaunDetailFragment(); fragment.setArguments(arguments); getSupportFragmentManager().beginTransaction() .replace(R.id.daun_detail_container, fragment).commit(); } else { Intent detailIntent = new Intent(this, DaunDetailActivity.class); detailIntent.putExtra(DaunDetailFragment.ARG_ITEM_ID, id); startActivity(detailIntent); } } }

14. activity_daun_list.xml <fragment xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/daun_list" android:name="com.dedauan.dedauan.DaunListFragment" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginLeft="16dp" android:layout_marginRight="16dp" android:background="@drawable/background" tools:context=".DaunListActivity" tools:layout="@android:layout/list_content" />

Page 8: 15. lampiran   listing program

L-8

15. DaunListFragment.java package com.dedauan.dedauan; import android.app.Activity; import android.os.Bundle; import android.support.v4.app.ListFragment; import android.view.View; import android.widget.ArrayAdapter; import android.widget.ListView; import com.dedauan.dedauan.dummy.DummyContent; public class DaunListFragment extends ListFragment { private static final String STATE_ACTIVATED_POSITION = "activated_position"; private Callbacks mCallbacks = sDummyCallbacks; private int mActivatedPosition = ListView.INVALID_POSITION; public interface Callbacks { public void onItemSelected(String id); } private static Callbacks sDummyCallbacks = new Callbacks() { @Override public void onItemSelected(String id) { } }; public DaunListFragment() { } @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // TODO: replace with a real list adapter. setListAdapter(new ArrayAdapter<DummyContent.DummyItem>(getActivity(), android.R.layout.simple_list_item_activated_1, android.R.id.text1, DummyContent.ITEMS)); } @Override public void onViewCreated(View view, Bundle savedInstanceState) { super.onViewCreated(view, savedInstanceState); if (savedInstanceState != null && savedInstanceState.containsKey(STATE_ACTIVATED_POSITION)) { setActivatedPosition(savedInstanceState .getInt(STATE_ACTIVATED_POSITION)); } } @Override public void onAttach(Activity activity) { super.onAttach(activity); if (!(activity instanceof Callbacks)) { throw new IllegalStateException( "Activity must implement fragment's callbacks."); } mCallbacks = (Callbacks) activity; } @Override public void onDetach() { super.onDetach(); implementation. mCallbacks = sDummyCallbacks; } @Override public void onListItemClick(ListView listView, View view, int position, long id) {

Page 9: 15. lampiran   listing program

L-9

super.onListItemClick(listView, view, position, id); mCallbacks.onItemSelected(DummyContent.ITEMS.get(position).id); } @Override public void onSaveInstanceState(Bundle outState) { super.onSaveInstanceState(outState); if (mActivatedPosition != ListView.INVALID_POSITION) { outState.putInt(STATE_ACTIVATED_POSITION, mActivatedPosition); } } public void setActivateOnItemClick(boolean activateOnItemClick) { automatically getListView().setChoiceMode( activateOnItemClick ? ListView.CHOICE_MODE_SINGLE : ListView.CHOICE_MODE_NONE); } private void setActivatedPosition(int position) { if (position == ListView.INVALID_POSITION) { getListView().setItemChecked(mActivatedPosition, false); } else { getListView().setItemChecked(position, true); } mActivatedPosition = position; } }

16. activity_daun_twopane.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginLeft="16dp" android:layout_marginRight="16dp" android:baselineAligned="false" android:divider="?android:attr/dividerHorizontal" android:orientation="horizontal" android:showDividers="middle" tools:context=".DaunListActivity" android:background="@drawable/background" > <!-- This layout is a two-pane layout for the Dedaunan master/detail flow. See res/values-large/refs.xml and res/values-sw600dp/refs.xml for an example of layout aliases that replace the single-pane version of the layout with this two-pane version. For more on layout aliases, see: http://developer.android.com/training/multiscreen/screensizes.html#TaskUseAliasFilters --> <fragment android:id="@+id/daun_list" android:name="com.dedauan.dedauan.DaunListFragment" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" tools:layout="@android:layout/list_content" /> <FrameLayout android:id="@+id/daun_detail_container" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="3" /> </LinearLayout>

17. DummyContent.java

package com.dedauan.dedauan.dummy; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map;

Page 10: 15. lampiran   listing program

L-10

static { addItem(new DummyItem("1", "Andong", "http://daun.esy.es/Daun/andong.html")); addItem(new DummyItem("2", "Asam Jawa","http://daun.esy.es/Daun/asamjawa.html")); addItem(new DummyItem("3", "Avokad","http://daun.esy.es/Daun/avokad.html")); addItem(new DummyItem("4", "Belimbing Wuluh","http://daun.esy.es/Daun/belimbingwuluh.html")); addItem(new DummyItem("5", "Binahong", "http://daun.esy.es/Daun/binahong.html")); addItem(new DummyItem("6", "Cincau Pohon", "http://daun.esy.es/Daun/cincaupohon.html")); addItem(new DummyItem("7", "Dandang Gendis","http://daun.esy.es/Daun/dandanggendis.html")); addItem(new DummyItem("8", "Daun Jinten","http://daun.esy.es/Daun/daunjinten.html")); addItem(new DummyItem("9", "Daun Suji","http://daun.esy.es/Daun/daunsuji.html")); addItem(new DummyItem("10", "Daun Ungu","http://daun.esy.es/Daun/daunungu.html")); addItem(new DummyItem("11", "Encok", "http://daun.esy.es/Daun/encok.html")); addItem(new DummyItem("12", "Gandarusa","http://daun.esy.es/Daun/gandarusa.html")); addItem(new DummyItem("13", "Jambu Biji", "http://daun.esy.es/Daun/jambubiji.html")); addItem(new DummyItem("14", "Jarak Pagar","http://daun.esy.es/Daun/jarakpagar.html")); addItem(new DummyItem("15", "Jati Belanda","http://daun.esy.es/Daun/jatibelanda.html")); addItem(new DummyItem("16", "Katuk","http://daun.esy.es/Daun/katuk.html")); addItem(new DummyItem("17", "Keladi Tikus","http://daun.esy.es/Daun/keladitikus.html")); addItem(new DummyItem("18", "Kemuning","http://daun.esy.es/Daun/kemuning.html")); addItem(new DummyItem("19", "Kumis Kucing", "http://daun.esy.es/Daun/kumiskucing.html")); addItem(new DummyItem("20", "Lidah Mertua","http://daun.esy.es/Daun/lidahmertua.html")); addItem(new DummyItem("21", "Mangkokan","http://daun.esy.es/Daun/mangkokan.html")); addItem(new DummyItem("22", "Melati","http://daun.esy.es/Daun/melati.html")); addItem(new DummyItem("23", "Mengkudu","http://daun.esy.es/Daun/mengkudu.html")); addItem(new DummyItem("24", "Meniran","http://daun.esy.es/Daun/meniran.html")); addItem(new DummyItem("25", "Pandan Wangi","http://daun.esy.es/Daun/pandanwangi.html")); addItem(new DummyItem("26", "Pepaya","http://daun.esy.es/Daun/pepaya.html")); addItem(new DummyItem("27", "Saga Rambat","http://daun.esy.es/Daun/sagarambat.html")); addItem(new DummyItem("28", "Salam","http://daun.esy.es/Daun/salam.html")); addItem(new DummyItem("29", "Sambang Colok","http://daun.esy.es/Daun/sambangcolok.html")); addItem(new DummyItem("30", "Sambang Darah", "http://daun.esy.es/Daun/sambangdarah.html")); addItem(new DummyItem("31", "Sambiloto","http://daun.esy.es/Daun/sambiloto.html")); addItem(new DummyItem("32", "Sambung Nyawa","http://daun.esy.es/Daun/sambungnyawa.html")); addItem(new DummyItem("33", "Senggugu","http://daun.esy.es/Daun/senggugu.html")); addItem(new DummyItem("34", "Sereh Wangi","http://daun.esy.es/Daun/serehwangi.html")); addItem(new DummyItem("35", "Sirih","http://daun.esy.es/Daun/sirih.html")); addItem(new DummyItem("36", "Sirih Merah","http://daun.esy.es/Daun/sirihmerah.html")); addItem(new DummyItem("37", "Sirsak","http://daun.esy.es/Daun/sirsak.html")); addItem(new DummyItem("38", "Tapak Dara","http://daun.esy.es/Daun/tapakdara.html")); addItem(new DummyItem("39", "Tempuyung","http://daun.esy.es/Daun/tempuyung.html")); addItem(new DummyItem("40", "Temu Hitam","http://daun.esy.es/Daun/temuhitam.html")); } private static void addItem(DummyItem item) { ITEMS.add(item); ITEM_MAP.put(item.id, item); } public static class DummyItem { public String id; public String content; public String website_url; public DummyItem(String id, String content, String website_url) { this.id = id; this.content = content; this.website_url = website_url; } @Override public String toString() { return content;}}}

18. andong.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Daun Herbal</title>

Page 11: 15. lampiran   listing program

L-11

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12">

<h1>Daun Andong</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Andong.png" alt="Andong" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Cordyline fruticosa </i>(Linn.)</h2> <h2>Nama Daerah : </h2> <i>hanjuang </i>(Sunda), <i>andong </i>(Jawa), <i>penjuang </i>(Dayak), <i>kayu urip </i>(Madura), <i>endong </i>(Bali).

<h2>Kandungan Kimia : </h2> Daun Andong memiliki mengandung <i>saponin, flavonoid, polifenol, steroida, polisakarida,</i> kalsium oksalat, dan zat besi. <h2>Manfaat : </h2> <ul> <li>Mengobati kencing berdarah</li> <li>Mencegah keguguran, haid terlalu banyak dan wasir berdarah</li> <li>Nyeri lambung dan ulu hati</li> <li>Mengobati TBC (tuberkolosis)</li> <li>Terlambat haid</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk kencing berdarah : rebus 60-100 gram daun andong segar dengan 2 gelas air, rebus sampai tersisa 1 gelas. Saring kemudian dinginkan. Minum 1 kali sehari.</li> <li>untuk mencegah keguguran, haid terlalu banyak dan wasir berdarah : rebus 15-30 gram daun andong kering atau 9-15 gram bunga andong kering atau 6-10 gram akar andong kering dengan 2 gelas

air, rebus sampai tersisa 1 gelas. Dinginkan lalu minum ramuan sekaligus 1 gelas sehari.</li> <li>untuk nyeri lambung dan ulu hati : rebus 15-30 gram daun andong kering atau 6-10 gram akar andong kering dengan 2 gelas air, rebus sampai tersisa 1 gelas. Dinginkan lalu minum ramuan sekaligus 1 gelas sehari.</li> <li>untuk TBC (tuberkolosis) : rebus 15-30 gram daun andong kering atau 9-15 gram bunga andong kering dengan 2 gelas air, rebus sampai tersisa 1 gelas. Dinginkan lalu minum ramuan sekaligus 1 gelas sehari.</li> <li>untuk terlambat haid : rebus 60-100 gram daun andong segar dengan 2 gelas air, rebus sampai tersisa 1 gelas. Saring kemudian dinginkan. Minum 1 kali sehari.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

19. asamjawa.html <!DOCTYPE html> <html lang="en"> <head>

<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

Page 12: 15. lampiran   listing program

L-12

<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid">

<div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Asam Jawa</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Asam Jawa.png" alt="Asam Jawa" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Tamarindus indica </i>L.</h2>

<h2>Nama Daerah : </h2> <i>wit asem </i>(Jawa), <i>bak mee </i>(Aceh), <i>asam jawa </i>(Kalimantan), <i>tangkal asam </i>(Sunda), <i>celagi </i>(Bali), <i>asam jawi </i>(Gorontalo). <h2>Kandungan Kimia : </h2> Bagian daun asam jawa mengandung <i>stexin, ionvitexin</i> dan <i>isoorientin</i>. Pada kulit kayu nya mengandung zat tanin. Buah asam jawa mengandung bahan kimia seperti gula <i>invert, tartaric acid, citric acid, serine, peptin, proline, leusin,</i> dan vitamin B3. <h2>Manfaat : </h2> <ul> <li>Mengobati bisul</li> <li>Mengobati rematik dan bengkak lebam</li> <li>Mengobati batuk</li> <li>Mengobati gangguan pencernaan</li> <li>Mengobati

karang gigi</li> <li>Menurunkan berat badan</li> <li>Mengobati radang payudara</li> <li>Mengobati sariawan</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk mengobati bisul : cuci bersih daun asam jawa dan rimpang kunyit secukupnya, tumbuk halus, lalu tempelkan pada bisul. Lalukan secara rutin sampai bisul menghilang.</li> <li>untuk mengobati rematik dan bengkak lebam : cuci bersih daun muda asam jawa dengan rimpang kunyit secukupnya, lalu giling sampai halus. Seduh hasil gilingan dengan sedikit air panas. Balurkan pada bagian yang sakit. Lalukan secara rutin sampai sembuh.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

20. avokad.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->

</head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Avokad</h1> </div>

Page 13: 15. lampiran   listing program

L-13

<div id="gambar" class="col-md-6"> <img src="img/Avokad.png" alt="Avokad" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Persea americana </i>Mill.</h2>

<h2>Nama Daerah : </h2> <i>apokad </i>(Melayu), <i>apuket </i>(Sunda), <i>apokat </i>(Jawa). <h2>Kandungan Kimia : </h2> Tumbuhan daun avokad memiliki kandungan kimia diantaranya <i>methylchavikal, alphapinene, flavonoid,</i> tanin, lemak jenuh, protein, vitamin A, vitamin B1, dan vitamin B2. <h2>Manfaat : </h2> <ul> <li>Menurunkan tekanan darah</li> <li>Mengobati kencing batu</li> <li>Mengobati gigi berlubang</li> <li>Mengobati nyeri syaraf dan nyeri lambung</li> <li>Mengobati kencing manis</li> <li>Melembabkan wajah</li> <li>Mengobati sariawan</li> </ul>

<h2>Tips Pemakaian : </h2> <ul> <li>untuk menurunkan tekanan darah : cuci bersih 3-5 helai daun avokad segar, seduh dengan 1 gelas air panas. Setelah dingin, dapat di minum satu gelas sehari.</li> <li>untuk kencing batu : cuci bersih 7 helai daun avokad, sduh dengan setengah gelas air panas, lalu dapat di minum sekaligus. Lakukan secara rutin dua kali sehari setiap pagi dan sore.</li> <li>untuk nyeri syaraf dan nyeri lambung : cuci bersih 3-6 lembar daun avokad lalu seduh atau rebus dengan 1 gelas air. Setelah dingin, minum satu kali sehari.</li> </ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

21. belimbingwuluh.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">

<title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Belimbing Wuluh</h1> </div>

<div id="gambar" class="col-md-6"> <img src="img/Belimbing Wuluh.png" alt="Belimbing Wuluh" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Averrhoa bilimbi </i>L.</h2> <h2>Nama Daerah : </h2> <i>blingbing buloh </i>(Bali), <i>blimbing wuluh </i>(Jawa), <i>bhalimbhing bulu </i>(Madura), <i>belimbing asem </i>(Melayu), <i>limbi </i>(Bima), <i>limeng </i>(Aceh). <i>bainang </i>(Makassar), <i>uteke </i>(Papua). <h2>Kandungan Kimia : </h2> Daun belimbing wuluh mengandung tanin, sulfur, asam

format, perioksidae, kalsium oksalat dan kalium sitrat.

Page 14: 15. lampiran   listing program

L-14

<h2>Manfaat : </h2> <ul> <li>Mengobati pegal linu</li> <li>Mengobati rematik</li> <li>Mengobati jerawat</li> <li>Menurunkan tekanan darah</li> <li>Mengobati sakit gigi berlubang</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk pegal linu : ambil daun belimbing wuluh muda sebanyak 1 genggam (sekitar 25 helai), tambahkan 10 butir biji cengkih, dan 15 biji lada.

Tumbuk semua bahan sampai halus. Tambahkan cuka secukupnya, lalu oleskan di bagian yang sakit.</li> <li>untuk mengobati rematik : cuci bersih 1 ons daun belimbing wuluh muda, 10 biji cengkih, 15 butir merica, lalu giling sampai halus. Tambahkan sedikit cuka, balurkan ke bagian yang sakit.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script>

</body> </html>

22. binahong.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->

</head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Binahong</h1> </div> <div id="gambar" class="col-md-6">

<img src="img/Binahong.png" alt="Binahong" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Anredera cordifolia</i> (Ten.) Steenis. </h2> <h2>Nama Daerah : </h2> <i>gandola </i>(Sunda), <i>gendola </i>(Bali), <i>lembayung </i>(Minangkabau), <i>ksndula </i>(Madura), <i>tatabuwe </i>(Sulawesi Utara), <i>poiloo </i>(Gorontalo). <h2>Kandungan Kimia : </h2> Kandungan kimia pada daun binahong antara lain :

flavonoid, asam oleanolik, protein, askorbat dan saponin. Dari kandungan kimia daun binahong, menyebabkan daun binahong bersifat antibakteri, antivirus, antioksidan dan antiinflamasi. <h2>Manfaat : </h2> <ul> <li>Mengobati batuk / muntah darah</li> <li>Mengobati sesak nafas</li> <li>Mengobati darah rendah</li> <li>Meningkatkan daya tahan tubuh</li> <li>Mengobati gagal ginjal</li> <li>Mengobati radang ginjal</li> <li>Mengobati gusi berdarah</li> <li>Mencegah stoke</li> <li>Mencegah diabetes</li> <li>Mengobati penyakit maag</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk batuk / muntah darah : 10 lembar daun binahong di kunyah atau bisa dijadikan jus, lalu minum 1 kali sehari.</li> <li>untuk sesak nafas : 7

lembar daun binahong di kunyah atau bisa dijadikan jus, lalu minum 1 kali sehari.</li> <li>untuk darah

Page 15: 15. lampiran   listing program

L-15

rendah : 8 lembar daun binahong di kunyah atau bisa dijadikan jus, lalu minum 1 kali sehari.</li> <li>untuk gagal ginjal : rebus 10-15 g daun binahong dengan segelas air hingga mendidih. Kemudian minum 3 kali sehari sebelum makan.</li> <li>untuk radang ginjal : 7 lembar daun binahong di kunyah atau bisa dijadikan jus, lalu minum 1 kali sehari.</li> <li>untuk gusi berdarah : 4 lembar daun binahong di kunyah atau bisa dijadikan jus, lalu minum 1 kali sehari.</li> <li>untuk maag : rebus 10 lembar daun binahong dengan 1 gelas

air hingga mendidih, setelah itu saring dan minum 3 kali sehari.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

23. cincaupohon.html <!DOCTYPE html>

<html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap -->

<link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head>

<body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Cincau Pohon</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Cincau.png" alt="Cincau" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6">

<h2>Nama Ilmiah : <i>Melastoma polyanthum </i>B.</h2> <h2>Nama Daerah : </h2> <i>hasendong </i>(Sunda), <i>senggani </i>(Jawa). <h2>Kandungan Kimia : </h2> Beberapa bahan kimia yang terkandung dalam cincau pohon diantaranya : alkaloid, zat lemak dan karbohidrat. <h2>Manfaat : </h2> <ul> <li>Menurunkan tekanan darah</li> <li<Menurunkan demam</li> <li>Mengobati radang lambung</li> <li>Mengobati tifus</li> <li>Mengobati penyakit usus</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk menurunkan tekanan darah : cuci bersih daun cincau pohon secukupnya, lalu remas-remas daun tersebut dengan air putih secukupnya sampai air nya berubah menjadi hijau. Tambahkan gula jawa dan diamkan sampai menjadi agar-agar. Potong agar-

agar cincau menjadi kecil-kecil, lalu bisa di makan seperti minuman es buah. Lakukan 3 kali sehari, masing-masing 1 gelas.</li> </ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

Page 16: 15. lampiran   listing program

L-16

24. dandanggendis.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->

</head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Dandang Gendis</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Dandang Gendis.png" alt="Dandang Gendis" class="img-rounded img-responsive"> </div>

<div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Clinacanthus nutans </i>Lindau.</h2> <h2>Nama Daerah : </h2> <i>ki tajam </i>(Sunda), <i>dandang gendis </i>(Jawa), <i>gendis </i>(Jawa Tengah). <h2>Kandungan Kimia : </h2> Beberapa bahan kimia yang terkandung dalam dandang gendis yaitu saponin dan polifenol. <h2>Manfaat : </h2> <ul> <li>Mengobati disentri</li> <li>Mengobati kencing manis</li> <li>Mengobati susah buang air kecil</li> </ul>

<h2>Tips Pemakaian : </h2> <ul> <li>untuk disentri : rebus segenggam daun dandang gendis dalam 5 gelas air. Rebus sampai tersisa 3 gelas saja. Minum air rebusan tersebut tiga kali sehari, masing-masing 1 gelas.</li> <li>untuk kencing manis : rebus 7-21 helai daun dandang gendis dalam 2 gelas air. Rebus sampai tersisa 1 gelas. Setelah dinginn, minum air rebusan dua kali sehari.</li> <li> untuk susah buang air kecil : rebus 15 g daun dandang gendis segar dalam 1 gelas air selama 15 menit. Setelah dingin, saring air rebusannya, lalu minum sekaligus satu kali sehari.</li> </ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

25. daunjinten.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet">

Page 17: 15. lampiran   listing program

L-17

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

<![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Jinten</h1> </div>

<div id="gambar" class="col-md-6"> <img src="img/Jinten.png" alt="Jinten" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Coleus amboinicus</i> Lour.</h2> <h2>Nama Daerah : </h2> <i>sukan </i>(Melayu), <i>bangun-bangun </i>(Batak), <i>ajiran </i>(Sunda), <i>godong ginten </i>(Jawa), <i>iwak </i>(Bali), <i>daun kambing </i>(Madura). <h2>Kandungan Kimia : </h2> Daun jinten mengandung bahan kimia diantaranya kalium dan minyak asiri.

<h2>Manfaat : </h2> <ul> <li>Anti-asma dan batuk</li> <li> Penurun panas</li> <li> Memperbanyak ASI</li> <li>Mengobati sakit kepala</li> <li>Mengobati rematik</li> <li>Mengobati perut kembung</li> <li>Pengencer dahak</li> <li>Penghilang lelah letih</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk asma dan batuk : tumbuk 10 lembar daun jinten sampai halus, peras dan saring. Air perasannya ditambah minyak wijen, minum 1 kali sehari.</li> <li>untuk penurun panas : tumbuk 7-10 lembar daun jinten, peras dan saring. Airnya diminum 1 kali sehari, ampasnya untuk digosokan ke badan.</li> <li>untuk memperbanyak ASI : daun jinten dimasak dengan sup, makan supnya 2 kali sehari.</li> <li>untuk sakit kepala : cuci bersih daun jinten segar, lalu ditempelkan dan dimemarkan di kepala dan pelipis.</li> <li>untuk rematik : tumbuk 10 lembar daun jinten

dan tambahkan air kapur sirih secukupnya. Lalu gunakan untuk menggosok bagian yang sakit.</li> <li>untuk perut kembung : tumbuk halus 5 lembar daun jinten, seduh dengan setengah cangkir air panas, saring dan dinginkan. Kemudian di minum.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body>

</html>

26. daunsuji.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

<![endif]--> </head> <body background="img/background_web.jpg">

Page 18: 15. lampiran   listing program

L-18

<div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Suji</h1> </div> <div id="gambar" class="col-md-6">

<img src="img/Daun Suji.png" alt="Daun Suji" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Pleomele angustifolia </i>N.E. Brown</h2> <h2>Nama Daerah : </h2> <i>suji, hanjuwang merak, jingkang </i>(Sunda), <i>bakong </i>(Madura), <i>jejuang bukit </i>(Ambon), <i>semar </i>(Jawa). <h2>Kandungan Kimia : </h2> Daun suji mengandung saponin dan flavonoid. <h2>Manfaat : </h2> <ul> <li>Mengobati disentri dan beri-beri</li>

<li>Mengobati kencing nanah</li> <li>Mengobati nyeri haid</li> <li>Mengobati nyeri lambung</li> <li>Penawar racun</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk disentri dan beri-beri : rebus 20 g daun suji segar dengan 2 gelas air sampai tersisa 1 gelas saja. Dinginkan lalu saring. Minum sekaligus 1 kali sehari.</li> <li>untuk kencing nanah : rebus 20 g daun suji segar dengan 2 gelas air sampai tersisa setengah gelas saja. Dinginkan lalu saring. Minum sekaligus 2 kali sehari.</li> <li>untuk nyeri haid : cuci bersih dan rebus 20 g daun suji segar dengan 2 gelas air sampai tersisa 1 gelas saja. Dinginkan lalu saring. Minum sekaligus 1 kali sehari.</li> </ul> </div> </div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

27. daunungu.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->

</head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Ungu</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Daun Ungu.png" alt="Daun Ungu" class="img-rounded img-

responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Graptophyllum pictum </i>(L.) Griff</h2> <h2>Nama Daerah : </h2> <i>godog ungu </i>(Jawa), <i>handeleum </i>(Sunda), <i>karaton </i>(Madura), <i>temen </i>(Bali), <i>kadi-kadi </i>(Ternate), <i>dandongo-dongo </i>(Tidore).

Page 19: 15. lampiran   listing program

L-19

<h2>Kandungan Kimia : </h2> Daun ungu memiliki beberapa bahan kimia yaitu : alkaloid non-toksik, glikosid, saponin, tanin kalsium oksalat, asam formik dan lemak. <h2>Manfaat : </h2> <ul> <li>Mengobati wasir</li> <li>Mengobati sembelit</li> <li>Mengobati haid tidak lancar</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk wasir : cuci 10 g daun ungu segar,

rebus dengan 2 gelas air sampai tersisa 1 gelas. Dinginkan lalu saring. Minum 2 kali sehari, masing-masing setengah gelas.</li> <li>untuk sembelit : cuci bersih 7 helai daun ungu segar, rebus dengan 2 gelas air sampai tersisa 1 gelas. Dinginkan lalu saring. Minum sekaligus 1 gelas sehari.</li> </ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body>

</html>

28. encok.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12">

<h1>Daun Encok</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Encok.png" alt="Encok" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Plumbago zeylanica </i>Linn.</h2> <h2>Nama Daerah : </h2> <i>ki encok </i>(Sunda), <i>kareka </i>(Madura), <i>bama </i>(Bali), <i>oporio </i>(Timur). <h2>Kandungan Kimia : </h2> Daun encok mengandung <i>leucodelphindin,

plumbagin, chitratone, elliptinone, </i>dan <i>maritione</i>. <h2>Manfaat : </h2> <ul> <li> Mengobati gangguan buang air kecil</li> <li>Mengobati sakit kepala</li> <li>Mengobati sakit pinggang dan encok</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk gangguan buang air kecil : cuci bersih 10 gram daun encok segar, tumbuk, lalu tambahkan 1 sdm kapur sirih. Remas-remas campuran bahan tersebut, lalu balurkan ke atas perut.</li> <li>untuk sakit kepala : ambil 2 helai daun encok, olesi dengan minyak kelapa atau minyak zaitun secukupnya, layukan di atas api kecil. Letakkan di pelipis atau di bawah kedua telinga selama 5-10 menit.</li> <li>untuk sakit pinggang dan encok : cuci bersih 15 gram daun encok

segar, tumbuk lalu tambahkan 1 sdm kapur sirih. Remas-remas campuran bahan tersebut. Balurkan ke bagian tubuh yang sakit.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script>

Page 20: 15. lampiran   listing program

L-20

</body> </html>

29. gandarusa.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->

</head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Gandarusa</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Gandarusa.png" alt="Gandarusa" class="img-rounded img-responsive">

</div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Justicia gendarusa</i> Burm. f.</h2> <h2>Nama Daerah : </h2> <i>besi-besi </i>(Aceh), <i>gandarusa </i>(Melayu), <i>handerasa, gonorusa </i>(Sunda), <i>puli </i>(Ternate). <h2>Kandungan Kimia : </h2> Daun gandarusa mengandung bahan kimia diantaranya <i>justicin, </i>minyak asiri, kalium, dan alkaloid. <h2>Manfaat : </h2> <ul> <li>Mengobati rematik</li> <li>Mengobati bisul dan patah tulang</li> <li>Mengobati memar dan keseleo</li> <li>Memperlancar peredaran darah</li> </ul>

<h2>Tips Pemakaian : </h2> <ul> <li>untuk rematik : rebus 20-40g daun gandarusa dengan 3 gelas air. Dinginkan lalu disaring. Minum 2 kali hari sehari.</li> <li>untuk bisul dan patah tulang : tumbuk 30-50 helai daun gandarusa, tambahkan 1 seloki arak dan 2 sdm cuka, aduk rata, lalu oleskan di permukaan bisul / tulang yang patah. Oleskan 2 kali sehari.</li> <li>untuk memar dan keseleo : rebus 15-30 g daun gandarusa dengan 3 gelas air sampai tersisa 1 gelas saja. Saring lalu dinginkan. minum 2 kali sehari, masng-masing setengah gelas.</li></ul>nb : wanita hamil dilarang meminum ramuan gandarusa.</div> </div></div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

30. jambubiji.html <!DOCTYPE html> <html lang="en"> <head>

<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

Page 21: 15. lampiran   listing program

L-21

<meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg">

<div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Jambu Biji</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Jambu.png" alt="Jambu Biji" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6">

<h2>Nama Ilmiah : <i>Psidium gujava </i>L.</h2> <h2>Nama Daerah : </h2> <i>glima breueh, glimeu beru, galiman </i>(Sumatera), <i>jambu klutuk, jhambu bhender </i>(Jawa), <i>kojabas </i>(Nusa Tenggara), <i>kayawese </i>(Maluku). <h2>Kandungan Kimia : </h2> Daun jambu biji mengandung bahan kimia diantaranya tanin, minyak asiri, minyak lemak, damar, zat samak, asam afel dan <i>triterponoid</i>. <h2>Manfaat : </h2> <ul> <li>Mengobati diare</li> <li>Mengobati sariawan</li> <li>Mengobati luka berdarah atau borok di sekitar tulang</li> <li>Mengobati ambeien</li> <li>Mengurangi kembung pada anak-anak</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk mengobati diare : rebus daun

jambu biji seberat 30 gram dengan segenggam tepung beras dan air 1-2 gelas. Air rebusan ini diminum 2 kali sehari.</li> <li>untuk sariawan : rebus 1 genggam daun jambu biji segar dan 1 jari kulit batangnya dengan 1 liter air. Saring air hasil rebusan. Minum ramuan hasil saringan sebanyak 2 kali sehari.</li> <li>untuk luka berdarah atau borok di sekitar tulang : lumatkan daun jambu biji segar. Tempelkan di bagian yang sakit. Lakukan cara ini dalam beberapa hari.</li> <li>untuk ambeien : ambil beberapa lembar daun jambu biji yang masih muda dan sebuah pisang batu. Cuci bersih lalu tumbuk bersamaan tanpa mengupas kulit pisang batu tersebut. Tampung air hasil perasannya, lulu minum tiap hari secara teratur.</li> <li>untuk kembung pada anak-anak : petik 3 lembar daun jambu biji yang masih muda dan segar. Rebus daun tersebut dengan 2

cangkir air dan 1 setengah batang pulosari dan 5 butir adas. Rebus hingga tersisa 1 cangkir saja. Saring dan dinginkan. Anak berumur 3 tahun dapat diberi cairan ini sehari 3 kali, masing-masing sebanyak 2 sdm, sedangkan untuk anak-anak di atas 3 tahun dapat diberi 1 cangkir sehari.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body>

</html>

31. jarakpagar.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet">

Page 22: 15. lampiran   listing program

L-22

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

<![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Jarak Pagar</h1> </div> <div id="gambar" class="col-md-6">

<img src="img/Jarak Pagar.png" alt="Jarak Pagar" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Jatropha curcas </i>L.</h2> <h2>Nama Daerah : </h2> <i>jarak costa </i>(Melayu), <i>jarak kusta </i>(Sunda), <i>kalele </i>(Madura), <i>jarak pager </i>(Bali), <i>bintalo </i>(Gorontalo), <i>balacai hisa </i>(Ternate). <h2>Kandungan Kimia : </h2> Daun jarak pagar mengandung bahan kimia diantaranya <i>a-amirin, kampesterol, stigmasterol.</i>

<h2>Manfaat : </h2> <ul> <li>Mengobati Bengkak lemam, terkilir, patah tulang dan luka berdarah</li> <li>Mengobati gatal-gatal, jamur di kaki</li> <li>Mengobati lepra</li></ul> <h2>Tips Pemakaian : </h2><ul> <li>untuk mengobati bengkak lebam, terkilir, patah tulang dan luka berdarah : cuci 7 helai daun jarak, tumbuk sampai halus dan tambahkan sedikit air. Balurkan ke bagian yang sakit. Jika diperlukan balurkan 3 kali sehari.</li> <li>untuk gatal-gatal, jamur di kaki : panaskan 3-5 helai daun jarak segar di atas api sampai menjadi layu. Remas-remas daun tersebut, lalu tempelkan di bagian yang sakit.</li> <li>untuk lepra : cuci 9 helai daun jarak pagar segar, tumbuk sampai hancur, tambahkan sedikit air. Balurkan ke bagian yang sakit, lalu balut dengan kain atau perban.</li> </ul> </div> </div> </div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

32. jatibelanda.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

<![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12">

Page 23: 15. lampiran   listing program

L-23

<h1>Daun Jati Belanda</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Jati Belanda.png" alt="Jati Belanda" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Guazuma ulmifolia</i> Lamk.</h2>

<h2>Nama Daerah : </h2> <i>jati londo </i>(Jawa). <h2>Kandungan Kimia : </h2> Daun jari belanda mengandung bahan kimia diantaranya asam damar, zat samak, zat pahit, minyak lemak dan <i>glikose.</i> <h2>Manfaat : </h2> <ul> <li>Anti diare, kolera, asigren</li> <li>Menguruskan badan</li> <li>Mengobati kaki gajah</li> <li>Meluruhkan kolesterol</li> <li>Obesitas</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk kaki gajah : rebus 7 helai daun jati belanda dengan sepotong rimpang bengle dan 1,5 gelas air. Dinginkan lalu disaring. Minum pagi dan sore hari, masing-masing setengah gelas.</li> <li>untuk kolera dan diare : sangrai daun dan biji jati belanda,

tumbuk hingga menjadi bubuk. Rebus 1 sdt bubuk dengan 1,5 gelas air. Saring dan dinginkan. Minum 2 kali sehari.</li> <li>untuk kolesterol : seduh beberapa lembar daun jati belanda yang sudah kering dengan air panas secukupnya. Saring dan dinginkan, tambahkan 1 sdm madu, minum 2 kali sehari pada pagi dan sore hari.</li> <li>untuk menguruskan badan : rebus 20 g daun jati belanda dengan 1 gelas air. Saring dan dinginkan. Minum 2 kali sehari, pagi dan sore hari. Sebaiknya jangan mengkonsumsi secara berlebihan.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

33. katuk.html

<!DOCTYPE html>

<html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg">

<div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Katuk</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Katuk.png" alt="Katuk" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Sauropus androginus </i>(L.) Merr.</h2>

<h2>Nama Daerah : </h2> <i>memata, mata-mata, cekop manis </i>(Sumatera), <i>katu, babing, katukan </i>(Jawa), <i>kerakur </i>(Madura). <h2>Kandungan Kimia : </h2> Daun katuk mengandung protein, lemak, kalsium, fosfor, besi, vitamin A, vitamin B dan vitamin C. <h2>Manfaat : </h2> <ul> <li>Pelancar ASI</li> <li>Mengobati bisul</li> <li>Mengobati susah kencing</li> </ul>

Page 24: 15. lampiran   listing program

L-24

<h2>Tips Pemakaian : </h2> <ul> <li>untuk pelancar ASI : daun katuk dapat di olah menjadi sayur atau dikonsumsi sebagai lalap. Sebaiknya dimakan secara teratur.</li> <li>untuk mengobati bisul : cuci bersih daun katuk. Tumbuk daun katuk hingga halus. Tempelkan daun katuk yang telah halus pada bagian yang sakit.</li> <li>untuk mengobati susah kencing : cuci bersih daun katuk, lalu rebus. Minum air rebusan daun katuk secara teratur.</li> </ul> </div> </div> </div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

34. keladitikus.html <!DOCTYPE html> <html lang="en">

<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg">

<div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Keladi Tikus</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Keladi Tikus.png" alt="Keladi Tikus" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6">

<h2>Nama Ilmiah : <i>Typhonium divaricatum </i> (L.) Dence.</h2> <h2>Nama Daerah : </h2> <i>bira kecil, daun panta susu, trenggiling mentik, kalamoyang, gofu sepa </i>(Ternate). <h2>Kandungan Kimia : </h2>Daun keladi tikus mengandung bahan yang bersifat antivirus dan antibakteri. <h2>Manfaat : </h2> <ul> <li>Menghambat pertumbuhan sel kanker</li> <li>Mengobati luka borok dan koreng</li> <li>Menetralisir racun narkoba</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk kanker : rendam seluruh bagian dari tanaman keladi tikus seberat 50 g selama

setengah jam, lalu cuci sampai bersih kemudian tumbuk hasil rendaman dengan 40 ml air matang, saring dan tambahkan setengah sendok madu. Minum sebelum makan 3 kali sehari. Air perasan harus segera diminum, tidak boleh disimpan.</li> <li>Untuk luka borok dan koreng : tumbuk daun berserta umbi keladi tikus, adas dan pulosari secukupnya, tempelkan hasil tumbukan pada bagian kulit yang luka.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed -->

<script src="js/bootstrap.min.js"></script> </body> </html>

Page 25: 15. lampiran   listing program

L-25

35. kemuning.html <!DOCTYPE html> <html lang="en"> <head>

<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid">

<div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Kemuning</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Kemuning.png" alt="Kemuning" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Murraya paniculata </i>(L.) Jack.</h2>

<h2>Nama Daerah : </h2> <i>kemuning </i>(Jawa), <i>kamuning, jenar </i>(Sunda), <i>kemoning, kenjani </i>(Bali), <i>kamunieng </i>(Minangkabau). <h2>Kandungan Kimia : </h2> Daun kemuning mengandung bahan kimia diantaranya <i>methyl anthranilat, P-caryophyllen, geraniol, eugenol</i> dan <i>cedinene.</i> <h2>Manfaat : </h2> <ul> <li>Mengobati batu ginjal dan batu kandung kemih</li> <li>Mengobati obesitas / kegemukan</li> <li>Mengobati keseleo dan memar</li> <li>Mengobati keputihan</li> <li>Mengobati radang otak</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk mengobati batu ginjal dan batu kandung kemih : cuci 30 g daun kemuning segar, lalu dijadikan sebagai jus dalam 150 ml air. Saring jusnya,

minum sekaligus satu kali sehari.</li> <li>untuk obesitas : cuci bersih 10 g daun kemuning, 15 g bangle, 10 g temu hitam dan 1 jari kulit pulai, potong-potong kemudian rebus dengan 1 liter air. saring dan dinginkan, minum 2 kali sehari masing-masing 200 ml.</li> <li>untuk keseleo dan memar : rebus daun kemuning secukupnya ditambahkan dengan sedikit air. Tempelkan daun rebusannya yang maasih hangat pada bagian badan yang sakit.</li> <li>untuk keputihan : cuci bersih 30 g daun kemuning kering dan 80 g daun lidah buaya yang sudah dikupas kulitnya, tambahkan gula aren. Rebus dalam 600 ml air. Saring air hasil rebusannya lalu minum 3 kali sehari.</li> <li>untuk radang otak : cuci bersih 30-60 g daun kemuning segar,lalu rebus dalam 600 ml air sampai tersisa 300 ml. Saring dan dinginkan. Minum sekaligus satu kali

sehari.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

36. kumiskucing.html <!DOCTYPE html>

<html lang="en"> <head> <meta charset="utf-8">

Page 26: 15. lampiran   listing program

L-26

<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap -->

<link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head>

<body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Kumis Kucing</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Kumis Kucing.png" alt="Kumis Kucing" class="img-rounded img-responsive"> </div>

<div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Orthosiphon aristatus </i>(BL.) Miq.</h2> <h2>Nama Daerah : </h2> <i>remujung </i>(Jawa Tengah), <i>kumis kucing </i>(Melayu), <i>kumis ucing </i>(Sunda), <i>soengot koceng </i>(Madura). <h2>Kandungan Kimia : </h2> Daun Kumis Kucing mengandung beberapa zat kimia diantaranya zat samak, minyak asiri, minyak lemak, garam kalium, <i>orthosiphongiloksida,</i> dan<i> myoinositol.</i> <h2>Manfaat : </h2> <ul> <li>Mengobati batu kandung empedu</li> <li>Mengobati bengkak kandung kemih</li> <li>Mengobati encok</li> <li>Mengobati infeksi kandung

kemih (batu dalam kandung kemih)</li> <li>Mengurangi keputihan</li> <li> Menurunkan panas dan masuk angin</li> <li>Mengobati sakit kencing batu</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk batu kandung empedu : giling segenggam daun kumis kucing, sejempol kunyit, 7 helai daun ungum dan 2 siung bawang putih. Tambahkan sepotong kayu manis, lalu rebus dengah 1 setehngah liter air sampai tersisa setengahnya. Minum air rebusan 2 kali sehari.</li> <li>untuk bengkak kandung kemih : cuci bersih 30 gram daun kumis kucing, 30 gram daun sendok dan 30 gram rumput lidah ular. Rebus semua bahan dengan 3 gelas air sampai tersisa 1 gelas saja. Minum air rebusan 2 kali sehari, masing-masing setengah gelas.</li> <li>untuk encok : rebus 30

gram daun kumis kucing dan 30 gram herba meniran dengan 3 gelas air, rebus sampai tersisa setengahnya. Saring dan dinginkan. Minum 3 kali sehari, masing-masing setengah gelas.</li> <li>untuk infeksi kandung kemih (batu dalam kandung kemih) : rebus 5-10 helai daun kumis kucing dengan segelas air. Saring dan dinginkan. Minum air rebusan 2 kali sehari.</li> <li>untuk keputihan : rebus 1 genggam daun kumis kucing, 1 genggam beluntas, 1 sdt jinten hitam dan 10 biji kemukus dengan 3 gelas air. Rebus sampai tersisa 1 gelas saja. Minum air rebusan 2 kali sehari, masing-masing setengah gelas.</li> <li>untuk menurunkan panas dan masuk angin : rebus 30-6- gram daun kumis kucing kering dengan air secukupnya. Air rebusan di minum seperti teh.</li> <li>untuk sakit kencing batu : rebus 4-7 helai daun kumis kucing dan 7 tumbuhan meniran

dengan 2 gelas air, rebus sampai tersisa 1 gelas saja. Minum air rebusan 3 kali sehari.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

37. lidahmertua.html <!DOCTYPE html> <html lang="en"> <head>

Page 27: 15. lampiran   listing program

L-27

<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->

</head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Lidah Mertua</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Lidah Mertua.png" alt="Lidah Mertua" class="img-rounded img-

responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Sanseviera trifasciata </i>Prain.</h2> <h2>Nama Daerah : </h2> <i>rahek wesi, lidah buwaya, ki kolo </i>(Jawa), <i>letah bayawak </i>(Sunda), <i>mandalika </i>(Madura). <h2>Kandungan Kimia : </h2> Daun Lidah Mertua mengandung bahan kimia yaitu <i>glucagallin, gallic acid, ellagicacid, corilagin, mucic acid, emblicol</i> dan tanin. <h2>Manfaat : </h2> <ul> <li>Mengobati radang kulit</li> <li> Penyubur rambut</li> <li>Mengobati eksim</li> </ul>

<h2>Tips Pemakaian : </h2> <ul> <li>untuk radang kulit : cuci bersih 25-30 g daun lidah mertua, lalu rebus dengan 3 gelas air sampai mendidih. Gunakan air rebusan tersebut untuk mencuci luka.</li> <li>untuk penyubur rambut : cuci bersih daun lidah mertua segar secukupnya, giling sampai halus. Tambahkan sedikit air, lalu balurkan pada kepala selama 1 jam. Cuci bersih kepala seperti saat keramas.</li> <li>untuk eksim : cuci bersih 25-30 g daun lidah mertua, lalu rebus dengan 3 gelas air sampai mendidih. Air rebusan yang telah dingin digunakan untuk membasuh luka.</li> </ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

38. mangkokan.html <!DOCTYPE html>

<html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap -->

<link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

Page 28: 15. lampiran   listing program

L-28

<![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row">

<div id="judul" class="col-md-12"> <h1>Daun Mangkokan</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Mangkokan.png" alt="Mangkokan" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Nothopanax scutellarium </i>Merr.</h2> <h2>Nama Daerah : </h2> <i>godong mangkokan </i>(Jawa), <i>daun koin, daun

mangkok </i>(Melayu), <i>puring </i>(Madura), <i>mamanukan </i>(Sunda). <h2>Kandungan Kimia : </h2> Daun Mangkokan mengandung bahan kimia yaitu fosfor, kalsium, lemak, <i>saponin, flavonoid, alkaloid</i>, vitamin A, vitamin B dan vitamin C. <h2>Manfaat : </h2> <ul> <li>Mengobati luka</li> <li>Mengurangi rambut rontok</li> <li>Mengobati bau keringat</li> <li>Mengobati susah buang air kecil</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk luka : cuci bersih daun mangkokan, giling daun tersebut sampai halus. Balurkan pada bagian yang luka. Lakukan tiga kali sehari.</li> <li>untuk rambut rontok : cuci bersih 25 g daun mangkokan segar, potong kecil-kecil.

Tambahkan 100 ml minyak kelapa. Remas-remas daun mangkokan. Oleskan air perasannya pada kulit kepala sambil di pijat.</li> <li>untuk bau keringat : rebus 13 g daun mangkokan dengan 3 gelas air. Rebus sampai tersisa 2 gelas saja. Setelah dingin, minum air rebusannya dua kali sehari pada pagi dan sore hari.</li> <li>untuk susah buang air kecil : rebus 25 g daun mangkokan di tambah dengan 1 liter air. Rebus sampai tersisa setengahnya. Dinginkan kemudian saring. Minum air rebusannya dua kali sehari.</li> </ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed -->

<script src="js/bootstrap.min.js"></script> </body> </html>

39. melati.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12">

<h1>Daun Melati</h1> </div> <div id="gambar" class="col-md-6">

Page 29: 15. lampiran   listing program

L-29

<img src="img/Melati.png" alt="Melati" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Jasminum sambac </i>(L) Ait.</h2> <h2>Nama Daerah : </h2> <i>malati </i>(Sunda); <i>melati, menur </i>(Jawa); <i>malur, merul </i>(Batak); <i>bunga maluru </i>(Makassar); <i>puti, bunga manor</i> (Ambon).

<h2>Kandungan Kimia : </h2> Daun melati mengandung asam format, asam asetat, asam benzoat, litanol, asam salisilat, <i>benzyl linalool ester, geranine linanoal, jasmon</i> dan <i>livalyacetat.</i> <h2>Manfaat : </h2> <ul> <li>Mengobati sakit kepala</li> <li>Menurunkan demam</li> <li> Mengobati influenza</li> <li>Mengobati patah tulang</li> <li>Mengurangi ASI yang berlebih</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk sakit kepala : remas-remas 10 g daun melati dan 10 g bunga daun melati, lalu rendam dengan air secukupnya. Gunakan air rendaman untuk

mengompres dahi.</li> <li>untuk menurunkan demam : tumbuk-tumbuk daun melati secukupnya, dan tambahkan beberapa bunga melati serta air putih. Diamkan beberapa saat, kemudian gunakan air rendamannya sebagai air kompresan.</li> </ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body>

</html>

40. mengkudu.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12">

<h1>Daun Mengkudu</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Mengkudu.png" alt="Mengkudu" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Marinda citrifolia </i>L.</h2> <h2>Nama Daerah : </h2> <i>kudu, cangkudu </i>(Sunda); <i>kemudu, kudu, pace </i>(Jawa); <i>bankudu, pamarai </i>(Batak); <i>mengkudu, bengkudu </i>(Melayu); <i>bingkudu,

mangkudu</i> (Makassar). <h2>Kandungan Kimia : </h2> Daun Mengkudu mengandung beberapa bahan kimia yaitu protein, zat kapur, zat besi, karoten dan askorbin. <h2>Manfaat : </h2> <ul> <li>Mengobati kencing manis</li> <li>Mengobati cacar air, beri-beri, obesitas, tekanan darah tinggi</li> <li>Mengobati lever</li> <li>Mengobati sariawan</li> <li>Mengobati cacing gelang</li> <li>Mengobati radang amandel</li> </ul>

Page 30: 15. lampiran   listing program

L-30

<h2>Tips Pemakaian : </h2> <ul> <li>untuk kencing manis : cuci bersih daun mengkudu secukupnya, kemudian di kukus sampai matang. Lalu makan bersama nasi sebagai lalap.</li> <li>untuk cacar air, , beri-beri, obesitas, tekanan darah tinggi : cuci bersih 2 buah mengkudu masak, lalu parut. Peras air perasannya dengan kain yang bersih. Minum dua sampai tiga kali sehari.</li> </ul> </div> </div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

41. meniran.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

<![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Meniran</h1> </div> <div id="gambar" class="col-md-6">

<img src="img/Meniran.png" alt="Meniran" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Phyllanthus urinaria </i>Linn.</h2> <h2>Nama Daerah : </h2> <i>memeniran, meniran merah </i>(Sunda); <i>meniran </i>(Jawa); <i>gassau ma dugi </i>(Maluku). <h2>Kandungan Kimia : </h2> Daun meniran mengandung beberapa bahan kimia diantaranya kalium, <i>saponin, flavonoid, filantin, </i>dan <i>hipofilantin.</i>

<h2>Manfaat : </h2> <ul> <li>Mengobati radang ginjal</li> <li>Mengobati batu saluran kencing</li> <li>Mengobati hepatitis</li> <li>Mengobati rematik</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk radang ginjal : rebus setengah genggam daun meniran dengan 3 gelas air sampai tersisa 2 gelas saja. Saring dan dinginkan. Minum tiga kali sehari, ditambahkan dengan madu.</li> <li>untuk hepatitis : rebus 30-60 g daun meniran segar dengan 3 gelas air. Rebus sampai tersisa 1 gelas saja. Air rebusannya dapat di minum satu kali sehari, selama 1 minggu.</li> <li>untuk batu saluran kencing : cuci bersih 30 g daun meniran segar, 30 g daun sendok, 30 g daun tempuyung. Rebus dengan 4 gelas air. Air rebusannya dapat di minum dua kali sehari pada pagi

dan sore hari.</li> <li>untuk rematik : cuci bersih 1 sdm daun meniran segar dan 7 lembar daun kumis kucing. Rebus dengan segelas air. Setelah dingin air rebusanya dapat di minum satu kali sehari.</li> </ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed -->

Page 31: 15. lampiran   listing program

L-31

<script src="js/bootstrap.min.js"></script> </body> </html>

42. pandanwangi.html <!DOCTYPE html>

<html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg">

<div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Pandan Wangi</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Pandan Wangi.png" alt="Pandan Wangi" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6">

<h2>Nama Ilmiah : <i>Pandanus amaryllifolius </i>Roxb.</h2> <h2>Nama Daerah : </h2> <i>pandan wangi </i>(Jawa); <i>seuke bangu, seuke musan </i>(Aceh); <i>pandan rempai, pandan wangi </i>(Jakarta); <i>pandan rampe, pandan seungit </i>(Sunda). <h2>Kandungan Kimia : </h2> Daun Pandan Wangi mengandung bahan kimia <i>saponin, flavonoid, tanin, polifenol,</i> dan zat warna. <h2>Manfaat : </h2> <ul> <li>Mengurangi ketombe</li> <li>Menghitamkan rambut</li> <li>Mengobati lemah syaraf</li> <li>Menurunkan tekanan darah tinggi</li> <li>Menambah nafsu makan</li> <li>Mengurangi rambut rontok</li> <li>Mengobati rematik</li> </ul>

<h2>Tips Pemakaian : </h2> <ul> <li>untuk ketombe : tumbuk 7 lembar daun pandan wangi, tambahkan 100 ml air, aduk rata kemudian saring. Oleskan campuran bahan tersebut pada kulit kepala sampai merata. Diamkan selama 30 menit, lalu bilas rambut sampai bersih.</li> <li>untuk lemah syaraf : cuci bersih 5 lembar daun pandan wangi segar. Rebus dengan 600 ml air, rebus sampai tersisa 400 ml saja. Setelah dingin, saring air rebusannya. Minum dua kali sehari, masing-masing 200 ml.</li> <li>untuk menghitamkan rambut : cuci bersih 7 lembar daun pandan wangi dan 5 lembar daun mangkokan, kemudian potong kecil-kecil. Rebus daun tersebut dengan 1 liter air. Dinginkan dan embunkan air rebusan selama semalam. Gunakan air rebusan untuk mencuci rambut 3 kali seminggu.</li> <li>untuk rematik : cuci bersih 5 lembar daun pandan wangi segar dan batang sereh secukupnya. Tumbuk sampai halus. Tambahkan minyak

kayu putih dan minyak gandapura. Aduk sampai rata, lalu oleskan pada bagian tubuh yang sakit.</li> <li>untuk tekanan darah tinggi : cuci bersih daun pandan wangi secukupnya, rebus dengan 400 ml air. Rebus sampai air berkurang setengahnya. Saring dan dinginkan. Lalu minum sekaligus satu kali sehari.</li> <li>untuk menambah nafsu makan : cuci bersih 10 g daun pandan wangi segar, lalu potong kecil-kecil. Seduh potongan daun pandan wangi dengan setengah gelas air panas. Setelah dingin kemudian saring. Minum satu kali sehari.</li> </ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

Page 32: 15. lampiran   listing program

L-32

43. pepaya.html <!DOCTYPE html> <html lang="en"> <head>

<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg">

<div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Pepaya</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Pepaya.png" alt="Pepaya" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Carica papaya </i>L.</h2>

<h2>Nama Daerah : </h2> <i>gedang </i>(Sunda), <i>kates </i>(Jawa), <i>manjan </i>(Kalimantan), <i>unti jawa </i>(Sulawesi), <i>padu </i>(Nusa Tenggara). <h2>Kandungan Kimia : </h2> Daun Pepaya mengandung bahan kimia diantaranya <i>karposid, saponin, glikosid, karpain, enzim papain, alkaloid karpaina,</i> dan <i>pseudo karpain</li>. <h2>Manfaat : </h2> <ul> <li>Mengobati malaria</li> <li>Menurunkan demam</li> <li>Mengobati jerawat</li> <li>Mengobati cacing gelang</li> <li>Mengobati bisa ular</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk malaria : tumbuk halus daun pepaya

muda secukupnya, tambahkan sedikit air dan garam. Peras campuran bahan tersebut, lalu saring. Minum tiga kali sehari selama 5 hari berturut-turut.</li> <li>untuk demam : cuci bersih daun pepaya muda secukupnya, tumbuk dengan sedikit air dan garam. Aduk sampai rata kemudian saring. Minum tiga kali sehari.</li> <li>untuk jerawat : jemur 2-3 daun pepaya yang sudah tua sampai layu. Kemudian tumbuk halus. Tambahkan 30 ml air. Gunakan adonan tersebut sebagai masker wajah.</li> </ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed -->

<script src="js/bootstrap.min.js"></script> </body> </html>

44. sagarambat.html <!DOCTYPE html> <html lang="en">

<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

Page 33: 15. lampiran   listing program

L-33

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12">

<h1>Daun Saga Rambat</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Saga Rambat.png" alt="Saga Rambat" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Abrus precatorius </i>L.</h2> <h2>Nama Daerah : </h2> <i>thaga </i>(Aceh), <i>saga rambat </i>(Jawa Tengah), <i>saga leutik </i>(Sunda), <i>saga biji </i>(Melayu), <i>kanderi </i>(Lampung).

<h2>Kandungan Kimia : </h2> Daun Saga Rambat kaya akan kandungan kimia seperti <i> abrine, abraline, precatorine, chline, trigonelline, squalene,</i> dan asam biji. <h2>Manfaat : </h2> <ul> <li>Mengobati bronkitis</li> <li>Mengobati batuk</li> <li>Mengobati panas dalam</li> <li>Pencuci mata dan trachoma</li> <li>Kekeruhan pada kornea mata</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk bronkitis : cuci bersih 17 g daun saga segar. Rebus daun tersebut dengan 2 gelas air sampai mendidih dan tersisa 1 gelas. Setelah dingin, saring hasil rebusan dan minum satu kali sehari, selama seminggu.</li> <li>untuk batuk : cuci bersih segenggam penuh daun saga termasuk tangkainya, segenggam daun asam, dan sepotong kayu cina. Rebus

dengan 3 gelas air. Setelah dingin, minum ramuan dua kali sehari, masing-masing satu gelas.</li> <li>untuk panas dalam : cuci bersih 17 g daun saga beserta tangkainya. Rebus dengan 2 gelas air sampai mendidih. Setelah dingin, saring air rebusan. Minum sati kali sehari, masing-masing satu gelas.</li> <li>untuk pencuci mata dan trachoma : cuci bersih segenggam daun sagar, kemudian giling sampai halus. Tambahkan setengah gelas air matang yang hangat, kemudian saring. Gunakan air saringan tersebut untuk mencuci mata atau merambang mata.</li> <li>untuk kekeruhan pada kornea mata : Tumbuk halus 3 g daun saga, kemudian seduh dalam 100 ml air mendidih. Saring dan dinginkan dalam cangkir tertutup. Masukkan air saringannya ke dalam botol steril. Gunakan sebagai obat tetes sebayak 2 tetes saja.</li> </ul> </div>

</div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

45. salam.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>

Page 34: 15. lampiran   listing program

L-34

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg">

<div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Salam</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Salam.png" alt="Salam" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Eugenia polyantha </i>Wight</h2>

<h2>Nama Daerah : </h2> <i>salam </i>(Madura); <i>salam, ubar serai </i>(Melayu); <i>salam, manting </i>(Jawa); <i>salam, gowok </i>(Sunda). <h2>Kandungan Kimia : </h2> Daun Salam mengandung bahan kimia seperti minyak asiri, <i> eugenol, tanin</i> dan <i>flavonoid</i>. <h2>Manfaat : </h2> <ul> <li>Mengobati kencing manis</li> <li>Mengobati maag</li> <li>Diare</li> <li>Gatal-gatal</li> <li>Menurunkan kolesterol</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk kencing manis : rebus 7-15 lembar daun salam dengan 3 gelas air sampai tersisa 1 gelas air rebusan, saring dan diminum 2 kali sehari.</li>

<li>untuk maag : rebus 15-20 lembar daun salam dengan 1 liter air, rebus selama 15 menit. Tambahkan gula aren. Saring dan minum setiap hari (bila perlu) sampai rasa perih di lambung hilang.</li> <li>untuk diare : rebus 15 lembar daun salam dengan 2 gelas air selama 15 menit (sampai mendidih), tambahkan sedikit garam dapur. Saring dan dinginkan, kemudian minum.</li> <li>untuk gatal-gatal : tumbuk daun, kulit batang atau akar daun salam, tambahkan minyak kelapa. Balurkan ke bagian kulit yang gatal.</li> <li>untuk menurunkan kolesterol : rebus 10-15 lembar daun salam dengan 3 gelas air, sampai tersisa 1 gelas saja. Saring dan dinginkan. Minum air rebusan tersebut setiap hari.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

46. sambangcolok.html <!DOCTYPE html>

<html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap -->

<link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head>

<body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Sambang Colok</h1> </div> <div id="gambar" class="col-md-6">

Page 35: 15. lampiran   listing program

L-35

<img src="img/Sambang Colok.png" alt="Sambang Colok" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Aerva sanguinolenta </i>Bl.</h2> <h2>Nama Daerah : </h2> <i>ki sambang </i>(Sunda); <i>gondang kasig, samabang

colok </i>(Jawa). <h2>Kandungan Kimia : </h2> Daun Sambang Colok mengandung bahan kimia seperti <i>saponin, polifenol, flavonoid</i> dan minyak asiri. <h2>Manfaat : </h2> <ul> <li>Mengobati nyeri haid</li> <li>Mengobati susah buang air kecil</li> <li>Mengobati radang rahim</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk nyeri haid : cuci bersih 10 g daun sambang colok segar. Rebus dengan 1 gelas air selama 15 menit. Setelah dingin, saring air hasil rebusan. Minum sekaligus.</li> <li>untuk susah buang air kecil : cuci bersih 10 g daun sambang colok segar.

Tambahkan 1 gelas air, rebus sampai mendidih. Setelah dingin, saring air hasil rebusan. Minum sekaligus.</li> <li>untuk radang rahim : ambil 20 g daun sambang colok segar lalu cuci bersih. Rebus dengan 3 gelas air selama 15 menit. Setelah dingin, saring air hasil rebusan. Minum sekaligus.</li> </ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script>

</body> </html>

47. sambangdarah.html <!DOCTYPE html> <html lang="en"> <head>

<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row">

<div id="judul" class="col-md-12"> <h1>Daun Sambang Darah</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Sambang Darah.png" alt="Sambang Darah" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Excoecaria cochinchinensis </i>Lour.</h2> <h2>Nama Daerah : </h2> <i>ki sambang, daun remek daging </i>(Jawa).

<h2>Kandungan Kimia : </h2> Daun Sambang Darah memiliki kandungan kimia antara lain asam behenat, <i>triterpenoid ekokarol</li> dan <i>silosterol</li>. <h2>Manfaat : </h2> <ul> <li>Mengobati disentri</li> <li>Mengobati muntah darah dan batuk darah</li> <li>untuk luka berdarah (obat luar)</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk disentri : rebus 15 lembar daun sambang darah dengan 3 gelas air, rebus sampai tersisa 2 gelas. Saring dan dinginkan. Minum 2 kali sehari,

Page 36: 15. lampiran   listing program

L-36

masing-masing 1 gelas.</li> <li>untuk muntah darah dan batuk darah : tumbuk lalu rebus 13 lembar daun sambang darah yang masih segar dengan setengah cangkir air dan sedikit garam. Peras dan saring air rebusan, minum sekaligus.</li> <li>untuk luka berdarah (obat luar) : cuci daun sambang darah yang masih segar, lalu tumbuk sampai halus. Balurkan hasil tumbukan di bagian tubuh yang sakit, balut dengan kain kasa. Sebagai obat minum, rebus 15 lembar daun sambang darah dengan 3 gelas air, rebus sampai tersisa 2 gelas saja.

Saring dan dinginkan. Minum 2 kali sehari, masing-masing 1 gelas.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

48. sambiloto.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">

<title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Sambiloto</h1> </div>

<div id="gambar" class="col-md-6"> <img src="img/Sambiloto.png" alt="Sambiloto" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Andrographis paniculata </i>(Burm.f) Nees</h2> <h2>Nama Daerah : </h2> <i>papaitan </i>(Sumatera), <i>sambiloto </i>(Jawa), <i>ki peurat </i>(Sunda). <h2>Kandungan Kimia : </h2> Beberapa kandungan kimia daun Sambiloto yaitu

<i>deoxy-andrographolide, neoandrographolide</i> dan zat pahit. <h2>Manfaat : </h2> <ul> <li>Mengobati tipus</li> <li>Mengobati diare</li> <li>Mengobati radang paru dan TBC paru</li> <li>Radang saluran napas</li> <li>Mengobati batuk</li> <li>Menurunkan hipertensi</li> <li>Mengobati infeksi telinga</li> <li>Mengobati gigitan ular berbisa</li> <li>Mengobati flu, sakit kepala dan panas</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk tipus : rebus 13 lembar daun sambiloto dengan 2 gelas air. Saring kemudian dinginkan. Tambahkan 1 sdm madu, minum 1 kali sehari.</li> <li>untuk diare : rebus 13 g daun sambiloto dengan 4 gelas air, sampai tersisa 2 gelas. Saring dan dinginkan.

Tambahkan 1 sdm madu, minum 2 kali sehari.</li><li>untuk radang paru dan TBC paru: tumbuk tanaman hingga halus, untuk 3 g bubuk tanaman tambahkan segelas madu. Minum 3 kali sehari.</li> <li>untuk batuk : cuci dan potong-potong 5 lembar daun sambiloto. Seduh dengah 1 cangkir air mendidih, diamkan beberapa saat. Saring dan dinginkan. Tambahkan 1 sdm madu, minum 3 kali sehari.</li> <li>untuk infeksi telinga : rebus 9-15 g daun sambiloto dengan air secukupnya. Saring dan dinginkan. Setelah dingin, teteskan di lubang telinga.</li> <li>untuk gigitan ular berbisa : tumbuk daun sambiloto dan daun tembakau secukupnya, hasil

Page 37: 15. lampiran   listing program

L-37

tumbukan ditempelkan di atas luka gigitan. Untuk menetralisir tubuh, rebus 17 g daun dengan 2 gelas air. saring dan dinginkan. Tambahkan 1 sdm madu, minum 2 kali sehari.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed -->

<script src="js/bootstrap.min.js"></script> </body> </html>

49. sambungnyawa.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12">

<h1>Daun Sambung Nyawa</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Sambung Nyawa.png" alt="Sambung Nyawa" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Gynura procumben</i> Back.</h2> <h2>Nama Daerah : </h2> <i>daun dewa, ngokilo </i>(Jawa); <i>daun dewa </i>(Melayu).

<h2>Kandungan Kimia : </h2> Daun Sambung Nyawa memiliki beberapa kandungan kimia diantaranya <i>alkoloid, saponin, flavonoid, </i>dan tanin. <h2>Manfaat : </h2> <ul> <li>Menurunkan tekanan darah tinggi</li> <li>Menurunkan kolesterol tinggi</li> <li>Mengobati tumor</li> <li>Mengobati diabetes melitus, lever dan wasir</li> <li>Mengobati radang pita tenggorok dan sinusitis</li> <li>Mengobati maag</li> <li>Mengobati bisa ular dan semut hitam</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk menurunkan tekanan darah tinggi : ambil 4-7 lembar daun sambung nyawa. Cara pemakaiannya bisa dengan dijus, ditumis, dikukus dan sebagai lalapan.</li> <li>untuk kolesterol tinggi : cuci bersih 3 daun saumbung nyawa segar, lalu konsumsi secara

teratur setiap kali makan sebagai lalapan, atau bisa juga sebagai diminum sebagai jus.</li> <li>untuk tumor : ambil kurang lebih 3 daun sambung nyawa segar, lalu konsumsi secara teratur setiap kali makan sebagai lalapan, atau bisa juga sebagai diminum sebagai jus.</li> <li>untuk diabetes melitus, lever dan wasir : cuci bersih 3 daun saumbung nyawa segar, lalu konsumsi secara teratur setiap kali makan sebagai lalapan, atau bisa juga sebagai diminum sebagai jus. Hindari makanan yang berlemak.</li> <li>untuk radang pita tenggorok dan sinusitis : cuci bersih 4-7 lembar daun sambung nyawa segar. Cara pemakaiannya bisa dengan dijus, ditumis, dikukus dan sebagai lalapan.</li> <li>untuk maag : cuci bersih 3 daun saumbung nyawa segar, lalu konsumsi secara teratur setiap kali makan sebagai lalapan, atau bisa juga sebagai diminum sebagai

jus.</li> <li>untuk bisa ular dan semut hitam : tumbuk 5 lembar daun sambung nyawa, tambahkan sedikit air. Gosokkan dan balurkan hasil tumbukan tersebut di bagian tubuh yang sakit.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

Page 38: 15. lampiran   listing program

L-38

<script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

50. sengugu.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

<![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Senggugu</h1> </div> <div id="gambar" class="col-md-6">

<img src="img/Senggugu.png" alt="Senggugu" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Cleronderum serratum </i>(L.) Moon</h2> <h2>Nama Daerah : </h2> <i>singugu, sringunggu, sagunggu, kertase </i>(Jawa). <h2>Kandungan Kimia : </h2> Daun Senggugu mengandung kalium, natrium dan alkaloid. <h2>Manfaat : </h2> <ul> <li>Mengobati rematik</li> <li>Mengobati borok</li>

<li>Mengobati perut busung</li> <li>Mengobati patah tulang, luka terpukul dan bisul</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk perut busung : cuci bersih 3 lembar daun senggugu. Seduh daun dengan 1 cangkir air menddih. Tambahkan sedikit garam dan irisan tipis temulawak. Minum selagi hangat.</li> <li>untuk rematik : cuci bersih daun senggugu segar secukupnya, tambahkan adas pulosari lalu tumbuk keduanya. Gunakan sebagai obat gosok.</li> <li>untuk borok : cuci bersih 7 lembar daun senggugu segar. Rebus dengan 3 gelas air hingga mendidih. Setelah dingin, gunakan airnya untuk mencuci bagian borok yang berair.</li> <li>untuk patah tulang, luka terpukul dan bisul : cuci bersih tanaman senggugu kering secukupnya, lalu tumbuk sampai halus. Tempelkan hasil tumbukan di bagian tubuh yang sakit.</li> </ul> </div> </div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

Page 39: 15. lampiran   listing program

L-39

51. serehwangi.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->

</head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Sereh Wangi</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Sereh Wangi.png" alt="Sereh Wangi" class="img-rounded img-responsive"> </div>

<div id="penjelasan" class="col-md-6"> <h2>Nama Daerah : </h2> <i>sere </i>(Jawa), <i>sereh </i>(Sunda), <i>sere </i>(Melayu), <i>sarae arun </i>(Minangkabau). <h2>Kandungan Kimia : </h2> Beberapa kandungan kimia Sereh Wangi yaitu <i>alkaloid, flavonoid, polifenol</i> dan minyak asiri. <h2>Nama Ilmiah : <i>Andropogon citratus </i>DC</h2> <h2>Manfaat : </h2> <ul> <li>Menurunkan demam</li> <li>Kumur</li> <li>Pencegah muntah</li> <li>Mengobati radang usus</li> </ul>

<h2>Tips Pemakaian : </h2> <ul> <li>untuk demam : cuci bersih 10 gram daun sereh wangi, lalu potong-potong menjadi lebih kecil. Rebus dengan 1 gelas air selama 15 menit. Saring dan dinginkan. Minum air rebusan tersebut.</li> <li>untuk kumur : ambil kurang lebih 10 gram daun sereh wangi, cuci bersih lalu potong-potong menjadi lebih kecil. Rebus dengan 1 gelas air selama 15 menit. Saring dan dinginkan. Minum air rebusan tersebut.</li></ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed -->

<script src="js/bootstrap.min.js"></script> </body> </html>

52. sirih.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->

Page 40: 15. lampiran   listing program

L-40

<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->

</head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Sirih</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Sirih.png" alt="Sirih" class="img-rounded img-responsive"> </div>

<div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Piper betle </i>L.</h2> <h2>Nama Daerah : </h2> <i>sedah, suruh </i>(Jawa), <i>seureuh </i>(Sunda). <h2>Kandungan Kimia : </h2> Daun Sirih mengandung minyak asiri, <i>hidroksikavicol, kavicol, kavibetol, allypyrokatekol, eugenol</i> dan <i> cadinene</i>. <h2>Manfaat : </h2> <ul> <li>Mengobati bronkitis dan batuk</li> <li>Mengobati bisul</li> <li>Menghilangkan bau badan, keputihan</li> <li>Menghentikan mimisan</li> <LI>Mengobati luka bakar</li> </ul>

<h2>Tips Pemakaian : </h2> <ul> <li>untuk bronkitis : rebus 7 lembar daun sirih dengan 2 gelas air. Saring dan dinginkan. Tambahkan 1 sdm madu, minum 3 kali sehari.</li> <li>untuk bisul : tumbuk daun sirih secukupnya, balurkan hasil tumbukan pada bisul dan sekelilingnya, lalu balut dengan kain bersih. Ganti daun tumbukan tersebut sehari sekali.</li> <li>untuk bau badan : rebus 17 daun sirih dengan 1 sdt garam dan 4 gelas air. Saring dan dinginkan. Tambahkan 1 sdm madu, minum 2 kali sehari.</li> <li>untuk mimisan : cuci bersih daun sirih yang masih muda, remas-remas kemudian tempelkan untuk menyumbat hidung yang berdarah.</li> <li>untuk keputihan : rebus 10 lembar daun sirih dengan 2,5 liter air. Gunakan sebagai air bilasan.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

53. sirihmerah.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->

</head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Sirih Merah</h1> </div>

Page 41: 15. lampiran   listing program

L-41

<div id="gambar" class="col-md-6"> <img src="img/Sirih Merah.png" alt="Sirih Merah" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Piper decumanum </i>L.</h2>

<h2>Nama Daerah : </h2> <i>sirih talan </i>(Maluku), <i>jahe sunti </i>(Jawa). <h2>Kandungan Kimia : </h2> Daun sirih merah mengandung <i>saponin, flavonoid, polifenol</i> dan minyak asiri. <h2>Manfaat : </h2> <ul> <li>Mengobati batuk</li> <li>Menghentikan mimisan</li> <li>Mengobati TBC</li> <li>Mengobati bengkak</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk batuk : rebus 15 lembar daun sirih dengan 3 gelas air. Saring dan dinginkan. Tambahkan madu secukupnya. </li> <li>untuk TBC : rebus 7 lemar daun sirih dengan 3 gelas air. Saring dan dinginkan. Tambahkan 1 sdm madu, minum 3 kali

sehari.</li> <li>untuk bengkak : tumbuk halus daun sirih secukupnya, tambahkan dengan sedikit air, lalu aduk hingga menjadi adonan. Balurkan pada kulit yang bengkak.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

54. sirsak.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Sirsak</h1> </div> <div id="gambar" class="col-md-6">

<img src="img/Sirsak.png" alt="Sirsak" class="img-rounded img-responsive"> </div> <div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Annona muricata </i>L.</h2> <h2>Nama Daerah : </h2> <i>nongko londo, nangka sabrang, swirswak </i>(Jawa); <i>nangka walanda </i>(Sunda), <i>duereuyan belandan </i>(Aceh), <i>durian batawi </i>(Minangkabau). <h2>Kandungan Kimia : </h2> Daun sirsak mengandung bahan kimia yaitu protein, kalsium, fosfor, <i>tanin, fitostrerol, alkaloid </i> dan <i>murisine.</i> <h2>Manfaat : </h2> <ul> <li>Peluruh keringat</li> <li>Anti kejang</li>

<li>Mengobati bisul</li> <li>Mengobati disentri</li> <li>Penambah vitamin C</li> <li>Mengobati ambeien</li> <li>Mengobati sakit kandung urine dan anyang-anyangan</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk peluruh keringat : cuci bersih 7 lembar daun sirsak segar, lalu rebus dengan 3 gelas air sampai mendidih dan tersisa 1 gelas. Setelah dingin, kemudian saring. Minum sehari sekali.</li> <li>untuk anti kejang : cuci bersih 7 lembar daun sirsak segar. Rebus daun tersebut dengan 3 gelas air. Rebus sampai air mendidih. Dinginkan lalu saring. Air rebusan dapat

Page 42: 15. lampiran   listing program

L-42

di minum satu kali sehari.</li> <li>untuk sakit kandung urine dan anyang-anyangan : kupas buah sirsak setengah masak, potong-potong menjadi bagian yang kecil, dan buang biji nya. Tambahkan gula dan garam secukupnya, rebus dengan air secukupnya hingga mendidih. Konsumsi seperti memakan kolak.</li> </font></ul> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

55. tapakdara.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->

</head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Tapak Dara</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Tapak Dara.png" alt="Tapak Dara" class="img-rounded img-responsive"> </div>

<div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Catharantus roseus </i>(L.) G. Don</h2> <h2>Nama Daerah : </h2> <i>kembang sari cina, kembang serdadu, tapak dara </i>(Jawa); <i>kembang tembaga, paku rane </i>(Jambi), <i>rutu-rutu, rumput jalang </i>(Sumatera). <h2>Kandungan Kimia : </h2> Daun Tapak Dara kaya akan kandungan <i>alkaloid.</i> <h2>Manfaat : </h2> <ul> <li>Mengobati kanker, limpa</li> <li>Mengobati leukimia</li> <li>Mengobati hipertensi</li> <li>Mengobati kencing manis</li> <li>Menghentikan pendarahan akibat penurunan trombosit</li> </ul>

<h2>Tips Pemakaian : </h2> <ul> <li>untuk kanker, limpa : rebus 15 g daun tapak dara dengan 500 cc air sampai tersisa 200 cc. Saring dan dinginkan, kemudian minum sekaligus.</li> <li>untuk kencing manis : rebus 15 g daun tapak dara dengan 500 cc air sampai tersisa 200 cc. Saring dan dinginkan, kemudian minum sekaligus.</li> <li>untuk pendarahan akibat penurunan trombosit : rebus 15 g daun tapak dara dengan 500 cc air sampai tersisa 200 cc. Saring dan dinginkan, kemudian minum sekaligus.</li> </ul> nb : wanita hamil dilarang meminum ramuan berbahan tapak dara. </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

Page 43: 15. lampiran   listing program

L-43

56. tempuyung.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title>

<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->

</head> <body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Tempuyung</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Tempuyung.png" alt="Tempuyung" class="img-rounded img-responsive"> </div>

<div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Sonchus aruensis </i>L.</h2> <h2>Nama Daerah : </h2> <i>tempuyung </i>(Jawa); <i>galibug, jombang, rayana </i>(Sunda). <h2>Kandungan Kimia : </h2> Daun Tempuyung mengandung <i>taraksasterol, flavonoid, kalium, silika, manitol</i> dan <i>inositol</i>. <h2>Manfaat : </h2> <ul> <li>Mengobati radang payudara</li> <li>Mengobati bisul</li> <li>Mengobati kandung kencing dan empedu berbatu</li> <li>Menurunkan darah tinggi</li>

<li>Mengobati kencing batu</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk radang payudara : rebus 7 gram daun tempuyung dengan 3 gelas air, rebus sampai tersisa 2 gelas saja. Saring dan dinginkan. Minum 3 kali sehari, masing-masing 1 gelas.</li> <li>untuk bisul : ambil daun tempuyung secukupnya, cuci dan tumbuk hingga halus. Peras hasil tumbukan tersebut hingga keluar air perasannya. Oleskan air perasannya ke bagian tubuh yang sakit.</li> <li>untuk kandung kencing dan empedu berbatu : cuci 5 lembar daun segar, lalu diasap sebentar. Cara mengkonsumsinya bisa sebagai lalapan bersama nasi. Konsumsi 3 kali sehari.</li> <li>untuk darah tinggi : cuci 5 lembar daun segar, lalu diasap sebentar. Cara mengkonsumsinya bisa sebagai

lalapan bersama nasi. Konsumsi 3 kali sehari.</li> <li>untuk kencing batu : rebus 5 lembar daun tempuyung, 5 lembar daun alpukat, 5 lembar daun sawi tanah, 2 jari gula enau dengan 3 gelas air. Rebus sampai tersisa 2 gelas saja. Saring dan dinginkan. Minum 3 kali sehari, masing-masing 1 gelas.</li> </ul> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script>

</body> </html>

57. temuhitam.htnl <!DOCTYPE html> <html lang="en"> <head>

<meta charset="utf-8">

Page 44: 15. lampiran   listing program

L-44

<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Daun Herbal </title> <!-- Bootstrap -->

<link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head>

<body background="img/background_web.jpg"> <div class = "container-fluid"> <div class="row"> <div id="judul" class="col-md-12"> <h1>Daun Temu Hitam</h1> </div> <div id="gambar" class="col-md-6"> <img src="img/Temu Hitam.png" alt="Temu Hitam" class="img-rounded img-responsive"></div>

<div id="penjelasan" class="col-md-6"> <h2>Nama Ilmiah : <i>Curcuma aeruginosa </i>Roxb.</h2> <h2>Nama Daerah : </h2> <i>temu ireng </i>(Jawa), <i>temu itam </i>(Melayu), <i>temo koneng </i>(Sunda).(). <h2>Kandungan Kimia : </h2> Daun Temu Hitam mengandung minyak asiri, <i>curcumol, kordione, germakrene, alkaloid, saponin,</i> zat warna, zat pahit dan mineral. <h2>Manfaat : </h2> <ul> <li>Mengobati ambeien</li> <li>Membersihkan darah setelah melahirkan</li> <li>Mengobati pembengkakan dan penetralisir racun dalam tubuh</li> </ul> <h2>Tips Pemakaian : </h2> <ul> <li>untuk mengobati ambeien : cuci bersih 15

gram daun temu hitam. Seduh dengan 1 cangkir air panas. Saring dan dinginkan. Tambahkan kuing telur ayam dan 2 sdm madu. Minum ramuan tersebut setelah bangun tidur.</li> <li>untuk membersihkan darah setelah melahirkan : cuci besih 2 jari rimpang temu hitam, Seduh dengan setengah cangkir air panas. Saring dan dinginkan. Minum 3 hari setelah melahirkan secara berturut-turut.</li> <li>untuk pembengkakan dan penetralisir racun : cuci bersih 20 gram daun temu hitam, tambahkan daun takokak dan 3 gelas air. Rebus sampai tersisa 1 setengah gelas. Saring dan dinginkan, minum ramuan sekaligus selagih hangat.</li> </ul></div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="js/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>