Merge branch '12S16022' into 'master'

apps/inverted/mainkambing.py

+resource_package = __name__
+
+import string
+import re
+from sklearn.feature_extraction.text import CountVectorizer
+import string
+import re
+from sklearn.feature_extraction.text import CountVectorizer
+from nltk.corpus import stopwords
+from nltk.tokenize import sent_tokenize, word_tokenize
+from Sastrawi.Stemmer.StemmerFactory import StemmerFactory
+from itertools import count
+import collections
+import math
+from xml.etree.ElementTree import ElementTree
+
+
+##############Remove Punctuation, URL and Tokenize###################
+def remove_punc_tokenize(sentence):
+    tokens = []
+    for punctuation in string.punctuation:
+        sentence = sentence.replace(punctuation," ")
+    
+    sentence = re.sub(r'^https?:\/\/.*[\r\n]*', '', sentence, flags=re.MULTILINE)
+    for w in CountVectorizer().build_tokenizer()(sentence):
+        tokens.append(w)
+    return tokens
+
+
+##############Case Folding########################
+def to_lower(tokens):
+    tokens = [x.lower() for x in tokens]
+    return tokens
+
+def generate_ngrams(data, n):
+    ngram=[]
+    result = []
+    
+    #menampilkan hasil n-gram per dokumen
+    for i in range(len(data)):
+        sequences = [data[i][j:] for j in range(n)]
+        temp = zip(*sequences)
+        lst = list(temp)
+        result.append([" ".join(lst) for lst in lst])
+    
+    #menggabungkan n-gram semua dokumen dalam bentuk array
+    for i in range(len(result)):
+        for j in range(len(result[i])):
+            ngram.append(result[i][j])
+            
+    return ngram, result
+
+def main(query):
+
+    tree = ElementTree()
+    tree.parse("apps/data/dataset-kambing.xml")
+
+    all_doc_no = []
+    all_headline = []
+    all_text = []
+
+    for node in tree.iter("DOCNO"):
+        all_doc_no.append(node.text)
+        
+    for node in tree.iter("Title"):
+        all_headline.append(node.text)
+        
+    for node in tree.iter("Ingredients"):
+        all_text.append(node.text)
+
+    N_DOC = len(all_headline)
+
+    all_sentence_doc = []
+    for i in range(N_DOC):
+        all_sentence_doc.append(all_headline[i] + all_text[i])
+    tokens_doc = []
+    for i in range(N_DOC):
+        tokens_doc.append(remove_punc_tokenize(all_sentence_doc[i]))
+
+    for i in range(N_DOC):
+        tokens_doc[i] = to_lower(tokens_doc[i])
+
+    stop_words = set(stopwords.words('indonesian'))
+
+    stopping = []
+    for i in range(N_DOC):
+        temp = []
+        for j in tokens_doc[i]:
+            if j not in stop_words:
+                temp.append(j)
+        stopping.append(temp)
+
+    for i in range(N_DOC):
+        tokens_doc[i] = ([w for w in stopping[i] if not any(j.isdigit() for j in w)])
+
+    factory = StemmerFactory()
+    stemmer = factory.create_stemmer()
+
+    stemming = []
+    for i in range(N_DOC):
+        temp=[]
+        for j in tokens_doc[i]:
+    #         print(j)
+            temp.append(stemmer.stem(j))
+        stemming.append(temp)
+
+    all_tokens = []
+    for i in range(N_DOC):
+        for w in stemming[i]:
+            all_tokens.append(w)
+
+    new_sentence = ' '.join([w for w in all_tokens])
+
+    for w in CountVectorizer().build_tokenizer()(new_sentence):
+        all_tokens.append(w)
+
+    all_tokens = set(all_tokens)
+    alls = []
+    for i in all_tokens:
+        alls.append(i)
+
+
+    queri=[]
+    spl = query.split()
+    for i in range(len(spl)):
+        if not spl[i].isdigit():
+            queri.append(spl[i])
+
+    punc = []
+    for i in range(len(queri)):
+        no_punc = ""
+        for j in range(len(queri[i])):
+            if queri[i][j] not in string.punctuation:            
+                no_punc = no_punc + queri[i][j]        
+        punc.append(no_punc)
+    
+    lower=[]
+    for i in range(len(punc)):
+        lower.append(punc[i].lower())
+
+    stop = []
+    for i in range(len(lower)):
+        if lower[i] not in stop_words:
+            stop.append(lower[i])
+
+    stem = []
+    for i in range(len(stop)):
+        stem.append(stemmer.stem(stop[i]))
+        
+    join_word = ' '.join([w for w in stem])
+
+    ngram, ngram_doc = generate_ngrams(stemming, len(stem))
+
+    n_gram_index = {}
+    for ngram_token in ngram:
+        doc_no = []
+        for i in range(N_DOC):
+            if(ngram_token in ngram_doc[i]):
+                doc_no.append(all_doc_no[i])
+        n_gram_index[ngram_token] = doc_no
+
+    df = []
+
+    for i in range(N_DOC):
+        count = 0
+        for j in range(len(ngram_doc[i])):
+            if join_word == ngram_doc[i][j]:
+                count+=1
+        df.append(count)
+
+    idf = []
+    for i in range(len(df)):
+        try:
+            idf.append(math.log10(N_DOC/df[i]))
+        except ZeroDivisionError:
+            idf.append(str(0))
+
+    #w(t, d)
+    #t = term
+    #d = document
+    wtd = []
+    l = []
+    for i in range(N_DOC):
+        dic = {}
+        tf = ngram_doc[i].count(join_word) # menghitung nilai tf
+        if tf != 0:
+            score = math.log10(tf) #log10(tf(t,d))
+            score+=1 # 1 + log(tf(t,d))
+            score*=idf[i] #tf * idf
+            
+            idx = all_doc_no[i]
+            judul = all_headline[i]
+            
+            dic['DOCNO'] = idx
+            dic['Title'] = judul
+            dic['score'] = score
+            
+            l.append(dic)
+    wtd.append(l) # [i+1] = defenisi nomor dokumen; score = wtd
+    #         print(score)
+
+    hasil = []
+    hasil.append(sorted(wtd[0], key = lambda x : x['score'], reverse = True))
+
+    return hasil
+
+def detail(nomor):
+    tree = ElementTree()
+    tree.parse("apps/data/dataset-kambing.xml")
+
+    all_doc_no = []
+    all_headline = []
+    all_text = []
+    all_step=[]
+    for node in tree.iter("DOCNO"):
+        all_doc_no.append(node.text)
+        
+    for node in tree.iter("Title"):
+        # all_headline.append(node.text.replace("\n"," "))
+        all_headline.append(node.text)
+        # head = all_headline
+        
+    for node in tree.iter("Ingredients"):
+        # all_text.append(node.text.replace("\n"," "))
+        all_text.append(node.text)
+    for node in tree.iter("Steps"):
+        # all_text.append(node.text.replace("\n"," "))
+        all_step.append(node.text)
+
+    N_DOC = len(all_headline)
+    Ingredients = []
+    Title=[]
+    Steps=[]
+    # hasil = []
+    id = str(nomor)
+    for i in range(N_DOC):
+        check = all_doc_no[i]
+        if check == id:
+            Ingredients = all_text[i]
+            Title = all_headline[i]
+            Steps=all_step[i]
+            return Ingredients,Title,Steps
\ No newline at end of file

apps/inverted/mainsapi.py

+resource_package = __name__
+
+import string
+import re
+from sklearn.feature_extraction.text import CountVectorizer
+import string
+import re
+from sklearn.feature_extraction.text import CountVectorizer
+from nltk.corpus import stopwords
+from nltk.tokenize import sent_tokenize, word_tokenize
+from Sastrawi.Stemmer.StemmerFactory import StemmerFactory
+from itertools import count
+import collections
+import math
+from xml.etree.ElementTree import ElementTree
+
+
+##############Remove Punctuation, URL and Tokenize###################
+def remove_punc_tokenize(sentence):
+    tokens = []
+    for punctuation in string.punctuation:
+        sentence = sentence.replace(punctuation," ")
+    
+    sentence = re.sub(r'^https?:\/\/.*[\r\n]*', '', sentence, flags=re.MULTILINE)
+    for w in CountVectorizer().build_tokenizer()(sentence):
+        tokens.append(w)
+    return tokens
+
+
+##############Case Folding########################
+def to_lower(tokens):
+    tokens = [x.lower() for x in tokens]
+    return tokens
+
+def generate_ngrams(data, n):
+    ngram=[]
+    result = []
+    
+    #menampilkan hasil n-gram per dokumen
+    for i in range(len(data)):
+        sequences = [data[i][j:] for j in range(n)]
+        temp = zip(*sequences)
+        lst = list(temp)
+        result.append([" ".join(lst) for lst in lst])
+    
+    #menggabungkan n-gram semua dokumen dalam bentuk array
+    for i in range(len(result)):
+        for j in range(len(result[i])):
+            ngram.append(result[i][j])
+            
+    return ngram, result
+
+def main(query):
+
+    tree = ElementTree()
+    tree.parse("apps/data/dataset-sapi.xml")
+
+    all_doc_no = []
+    all_headline = []
+    all_text = []
+
+    for node in tree.iter("DOCNO"):
+        all_doc_no.append(node.text)
+        
+    for node in tree.iter("Title"):
+        all_headline.append(node.text)
+        
+    for node in tree.iter("Ingredients"):
+        all_text.append(node.text)
+
+    N_DOC = len(all_headline)
+
+    all_sentence_doc = []
+    for i in range(N_DOC):
+        all_sentence_doc.append(all_headline[i] + all_text[i])
+    tokens_doc = []
+    for i in range(N_DOC):
+        tokens_doc.append(remove_punc_tokenize(all_sentence_doc[i]))
+
+    for i in range(N_DOC):
+        tokens_doc[i] = to_lower(tokens_doc[i])
+
+    stop_words = set(stopwords.words('indonesian'))
+
+    stopping = []
+    for i in range(N_DOC):
+        temp = []
+        for j in tokens_doc[i]:
+            if j not in stop_words:
+                temp.append(j)
+        stopping.append(temp)
+
+    for i in range(N_DOC):
+        tokens_doc[i] = ([w for w in stopping[i] if not any(j.isdigit() for j in w)])
+
+    factory = StemmerFactory()
+    stemmer = factory.create_stemmer()
+
+    stemming = []
+    for i in range(N_DOC):
+        temp=[]
+        for j in tokens_doc[i]:
+    #         print(j)
+            temp.append(stemmer.stem(j))
+        stemming.append(temp)
+
+    all_tokens = []
+    for i in range(N_DOC):
+        for w in stemming[i]:
+            all_tokens.append(w)
+
+    new_sentence = ' '.join([w for w in all_tokens])
+
+    for w in CountVectorizer().build_tokenizer()(new_sentence):
+        all_tokens.append(w)
+
+    all_tokens = set(all_tokens)
+    alls = []
+    for i in all_tokens:
+        alls.append(i)
+
+
+    queri=[]
+    spl = query.split()
+    for i in range(len(spl)):
+        if not spl[i].isdigit():
+            queri.append(spl[i])
+
+    punc = []
+    for i in range(len(queri)):
+        no_punc = ""
+        for j in range(len(queri[i])):
+            if queri[i][j] not in string.punctuation:            
+                no_punc = no_punc + queri[i][j]        
+        punc.append(no_punc)
+    
+    lower=[]
+    for i in range(len(punc)):
+        lower.append(punc[i].lower())
+
+    stop = []
+    for i in range(len(lower)):
+        if lower[i] not in stop_words:
+            stop.append(lower[i])
+
+    stem = []
+    for i in range(len(stop)):
+        stem.append(stemmer.stem(stop[i]))
+        
+    join_word = ' '.join([w for w in stem])
+
+    ngram, ngram_doc = generate_ngrams(stemming, len(stem))
+
+    n_gram_index = {}
+    for ngram_token in ngram:
+        doc_no = []
+        for i in range(N_DOC):
+            if(ngram_token in ngram_doc[i]):
+                doc_no.append(all_doc_no[i])
+        n_gram_index[ngram_token] = doc_no
+
+    df = []
+
+    for i in range(N_DOC):
+        count = 0
+        for j in range(len(ngram_doc[i])):
+            if join_word == ngram_doc[i][j]:
+                count+=1
+        df.append(count)
+
+    idf = []
+    for i in range(len(df)):
+        try:
+            idf.append(math.log10(N_DOC/df[i]))
+        except ZeroDivisionError:
+            idf.append(str(0))
+
+    #w(t, d)
+    #t = term
+    #d = document
+    wtd = []
+    l = []
+    for i in range(N_DOC):
+        dic = {}
+        tf = ngram_doc[i].count(join_word) # menghitung nilai tf
+        if tf != 0:
+            score = math.log10(tf) #log10(tf(t,d))
+            score+=1 # 1 + log(tf(t,d))
+            score*=idf[i] #tf * idf
+            
+            idx = all_doc_no[i]
+            judul = all_headline[i]
+            
+            dic['DOCNO'] = idx
+            dic['Title'] = judul
+            dic['score'] = score
+            
+            l.append(dic)
+    wtd.append(l) # [i+1] = defenisi nomor dokumen; score = wtd
+    #         print(score)
+
+    hasil = []
+    hasil.append(sorted(wtd[0], key = lambda x : x['score'], reverse = True))
+
+    return hasil
+
+def detail(nomor):
+    tree = ElementTree()
+    tree.parse("apps/data/dataset-sapi.xml")
+
+    all_doc_no = []
+    all_headline = []
+    all_text = []
+    all_step=[]
+    for node in tree.iter("DOCNO"):
+        all_doc_no.append(node.text)
+        
+    for node in tree.iter("Title"):
+        # all_headline.append(node.text.replace("\n"," "))
+        all_headline.append(node.text)
+        # head = all_headline
+        
+    for node in tree.iter("Ingredients"):
+        # all_text.append(node.text.replace("\n"," "))
+        all_text.append(node.text)
+    for node in tree.iter("Steps"):
+        # all_text.append(node.text.replace("\n"," "))
+        all_step.append(node.text)
+
+    N_DOC = len(all_headline)
+    Ingredients = []
+    Title=[]
+    Steps=[]
+    # hasil = []
+    id = str(nomor)
+    for i in range(N_DOC):
+        check = all_doc_no[i]
+        if check == id:
+            Ingredients = all_text[i]
+            Title = all_headline[i]
+            Steps=all_step[i]
+            return Ingredients,Title,Steps
\ No newline at end of file

apps/templates/apps/indexkambing.html

+<html>
+<style>
+  body {
+    background-image: url('../../static/img/Background.jpg');
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+</style>
+
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="author" content="colorlib.com">
+  <!-- <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet" />
+  <link href="../../static/assets/css/main.css" rel="stylesheet" /> -->
+  <!-- Bootstrap core CSS -->
+  <link href="../../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+  <!-- Custom fonts for this template -->
+  <link href="../../static/assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+  <link href="../../static/assets/vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet"
+    type="text/css">
+
+  <!-- Custom styles for this template -->
+  <link href="../../static/assets/css/landing-page.min.css" rel="stylesheet">
+</head>
+
+<body background-image="/img/Background.jpg">
+  <!-- Navigation -->
+  <!-- <nav class="navbar navbar- bg-dark static-top">
+    <div class="container">
+      <a class="navbar-brand" href="home">Cookpedia</a>
+
+    </div>
+  </nav> -->
+
+  <header class="masthead text-white text-center">
+    <div class="overlay"></div>
+    <div class="container">
+      <div class="row">
+        <div class="col-xl-9 mx-auto">
+            <h1 class="mb-5"><a href="../home">Cookpedia</a> ~ Kambing</h1>
+        </div>
+        <div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
+          <form method="POST" action="/resultkambing/">
+            {% csrf_token %}
+            <div class="form-row">
+              <div class="col-12 col-md-9 mb-2 mb-md-0">
+                <input type="text" class="form-control form-control-lg" name="querysearch"
+                  placeholder="Telusuri Cookpedia">
+              </div>
+              <div class="col-12 col-md-3">
+                <button type="submit" class="btn btn-block btn-lg btn-primary">Cari!</button>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+      <br />
+    </div>
+  </header>
+
+  <!--   <script src="../../static/assets/js/extention/choices.js"></script>
+  <script>
+    const choices = new Choices('[data-trigger]',
+      {
+        searchEnabled: false,
+        itemSelectText: '',
+      });
+
+  </script> -->
+  <!-- Bootstrap core JavaScript -->
+  <script src="../../static/assets/vendor/jquery/jquery.min.js"></script>
+  <script src="../../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+</body><!-- This templates was made by Colorlib (https://colorlib.com) -->
+
+</html>
\ No newline at end of file

apps/templates/apps/indexsapi.html

+<html>
+<style>
+  body {
+    background-image: url('../../static/img/Background.jpg');
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+</style>
+
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="author" content="colorlib.com">
+  <!-- <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet" />
+  <link href="../../static/assets/css/main.css" rel="stylesheet" /> -->
+  <!-- Bootstrap core CSS -->
+  <link href="../../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+  <!-- Custom fonts for this template -->
+  <link href="../../static/assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+  <link href="../../static/assets/vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet"
+    type="text/css">
+
+  <!-- Custom styles for this template -->
+  <link href="../../static/assets/css/landing-page.min.css" rel="stylesheet">
+</head>
+
+<body background-image="/img/Background.jpg">
+  <!-- Navigation -->
+  <!-- <nav class="navbar navbar- bg-dark static-top">
+    <div class="container">
+      <a class="navbar-brand" href="home">Cookpedia</a>
+
+    </div>
+  </nav> -->
+
+  <header class="masthead text-white text-center">
+    <div class="overlay"></div>
+    <div class="container">
+      <div class="row">
+        <div class="col-xl-9 mx-auto">
+            <h1 class="mb-5"><a href="../home">Cookpedia</a> ~ Sapi</h1>
+        </div>
+        <div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
+          <form method="POST" action="/resultsapi/">
+            {% csrf_token %}
+            <div class="form-row">
+              <div class="col-12 col-md-9 mb-2 mb-md-0">
+                <input type="text" class="form-control form-control-lg" name="querysearch"
+                  placeholder="Telusuri Cookpedia">
+              </div>
+              <div class="col-12 col-md-3">
+                <button type="submit" class="btn btn-block btn-lg btn-primary">Cari!</button>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+      <br />
+    </div>
+  </header>
+
+  <!--   <script src="../../static/assets/js/extention/choices.js"></script>
+  <script>
+    const choices = new Choices('[data-trigger]',
+      {
+        searchEnabled: false,
+        itemSelectText: '',
+      });
+
+  </script> -->
+  <!-- Bootstrap core JavaScript -->
+  <script src="../../static/assets/vendor/jquery/jquery.min.js"></script>
+  <script src="../../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+</body><!-- This templates was made by Colorlib (https://colorlib.com) -->
+
+</html>
\ No newline at end of file

apps/templates/apps/resepkambing.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <style>
+    .testimonials {
+      padding-top: 3rem;
+    }
+  </style>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <title>Resep {{Title}}</title>
+
+  <!-- Bootstrap core CSS -->
+  <link href="../../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+  <!-- Custom fonts for this template -->
+  <link href="../../static/assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+  <link href="../../static/assets/vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet"
+    type="text/css">
+
+  <!-- Custom styles for this template -->
+  <link href="../../static/assets/css/landing-page.min.css" rel="stylesheet">
+
+</head>
+
+<body>
+
+  <!-- Navigation -->
+  <nav class="navbar navbar-dark bg-dark static-top">
+    <div class="container">
+      <a class="navbar-brand" href="/home">Cookpedia</a>
+      <!-- <a class="btn btn-primary" href="#">Pilih Buku</a>
+         -->
+    </div>
+  </nav>
+
+
+  <!-- Testimonials -->
+  <section class="testimonials text-center bg-light">
+    <div class="container">
+
+      <h2 class="mb-3">Resep {{Title}}</h2><br />
+        <h4><b>Alat dan bahan:</b></h4>
+        <p>{{Ingredients}}</p>
+        <h4><b>Langkah-langkah:</b></h4>
+        <p>{{Steps}}</p>
+
+    </div>
+
+  </section>
+
+
+  <!-- Bootstrap core JavaScript -->
+  <script src="../../static/assets/vendor/jquery/jquery.min.js"></script>
+  <script src="../../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file

apps/templates/apps/resepsapi.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <style>
+    .testimonials {
+      padding-top: 3rem;
+    }
+  </style>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <title>Resep {{Title}}</title>
+
+  <!-- Bootstrap core CSS -->
+  <link href="../../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+  <!-- Custom fonts for this template -->
+  <link href="../../static/assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+  <link href="../../static/assets/vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet"
+    type="text/css">
+
+  <!-- Custom styles for this template -->
+  <link href="../../static/assets/css/landing-page.min.css" rel="stylesheet">
+
+</head>
+
+<body>
+
+  <!-- Navigation -->
+  <nav class="navbar navbar-dark bg-dark static-top">
+    <div class="container">
+      <a class="navbar-brand" href="/home">Cookpedia</a>
+      <!-- <a class="btn btn-primary" href="#">Pilih Buku</a>
+         -->
+    </div>
+  </nav>
+
+  <!-- Testimonials -->
+  <section class="testimonials text-center bg-light">
+    <div class="container">
+
+      <h2 class="mb-3">Resep {{Title}}</h2><br />
+        <h4><b>Alat dan bahan:</b></h4>
+        <p>{{Ingredients}}</p>
+        <h4><b>Langkah-langkah:</b></h4>
+        <p>{{Steps}}</p>
+
+    </div>
+
+  </section>
+
+
+  <!-- Bootstrap core JavaScript -->
+  <script src="../../static/assets/vendor/jquery/jquery.min.js"></script>
+  <script src="../../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file

apps/templates/apps/resultkambing.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <title>{{ query }}</title>
+
+  <!-- Bootstrap core CSS -->
+  <link href="../../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+  <!-- Custom fonts for this template -->
+  <link href="../../static/assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+  <link href="../../static/assets/vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet"
+    type="text/css">
+
+  <!-- Custom styles for this template -->
+  <link href="../../static/assets/css/landing-page.min.css" rel="stylesheet">
+
+</head>
+
+<body>
+
+  <!-- Navigation -->
+  <nav class="navbar navbar-dark bg-dark static-top">
+    <div class="container">
+      <a class="navbar-brand" href="/home">Cookpedia</a>
+      <!-- <a class="btn btn-primary" href="#">Pilih Buku</a>
+         -->
+    </div>
+  </nav>
+  <!-- Testimonials -->
+  <section class="testimonials text-center bg-light">
+    <div class="container">
+      <h2 class="mb-5">Resep yang sesuai dengan "{{ query }}"</h2>
+      {% if hasil %}
+      <div class="row">
+        {% for i in hasil %}
+        {% for j in i %}
+
+        <div class="col-lg-4">
+          <div class="testimonial-item mx-auto mb-5 mb-lg-0">
+            <img class="img-fluid rounded-circle mb-3" src="../../static/img/resepkambing.jpg" alt="">
+            <h5><a href="/resepkambing/{{j.DOCNO}}">Resep No:{{ j.DOCNO }}</a></h5>
+            <h5>"{{ j.Title }}"</h5>
+            <p class="font-weight-light mb-0">score :{{ j.score }}</p>
+          </div>
+        </div>
+        {% endfor %}
+        {% endfor %}
+      </div>
+
+      {% else %}
+      <h2 class="mb-5">Resep dengan kata kunci: "{{ query }}" tidak ditemukan</h2>
+      {% endif %}
+    </div>
+
+  </section>
+
+
+  <!-- Bootstrap core JavaScript -->
+  <script src="../../static/assets/vendor/jquery/jquery.min.js"></script>
+  <script src="../../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file

apps/templates/apps/resultsapi.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <title>{{ query }}</title>
+
+  <!-- Bootstrap core CSS -->
+  <link href="../../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+  <!-- Custom fonts for this template -->
+  <link href="../../static/assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+  <link href="../../static/assets/vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet"
+    type="text/css">
+
+  <!-- Custom styles for this template -->
+  <link href="../../static/assets/css/landing-page.min.css" rel="stylesheet">
+
+</head>
+
+<body>
+
+  <!-- Navigation -->
+  <nav class="navbar navbar-dark bg-dark static-top">
+    <div class="container">
+      <a class="navbar-brand" href="/home">Cookpedia</a>
+      <!-- <a class="btn btn-primary" href="#">Pilih Buku</a>
+         -->
+    </div>
+  </nav>
+  <!-- Testimonials -->
+  <section class="testimonials text-center bg-light">
+    <div class="container">
+      <h2 class="mb-5">Resep yang sesuai dengan "{{ query }}"</h2>
+      {% if hasil %}
+      <div class="row">
+        {% for i in hasil %}
+        {% for j in i %}
+
+        <div class="col-lg-4">
+          <div class="testimonial-item mx-auto mb-5 mb-lg-0">
+            <img class="img-fluid rounded-circle mb-3" src="../../static/img/resepsapi.jpg" alt="">
+            <h5><a href="/resepsapi/{{j.DOCNO}}">Resep No:{{ j.DOCNO }}</a></h5>
+            <h5>"{{ j.Title }}"</h5>
+            <p class="font-weight-light mb-0">score :{{ j.score }}</p>
+          </div>
+        </div>
+        {% endfor %}
+        {% endfor %}
+      </div>
+
+      {% else %}
+      <h2 class="mb-5">Resep dengan kata kunci: "{{ query }}" tidak ditemukan</h2>
+      {% endif %}
+    </div>
+
+  </section>
+
+
+  <!-- Bootstrap core JavaScript -->
+  <script src="../../static/assets/vendor/jquery/jquery.min.js"></script>
+  <script src="../../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file