SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Server Resource
Web Monitoring Project
Layout
0891028 오경민
1191061 김태호
Main Page


서버의 자원을 계측하는 만큼 민감한 정보도 보일 수 있으므로 기밀성을 유지하
기 위하여 계정을 만들어 로그인 방식으로 ID와 Password를 통한 인증방식을 통
하여 접근할 수 있도록 URL을 입력하였을 때 로그인 페이지가 나올 수 있게 만
들 예정입니다.
Monitoring Page


Browser측에서 확인하고자 하는 Server Resource(CPU, Memory, HDD,
Network)를 한 화면에 다 보여주기 보다는 Sub Menu를 두어 각 Menu버튼을 누
를 경우에 맞춰 해당되는 자원의 그래프만을 보여주려고 합니다. (그림1 참조)



관리자입장에서는 중요한 시기에서의 그래프를 캡쳐 하고자 할 경우가 있을 것
입니다. 이때를 위하여 그래프 밑에 ‘캡쳐(capture)’버튼을 두어 화면 아래에는
최근 캡쳐 된 그래프를 5개 단위로 둘 수도 있으며 이를 저장할 수 있도록 만들
어볼 예정입니다. - 캡쳐된 그래프 검색도 생각해볼 예정 (그림2 참조)



그래프 모양만으로는 정확한 수치를 모르니 그래프 아래 작은 글씨로라도 현재
그래프에서의 최댓값, 최솟값, 평균 치, 표준편차 값을 계산하여 보여줄 것입니
다. (그림3 참조)
그림1 (sub menu)
Header

Sub Menu

Content

CPU 사용량
Memory 사용량
HDD 사용량
Network 사용량
그림2 (content)
Content
사
용
량

chart1
시간대역 [ 최댓값 : * 최솟값 : * 평균치 : * 표준편차 : * ]

시간(초)

캡쳐(버튼)

사용량을 넘어선 경우
그래프 선의 색을 빨간색으로 표시한 후 자동적으로 캡쳐 되게 만들 예정입니다.

캡쳐 목록
(캡쳐그래프를 5개
단위로 보여줄 예정)
- 댓글처럼 줄줄히
보여주는 방식
Monitoring Layout
Header

Sub Menu

Footer

Content
Layout 평가




Layout 형태에 대해서는 다른 web사이트와 비슷한 형태로 구성을 하였습니다.
진부하다는 생각을 가질 수도 있었지만 보다 우리의 최종 프로젝트의 목적을 고
려해봤을 때 독특한 구조로 구성하면 관측에 방해가 되는 요소가 될 거 같았습니
다.
Header와 Footer부분은 아직 구체적으로 구성을 할지 고민 중 입니다.



현재 기능적인 부분을 layout에 넣는 부분에서는 그 상태에서의 그래프를 캡쳐
하여 웹 상에서 비교하여 보여 줄 수 있는 기능에 더불어 사용량을 초과하였을
때 빨간 그래프로 변하여 자동적으로 캡쳐 하는 기능을 꼭 추가해보고 싶습니다.



로그인 제도는 프로젝트 마지막에 구성하여 추가할 수 있으면 추가하는 방향으
로 가보고 싶고 이 부분은 조금 더 의견을 나누어봐야 할 거 같습니다.

Weitere ähnliche Inhalte

Empfohlen

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by HubspotMarius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 

Empfohlen (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Layout

  • 1. Server Resource Web Monitoring Project Layout 0891028 오경민 1191061 김태호
  • 2. Main Page  서버의 자원을 계측하는 만큼 민감한 정보도 보일 수 있으므로 기밀성을 유지하 기 위하여 계정을 만들어 로그인 방식으로 ID와 Password를 통한 인증방식을 통 하여 접근할 수 있도록 URL을 입력하였을 때 로그인 페이지가 나올 수 있게 만 들 예정입니다.
  • 3. Monitoring Page  Browser측에서 확인하고자 하는 Server Resource(CPU, Memory, HDD, Network)를 한 화면에 다 보여주기 보다는 Sub Menu를 두어 각 Menu버튼을 누 를 경우에 맞춰 해당되는 자원의 그래프만을 보여주려고 합니다. (그림1 참조)  관리자입장에서는 중요한 시기에서의 그래프를 캡쳐 하고자 할 경우가 있을 것 입니다. 이때를 위하여 그래프 밑에 ‘캡쳐(capture)’버튼을 두어 화면 아래에는 최근 캡쳐 된 그래프를 5개 단위로 둘 수도 있으며 이를 저장할 수 있도록 만들 어볼 예정입니다. - 캡쳐된 그래프 검색도 생각해볼 예정 (그림2 참조)  그래프 모양만으로는 정확한 수치를 모르니 그래프 아래 작은 글씨로라도 현재 그래프에서의 최댓값, 최솟값, 평균 치, 표준편차 값을 계산하여 보여줄 것입니 다. (그림3 참조)
  • 4. 그림1 (sub menu) Header Sub Menu Content CPU 사용량 Memory 사용량 HDD 사용량 Network 사용량
  • 5. 그림2 (content) Content 사 용 량 chart1 시간대역 [ 최댓값 : * 최솟값 : * 평균치 : * 표준편차 : * ] 시간(초) 캡쳐(버튼) 사용량을 넘어선 경우 그래프 선의 색을 빨간색으로 표시한 후 자동적으로 캡쳐 되게 만들 예정입니다. 캡쳐 목록 (캡쳐그래프를 5개 단위로 보여줄 예정) - 댓글처럼 줄줄히 보여주는 방식
  • 7. Layout 평가   Layout 형태에 대해서는 다른 web사이트와 비슷한 형태로 구성을 하였습니다. 진부하다는 생각을 가질 수도 있었지만 보다 우리의 최종 프로젝트의 목적을 고 려해봤을 때 독특한 구조로 구성하면 관측에 방해가 되는 요소가 될 거 같았습니 다. Header와 Footer부분은 아직 구체적으로 구성을 할지 고민 중 입니다.  현재 기능적인 부분을 layout에 넣는 부분에서는 그 상태에서의 그래프를 캡쳐 하여 웹 상에서 비교하여 보여 줄 수 있는 기능에 더불어 사용량을 초과하였을 때 빨간 그래프로 변하여 자동적으로 캡쳐 하는 기능을 꼭 추가해보고 싶습니다.  로그인 제도는 프로젝트 마지막에 구성하여 추가할 수 있으면 추가하는 방향으 로 가보고 싶고 이 부분은 조금 더 의견을 나누어봐야 할 거 같습니다.