박준혁 / os-17-2-termproject-jun

Go to a project
Toggle navigation Toggle navigation pinning
박준혁
1ed6e45e 1 parent 622ab1cf

기본 기능 구현 완성 

얼굴인식
감정인식
감정에 따른 코멘트
Inline Side-by-side
Showing 12 changed files with 131 additions and 124 deletions
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='/stylesheets/style.css' />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>애인 감정 분석</title>
<!-- 부트스트랩 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">애인이랑 싸웠냐?</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<!-- <form class="navbar-form navbar-right">
<div class="form-group">
<input type="text" placeholder="Email" class="form-control">
</div>
<div class="form-group">
<input type="password" placeholder="Password" class="form-control">
</div>
<button type="submit" class="btn btn-success">Sign in</button>
</form> -->
</div>
<!--/.navbar-collapse -->
</div>
</nav>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>와서 애인 기분이나 알고가</h1>
<p>싸운 후 애인 사진을 주면 내가 다 해결해줄게 </p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
</div>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
<hr>
<footer>
<p>&copy; KHU Uni OpenSource 2017-2</p>
</footer>
</div>
<!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- 모든 컴파일된 플러그인을 포함합니다 (아래), 원하지 않는다면 필요한 각각의 파일을 포함하세요 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</body>
</html>
\ No newline at end of file
var express = require('express');
var app = express();
app.use(express.static('uploads'));
var request = require('request');
var bodyParser = require('body-parser');
var multer = require('multer');
......@@ -30,9 +31,12 @@ app.get('/upload', function(req, res){
var client_id = 'ImMhCEh5tBaGslxupoyz';
var client_secret = 'SyWnZc01_I';
var fs = require('fs');
var imgfilename = '/';
app.post('/faceemotions', upload.single('userfile'), function (req, res) {
//var api_url = 'https://openapi.naver.com/v1/vision/celebrity'; // 유명인 인식
var api_url = 'https://openapi.naver.com/v1/vision/face'; // 얼굴 감지
imgfilename += req.file.filename;
var filename = req.file.filename;
var _formData = {
......@@ -46,7 +50,7 @@ app.post('/faceemotions', upload.single('userfile'), function (req, res) {
_req.pipe(fs.createWriteStream('./json/faceInfor.json'));
});
console.log('request.head:'+ request.head );
//파일로 출력 응답시간 1초해야 함
//파일로 출력 응답시간 1초해야 함 나중에 고쳐야할듯
res.send("<meta http-equiv='refresh' content='1;url=/answer'>");
});
......@@ -63,19 +67,60 @@ app.get('/', function(req, res){
});
app.get('/template', function(req, res){
res.render('temp');
});
// app.get('/template', function(req, res){
// res.render('temp', {time:Date(), title:'Jade'});
// });
app.get('/answer', function(req, res){
// //res.send(req.query.emotion);
var data = fs.readFileSync('./json/faceInfor.json');
var faceInforJson = JSON.parse(data);
console.log('JSON 내용: ' + faceInforJson.faces[0].emotion.value);
// //var emotion = faceInforJson.faces[0].emotion.value;
res.send('완료');
var emotion = faceInforJson.faces[0].emotion.value;
var emotionKr;
var answerToUser;
if(emotion === 'angry'){
emotionKr = '야 니 애인 화남';
answerToUser = '가서 빨리 손이 발이 될 때까지 싹싹 빌어라';
} else if(emotion === 'disgust'){
emotionKr = '야 너 역겹단다';
answerToUser = '이건 답이 없다 역겁다는데 어떡해 헤어질 준비 ㄱㄱ';
}
else if(emotion === 'fear'){
emotionKr = '너가 이젠 무섭다는데?';
answerToUser = '혹시 때렸냐? 쓰레기네 이거 빨리 헤어져줘라';
}
else if(emotion === 'laugh'){
emotionKr = '야 니 애인 웃는다';
answerToUser = '너무 화나서 웃음밖에 안나오나본데? 빨리 가서 싹싹 빌어라';
}
else if(emotion === 'neutral'){
emotionKr = '야 니애인 정색한다 정색';
answerToUser = '그래도 사랑 싸움에 정색정도는 뭐... 가서 가볍게 애교 부려주자';
}
else if(emotion === 'sad'){
emotionKr = '야 운다 울어...';
answerToUser = '가서 안아줘라 언넝';
}
else if(emotion === 'surprise'){
emotionKr = '너란 놈한테 놀랐대';
answerToUser = '이렇게까지 쓰레기인줄 몰랐다는데? 헤어질 준비 ㄱㄱ';
}
else if(emotion === 'smile'){
emotionKr = '니 애인 즉당히 웃는데?';
answerToUser = '너가 맘에 안들지만 참고있나봐 가서 빨리 풀어주자';
}
else if(emotion === 'talking'){
emotionKr = '야 니 애인 랩한다';
answerToUser = '차라리 저렇게 너한테 다 털어놓는게 좋은거야 두 귀 열고 들어줘 빨리';
}
res.render('answer', {emotion:emotionKr, answer:answerToUser, imgfilename:imgfilename});
});
// app.get('/img', function(req, res){
// res.send('<img src="/joy_sad.jpg">');
// });
app.listen(3000, function () {
console.log('Connected 3000!');
});
......
......@@ -46,38 +46,16 @@
<p>싸운 후 애인 사진을 주면 내가 다 해결해줄게 </p>
<!-- <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p> -->
<form action="faceemotions" method="post" enctype="multipart/form-data">
<input type="file" name="userfile">
<input class="btn btn-primary btn-lg" type="submit">
</form>
</div>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
<input type="file" name="userfile">
</div>
<div class="col-md-4">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
<input class="btn btn-primary btn-lg" type="submit">
</div>
</form>
</div>
<hr>
<footer>
<p>&copy; KHU Uni OpenSource 2017-2</p>
</footer>
</div>
<!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- 모든 컴파일된 플러그인을 포함합니다 (아래), 원하지 않는다면 필요한 각각의 파일을 포함하세요 -->
......
{"info":{"size":{"width":540,"height":810},"faceCount":1},"faces":[{"roi":{"x":208,"y":139,"width":147,"height":147},"landmark":{"leftEye":{"x":246,"y":180},"rightEye":{"x":319,"y":163},"nose":{"x":294,"y":212},"leftMouth":{"x":265,"y":246},"rightMouth":{"x":330,"y":227}},"gender":{"value":"female","confidence":0.999985},"age":{"value":"21~25","confidence":0.443677},"emotion":{"value":"laugh","confidence":0.841533},"pose":{"value":"frontal_face","confidence":0.999054}}]}
\ No newline at end of file
{"info":{"size":{"width":699,"height":400},"faceCount":1},"faces":[{"roi":{"x":329,"y":40,"width":129,"height":129},"landmark":{"leftEye":{"x":371,"y":73},"rightEye":{"x":429,"y":74},"nose":{"x":407,"y":105},"leftMouth":{"x":368,"y":140},"rightMouth":{"x":423,"y":142}},"gender":{"value":"female","confidence":0.999934},"age":{"value":"16~20","confidence":0.252679},"emotion":{"value":"sad","confidence":1.0},"pose":{"value":"frontal_face","confidence":0.999559}}]}
\ No newline at end of file
......
doctype html
html
head
link(rel='stylesheet', href='/stylesheets/style.css')
meta(charset='utf-8')
meta(http-equiv='X-UA-Compatible', content='IE=edge')
meta(name='viewport', content='width=device-width, initial-scale=1')
title 애인 감정 분석
// 부트스트랩
link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css')
body
nav.navbar.navbar-inverse.navbar-fixed-top
.container
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') 애인이랑 싸웠냐?
#navbar.navbar-collapse.collapse
//
<form class="navbar-form navbar-right">
<div class="form-group">
<input type="text" placeholder="Email" class="form-control">
</div>
<div class="form-group">
<input type="password" placeholder="Password" class="form-control">
</div>
<button type="submit" class="btn btn-success">Sign in</button>
</form>
// /.navbar-collapse
// Main jumbotron for a primary marketing message or call to action
.jumbotron
.container
h1 와서 애인 기분이나 알고가
p 싸운 후 애인 사진을 주면 내가 다 해결해줄게
// <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
form(action='faceemotions', method='post', enctype='multipart/form-data')
.col-md-4
input(type='file', name='userfile')
.col-md-4
input.btn.btn-primary.btn-lg(type='submit')
.col-md-4
img(src= imgfilename)
.container
// Example row of columns
.row
.col-md-4
h2 니 애인 기분
p
div= emotion
p
.col-md-4
h2 해결책
p
div= answer
p
hr
footer
p © KHU Uni OpenSource 2017-2
// /container
script(src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js')
// 모든 컴파일된 플러그인을 포함합니다 (아래), 원하지 않는다면 필요한 각각의 파일을 포함하세요
script(src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js')
html
head
meta(charset='utf-8')
body
h1 hello jade
ul
-for(var i=0; i<5; i++)
li coding
eatate= temp;
\ No newline at end of file
head
title= title
body
h1 Hello Jade
ul
-for(var i=0; i<5; i++)
li coding
div= time
\ No newline at end of file
......