-
Notifications
You must be signed in to change notification settings - Fork 0
/
res.php
175 lines (164 loc) · 9.02 KB
/
res.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mini Agent | Find Product 2</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="css/inuit.css">
<link rel="stylesheet" href="css/fluid-grid16-1100px.css">
<link rel="stylesheet" href="css/eve-styles.css">
<link rel="shortcut icon" href="icon.png">
<link rel="apple-touch-icon-precomposed" href="img/icon.png">
<script src="js/respond-min.js"></script>
<script src="js/jquery164min.js"></script>
<!--[if lte IE 7]>
<style>
hr { display:block; height:1px; border:0; border-top:1px solid #fff; margin:1em 0; padding:0; }
.grid-4{ width:22% }
</style>
<![endif]-->
</head>
<!--=============================================================== Logo, social and menu =====================================================================================-->
<body>
<div class="wrapper"> <a href="index.html" id="logo"><img src="img/logo.png" alt="">
<h1 class="accessibility">ResponseEve, a responsive template by SiGa</h1>
</a>
<h1> Mini Web Agent for Choosing the Right Product</h1>
<div class="social"> <a href="#"><img src="img/facebook.png" width="20" height="20" alt=""></a> <a href="#"><img src="img/twitter.png" width="20" height="20" alt=""></a> <a href="#"><img src="img/linkedin.png" width="20" height="20" alt=""></a> <a href="#"><img src="img/vcard.png" width="20" height="20" alt=""></a> <a href="#"><img src="img/picasa.png" width="20" height="20" alt=""></a> </div>
<ul id="nav" class="main">
<li><a href="index.php">Home</a></li>
<li><a href="find.php" class="active">Find items</a></li>
<li><a href="theory.php">Theory</a></li>
<li><a href="framework.html">Framework</a></li>
<li><a href="https://www.facebook.com/thawdezin">Contact</a></li>
</ul>
</div>
<!--end of wrapper div-->
<div class="clear"></div>
<!--=============================================================== Intro =====================================================================================-->
<div class="wrapper">
<div class="grids">
<div class="grid-16 grid intro grey">
<!-- <p>Where there an internet, there is a dataset</p> -->
</div>
<!--end of slogan div-->
</div>
<!--end of div grids-->
</div>
<!--end of div wrapper-->
<!--=============================================================== Green box (sidebar) =====================================================================================-->
<div class="wrapper">
<div class="grids">
<div class="grid-6 grid green">
<h2>Product for you</h2>
<p> Here are the best matching with your input query.</p>
<h5>Technology, method and Algorithms </h5>
<p>The system will use Web Crawling, Web Scraping, TF-IDF, text processing and K-Nearest Neighbors Algorithm to determine relevent results.</p>
<h5>Result</h5>
<p> You will see 3 laptops that match to your input query.</p>
</div>
<!--=============================================================== Style playground =====================================================================================-->
<div class="grid-10 grid">
<h3>Relevent Product for you </h3>
<h5>Product 1</h5>
Available url : <a href="http://royalsmartmm.com/hp-pavilion-14-ce2067tx-mineral-silver/"> Here </a>
<br />
Brand : HP
<br />
Price : 1320880
<br />
Processor : 8th Generation Intel Core i7
<br />
<br />
<h5>Product 2</h5>
Available url : <a href="http://royalsmartmm.com/hp-pavilion-14-ce2069tx-mineral-silver/"> Here </a>
<br />
Brand : HP
<br />
Price : 1260080
<br />
Processor : 8th Generation Intel Core i5
<br />
<br />
<h5>Product 3</h5>
Available url : <a href="http://royalsmartmm.com/hp-pavilion-15-cs2062tx-warm-gold/"> Here </a>
<br />
Brand : HP
<br />
Price : 1047280
<br />
Processor : 8th Generation Intel Core i5
<br />
</div>
<!--end of grid-10-->
</div>
<!--end of grids-->
<hr>
</div>
<!--end of wrapper-->
<!--=============================================================== Bottom content =====================================================================================-->
<div class="wrapper">
<div class="grids">
<div class="grid-4 grid"> <img src="img/small-img1.jpg" alt="">
<h4 class="text-center">Web Crawling</h4>
<p>A Web crawler, sometimes called a spider or spiderbot and often shortened to crawler, is an Internet bot that systematically browses the World Wide Web, typically for the purpose of Web indexing (web spidering).
Web search engines and some other sites use Web crawling or spidering software to update their web content or indices of others sites' web content. Web crawlers copy pages for processing by a search engine which indexes the downloaded pages so users can search more efficiently.
Crawlers consume resources on visited systems and often visit sites without approval.</p>
</div>
<div class="grid-4 grid"> <img src="img/small-img2.jpg" alt="">
<h4 class="text-center">Web Scraping</h4>
<p>Web scraping, web harvesting, or web data extraction is data scraping used for extracting data from websites. Web scraping software may access the World Wide Web directly using the Hypertext Transfer Protocol, or through a web browser. While web scraping can be done manually by a software user, the term typically refers to automated processes implemented using a bot or web crawler. It is a form of copying, in which specific data is gathered and copied from the web, typically into a central local database or spreadsheet, for later retrieval or analysis.</p>
</div>
<div class="grid-4 grid"> <img src="img/small-img3.jpg" alt="">
<h4 class="text-center">TFIDF</h4>
<p>In information retrieval, tf–idf or TFIDF, short for term frequency–inverse document frequency, is a numerical statistic that is intended to reflect how important a word is to a document in a collection or corpus. It is often used as a weighting factor in searches of information retrieval, text mining, and user modeling. The tf–idf value increases proportionally to the number of times a word appears in the document and is offset by the number of documents in the corpus that contain the word, which helps to adjust for the fact that some words appear more frequently in general. tf–idf is one of the most popular term-weighting schemes today; 83% of text-based recommender systems in digital libraries use tf–idf.</p>
</div>
<div class="grid-4 grid"> <img src="img/small-img4.jpg" alt="">
<h4 class="text-center">K-Nearest Neighbors</h4>
<p>k-NN is a type of instance-based learning, or lazy learning, where the function is only approximated locally and all computation is deferred until classification.
Both for classification and regression, a useful technique can be to assign weights to the contributions of the neighbors, so that the nearer neighbors contribute more to the average than the more distant ones. For example, a common weighting scheme consists in giving each neighbor a weight of 1/d, where d is the distance to the neighbor.
The neighbors are taken from a set of objects for which the class (for k-NN classification) or the object property value (for k-NN regression) is known. This can be thought of as the training set for the algorithm, though no explicit training step is required.</p>
</div>
</div>
<!--end of grids-->
</div>
<!--end of wrapper-->
<!--=============================================================== Footer =====================================================================================-->
<div class="wrapper">
<div id="footer">
<div class="grids">
<div class="grid-5 grid text-center">
<p>© Eve 2012 by <a target="_blank" href="http://sg-layout.com">SiGa</a></p>
</div>
<div class="grid-6 grid text-center">
<p></p>
</div>
<div class="grid-5 grid text-center">
<p>Contact me <a href="https://www.github.com/thawdezin">here</a></p>
</div>
</div>
<!--end of grids-->
</div>
<!--end of footer-->
</div>
<!--end of wrapper-->
<!--Javascript for Tabs by Sohtanaka, include it on pages where you use tabs, else delete it-->
<script>
$(document).ready(function () {
//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function () {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
});
</script>
</body>
</html>