친절한효자손 취미생활

[크롬 앱 실행기] Chrome 웹스토어 Gliffy(글리피) 플로어차트 만들어보자



지난번 포스팅때, 직업학교 유니티 조별과제때 잠깐 보여드렸던

플로어차트를 손으로 그리는 것이 아닌, 그렇다고 일러스트레이터나 포토샵으로 그리는 것이 아닌!


다름아닌, 웹에서 제작하는 방법에 대해서 문의가 있어서

좀 더 자세히 말씀드려 보도록 하겠습니다^^




우선, 크롬이 아닌 다른 브라우저에서 사용시에 이렇게 가입과 동시에 사용이 가능하지만,

시험판으로 사용이 되며, 7일 이후에는 결재를 해야 합니다.





그래서, 혹시라도 다른 브라우저를 쓰신다고 하면, Giffty (기프티) 를 이용하실 때에는

반드시 크롬을 사용해 주시기를 권장합니다.


크롬 실행후에, 왼쪽 상단에 저렇게 앱 이 있을겁니다.

만약 없다면???





이렇게 해주시면 됩니다^^





크롬 앱 실행기를 누르시면, 이런화면이 나옵니다.

여기서, 왼쪽 상단에 웹스토어 아이콘을 클릭하여 들어갑니다.





구글 크롬 웹스토어는 스마트폰에 있는 앱스토어랑 비슷한 개념이고요~

크롬으로 여러가지를 할 수 있는 확장 플러그인 프로그램 이라고 보시면 됩니다.


자, 그러면, Giffty 를 검색하여, 저렇게 크롬에추가 를 클릭합니다.





또 하나의 창이 뜰거에요.

그러면 앱 추가를 클릭하여, 마무리를 지어주세요.





이렇게 이미지로 친절하게 설명이 됩니다^^

사용법이 나오므로, 그대로 따라하시면 됩니다.





저도, 이렇게 윈도우 작업표시줄에 크롬 앱 실행기 아이콘이 생성되었습니다.

한번 눌러볼까요???





기본 웹 프로그램들이 있구요, 여기에 방금 추가한 Giffty (기프티) 가 있군요^^

한번 실행해 보겠습니다.





기왕이면, 다른 아이디 말구용,

크롬에 로그인 하셨던 그 아이디로 진행해 주시는것을 권장합니다. (햇갈림방지)

크롬은 구글에서 만든 것이니, 보통은 지메일을 많이 쓰죠???





네~ 등록이 완료되면, Start Drawing 을 하셔서 시작해 주세요.





기본적인 레이아웃 입니다.

위에는 포토샵처럼 툴바 같은 기능이구요, 왼쪽이 디테일한 항목들 입니다.


그리고, 녹색 부분은, 어떤 것을 만들지 정하는 항목이라 보심 되는데,

예를 들자면, 플로우차트를 진행하려고 하면, 저기서 플로우차트 메뉴를 클릭하여 진행하면 됩니다.





이런식으로 플로우차트에 쓰이는 도형들로 별도구성이 됩니다.

이제 오른쪽에 드래그해서 배치하고 크기설정하면서 만들어 나가면 되는 것이죠^^





이런식으로 하나하나 넣어서 만들어 주시면 됩니다.

그냥 드래그만 하고 크기만 바꿔주면 되니까 엄청 편합니다.


기본적으로 스냅 기능이 있어서 딱딱~! 크기를 서로간에 맞출 수 있습니다.





이런식으로 꺽임선도 별도의 툴이 있어서

꼭지점만 맞춰서 그대로 갖다대면, 선들이 알아서 적당하게 배치가 됩니다.


세부설정은 일단 서로 이어주고 나서, 저기 동그라미 부분으로 위치도 조절이 가능합니다.





이런식으로 모두 완성이 되면, 나중에 기본 테마들을 이용하여 색상도 변경을 할 수 있습니다.

물론 세부적으로 하나하나 변경도 가능합니다.


자신이 마음에 드는 색상으로 한번 이쁘게 꾸며 보세요^^



자, 플로어차트 어렵지 않습니다^^

크롬의 Giffty (기프티)를 이용하여 한번 나만의 멋진 플로어차트를 만들어 보세요!


공유하기

facebook twitter kakaoTalk kakaostory naver band