Upload
wiim
View
1.451
Download
8
Embed Size (px)
DESCRIPTION
web2.0
Citation preview
제가 초등학생인데 ...쉽게 홈페이지만드는 방법을 설명 부탁드려
욧 !!!
제가 초등학생인데 ...쉽게 홈페이지만드는 방법을 설명 부탁드려
욧 !!!
초등학생이든 , 유치원생이든 , 서울대 대학생이든 공부 안하고 처음부터 쉽게 만들 수 있는 사람 없습니다 .홈페이지 제작 무료 강좌로 검색을 해서 공부하다보면 잘 만들 수 있게 될겁니다 .
초등학생이든 , 유치원생이든 , 서울대 대학생이든 공부 안하고 처음부터 쉽게 만들 수 있는 사람 없습니다 .홈페이지 제작 무료 강좌로 검색을 해서 공부하다보면 잘 만들 수 있게 될겁니다 .
변화 3변화 3
웹정보 -> 웹비지니스
웹문서 -> 웹어플리케이션
웹 1.0-> 웹 2.0
제 1 부 : History of Web
IT 선교 컨퍼런스IT 선교 컨퍼런스
제 3 부 : Web2.0 시대
제 1 부
웹의 역사
Timeline
웹 의 역사웹 의 역사
제 2 부
웹의 변화
웹문서 , 웹검색 , 웹 1.0 웹어플리케이션 , 검색광고 , 웹 2.0
Paradigm Shift
Web
웹의 세가지 변화
웹문서 -> 웹어플리케이션
웹 어플리케이션웹 어플리케이션
URLURL
HTTPHTTPHTMLHTML
Web Web
ResponderResponderRequesterRequester Communi
cationCommuni
cation
ServerServerClientClient NetworkNetwork
Web Browser
Web Server
DNS
HTTP
URLHTML
Web Component & Architecture Web Component & Architecture
Components
Architecture
WebStandard:XHTML, CSS, DOM,JavaScriptMicroformats
Permalink OpenID
RSSOpenAPIWeb Services
Content
Communication
Addressing
블로그
워드프레스
미디어위키
트위터매쉬업
CMS(Content Management System)
Wiki
RIA(Rich Internet Application)
SNS
Blog
제로보드 XE
Web Application Web Application
XMLAjax
Air
Flex
Flash
위키백과
API
JavaScript
오픈계정 , 오픈소스 , 오픈 API, 오픈 Application 사용자의 데이터 “ 쓰나미”
Web2.0
웹 2.0 세가지 요소
북마크
맵핑
캘린더
문서 리더지식
블로그
파일
위키
오피스
자료
가입형 CMS
Web2.0Service
관리
사진
동영상
슬라이드
Open Account “Web2.0”Service회원가입으로 계정부여하여 웹 2.0 서비스를 무료로 제공하는것을 말한다 .
미디어
미디어
Summary 현재 제공되는 웹서비스는 ?
Open Account Web2.0 Service Open Account Web2.0 Service Open Account Web2.0 Service Open Account Web2.0 Service
웹서비스 구분웹서비스 구분
1 문서공유서비스
2 사진공유서비스
3 지식공유서비스
4 동영상공유서비스
5 슬라이드공유서비스
6 리더공유서비스
7북마크공유서비스
8파일공유서비스
9미디어공유서비스
10캘린더공유서비스
11맵핑공유서비스
12온라인미팅서비스
13온라인메모서비스
14이메일공유서비스
웹서비스 업체 웹서비스 업체
1 http://docs.google.com
2 http://picasaweb.google.com
3 http://knol.google.com
4 http://www.youtube.com
5 http://www.slideshare.net
6 http://www.google.co.kr/reader
7http://xmarks.com
8http://4shared.com
9http://photoshop.com
10http://calendar.google.com
11http://blogs.mu
12http://iomeeting.com
13http://linoit.com
14http://groups.google.com
서비스 구분 서비스 URL 서비스 내용
사진 , 비디오 , 문서 검색
파일 10GB 저장 공간 제공
음악 10GB 저장 공간 제공
사진 10GB 저장 공간 제공
비디오 10GB 저장 공간 제공
문서 10GB 저장 공간 제공
http://search.4shared.com
4shared.com/file_sharing.jsp
4shared.com/share_music.jsp
4shared.com/ share_photo.jsp
4shared.com/ share_video.jsp
4shared.com/share_document.jsp
4shared Toolbar
4shared Desktop
검색 서비스
파일공유서비스
음악공유서비스
사진공유서비스
비디오공유서비스
4shared.com 의 웹서비스
문서공유서비스
툴바 프로그램
탐색기프로그램
툴바 설치
웹스토로지 Tool
검색 , 파일공유 서비스
http://search.4shared.com 4shared.com/file_sharing.jsp
사진 , 비디오공유 서비스
4shared.com/share_photo.jsp 4shared.com/share_video.jsp
문서 , 음악공유 서비스
4shared.com/share_document.jsp 4shared.com/share_music.jsp
서비스 구분 서비스 URL 서비스 내용검색비교
( 빙 , 구글 , 트위터 , 위키피디아 ,야후 )
문서 , 사진 , 동영상 동시검색
트위터와 연계된 음악공유
사진업로드 후 주소제공
사진검색 , 앨범제작
사진편집 , 문자삽입
http://panabee.com
http://spezify.com
http://blip.fm
pict.com / pixavid.com
picitup.com / everystockphoto.com
cutmypic.com/imagechef.com
http://humyo.com
http://filemail.com
검색 서비스
멀티미디어검색
음악공유서비스
사진공유서비스
사진검색서비스
웹 2.0 서비스 모음
사진편집서비스
파일공유서비스
메일공유서비스
파일 10GB 저장 공간 제공
2GB 첨부화일 전송서비스
온라인미팅서비스
온라인메모서비스
http://iomeeting.comdimdim.com
http://sneffel.comlinoit.com
온라인 미팅 서비스
온라인메모 , 칠판서비스
검색 서비스panabee.com spezify.com
이미지검색 , 공유서비스picitup.com everystockphoto.com
bigfoto.com phandy.com
이미지공유 , 편집 서비스pixavid.com pict.com
cutmypic.com imagechef.com
동영상 , 슬라이드 공유 서비스youtube.com slideshare.net
humyo.com filemail.com파일공유 , 메일전송 서비스
단문 , 음악공유 서비스
twitter.com blip.fm
온라인 미팅 서비스
iomeeting.com dimdim.com
온라인 메모장 , 칠판 서비스
linoit.com sneffel.com
가입형 CMS 서비스tistory.com thoth.kr
springnote.com
워드프레스
텍스타일
텍스트큐브
미디어위키 모니위키
제로보드
XE
그누보드
Wiki
Project
Board
CMS
Blog
줌라
드루팔
플론
Open Source “CMS”Service컨텐츠 관리 시스템 (CMS) 소스를 무료로 제공하여 자신의 서버에 설치하여 사용한다 .
Builder
Summary 현재 제공되는 CMS 서비스는 ?
Open Source CMS Service Open Source CMS Service Open Source CMS Service Open Source CMS Service
CMSCMS 구분구분
1 게 시 판 ( 제로보드 )
2 게 시 판 ( 그누보드 )
3 블 로 그 ( 워드프레스 )
4 블 로 그 ( 텍스트큐브 )
5 블 로 그 ( 텍스타일 )
6 홈피빌더 ( 줌라 )
7홈피빌더 ( 드루팔 )
8홈피빌더 ( 플론 )
9위 키 ( 미디어위키 )
10위 키 ( 모니위키 )
11프로젝트 (XE)
CMSCMS 업체 업체
1 http://xpressengine.com
2 http://sir.co.kr
3 http://ko.wordpress.org
4 http://textcube.org
5 http://textyle.kr
6 http://joomla.org
7http://drupal.org/
8http://plone.org/
9http://mediawiki.org
10http://moniwiki.kldp.net
11http://xpressengine.com
게시판제로보드
http://xpressengine.com그누보드
http://sir.co.kr
블로그텍스트큐브
http://textcube.org텍스타일
http://textyle.kr
위키Mediawiki
http://mediawiki.org/wiki/MediaWiki/
미디어위키http://mediawiki.org/wiki/
MediaWiki/ko
홈피빌더Joomla
http://joomla.orgDrupal
http://drupal.org
지 도
위 젯
검 색
지 도기 능
지 도
지 도
네이버 API
MS API
야후 API
Mashup
다음 API
구글맵
유튜브
Flickr
Open API “Mashup” ServiceOpen API 를 이용하여 매쉬업하여 새로운 형태의 웹사이트를 구축한다 .
구글 API
검 색
Summary 현재 제공되는 OpenAPI 는 ?
Open API Mashup Service Open API Mashup Service Open API Mashup Service Open API Mashup Service
Oen APIOen API
1 구글맵 API
2 Flickr API
3다음검색 API
4네이버지도 API
5야후 거기 지도 오픈 API
6스프링노트 API
7티스토리 블로그 API
8MS 지도 API
9다음 위젯뱅크 API
10Open Social API
Mashup SiteMashup Site
1 http://earthalbum.com
2 http://virtualvideomap.com/
3http://beta.twittervision.com/
4http://beta.twittervision.com/
5http://www.trippermap.com/
6http://www.flashearth.com/
7http://www.uizard.org/
•참고사이트
•http://www.openonweb.com/
지도 API구글맵 API
http://code.google.com/intl/ko/apis/maps/index.html
MS Live Map APIhttp://www.microsoft.com/maps/
developers/
네이버지도 APIhttp://dev.naver.com/openapi/apis/map/
javascript/referenceYahoo Map API
http://kr.open.gugi.yahoo.com/
Open Application “Google Earth” ServiceOpen Application 으로 제공되는 프로그램을 사용한다 .
구글어스 기도카드 위젯
웹 2.0 서비스 활용
- 선교정보 -
웹 1.0 문서
Nance Profile Bethany Profile
웹 2.0 문서Joshua Project
KML 종족정보 위젯 종족정보
가입형 사진앨범- 포토샵닷컴 -
가입형 블로그(http://wcnlink.net)
설치형 게시판http://wiim.org
설치형 위키- 미디어위키 -
어스앨범종족사진 매쉬업 http://kr.earthalbum.com/keyword/tribe
유튜브음악감상실 매쉬업http://rusic.net/xe
웹정보전달 -> 웹비지니스
웹 비지니스웹 비지니스
Google Adsence
Blogger
Gmail
Sidebar
Google Secure AccessVPN
Google Personalize
Toolbar
DeskTop
Google News
Google Earth
Picasa
Talk
SMS
answer
groups
Translate
Local for mobile
Pack
Alerts
Mobile
API
Code
Labs
Blog Search
Book Search
Directory
Finance
images
Google Local
Google Map
Scholar Specialized
Google Video
Web Search Web Search Features
Google Page Creator
Google Dashboard
Google Transit
Web Accelerator
Google Ride Finder Google Suggest
Froogle Mobile
Web/Community
Personal
CatalogsGoogle Reader
Orkut
Global
Search
Public/Media
Calendar
Froogle
YouTubeCheckout
구글 vs 야후 vs MS 검색광고 비교표
웹 1.0-> 웹 2.0
웹 의 진화웹 의 진화
네트워킹
웹 1.0
웹 2.0
골격계 형성 근육계 형성 신경계 형성
웹 3.0
지능망 형성
제 3 부
웹 2.0 시대
웹 2.0 시대
RSSRSS 마이크로 블로그마이크로 블로그 CMSCMS
블로그 트위터 위키
Open Source
CMS 시대
오픈소스 “ 드루팔” 을 사용하여 만든 백악관 홈페이지
RSS
블로그시대
세계선교 블로그(http://wcnlink.net)
유튜브영어공부블로그(http://fun-english.tistory.com/)
Micro Blog
트위터시대
• 2009.1.5( 목 ) 05:30, US Airways Airbus A320 1549, Hudson 강 비상착륙 , 승객 155 명 전원 구조
BirdBirdStrikeStrikeBirdBird
StrikeStrike
허드슨 강의 기적
허드슨 강에 항공기가 비상 착륙 했허드슨 강에 항공기가 비상 착륙 했음음 ..
페리호 타고 구조하러페리호 타고 구조하러 출동 중 출동 중 ! ! 꺅꺅 ~~
2009.1.5(2009.1.5( 목목 ) 05:36 AM) 05:36 AMhttp://twitter.com/jkrums/status/1121915133http://twitter.com/jkrums/status/1121915133
허드슨 강에 항공기가 비상 착륙 했허드슨 강에 항공기가 비상 착륙 했음음 ..
페리호 타고 구조하러페리호 타고 구조하러 출동 중 출동 중 ! ! 꺅꺅 ~~
2009.1.5(2009.1.5( 목목 ) 05:36 AM) 05:36 AMhttp://twitter.com/jkrums/status/1121915133http://twitter.com/jkrums/status/1121915133
트위터 맵http://www.neuroproductions.be/twitter_friends_network_browser/
• Twitter : • 1. ( 새가 ) 지저귀다• 2. ( 새가 ) 지저귀며 …을 나타내다
( 사람이 ) … 을 속삭이듯 말하다• 3. 지저귐
• Twitter : • 1. ( 새가 ) 지저귀다• 2. ( 새가 ) 지저귀며 …을 나타내다
( 사람이 ) … 을 속삭이듯 말하다• 3. 지저귐
140 140 글자로 자신의 글자로 자신의 생각과 상태를 생각과 상태를
FollowerFollower 들에게 들에게 공유해 주는 서비스 공유해 주는 서비스
140 140 글자로 자신의 글자로 자신의 생각과 상태를 생각과 상태를
FollowerFollower 들에게 들에게 공유해 주는 서비스 공유해 주는 서비스
Twitter Twitter 가 뭐가 뭐지지 ??Twitter Twitter 가 뭐가 뭐지지 ??
무엇을 할 수 있나요 ?
• 공백과 기호를 포함 , 140 자의 글을 쓸 수 있다 • 각각의 메시지 (Tweets) 는 고유한 주소를
가지며 모든 사람이 본다 • 특정 사람에게만 비공개 메시지 (Direct
Message) 를 보내고 받을 수 있다 • Web 뿐만 아니라 각종 Mobile 디바이스를
이용할 수 있다
가입가입가입가입
로그인로그인로그인로그인
인기 주제어인기 주제어인기 주제어인기 주제어
검색검색검색검색
어떻게 생겼죠어떻게 생겼죠 ??어떻게 생겼죠어떻게 생겼죠 ??
140 140 자자업데이트업데이트140 140 자자업데이트업데이트
Timeline:Timeline:내가 내가 Following Following 하는 하는 사람들의 업데이트 모음사람들의 업데이트 모음
Timeline:Timeline:내가 내가 Following Following 하는 하는 사람들의 업데이트 모음사람들의 업데이트 모음
사용자 정보사용자 정보사용자 정보사용자 정보
@ mention@ mention@ mention@ mention
DirectDirectMessageMessageDirectDirect
MessageMessage
실시간 검색실시간 검색실시간 검색실시간 검색
K-Mobile 트위터 세미나 강의 준비를 하고 있어요 . 완성되면 슬라이드 공유할께요 .
공식 트위터 계정
KWMA@kwma
UPMA@upma21
KMIN@kminkr
WIIM@wiimorg
지금 뭐해지금 뭐해 ??
지금 뭐해지금 뭐해 ??
누가 , 왜 만들었죠 ? - Evan Williams
• 2003.2 Blogger.com• 2006.7 twitter.com• 왜 만들었나 ?
– 친구들이 뭐하나 궁금해서궁금
Evan Williams,@evEvan Williams,@ev(Google M&A)
Web2.0Web2.0
BB
EE
CC
DD
AAOpen(개방 )
Share( 공유 )
Develop( 참여 )
Open Account
Open SourceOpen API
Ajax,JS,XMLAir,Flash,Fle
xRSS,OPenID
Ubiquitous 시대
WIIM Project
최신웹기술을 통한 세계선교정보화최신웹기술을 통한 세계선교정보화최신웹기술을 통한 세계선교정보화최신웹기술을 통한 세계선교정보화
선교정보 2.0
최신웹기술최신웹기술 선교정보선교정보 미전도종족미전도종족 지상과업지상과업