구글앱스에서는 공용주소록(Shared Contact)을 추가하는 사용자 입력 화면을 기본적으로 제공하지 않습니다.

따라서 일반 사용자가 공용주소록을 추가 하기가 쉽지가 않습니다.

이를 위해 구글앱스에서 제공하는 Google Apps Script와 Google Sites로 간단하게 공용주소록(외부 고객 주소록)을 관리하는 

어플리케이션을 개발 하였습니다.

주요 기능 :

앞으로 추가할 기능 :

아래는 실제 구현된 구글사이트에 포함된 Shared Contact 관리 화면을  보여 줍니다.

- 신규 사용자 등록 화면 (오른쪽 상단 New 버튼으로 작성)

- Shared Contact에 올려진 주소록

- Shared Contact 편집 및 삭제 화면

- 대량으로 파일을 업로드 하기 위해서는 업로드할 사용자를 Google Drive에 스프레드시트 파일에 

다음과 같은 형식으로(Name, Job Title, Company, Email, Phones, Address) 미리 데이터를 만들어 놓습니다.

- 대량 사용자 등록 화면 ( 오른쪽 상단의 “Bulk Import” 버튼을 눌렀을 때 실행되는 화면)

- 구글 드라이브에 미리 만들어 놓은 스프레드시트 화일을 Choose spreadsheet 아래 버튼을 눌러 선택

- 업로드  성공시 몇건이 정상적으로 업로드 되었는지 보여주는 화면

- 모두 정상적으로 추가되면 Spread Sheet의 마지막 column 에 “Done”으로 나타 납니다.

- Shared Contact는 반영되는데 시간이 소요됩니다. 바로 반영되지 않고 길게는 24시간이 걸리수도 있습니다.

적용이 잘 되면 아래의 화면과 같이 메일 작성 시 Shared Contact의  Email을 쉽게 확인할 수 있습니다.

현재는 해당 Application을 사용하기 위해서는 따로 스크립트를 해당 도메인에 복사를 해서 몇 가지 Deploy 단계가 필요합니다.

이런 Deploy 절차로 현재는 저희 SBC 고객 분들을 위해서는 무료로 제공해 드리고 있습니다.

추 후 Chrome web store 버전이 나오면 공개해 드리겠습니다.

필요하신 분은 메일 남겨주시면 도움 드리도록 하겠습니다.

감사합니다.

IT 기술의 변화는 따라가기가 힘겨울 수 있습니다. 직원들은 새로운 환경을 배워야 하고 매일 다른 방법에 익숙해져서 일들을 처리해야 합니다. 데이터 마이그레이션, 문의사항 처리, 하드웨어 구입 또는 업그레이드 때문에 이러한 변화는 CIO 와 IT 관리자에게는 더 힘겨운 일이 될 수 있습니다. 우리가 클라우드로 회사의 주요 인프라를 전환을 시작 했을 때 힘겨운 싸움을 준비 해야 했습니다.

우리는 MS Exchange를 14년 이상 사용해 왔습니다. 서버는 유용성이 떨어지기 시작했고,

클라우드 기반 메일 검토는 MS Office 365 와 구글 앱스로 구체화 되었습니다. 1,200 사용자가 MS 도구에 이미 에 익숙해 있어 클라우드 솔루션에 대해 납득하지 못했습니다. - Office 365는 여전히 소프트웨어와 하드웨어 설치가 필요했습니다. 구글앱스는 완전히 클라우드 기반으로 단일 라이센스로 모든것을 제공했습니다. 이런 방식이 더 좋았고, 리셀러 Cloud Sherpas의 도움으로 지난 여름 전환을 완료 했습니다.

직원들은 빠르게 Gmail, Calendar, 그리고 Google Docs에 적응했으며 굉장히 쉽게 외부 파트너와 그리고 동료간에 정보를 공유하고 프리젠테이션 작성에 익숙해 졌습니다. 우리의 영업 관리자는 Google+ Hangout을 공식 면접 전에 사전 인터뷰를 통해 미리 구인하는 사람과 더욱 대화를 많이 할 수 있었습니다.

기존의 Sharepoint 서버는 구글 Sites 와 구글 드라이브로 전환을 했고,  품질 보증 팀 100명은 사이트와 드라이브에 문서를 저장하고 그들이 작성한 자료를 공유하고 관리 합니다. 내부적으로 작성된 모든 문서는 회사 정책적으로 구글 문서를 사용하도록 하였습니다.

구글 사이트를 좀 더 멋있게 코딩 없이 애니메이션 효과의 슬라이드를 추가하는 방법을 소개 드립니다.

요즘 유행하는 홈페이지에서 슬라이드를 코딩 없이 몇번의 클릭으로 쉽게 추가할 수 있습니다.

1. 구글 드라이브에 있는 프리젠테이션을 아래의 이미지와 같이 새로 생성합니다.

그리고 전환 시 바뀌는  슬라이드 이미지를 일정 사이즈에 맞게 삽입 합니다.

2. 슬라이드 메뉴에서 전환 변경을 클릭합니다.

3. 오른쪽에 애니메이션 효과가 나타 납니다. 원하는 애니메이션 효과를 선택합니다.

저희는 페이드 기능( 화면이 밝아졌다 흐려 졌다하는) 효과를 적용 했습니다.

4. 해당 슬라이드를 아래와 같이 웹에 게시합니다.

5. 아래와 같이 해당 문서 링크 주소를 복사해 놓고(사이트에 추가 시 필요) 과 각각 옵션 설정을 합니다.

6. 사이트 편집 모드에서 슬라이드를 추가하는 위치에 마우스를 옮긴 후 메뉴의 "More gadgets"를 선택합니다.

7. Add gadget by URL을 선택해서 아래의 주소를 입력합니다.

http://hosting.gmodules.com/ig/gadgets/file/100852010860351994557/Presentation-to-slideshow.xml

8. 아래 입력 창에서 이전 슬라이드에서 copy 한 url을 link to the presentation 입력란에 붙여 넣고 OK 버튼을 클릭합니다.

9. 아래와 같이 이전에 작성해 놓은 슬라이드가 fade 애니메이션 효과를 내면서 추가 되어있음을 확인하실 수 있습니다. 

저희 사이트도 이와 같이 쉽게 구글앱스에서 제공되는 기본 기능으로 구현을 하였습니다.

추후에 HTML, CSS, Script 등의 resource를 구글 드라이브에 저장해 놓고 좀 더 빠르게 클라우드 상에서 웹사이트 구현하는 기능도 안내해 드리겠습니다.

감사합니다.

구글 사이트에서 ticker 추가하는 방법

이번에 저희 웹사이트를 약간 업그레이드 했습니다.

구글 사이트는 구글앱스의 기본 기능으로 홈페이지 제작 및 인트라넷 용도로 사용하실 수 있습니다.

회사의 중요한 공지나 안내를 ticker 기능을 이용해 쉽게 정보를 공유할 수 있습니다.

아래의 코드를 사이트 편집모드에서 원하는 위치에 HtmlBox 가젯 추가 후 붙여넣기를 하면 간단히 ticker를 구글사이트에 추가할 수 있습니다.

- Insert 메뉴에서 Ticker를 보여주기 위한 위치에 HTML Box 추가 화면

- HTML Box의 설정화면에서 코드 추가

- 실제 사이트에서 구동되는 화면

- 원본 소스 코드

Adding a ticker on Google Site with static content

• Open the Google site in editor mode and Navigate to the page where you would like to add the ticket.

• Go to Insert > HtmlBox

• Paste the following HTML code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script>

function tick(){

$('#ticker li:first').animate({'opacity':0}, 200, function () { $(this).appendTo($('#ticker')).css('opacity', 1); });

}

setInterval(function(){ tick () }, 5000); //Change this value to adjust the transition delay

</script>

<style>

.body {

  border: 1px solid #DDDDDD;

  border-radius: 1px;

  box-shadow: 0 0 5px #DDDDDD;

  height: 40px;

  overflow: hidden;

  padding: 0;

  width: 96%;

  font-size : 13pt;

}

.ticker {

  list-style: none outside none;

  height: 40px;

  overflow: hidden;

  margin : auto 0px;

  }

.ticker li {

  border-bottom: 1px dotted #DDDDDD;

  height: 40px;

  line-height : 40px;

  margin: 0 5px;

  padding: 0px 5px;

  vertical-align: middle;

}

</style>

<div class="body">

<div style="float:left">

  <img src="https://sites.google.com/a/sbctech.net/sbc-technology-2/contactus/rss_icon.png" style="width:30px; height:30px; margin:5px"/>

</div>

<div style="float:none">

<ul class="ticker" id="ticker">

<li style="opacity: 1;">

 <a href="http://www.sbctech.net/apps-update/gugeul-aebseuseukeulibteuleulhwal-yonghanilyeogseogwanli">클라우드 온라인 이력서 소개</a> Create resume directly in Google drive.

</li>

<li style="opacity: 1;">

 <a href="http://www.sbctech.net/apps-update/sbcsmartinvoicev11chromeversion">Cloud Smart Invoice 소개</a> Free invoicing app built using Apps Script.

</li>

</ul>

</div>

</div>

Google Drive에서 파일 미리보기

더욱 강력해진 Google Forms

WEDNESDAY, JANUARY 30, 2013

소개