Skip to content

jieun1128/Wooly_clouds

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Wooly_Clouds

2021-2 데이터사이언스 캡스톤 디자인

클라우드 시각화 프로젝트

스크린샷 2021-12-05 오후 9 53 47

aws의 user access key를 입력받아 인프라간 관계를 시각화하고 인프라 생성 및 수정이 가능한 웹 사이트입니다.

It is a website that can visualize the relationship between infrastructures and create and modify infrastructure by receiving the user access key of aws.


System Architecture

스크린샷 2021-12-05 오후 9 40 58

Backend: Flask, Boto3
Frontend: html, css, javascript, D3.js
Middleware: Gunicorn
etc: Amazon Web Service

Installation

Clone Repository

$git clone [email protected]:jieun1128/Wooly_clouds.git

Docker 🐳

docker-compose up -d 

Nginx

http://localhost:8000

Local

WebPage: http://localhost:5000/
Swagger: http://localhost:5000/swagger 

Features

 이 웹사이트는 인프라 시각화, 인프라 생성 및 수정 총 2가지 기능을 제공하고 있습니다.

1) Tree chart를 이용하여 인프라의 전체적 구조를 보여주며, 특정 인스턴스 선택 시 상세 정보를 확인 가능합니다.

2) 원하는 인프라를 선택하여 정보를 입력하면 새로 생성이 가능합니다.

1) Infra Visualization

스크린샷 2021-12-06 오후 11 42 46

- 시각화 창에 들어가면 Tree Chart를 이용하여 인프라의 전체적인 구조를 확인 할 수 있습니다.

스크린샷 2021-12-06 오후 11 43 17

- 또한 인스턴스 선택 시 상세 정보를 확인 할 수 있습니다.

2) Modify Infratructure

스크린샷 2021-12-05 오후 10 01 13

- addInstance창에 들어가서 생성할 인프라 선택 후 정보를 입력하면 새로운 인스턴스 생성이 가능합니다.

스크린샷 2021-12-07 오전 12 49 08

- ec2의 경우 상세 정보 창에서 인스턴스 시작/종료 및 삭제가 가능합니다.

Team Member

김성식 김응민 박지은 오종엽
@tjdtlr1114 @chrismin @jieun1128 @ojongy

About

클라우드 시각화 프로젝트

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published