민병수 / Voicoding

Go to a project
Toggle navigation Toggle navigation pinning
민병수
76d2bc1f 2 parents 3f067d41 ffb7ac10

Merge branch 'html-home' into 'main' 

Info complete and Manual html



See merge request !8
Inline Side-by-side
Showing 6 changed files with 67 additions and 10 deletions
1 +<!DOCTYPE html>
2 +<html lang="en">
3 +<head>
4 + <meta charset="UTF-8">
5 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 + <title>Manual</title>
8 +</head>
9 +<body>
10 +
11 +</body>
12 +</html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -78,12 +78,12 @@ ...@@ -78,12 +78,12 @@
78 </div> 78 </div>
79 <ul class="menu_bar_content"> 79 <ul class="menu_bar_content">
80 <a class = "basic" href="Voico_Home.html"><li>Home</li></a> 80 <a class = "basic" href="Voico_Home.html"><li>Home</li></a>
81 - <a class = "basic" href="\Manual.txt"><li>Manual</li></a> 81 + <a class="basic" href="#" onclick="window.open('Manual.html')"><li>Manual</li></a>
82 <a class = "basic" href="Voico_Info.html"><li>Info</li></a> 82 <a class = "basic" href="Voico_Info.html"><li>Info</li></a>
83 </ul> 83 </ul>
84 <ul class="menu_bar_icons"> 84 <ul class="menu_bar_icons">
85 - <li><a class = "basic" href="https://www.instagram.com/waterinbottle48/"><i class="fab fa-instagram"></i></a></li> 85 + <a class="basic" href="https://www.instagram.com/voicoding__/"><li><i class="fab fa-instagram"></i></li></a>
86 - <li><a class = "basic" href="http://khuhub.khu.ac.kr/2019102168/Voicoding"><i class="fab fa-github"></i></a></li> 86 + <a class="basic" href="http://khuhub.khu.ac.kr/2019102168/Voicoding"><li><i class="fab fa-github"></i></li></a></li>
87 </ul> 87 </ul>
88 <a href="#" class="menu_toggle"><i class="fas fa-bars"></i></a> 88 <a href="#" class="menu_toggle"><i class="fas fa-bars"></i></a>
89 </nav> 89 </nav>
......
...@@ -103,3 +103,16 @@ a{ ...@@ -103,3 +103,16 @@ a{
103 font-size:20px; 103 font-size:20px;
104 font-weight: bold; 104 font-weight: bold;
105 } 105 }
106 +.info{
107 + font-family: 'Noto Sans KR', 'Raleway';
108 + font-size:20px;
109 + margin:20px;
110 + background-color:#fce4ec;
111 + color:#e91e63;
112 +}
113 +.inquire{
114 + font-family: 'Noto Sans KR', 'Raleway';
115 + font-size:15px;
116 + margin:50px 20px 20px 20px;
117 + color:black;
118 +}
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
12 <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap" rel="stylesheet"> 12 <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap" rel="stylesheet">
13 <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet"> 13 <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet">
14 <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR&family=Raleway:wght@200&display=swap" rel="stylesheet"> 14 <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR&family=Raleway:wght@200&display=swap" rel="stylesheet">
15 + <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap" rel="stylesheet">
15 </head> 16 </head>
16 <body> 17 <body>
17 <nav class="voi_menu"> 18 <nav class="voi_menu">
...@@ -21,15 +22,32 @@ ...@@ -21,15 +22,32 @@
21 </div> 22 </div>
22 <ul class="menu_bar_content"> 23 <ul class="menu_bar_content">
23 <a class = "basic" href="Voico_Home.html"><li>Home</li></a> 24 <a class = "basic" href="Voico_Home.html"><li>Home</li></a>
24 - <a class = "basic" href="\Manual.txt"><li>Manual</li></a> 25 + <a class="basic" href="#" onclick="window.open('Manual.html')"><li>Manual</li></a>
25 <a class = "basic" href="Voico_Contact.html"><li>info</li></a> 26 <a class = "basic" href="Voico_Contact.html"><li>info</li></a>
26 </ul> 27 </ul>
27 <ul class="menu_bar_icons"> 28 <ul class="menu_bar_icons">
28 - <li><a class = "basic" href="https://www.instagram.com/waterinbottle48/"><i class="fab fa-instagram"></i></a></li> 29 + <a class="basic" href="https://www.instagram.com/voicoding__/"><li><i class="fab fa-instagram"></i></li></a>
29 - <li><a class = "basic" href="http://khuhub.khu.ac.kr/2019102168/Voicoding"><i class="fab fa-github"></i></a></li> 30 + <a class="basic" href="http://khuhub.khu.ac.kr/2019102168/Voicoding"><li><i class="fab fa-github"></i></li></a></li>
30 </ul> 31 </ul>
31 <a href="#" class="menu_toggle"><i class="fas fa-bars"></i></a> 32 <a href="#" class="menu_toggle"><i class="fas fa-bars"></i></a>
32 </nav> 33 </nav>
33 - 34 + <div class="info">
35 + <p>안녕하세요. 저희는 경희대학교 컴퓨터공학과 19학번 민병수, 천현우 입니다.<br><br>
36 + 저희는 프로젝트 Voicoding를 만드는 데에 {오픈소스 SW 개발} 과목에서 배운 Nodejs. Js. Git. 을 사용했으며,
37 + 과목에서 배우지 않고 사용한 언어는 Python, Html, CSS 등이 있습니다.<br><br>
38 + Voicoding을 사용하시려면, 위 메뉴바에서 Home을 클릭해주세요. (처음 메뉴 화면으로 돌아가고 싶으시다면 왼쪽 상단 위에 Voicoding을 눌러주시면 됩니다.) <br>
39 + 그리고, 메뉴바에 있는 Manual을 눌러 주시고, Manual에 맞춰서 입력을 하시려면 Speech 버튼을, 입력을 마치셨으면 To text버튼을 눌러 녹음을 종료해주세요. <br><br>
40 + Transcription Raw Data에 말씀하신 내용이 나타나고 그 아래 TTP에 Python 코드로 변환된 내용이 삽입된 것을 확인하실 수 있습니다.<br>
41 + 만약 의도한대로 입력이 되지 않았다면, 해당 코드를 클릭해 수정해주세요. <br>
42 + 코드를 전부 입력하셨다면, 위 Run 버튼을 눌러주시면 코드가 작동하는 것을 확인할 수 있습니다. <br>
43 + 작성하신 파일을 다운로드 받고 싶으시다면 TTP 레이아웃 왼쪽 상단 위에 존재하는 File을 누르시고 download를 누르시면 코드를 다운로드 받으실 수 있습니다. <br><br>
44 + </p>
45 + </div>
46 + <div class="inquire">
47 + <p>Voicoding의 모든 소스코드와 사용된 API, 그리고 참고 목록들은 Git repository, <a class = "inquire" href="http://khuhub.khu.ac.kr/2019102168/Voicoding">(http://khuhub.khu.ac.kr/2019102168/Voicoding)</a> 에 모두 정리되어 공개되어 있습니다. <br>
48 + 문의사항은 메뉴바 오른쪽 상단에 있는 깃허브와 인스타를 통해 문의 바랍니다. 감사합니다. <br><br>
49 + Voicoding은 오픈소스로서 모두가 자유롭게 변형 및 사용이 가능합니다. 가능하시다면 출처 남겨주세요!
50 + </p>
51 + </div>
34 </body> 52 </body>
35 </html> 53 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -21,12 +21,12 @@ ...@@ -21,12 +21,12 @@
21 </div> 21 </div>
22 <ul class="menu_bar_content"> 22 <ul class="menu_bar_content">
23 <a class="basic" href="Voico_Home.html"><li>Home</li></a> 23 <a class="basic" href="Voico_Home.html"><li>Home</li></a>
24 - <a class="basic" href="\Manual.txt"><li>Manual</li></a> 24 + <a class="basic" href="#" onclick="window.open('Manual.html')"><li>Manual</li></a>
25 <a class="basic" href="Voico_Info.html"><li>info</li></a> 25 <a class="basic" href="Voico_Info.html"><li>info</li></a>
26 </ul> 26 </ul>
27 <ul class="menu_bar_icons"> 27 <ul class="menu_bar_icons">
28 - <li><a class="basic" href="https://www.instagram.com/waterinbottle48/"><i class="fab fa-instagram"></i></a></li> 28 + <a class="basic" href="https://www.instagram.com/voicoding__/"><li><i class="fab fa-instagram"></i></li></a>
29 - <li><a class="basic" href="http://khuhub.khu.ac.kr/2019102168/Voicoding"><i class="fab fa-github"></i></a></li> 29 + <a class="basic" href="http://khuhub.khu.ac.kr/2019102168/Voicoding"><li><i class="fab fa-github"></i></li></a></li>
30 </ul> 30 </ul>
31 <a href="#" class="menu_toggle"><i class="fas fa-bars"></i></a> 31 <a href="#" class="menu_toggle"><i class="fas fa-bars"></i></a>
32 </nav> 32 </nav>
......
1 +안녕하세요 저희는 경희대학교 컴퓨터공학과 19학번 민병수, 천현우 입니다.
2 +
3 +저희는 프로젝트 Voicoding를 만드는 데에 {오픈소스 SW 개발} 과목에서 배운 Nodejs. Js. Git. 을 사용했으며, 과목에서 배우지 않고 사용한 언어는 Python, Html, CSS 등이 있습니다.
4 +
5 +Voicoding을 사용하시려면, 위 메뉴바에서 Home을 클릭해주세요. (처음 메뉴 화면으로 돌아가고 싶으시다면 왼쪽 상단 위에 Voicoding을 눌러주시면 됩니다.)
6 +그리고, 메뉴바에 있는 Manual을 눌러 주시고, Manual에 맞춰서 입력을 하시려면 Speech 버튼을, 입력을 마치셨으면 To text버튼을 눌러 녹음을 종료해주세요.
7 +
8 +Transcription Raw Data에 말씀하신 내용이 나타나고 그 아래 TTP에 Python 코드로 변환된 내용이 삽입된 것을 확인하실 수 있습니다. 만약 의도한대로 입력이 되지 않았다면, 해당 코드를 클릭해 수정해주세요. 코드를 전부 입력하셨다면, 위 Run 버튼을 눌러주시면 코드가 작동하는 것을 확인할 수 있습니다. 작성하신 파일을 다운로드 받고 싶으시다면 TTP 레이아웃 왼쪽 상단 위에 존재하는 File을 누르시고 download를 누르시면 코드를 다운로드 받으실 수 있습니다.
9 +
10 +Voicoding의 모든 소스코드와 사용된 API, 그리고 참고 목록들은 Git repository, (http://khuhub.khu.ac.kr/2019102168/Voicoding) 에 모두 정리되어 공개되어 있습니다.
11 +문의사항은 메뉴바 오른쪽 상단에 있는 깃허브와 인스타를 통해 문의 바랍니다. 감사합니다.
12 +
13 +Voicoding은 오픈소스로서 모두가 자유롭게 변형 및 사용이 가능합니다. 가능하시다면 출처 남겨주세요!
14 +