MixedCode

안녕하십니까? 믹스드코드랩 운영자 강창훈입니다.
지난 3월~4월에 믹스드코드를 통해 진행된 오프라인 웹채팅 코드랩의 대기자분들을 위한 앵콜? 코드랩을 아래와 같이 재구성된 커리큘럼으로 D.CAMP에서 5월 30일(화요일), 06월 01일(목요일) 양일에 걸쳐 진행할 계획입니다. 

코드랩 주제는 HTML5 Websocket 기술과 & ASP.NET SignalR 기술을 활용한
  유무선 통합채팅 개발 및 서비스 코드랩 프로젝트로 이전 코드랩과
동일한 주제를 다루지만
개발 및 서비스 방식을  이원화하여 Windows Server 및 Linux 서버에서 동시 서비스를 할수있게 프로그램을 재구성하였습니다.

믹스드코드의 코드랩 프로젝트는 다양한 신기술들을 융합하여 직접 신청자들과 관련 서비스를 만들어보는 프로토타입 코딩 프로젝트로 해당 기술의 전문가와 함께 관련 기술들을 직접 구현.서비스 해보고 프로토 타입 형태로 프로젝트를 직접 수행해봄으로써 적용기술과 비지니스의 가능성을 검증해보고 배우는 오프라인 무료 교육 프로그램 입니다.

이번에 준비한 프로젝트는 표준 웹브라우저의 HTML5 웹 실시간 통신기술인 WebSocket Client 기술과 ASP.NET SignalR이라는 Server Side WebSocket지원기술을 이용해 표준 웹브라우저 기반에서 별도의 ActiveX Plugin 설치없이 순수 웹기술을 기반으로 한 PC,Mobile 통합 채팅 시스템을 개발하고 클라우드 기반의 윈도우 가상서버 또는 리눅스 가상서버를 통해 직접 서비스하는 방법까지 함께 습득하는 코드랩 프로그램입니다.

모든 믹스드코드랩 프로젝트는 관련 전문가를 통해 해당 기술기반에서 프로젝트를 진행했던 선행경험을 바탕으로 기술과 비지니스를 사전검증하는 과정을 거치며 금번 프로젝트 또한  해당기술을 이용해 개발되어 직접 서비스중인 "동글채팅" ( http://dongledongle.com )이라는 비지니스 모델을 바탕으로 교육 프로젝트의 실무 커리큘럼을 구성하였습니다.


1.코드랩 진행일정

-1일차: 2017년 05월 30일(화요일) D.CAMP4층세미나실 오후 7시~10시
-2일차: 2017년 06월 01일(목요일) D.CAMP4층세미나실 오후 7시~10시
-참석인원: 선착순 40명 (5월 11일 오후1시부터 다음주소에서 접수시작 :
http://onoffmix.com/event/99881 )
-코드랩장소: 은행권 청년창업재단 D.CAMP
-코드랩 장소는 은행권 청년창업재단 D.CAMP에서 무료로 제공해주시고 계십니다. 항상 감사드립니다. ^^
-D.CAMP 홈페이지 :  http://dcamp.kr/
찾아오는방법: 분당선 선정릉역 4번 출구에서 선릉역 방향으로 도보 3분 / 2호선 선릉역 7번 출구에서 도보 5분


2.세부 커리큘럼 : 전체커리큘럼은 2일간 6시간으로 구성되었습니다.

1일차: 코드랩 소개 및 웹채팅 개발기초 :  3시간
( 05월 30일 화요일 D.CAMP)

1.1 RealTime Web & HTML5 Websocket
ㄴRealTImeWeb(실시간 웹)?
ㄴHTML5 & HTML5 Websocket 소개
ㄴ실습: HTML5 초간단 웹채팅 구현하기

1.2 ASP.NET SignalR 기술소개
ㄴ.NET Platform & ASP.NET MVC & ASP.NET SignalR 기술소개
ㄴASP.NET SignalR 소개
ㄴASP.NET SignalR 개발환경 구축하기(Visual Studio 2017)(수강생 사전준비사항)
 사전준비사항 링크참조 : http://mixedcode.com/Article/Index?aidx=1149
ㄴ실습: ASP.NET SignalR 기초 웹채팅 구현하기
ㄴ실습: ASP.NET SignalR 기초 웹게임 구현하기

1.3 믹스드  코드랩 소개
ㄴ믹스드코드 & 코드랩 소개
ㄴ코드랩 커리큘럼 및 강사 소개


2일차: 웹채팅 기능개발 및 클라우드 가상서버에서 서비스하기 
( 06월 01일 목요일 D.CAMP) 

2.1 웹채팅 템플릿을 이용한 웹채팅 주요기능 구현하기
(채팅방입장,채팅메시징처리,그룹채팅,사용자목록,강퇴처리,채팅저장하기,나가기)

2.2 Azure 클라우드 윈도우 가상서버에 배포 및 서비스하기
-글로벌 Public 클라우드 서비스 소개( AWS,MS,IBM,Google )
-Microsoft Azure 클라우드 가상서버 및 웹서버 환경 구축하기(수강생 사전준비사항)
사전준비사항 링크참조 :
http://mixedcode.com/Article/Index?aidx=1115
-웹채팅서비스 클라우드로 서비스 배포&서비스하기

2.3 아마존 AWS 클라우드 우분투 리눅스 가상서버에 배포 및 서비스하기
-Visual Studio Code Editor와 웹채팅 템플릿을 이용한 웹채팅 세부기능 구현하기
(채팅방입장,채팅메시징처리,그룹채팅,사용자목록,강퇴처리,채팅저장하기,나가기)
-아마존 클라우드 우분투 리눅스 가상서버 환경 구축하기(수강생 사전준비사항)
사전준비사항 링크참조 :
http://mixedcode.com/Article/Index?aidx=1115
-우분투 리눅스 가상서버를 이용한 웹채팅 서비스 배포 및 서비스하기

3일차: 마이크로소프트 봇 프레임워크 활용하기( 오프라인 코드랩에서 제공하지 않음)
-Microsoft Bot Framework?
-Bot Framework & Chat Bot 원리 이해하기
-티켓예매 ChatBot 구현하기
-쇼핑몰 ChatBot 구현하기


세부 커리큘럼 교육자료는 아래 링크를 참고해주세요.
http://mixedcode.com/Category/Index?cidx=33


3.코드랩 배경

먼저 금번 프로젝트에서 사용되는 주요기술들에 대한 기술 배경부터 간략히 알아보도록 하겠습니다. 
90년대 말 웹의 출현 이후 10여년 만에 다양한 스마트기기의 출현으로 웹 응용프로그램의 개발 패러다임이 크게 변화하고 있습니다.

초기 홈페이지,쇼핑몰,업무보조시스템을 만들던 웹은 이미 세상의 중심이 되었고  이제는 하이브리드앱,반응형웹과 같은  모바일 환경을 지원하기 위한 수단으로 더욱더 웹이 각광받는 시대가 되고 있습니다.

Microsoft,JAVA와 같은 개발플랫폼 과 개발툴들을 제공하던 많은 소프트웨어 벤더사들은 변화하는 사용자요구와 기술의 흐름에 대처하기 위해  수 많은 오픈 소스기술을 직접 주도하거나 해당기술들을 채택하고 있으며 개발환경 또한 오픈 소스기반으로 빠르게 변화시키고 있습니다.

웹 응용 프로그램 개발방식 또한  DesktopPC,Tablet ,SmartPhone등다양한 디바이스를 OneSource로 동시 지원하기 위해  Responsive Web(반응형웹)개발방식으로  개발되어지고  있으며 다양한 최신 브라우져들의  HTML5,CSS3,AJAX,Web Socket 등과 같은 표준 웹기술 지원을 통해 그동안 웹에서 불가능하던 많은 기능들의 구현이 가능해졌습니다.

그중 메시지 통신 관련한 대표적인 기술로는 REST 기반의  데이터 송수신 기술인 클라이언트 기술인 AJAX 와 서버측 기술인 OPEN API  기술 과 웹서버와 웹브라우져간  연결기반 리얼타임 통신이 가능한 클라이언트측 기술인 WEBSOCKET기술 과 Node.js,ASP.NET SignalR등의 서버기술들을 예로 들수 있습니다.

Microsoft .NET 환경에서는 REST기반의 OPEN API 서버기술을 지원하기 위해  WEBAPI라는 기술을 제공하며 다양한 브라우져와 웹서버간 리얼타임 메시지 통신을 지원하기 위해 서버측 ASP.NET SignalR 기술등을 제공합니다.

금번 프로젝트의 내용은 Microsoft .NET 플랫폼 환경 기반에서  ASP.NET SignalR기술을 활용 웹서버에 채팅모듈을 구현하고 DesktopPC,SmartPhone,Tablet에서 웹브라우저를 통해 실시간으로 채팅하는 기능을 구현합니다.
DeskTopPC,Tablet,SmartPhone 표준 브라우저 사용자를 위한  별도의 프로그램(ActiveX) 설치없이 사용자 단말기의 웹 브라우져만으로 PC 브라우저 사용자들과 스마트폰 브라우저 사용들이 동시 채팅이 가능한 브라우저 기반 유무선 통합 실시간 채팅이 가능한 웹 응용프로그램을 개발할것입니다.

본 프로젝트에서는 ASP.NET SignalR기술 뿐만 아니라 Web Browser Client측 기술로 JQuery,Bootstrap,WebSocket,Ajax 등의 기술과  Microsoft의 새로운 Open API기술인  ASP.NET WEB API기술을 이용했으며  웹 응용프로그램은 기본적으로 ASP.NET MVC5 환경에서 개발이 진행됩니다.
또한 개발된 소스의 서비스를 위해 Microsoft Azure Cloud 윈도우 가상서버 와 아마존 AWS 클라우드의 리눅스 가상서버를 이용할 예정이며 개발툴은 Visual Studio 2017,Visual Studio Code를 함께 사용할 예정입니다.

본 코드랩 프로젝트에서는 제공하지는 않지만 인공지능 기반의 Microsoft Bot Framework와 연동한 챗봇 프로그램으로의 확장 커리큘럼을 계획하고 있습니다. 


4. 교육 타깃 대상

1) 대학생,스타트업 개발자
2) 생활코딩에 관심있는 일반인
3) 프로그래머(앱개발자,프론트앤드개발자,웹개발자,.NET 개발자)
4) 2018년 S/W 의무교육을 앞둔 초,중,고 학생 및 교사,학부모
5) 웹채팅 개발에 관심이 많으신분들 모두


5.강사 주요경력사항

-중국 칭다오 성림전자 주재원(개발팀 개발팀장)
-MS 골드파트너 필라넷 선임 기술 컨설턴트
-분당서울대 병원 차세대 시스템 Technical Architect
-삼성 SDS 빌딩에너지관리솔루션 프로젝트 Technical
Architect
-삼성전자 반도체사업부 프로젝트 Application
Architect
-현재 융합기술 정보제공 플랫폼 “믹스드코드닷컴” 개발운영
-현재 1인창조기업 시그널소프트 대표


6. 신청 접수 방법

하기 온오프 믹스 사이트를 통해 5월 11일(목) 오후 1시부터 선착순 40명을 모집합니다.

http://onoffmix.com/event/99881






Comments

  1. 지각생

    저의 게으름으로 또 코드랩을 놓쳤네요.
    메일을 보긴했는데 이렇게 빨리 마감될거라곤 생각을 못했습니다.
    이전에도 또 대기자가 되어버렸습니다.
    좋은 프로그램 준비해주셔서 감사하구요.
    사이트를 통해 진행해보고 궁금한게 있으면 댓글 남기겠습니다. ㅎㅎ

  2. 이아영

    한달만에 들어온듯 한데요. 컨텐츠가 몬가 마니마니 풍부해졌네요. ^^
    Arduino 와 Xamarin 기반의 스마트 온습도계 디바이스 & Native App 개발 서비스하기
    이 코드랩 꼭 한번 참여해보고 싶습니다.
    위 코드랩 시작할때 기존 코드랩 참가자들에게도 이번처럼 메일보내주시면 정말 좋을것 같아요.
    운영자님은 정말 대단하신듯~~~ 최공 엄지척...
    늘 감사합니다.

  3. 고대남

    그토록 고대하던 앵콜 코드랩이 시작되는군요.
    약속대로 사전메일 보내주신 운영자님께 진심으로 감사드립니다.
    내일은 내가 1등으로 접수할테다...-+;
    정말 감사합니다.

Leave a Reply

*