G-Magz Vol.22

Page 1







print.pmd

5

24/3/2553, 15:06


print.pmd

6

24/3/2553, 15:06


print.pmd

7

24/3/2553, 15:06


print.pmd

8

24/3/2553, 15:06


G-MagZ_11 IT MAGAZINE

5 Data Center !" # $ % & ' # &" ( !) ! !" # ) "*+ , &*+- . / $ 0 12 - ( ! !" # ' &" & 3 " & " ,* 4 ' !" # % !) *5 $ 6 $ % 6 % ,! ,* 4 & ' !" # 7) % & *5 ,$8 $ % &" *+ , 6 % * 4$ % 9 & 6 $ % 9 ,* 4 ::; & $ !" # $ %" &' !" ( " $ % ) (&) ) (' " + Virtualizations, Deduplication # $ Solid State Disk ./ " % " ( ! 0 / 1 % " ( ! ) Disk-Based Solutions 2 ./" !" $0+ ( ./ " 34 ( ' " $ ! 0+ Disk ! Tape # ( ' " $0+ (&) ) ( 1 & ! " 0 % #

p11-13_Solution.pmd

11

( " ( " & 5 &' 0 ( " 0 4 /1 # $ % ( " & 4( 6 % 0 ' / 1 ' InformationWeek # $ Byte and Switch Storage Management ' ' 50% & ( " ' % ( " $ ' 1TB99TB ./ " % &' 1 % " / 1 ! " 2-3 > 1

24/3/2553, 14:38


SOLUTIONS G-MagZ_12 IT MAGAZINE

?/ ' ' # 0 &' @ % 1 $ & 0+ # ( 1 0 .! 1 & AA2 & & ! " C # $& ! 1 ( " % 1 ) E $ !" ( Tape

2

Implement Tiered Storage Architecture

3

Mitigate Risk

@ ( "( ' ( HSM (Hierarchical Storage Management) 1 ? %" & ( 6 % ( " ( " ./" &' $ ( " ( " $ ( " & & 4( " ' 0 ( " ( " ? ?/ ( " ' ' ( " ( " # $ ( " 0+ ' 0 ( " ( " & ? ' ' + 0+ Disk ! VTL (Virtual Tape Library) ( " 0

$ %(6%J 0 # $0+ Tape ( " & &! ./" $( 0 % $) + ( Offline, Off-site ( 0 & 0+ & 0+ 0 2

%" &' &' '0 ?/ # $ & @ % " ( " + ( " 0 Disk # $ Tape ( " & ( " & 4 Disk &! & ' ( " %" ' 1 &! 0+ (&) ) 1 + Storage Virtualization, Data Deduplication # $ LBR (Low-Bandwidth Data Replication) Tape Drive ' # 0+ ! " $

! 60 >(# " ' # $ ! " # & ' (&) ) 1 + ' Disk ./ " 3 ? 1.6TBs (Compressed) LTO-4 Ultruim Tape Drive ./ " ' LTO-1 ( " ] ' & 1 # ! " > 2000 ?/ 8 ( ' Tape 1 &' & # $ $ %(6%J ( " 0+ + _ J % % !" K K ./" $( 0 $) + Tape ' K 120MB/s LTO-4 Tape Drive ( " 864GB (2:1 Compressed data) + '" )

5 ! !" "#$ "# % & %'%' (

1

12

0+ LBR 2 K% ' & %' $ /K 0+ % K% # ( & 0+ Gbyte ( " " Tape ( $ 4 Cents Per Gbyte ' LTO-4) 1 ( 0 ?( .1 ( " & ? &' % ( "' ? " &' ' Hardware # $ Software # $0 + '% % ( 1 Disk # $ Tape 1 $ % &' K% + # & ' K% ' 0 4 % # + K # $ K 0+ $

Be Efficient-Store Wisely

%" # ( " $ ?&' & & &! Data Lifecycle Management ./" $+ ' 0 % ?/ & + % 5 ( " & # $ " # & 0 + ' ' + ! " ( 1 ' 0 High Speed Disk $ %

p11-13_Solution.pmd

# $ ( &' " ?( $ # & # $ &! &' ( ' 3 + # $ ' ? ( " + + ( " 1 ' ( " ! " ( DR (Disaster Recovery) 0 A0 1 ( ' #K % ' ! +4 '%6 !" + Off-site ) 0+ LBR (Low-Bandwidth Replication) ) E $ % " 0+ VTL (Virtual Tape Library) ( " (&) ) +' 0 ( Off-site %) %) 0+ Deduplication ./" $+ ' 0+ & !

4

Consider TCO

@ ( "( ' Disk 1 &' '0 ?/ # $0 3 Disk + % 0 &! SATA ./ " & ( ?" & 1 5 & +! " ' $ ? ' 0+ Tape ( ' ' & 0+

24/3/2553, 14:38


SOLUTIONS G-MagZ_13 IT MAGAZINE

2 & ! TCO (Total Cost of Ownership) 1 / $ % & 0+ ( " % 0+ 0 # $ j 0 $ $ ' 3 1 Energy Costs : &' % /" 0+ Tape &! $0+ ' Disk ' &' ( 5 ' K ( '" Disk 1 $ ' # ' $ 0+ # $ ( 0 % &' ./" $ C / ( 0 & 0+ % " / 1 Tape ./ " $ 0 # $ ./" !" 0+ ! 0+ # ' $ ( +" 1 ! ' 0 Slot 0 Tape Library 0 C/ j '% & $ TCO 2 # $ j 0 $ $ ' ' ' & 0+ ( 1 0 + ' $ $ ' 5 > & 0+ 0 j $ $ '0 Tiered Storage Archiving K ( $ ' Disk-to-Disk (D2D) Disk-to-Disk-to-Tape (D2D2T) ./ " ' ' & 0+ ! " (/ & AA2 # $& !1 ( " 0+ q' 0+ # D2D ) 0+ SATA Disk 1 & 0+ ' # D2D2T (LTO-4) ?/ 23 ( # $? Storage Technology Primary Disk Mirror

â—?

â—?

( # D2D 1 & 0+ ' 0+ Tape (LTO-4) '?/ 290 (

5

Ensure you can Restore

! " ( % " ( #" $ # ' ? / & '( " ' 2 # $ j ( " $ ? &! ./" @ %" & 4( " % &' ' ( " j " ) ( Restore # ' ! ( 1 $ & # $ C &' $ ! 0+ (&) ) ( "& & &' ./" Tier Storage Architecture 1 RPO (Recovery Point Objective), RTO (Recovery Time Objective) ( " & 4 ( " ( 1 RPO # $ RTO ? 0+ # Disk-to-Disk-to-Tape (D2D2T) + VTL (Virtual Tape Library) # $&' ( Copy ' Off-line # ' / ( Off-site j $ $ ' ( ' # # $& # $ (&) ) ( "

Advantages Random access for faster backup and restore than tape More frequent RPO

â—? â—? â—? â—?

â—?

Virtual Tape Library (VTL) or Disk-to-Disk

â—?

â—?

â—? â—?

Tape Drives and Tape Libraries

â—? â—? â—? â—? â—? â—? â—? â—?

Disk-to-Disk-to-Tape (D2D2T)

p11-13_Solution.pmd

13

â—?

Faster backup and single file restore than tape solutions Can offer data deduplicatation and replication Automation Emulate tape - can simplify imple mentation and minimize changes Lower TCO Offline data protection Automation (Library) Energy efficient Long shelf life Portable High capacity/small footprint WORM (LTO-3 & LTO-4) Combines the data access speed of disk for backup and data protection attributes of longer term data retention

â—?

â—?

â—?

â—?

Restrictions Most expensive High energy consumption Not portable to offsite Online (suffers from same risk exposure as primary storage) Requires maintenance Higher cost and energy consumption than tape Media not physically portable to offsite Appear more complex to use than tape Slower restore for single file

â—?

â—?

â—?

First tier backup from primary (D2D)

â—?

Second tier backup in cost disk or VTL First tier backup in cost conscious environments Active and deep archival Offsite for disaster recovery

â—?

â—? â—?

â—?

Need to set policies and procedures to manage migration of data form disk to tape

24/3/2553, 14:38

Suggested Application First tier backup from primary disk (D2D) Mission critical data

â—?

â—?

Covers all data protection and archiving scenarios Most Backup & Archive software support


G-MagZ_14 IT MAGAZINE

... Cloud RDBMS Oracle, SQL Server, PostgreSQL Database Engine ! " # $ % & ' ( )&* + - . ! RDBMS ' / % % ' 0 ) 12& 34 & % RDBMS ' / * )( 5 ! ) 2 ( Terabytes) / )' ).' ) ( % - )& ) . ! % &) ) )! )& ) / ) ( % )& / Node '# 8 DBMS "( ) ' NoSQL Product Website ( ) ! " # BigTable Google $ %& ' *+ , % $ Application % Google Google Earth,

p14-15_Solution.pmd

14

Google Analytic, Personal Search â—?

Dynamo Amazon . *+ Database

24/3/2553, 16:08


SOLUTIONS G-MagZ_15 IT MAGAZINE

â—? â—?

â—?

Cassendra Facebook # Digg MongoDB MusicNation.com # The Business Insider . % 0 User Information, Post, Comments, Images, # Music Video CouchDB *+ , % $ Share File Linux

Ubuntu

NoSQL RDBMS ? ! " # $ %& '( ! RDBMS Strong Transaction (3& 4 Properties 5 Atomicity, Consistency, Isolation, Durability) NoSQL ( / / Node / 5

5 5 3 ! ) / # 51 Eventual Consistency (5 [1 % Eventual Consistency ' % / 5 % " " 5 $ 5 \ Update % "* Node & #

0 Replica Update *+ 5 ] ' % 5 Consistency, # 6 "*3 ' & # $0 Eventually % / Consistent "* . % Comment % $ $ Online # & 6 5 & Comment $ & 3 3 6 5 & / . Comment *+ )

1

2

NoSQL ( ( ) , - . %/ '( , ( / ' Key Primary key % & % " / *+ Implement Schema * 3rd Normal Form ." De-Normalize NonRelational *+ ' ' 3& ' 7 // " 5 0 ' 7 # Schema Free - Document-Oriented Database ( *+ Character & % NoSQL) % . , % / * # Document 3& # Document / *+ $ 5 * ` 3& *+ !5 $ Table , % 5 0 * #* 5 $ eXtensiable % XML

3

j* ! I % & % % . * # XML 5 eXtensiable 3& #' 5 51 1 Schema / 1 Database Level Application Level !5 $ % % # "% '1 1 Application Version $ $ "* Application Version " ' Application Version

p14-15_Solution.pmd

15

. / % XML 0 1 2' Field

/ 3& / / . " Schema Application Level / " Database Level" 5 $ eXtensible (Schemaless) , % 6 5 6 ' 7 $ '1 1 # "% Schema % , % " ! " 0

4

'1 1 / ' ODBC *+ Technology JSON ' 7 $ Javascript / 89 : Browser % 6 & % / , % "* #$ 6 " (" Code $ Server) / $ *9 # RESTful 1 *+ 1 ' % /0 1 . $ *9 % & % # ' 7 5 . %& $ *9 # RESTful /& '1 % , JEE 6 Scalability 6 # // 5 * Load '1 %& $ 100 # , % 0 # ' Scale " # # * 6 " . / Server '1 %& / 10 5 *+ 5 Distribute % (Shard), Replication % , Failover *+ Features $ 5 " / Core Engine %

5

5 1 Cloud ." 5 NoSQL

/ 2 5 0 5 â—? " " # RDBMS â—? $

Volume / (Google BigTable . Web Page ! ) â—? Product $ . % ?@ *+ Binary Video (3& % . *# File System " " % / / "H I & Directory *+ ) â—? $ Scale " â—? $ Fault Tolerance â—? $ Response Time % Query â—? $ , % 5 0 / ! 2' 1 Cloud Computing

danu.s@g-able.com Call Center 02-685-9333

24/3/2553, 16:08


G-MagZ_16 IT MAGAZINE

FCoE Data Center 10G Data Center ! " #$ % & '( ) Data Center * + # %," -# ' . & (' / % Data Center ( " # 0 1 2 #$ % Data Center / * ' # %, ( # $ Data Center # +- ' &') 0 / % 0 1 2 3 ( " ' - ) 0 - % . Data Center " Data Center

! " # $ % $ & ' ' $ ( ) * + , ( - & - .'$ /

* $ .' $ 0 .'&$ ' ( "& ! + . # & &$ & - 1 + . ) ! &/ .'&$ ' & 2& - / ! &/ .' $ ! + ) 3 ! ! &/ & ! + - - &' - &# # * $ & 4 & ! + $ % .'$& ! - Ethernet . ( ( '& % ( ) * + , ! Data Center . + & * . + & .' $ * $ & Data Center % - - & Data Center Ethernet (DCE) ! + - - . ( ( ' .'&$ ' 7 * $ 8 - " - - & 8-.'&$ ' 10G + - . ( ( ' Ethernet 10G 0 0 ) / -& Data Center # $ ' - Converged Enhance Ethernet (CEE) .')$ & ) ! &/ .' $ % . + Local Area Network (LAN), Storage Area Network (SAN) High Performance Computing (HPC) / .'$ 1

1

p16-17_TechTrend.pmd

16

24/3/2553, 14:43


TECH & TREND G-MagZ_17 IT MAGAZINE

- - &) & ) ! &/ .' $ % SAN

0 & ' 7 ( ( .' $ *$ - FCoE (Fiber Channel over Ethernet) # $ % 7 ( ( ! FCoE .'$ . / Ethernet ) " * $ . I/O Consolidation Ethernet - &# # ! 8 - " Data Center ( / .'$ 2 % ' .' Protocol .'&$ ' / FCoE, Fibre Channel (FCP), iSCSI, FCIP iFCP # $ % Protocol .' $ ! &/ . 0

0

.

( "! FCoE ) Data Center * - ! Network Interface Card (NICs) Host Bus Adapter (HBA) Server # $ % 3 .

, - ! " *$ -& Cabling ) ) QQ 2 Server 0 2" Switch .' $ % . + Gigabit Ethernet (GE) Fiber Channel (FC) ' + % ) - $ -& Blade Server 0 ' &' ! 3 K 2T"0 2".'$ FCoE & - Brocade, Cisco % ) Brocade &'3 K 2T"# $ 0 - Brocade 8000 FCoE Switch CNA (Converged Network Adapter) /

8 0 - Server &' + CNA Card .')$ & . + IP SANs ( * $ & & FCoE Switch .' $ * $ & 0 & ! SAN Cooperate LAN

2 Brocade 8000 FCoE

- . ( ( '.'$ -& ! ) & . + . Local Area Network (LAN) Storage Area Network (SANs) & / .'$ 3 .' $ 0 - 2" .' $ % FCoE Switch, Converged Network Adapter (CNA) .')$ & * $ & & 2" FCoE Switch ( '

1 CNA .')$ & ) ! &/ - FCoE 3 8 - " 0 - -

Brocade 1010 and 1020 FCoE CNAs

+ Brocade 8000 FCoE Brocade 1010 & 1020 FCoE CNAs % (# / $ ) I/O Consolidate .' $ *$ ! HBA Adapter ) *$ & .'$. * $ & . ) Network SAN Fiber / HBA Card ' ' - - - & 8- * $ & .'$ 10 GB) ) Brocade 8000 FCoE 0 - 24 port ) CEE 8 port ) FC .' $ % . + Layer 2 Ethernet Switch Fiber Channel Switch .' $ & Power Supply Cooling Fan FRU .' $ % Redundant ) & '$ 0 !2 .'$. / # $ 8 0 - % ' . * $ ! . ( ( '.'$ ) / 0 &' ( " ) .1 K - & 8-.'$ % 10G

3

p16-17_TechTrend.pmd

17

24/3/2553, 14:43


G-MagZ_18 IT MAGAZINE

..

" ! # $ #% $& ! ' ( )! *& * # $ #+ ' !( ! , - ! # . ,! # !( !# , % # $ # /' ! !# 0 # , # # $ # " ! "##$%& ( ) ! *+, ! - + , , ( ! , + # ( , . ) ( / ) . 0 & 1 %, 2 %$..! + ( &% +3! ! ,! ) 2 4 # )&, (5 ! 6 !2 & , /, 7 ! ( 2 8 1 ( ( . %.$ ! , %$..! ( ( ( *. 9 , ( ,) : . &%9 , %# ( ) 9 0 % ( 9 ,0 0 ! %% . ( 1 # 9!& ( ,& 0 9 0 % . ( . ( ( %& .& % / % ( 0( ! %, (5 % . ( ! ( . , ( - & ; (& ! . %.$ &( $(.

,.! (&% / % ) . ( &: ... $ ( 8 ! +: %& (& # . %.$ +, 100% () ,( ,0 ! (! ,) 9 0,0 ! %% % . #: (# * @ ( % @ ( ( , ) : (&%9 0 1 ## ! , , ) 9 ,0 0 ! %%+ +,

.. BitTorrent

( +3! (* , # ( Application P2P (Peer-to-Peer) 1 & ( P2P !&(( * %% A +3! + 1 +3! # ( . . ) B ! C 1 ( . ) P2P (& ( +3! A + (& ( # *( , /, (&% . ) A , / !,+3! &: - ! + . ) ( * ( , *+, . & : ! 1 & : . B

, / !,# * #( C # # , +, # (&% +3! ) , ! (- & : +3! MP3 0 Zip File "##$%& BitTorrent *! ) #*(&, :! 9! +3! - . . ( - +, ! Connection * . , ! . 0(

0 ) : , 2 ( * ( (& ! ( # ( . ( % - ) BitTorrent ,& : 1. Tracker Client BitTorrent Client . Application ( Download (Leecher) ! Upload (Seeder) 1 "##$%& ! & . (& #$, : #$, 9 0 ! ( & . ( ! ( ! ( ##&% 9! 9 0 % BitTorrent . ( +,

BitTorrent ((& , ( Bit 0 %%

p18-20_TechTrend.pmd

18

24/3/2553, 14:46


TECH & TREND G-MagZ_19 IT MAGAZINE

2. Tracker Server * ( % ) ( ! +3! &: , ( % # * ( %) 0!( Download/Upload ) ( ! . , ) %& .&% ( ! . +3! ) & 9 0 % #$, : * (9 0 ( , /1 ( % , 2, (# (# ! % , 2, + (&%( Download ! & ! % , 2 , + (&%( Upload +3! 9 0 , 3. Tracker File & ) +3! - () Tracker Server *( + 9 0 *(

( +3! ) , 500 MB # ( &: # Publish ) 0!) : + % Tracker Server # ( & : Tracker Server # *( Generate Tracker File ) , . + 100 KB 1 ( %+ , +3! ) ,+3! ( # %. 0( (Hash) () +3! *( 9 0 ( Download ) +3! :# ( Tracker Server Tracker Client *( , (&% Tracker Server ( %$ Torrent) ) 9 0 0 Swarm ((! $ 9 0 ( ) (&%) 0! & : ) ) +3! &: - "##$% & & Tracker # 0 () Swarm : + ) +3! & : ) ( ! . ( Tracker ( ,)&,) ( # + / !,+3! &: +, ( * & : , 0( ( # *( Download +3! :# * # ( * ) BitTorrent # &: 3 ) : ) , , /. ) #: + %0 8 & ! /. ) ) BitTorrent : 9 0 ) ( + & ( Tranfer File ( 0 ) : ( & : BitTorrent . * ( , / !, 0 (! . , / !,+3! ! & / ( +3! # &: (- %+ ! +3! Torrent & ( % : ) ,+3! & # + ! (1 : ! (- * +, * &: ( # %+3! $(- : ! , ! # (2 ) BitTorrent # ( Connection ! - Connection , (&% Peer #* ( +, &%) 0! # ( Swarm Tracker BitTorrent ! " " " V ( / !,+3! 9 . ) BitTorrent &: + ( ) (&%( * ( ) ( V + . %.$ . ( +, V * Bandwidth . ( , 9! + Application !&() . ( +, 2

p18-20_TechTrend.pmd

19

Firewall ‌ ??? # $ %&' )( * ) $ +, Firewall )- & / Port / 0 $ (4 % ' & / 5# $ Port , / 6 )7 & 80 (HTTP), 443 (SSL), 20-21 (FTP), 25 (SMTP) @ %&' BitTorrent ' # " # BitTorrent Client % & ( 9 Port 80 ! *( ) & Request Header !%( # % ) $ ( 8 IDS/IPS (, 2 ( ; (& ( BitTorrent . ( # #* ! (& ( 2 1 . ) # +, 9! 9 0,0 ! %% ! # # ) + . ( Proxy . ( 0 Proxy % Web Gateway 7 &: 9 0 ! BitTorrent 9 Port 80 ! &: ( . , # 9 , Proxy 1 , ) Port 80 & /, Proxy # . ,& + : V ##&% ! . %.$ ( User-Agent V ##&% Protocol Header /, * Protocol Hand-off +, , V ! . ( #&,(! $ Website (Categories) &: Database +, 6+ : . ( ( # ! , & # (( %( *. 9 , 9 BitTorrent ! & + #% & : ! - . ( ( Proxy . %.$ ( ( Website ! ( %) 0!( (Access Log) ! ! . & : ( ( . %.$ + +, 9! 9 0 ( & % ( Website ! &: 0,

! "... # $ Block Website % "##$%& . . - * 9 0 9 Proxy !% ! ( . %.$ ) Proxy +, ! 2 2 . ( 9 Proxy-Avoidance Website 1 Website 0( &\ ) : 6] * .! Proxy ) , 9 0 ( ( Website Website &: - 0( ^,(&: /, Proxy . ( 9 0 . ( Website 0 (! $ Proxy-Avoidance

24/3/2553, 14:46


TECH & TREND G-MagZ_20 IT MAGAZINE

https://www.torproject.org/overview.html.en#thesolution

! ( Website ( ( 9 ProxyAvoidance Website : Website 9 0 ( ( ( ) +, /, 9 Proxy-Avoidance Website &: - 7 &: Proxy ) . ( ( # %& ( ( . 9 0 ( ( Proxy-Avoidance Website + +0 , ! # - ! 9 0 ( Website , Proxy "##$%& . 7! , ( #&,(! $ ) Website (Categories) () : ( !, "_ ( ( (! $ Proxy-Avoidance Website +, % (+, ( % $( Website ! ,

(& ! , ! ) 0! :( # + ! 2 : ( ( Website ( ( ) ( _ ! (( 8 3-5 & ( +, . . &: ) +, + # ^, Port + ( , Technique +: , * # & : : + ( &: . # + ( ) 0 ! . , . ( ! . & : & * & Gateway . - Technique : ( 0 +, (&

+ : . . ( Tunneling Application ! ! +, 9!, ( Proxy-Avoidance ( 1 # ! Tunneling Application 0( \ & ) : . ! . & /, !&(]8 1 3 , &: ! . . ) 9 0 ! * /, , + ( . ) (Node) . - + - /, ) 0! / # 0( ) & , * Stealth +, , $(- Packet (+ # + IP , ! * #%& ! + + +, !

& & '!( ????

( * ) Tunneling Application ( # *.&_. Directory Server 1 # #&, ( % ( (Node) + . . ) 9 0 , &% Node (&% Directory Server +, ! ( # *( /, ( ) & + & Node - /, ( # . ! ( # ( %% , (& : ! ! . &: % . &: ## ( ! , $9! + , ( ) 0!9 . ) :+, ! ( 9 . ) ) . ( ( # + , +, 9 0 ( + j"z ! ( # + % ( ( # (+ (+, Stealth +, 100% . (& Technique : ( + Cellular ( &: IP . ! # IP ) . $, Direct Connect # - ) 0! &: , & 0( &% ( Packet ! (- (& ( # (+ , ) 0!) , ! (- ! - Packet ! (+ !

p18-20_TechTrend.pmd

20

! @ ( %% :,* + . ( # ( ,9! (&% . ( + # , % , 2, ! + (&% Website ( !&(! % ( ( &: ( ( ( *9 , ( ,) : ( + # %$ & 9 0( *+, . 9 ,( # ( 0(&%9 0,0 ! %% ! 9 0% ! ( ! + +, 1 . . %% :( # ! 2 (& ( . %.$ & V $ ( 8 Proxy . ( #&,(! $ Website ! # % Request Header + *( Authentication %% - ( ; (& Tunneling Application +, , V $ ( 8 Bandwidth Management * &% # %( Bandwidth . ( V + ( & # % . . & (&, ) . ( & # ( , &: $,1 3 0(

/ % ) . ( &: 0 & @ ( ( %%9 , . ( . : . ( ) ( ! , & ! +, 2 ! ( .* (] ) ) 0! % ]& TCS . , ! 9 0 _ ( .* (] %( 8 ! ( ! $((! $ ! , !0(. % ]& &: * . ( - /, , +, ! thitipat.j@g-able.com

. 0-2685-9333

24/3/2553, 14:46


G-MagZ_21 IT MAGAZINE

HTML 5

Web Application

! " ! # $ % % ! & ' ( ) '(* + # * , (User Experience) '

! /'0# * * % % / ' )1 & (2 * * / 34 /' ( ) '(* + # * , '/' $

)1 % % 54

! HTML 5

!

" # $ % & ' ( ) "($ Animated GIF Style Sheet "* "+ % "+ ' , , ( - ) "( ( !

Style Sheet Javascript "* "+ .+ " / 0 Drag and Drop ) "( "+ - .+ " /

'$ $ Flash 1 " ' * 2 % 0 * + $ ' + 0 Flash 3 "* - ) "( ( 4 0 '$ $ AJAX - "* "+ ' ) - % "" + ' - '$ $ & 0 10 7 ! % HTML ,8 9 "*! : - ) "( ! 2 2 4 * "+ + ' ; & ! % w3c 2 : HTML 4.01 7 1999 ( (

p21-22_Biz_Consult.pmd

21

* ' - 7 2008 2

+ + 4 $' % "+ ' ; & HTML "* 0 9 HTML 5

HTML 5 E((4 % : HTML 5 ( ' - ! Working Draft % ) , ! 0 E((4 )2 4 HTML 5 % ! % Internet Explorer 8, Firefox 3.5 % Chrome 3 ' ; & ( HTML 5 ! + + $' % % ) 0 "*! 1 " % ) 0 "*! % + $ % ) - + 32 % Geolocation E((4 ) "(( % ) "( 9 & " ) $ 2 ( % 9 - - + - * ! - * ! * $QR % - 0 % - ' +- + /+U % & ! E ( (4 ( % )

24/3/2553, 16:10


BIZ & CONSULT G-MagZ_22 IT MAGAZINE

New structural elements

<div> % 0 id % ) 0% ! 0 World Wide Web 9 Semantic Web ! + -8! 2 * ( 2 2 0 : - * id % 2 ! : HTML 5 (8 2 0 % ) 0 $' & ! 2 % <header> <nav> <article> <aside> % <footer> * 0 *! & % ) $' % % ! * ! - ) "( )( ' + -8! 0 *! )( 02 -8!

Canvas Tag % ) <canvas> 0 3Z & $' * 3 "* ;% 32 $ 2 (0 9 9 1 " 1 JPG -8! !( 0 ( - ) , $ 0 2

,+ 3 ( ! ; % ) Canvas ! 1 " ' * 2 2

Video Tag % ) <video> 0 % + $ ) "($

2 \ Plugin & Flash * Active X Control - " ' * - Video Codec ! 0 % ) !;* 9 ' %- 0' ^ - Flash Player 2 ) : + - 23 + $ ! ' 9 ; ; ( 23 + 2 % MP4, H264, OGG, VC1 ,8 E^ *

HTML5 Working Draft (http://www.w3c.org/TR/2010/WD-html5-20100304/) HTML5 and The Future of the Web (http://www.smashingmagazine.com/2009/07/16/ html5-and-the-future-of-the-web/) The Future of Web Content (http://techcrunch.com/2010/02/05/the-future-of-webcontent-html5-flash-mobile-apps/) HTML5 Demos (http://html5demos.com/)

p21-22_Biz_Consult.pmd

22

- +- + /+U % '4 1 "- 23

Offline Data Storage ' ; ! 9 ' ; API , ( ( ) - 2 $ ' 0 ' % "" + ' 2 % ( ; 32 ' ; '! & 0%' - ) "( % ( 4 2 - - % "" + ' % ) "( * 1 " ' ; !( ' ' JavaScript ( ! API 0 : - - ) , 2

' ; ! Web SQL Database

Geolocation ' ; ! 9 ' ; API (8 ' ' JavaScript ' ; ! 9 ; 0% 1 +\ - "* ( 2 ;% *! ' " / ; - ' ; ! ( $ % "" + ' 0 4 ' * $ \ " ' *

HTML 5 ( ' ; & ;8 ' ! HTML 5 % ) &

- % 3 + /+1 " +

+ - -8! ; ( ' ; *! 2 0 Drag and Drop 9 ' ; & - HTML 5 2 % 0 ! ! ; - 2 2 ( ) 2, http://html5demos.com $ " ,

HTML 5 ! )( 2 " & ( 0 2 ) ' ;- HTML 5 "* ( 2 - "

: ( ;8 ' !

24/3/2553, 16:10


G-MagZ_23 IT MAGAZINE

ICT UCC ! ! "#"$ % & ' 20 ( ) * ! ! +% % !, -# ( . ' / ) ! %& & & 1" 3+ $ ICT ) 4 1 UCC 3! " )5 + & ! & " * "6 3 7 * "6 ! &! " -$ 8 $ 9 5 -" + " +" " % % +! "" % * , : “ !'<= ) -" " +"

& )5 ) +! % <> - 9 =& ?@@ % - '=& = ! ' 8$3 � . . !" # $ % &' !( ) *+ ) , (- ! . ')! /( 0 0 %, (ICT) ! / /

p23-26_Success story_v2.pmd

23

3 ICT ! / " 4 / *+ %, , ! " *+ , /( $ & !( ) *+ 5 / * - " 4 # ! 0 !" " 6

24/3/2553, 14:50


SUCCESS STORY G-MagZ_24 IT MAGAZINE

5 " / ! *+ 0 0 , . .! . /( ! .! 0 # . . ! . 8 9 ./ / 0 0 # ! " ! -5" " # ) ; ! ! )! ,8 / ( & !" # / !! %, $ %

!" # < 0 ! " ! ( 5 ( & , 23 2542 !# ( 9 , ' [5] 3A. !% , - B D & " 5 8* 0, ! ! (' ( 9 , - , ! /( & " 5 E ! ' & ! , D ( ! 5 8( & ' / ( !) 0 8D !' ' ! & # !8* / ( !) F ( (' " #' F -!& ! , # #' 8* ' ( % D * #' % , 8!' 8 % , ( % D % , #' * ! , B -# ( '! & " 5 GH - ' & & /5 ,5 ! ( ' 5 8*( , 8( 5 ( ' 8 ! (D ! Internet 8 5 9 ' 5 8*# 5 ' ' %, , 5 ( / /( " / D D 5 ! Websites 8 5, ' ! / , 0! D # # D & #8 ' Websites D *+ ' 8 " / % , 5 ! ( Websites 5 ! & ' & #' 8* & '( ) * $ ) +, $ " (Search Engines) , "% + 0 $ 0 * )

$ & " *$ 1 * , ) ) ) %* , * $ 2 ! ) 3! )& $ %* * Websites "%, &2 ! ) 3! * , 2 ! 4 & , * 5 " 0 $ $ 4 , +, , $ 67 ' 5 % " 0 8$% ) , ) , ) ...6

. : ICT / *H55) !( ) ! / ICT ' & ! % , !#' $ -# ) ) < (

p23-26_Success story_v2.pmd

24

* # & < # # $) 0 ! %, !#' D 8 "%, / & ) 9 J9 , ! * ! < / * ! < 20,000 ' * - % , & % , !" # $ ) < ! ( *M # !" # $& < !" # $ - ! 5 %, !" # $ " !/( * ! < 200 % , 0 )* D !( ! 5 % , !" # $ 2,000 % , 5 D ) & &#"% D , 9 (400 8 ') 5 $ -#8 /( 9 /, Notebook J9, 55 8!' " " #' /( %, 5 !( ! " %D *, ! < 5,200 8 ' # ! <O$& * )<F " 9 % 5 *+ # 5 ( %, !" # $5 1 #' 5 /( 9 ' 8 -# ! E9 ! !( ) * *H.( % , * ! < ) 5 Q 0 R" ' , / *S * ! < ". . 2553 !( 8!'8 * ! < ) 0 0 #'5 # /( *+ 8*# ! ". . . ' ! !" # $ ". .2550 U(! 0* ! & V

! " # $ % & # # ' ( ). !F F ! /5( 9, & !( ) % 8 * ! )<F "! # Q 5 ! . ( % ! # Q * ! )<F " 9 ( $ !( ) ( <O$& ! . *+ ( <O$ / , *+ ! # Q D * J9 , ! ' & ! ! $*

#' B 8!' ' 5 *+ )<F "& <O # )<F "& 5 ) * 4 ! ( 5 $ *+ # ! # D "%, , 5 )<F "& E 9 #' B J9 , E #' B 5 # 8 # ! <O$ & # D

#' B ' #' ' %! ' 8 ' *+

24/3/2553, 14:50


SUCCESS STORY G-MagZ_25 IT MAGAZINE

"% , " 4 * * ) )<F "& !( /( , B &9 D 8* E9 ! ' 5 8 ' 8 -5 # " 4 / *S#' B 8* /( ! )<F " &9D " *+ % ' !( 5 # ! " 4 ' 8!'( ) D , % "% , *+ ( ' /( ! 9 5 ! J9 , <O # , ! )<F " 8* / ! * # *+

# !* . & !( ) , ' ) %*69 , ) $ 8 & : $ )#

$* ( . + ' * "! ,' '

!# D /5 , . .! . 8 ')! /( ICT " 4 ! 0 # " ! D ( & !( 8 (- ! . ) ' #-! , ' /( <O # , -5 9 5 !( ) 5 5 ! < ) F " 8 !/ * - %, ! J9, 5 (!% B !( %, B / F J9, 5 5 *+ ) < < R" & - 8 ' 8 - 9 & !( ) D ! , ( 9 , 8, ! ' & - % 8 - ! * # /( & "% , ' ! ! E ' ! ) % , B 8 *+ '

( TCS % - UCC # /0 / 1# 23 ( ' * 5 $& !( ) , ' ! !"" # $ % &% '() " D / # !/(!' B / ICT 59 ! !5 *+ 8!' " % ; 4 8$ , 67 , ) 8 ! * $ $+ <% + 5 " $56 ( ! %* % *88 UCC (Unified Communication Collaboration)

%, !% / & # 8!' 8 *+ " %, !% / ' D TCS 8 * ) #$ / /( !( ; / *+ ' , /( 9 5 $ ! EE !# * 9 ' ' 8 /( / - $ ! <$ ' 5 UCC ! / / *+ %, , " ! E/ "% , " 4 ' ! ( ' J9, *+ * 0 $#' D / % , F /# $ -# D *+ * (

/ '& / J9, *+ *H.( 0 8*

0 D ! E# 5 /( ! ( ! " 4 ' ! ' UCC 5 " 4 9 ' , % 3 8 & ) )& %* + ) UCC % 8 , 4 % * ( ! 1 * > ? "

TCS 8 # # D % , !'& ' ( , ( /, /( (Web Conference Server) % , !'& ' , ( /, # 5 / (Authentication) J9 , " ! % , !% , ) !% 5 (Virtual Classroom) 8 ' %, - $ (Content), $( 5 (Desktop Sharing), (White Board), 0( & ! (Poll & Text page), E !-# (Q&A Board), ( V (Permission), 9 F " & ! (Recording), 0 " $ F " (Audio & Video Phone), % , !% / Chat (Instant Messaging)

p23-26_Success story_v2.pmd

25

24/3/2553, 14:50


SUCCESS STORY G-MagZ_26 IT MAGAZINE

'4 8 $ , 8 UCC 4 ) %* 5$ " % '6 *" )86 * @ )46 + > ) , 5 *88 UCC + $ ) %, )" *" , ) " % 8 ) A ( ! 6% 5 " 4 8 > % $ ) ( ! $ 4 #' 55 ! *H.( %, %, !" # $ !'&' , %, !#' , 0 * ! D $ -#& 0 , 5 # ! ! - "%, UCC6

4 # 20 !7 ' % - 8# /0 3 8 20 . .! . ' E9 !F F !/ 5 * ( 9 , / ' *+ %, / " 4 9 0 / ICT , " % ; 4 5 $ ) %, )" *" , ) " % 8 ) A ( ! ( * 8 A ( ! 6% 8 & ) 4 5 , )46 % 5 )" $ ?8% +A * ! 5 A %* ? " / 0 ,!( ) 5 ! ) 20 6G 6G . . 2553 & " % ; *4 > , 46 " ')( 20 ) / F 3 , > 0 ) * 5> " ) >( & " 8 " ? , * 54 ' 67 464 * " 67 $ , 88 ! Microsoft 6 * 4 " 8 , ) )" # !" # $ % &' !( ) 8 ' E9 0 ' ( ; D ' E ! * ! <5 Q ( % F ' ( % ' 5 ! E 8 " " % ?8% +A

p23-26_Success story_v2.pmd

26

67 " % & ) , ", )4 % , + ( D **. !" ) &) , & 6 *+ + 4 1% 4 , ) , ! ( 5 8 8 J9, *+ ' ( ' #& 9 ! 5 0 ' 5 8!' " " 5, &9 D ' ( ' # - *+ 8!' ! * 9 5 % 8 D 59 ( ' E ( Q (- ' *+ 0 , ( % F / ! / " 5 < (- ' *+ 0 , ! )< ' !( ) ! ! ' , 5, & ) 0 % , ' 5 ! ) / & * ! </ 3 ( * ! </ D D *+ " ,!# ,! ' & 0V * !# !5 / % , !" # $ , *+ %, !'&' &' - ' / * ( ! , ) ' ,5 8 ' , / %D # 8* ' / *S * ! < ". . 2553 !( ) 8!'8 * ! < ) 0 0 5 ' & 5

& Q 5& * D / , 2 ! ( ' ! D F Q ! ) 0 , 2 )* ' B % ! * ! < 8 E 8!'! - 5 # 8* ' 6 !" # $ % &' !( ) ( 5, 8 5 0 ;

' D ' / #' 5 ( 8 !0 & E9 ! / !( 8 ' ' ! J9 , 5 *+ ! # Q 9 & 0 8* !% , ! ! " %D Q / ! ! 9 , - ! E 5, & 9 #' / !( 8 ' ! )<F " ' !%, *+ ' D !( -! < ) F " !% , !( ! < ) F " ! &9 D <O # , 8* / ! * # !- < ) F " / , ) * # 5- ! ! 5 . ( ! E &' & / #' B * 8 '

24/3/2553, 14:50


G-MagZ_27 IT MAGAZINE

.. 2010 IT ! " # " ! $ % & ! ' ( !

" ) *! ( ! + # ! ,$ - " ") " ,' . / " ! $% ! 0 & ! IT ' ( '

1 " 2! "2 1 ( Skill . IT " HOT " ! " ' " COBOL 2! ! ( 4GL ! " 1 ! ( " TREND " 2 ! " # $%& &$ ' %( % ' $ ! Movement ) % * $ +$ ' $ ! * * # % +!, ' - * US . ! ' / 01 " " '2$2 +$ * $ Information Technology 3 * US . 4 ! * ! ' . *4 Survey $! " * " * ( ' $ *4 ') 5 ( % *

' ! $ +!, ! % ' % . * ': ! 3 & Capabilities +! $ ' $ '* * $ . -* $ ' ;* 33+$ * %"$ #### $

$ 3 ' $ % % IT % + 6 2010 . 3 % $ ! ! 4 $ -

% +!, ' ! % * . Specialist # " 2 . Business Analyst * $ . $ Project Management % 3%& *4 +! $ < ! ' 5 Programmer ' * ' = * . Internet Base 5 5 , - + ! 2 $ . -* 2 # Skill ' ;*+$ #### ' ! $ JAVA % . * % $ ' Dot Net $ . ' Enterprise ! Open Source +!, ' = $ JAVA $ % * + Portable ' 3 Platform . * *4+! JAVA % .

p27-28_Doctor IT V_2.pmd

27

24/3/2553, 16:09


$ ")! G-MagZ_28 IT MAGAZINE

% ! ? $ Source ' 3 % # %

Security @ IT Security Planning and Management

Business Domain @ Continuity and Recovery @ Enterprise Architecture @ Project Leadership @ Business Process Re-engineering @ Project Planning, Budgeting and Scheduling @ Third-party Provider Managers

Storage @ Storage Administrator

Application Development Technology Infrastructure and Services @ Customer-facing Application Development @ Systems Analysis @ Systems Design @ Network Design @ Systems Auditing @ Programming @ Routine Coding @ Systems Testing @ Support and help desk @ Operations - Server Hosting, Telecommunications, Operating Systems

@ Legacy Skills

Internet @ Customer-facing Web Application Systems @ Artificial Intelligence @ Data Mining @ Data Warehousing

Business Intelligence @ Business Intelligence @ Data Warehousing @ Data Mining 4 % * ! $ . US Base Survey % 3 )$ &$* . * $ +! ! $ +$3 * Certification ' ' * 4 . ... ! *& * % * $ 3 + TREND ! ! &$ * " " * 4% , +3 Cert ? ! # +3$ % 3... ' $ * ' % 3...

p27-28_Doctor IT V_2.pmd

28

24/3/2553, 16:09


G-MagZ_29 IT MAGAZINE

Lateral Thinking Hat ... .. ... ... ! ..."# ...

.

Lateral Thinking Hat ( ) !" # $ % & # $ !" '& ' % Six Thinking Hats ()& !" *' '& ' + , ',

-/ !" & 0 !" # % % 1 & 23 4 1 2 % % + * % !503 6 4 !"# $ % &' * + ,"- , ./ %

. % * 1 6 " $ % 0 & # 23 ' 1 (, (, '& 6%6 % ," 0-$ % + 1$ "2 + * - , % % ! " Lateral Thinking 3 1$ + 1 0 % Lateral Thinking , . %

-) 4 , 6 / 3 ) & % ' & 6%6 % ! 4 # 6 % % & ' & 1 3

' 23 ! '& !

, ', ' /& ', % '% , % '& '% * # & 6 .... #/& 1 % 3

%% /&

'& ' 6 % .. !" /& /& ... Edward de Bono

p29-30_ºÑš¡Ă–ÂĄĂ Ă˜Ă Ă Ă?§.pmd

29

24/3/2553, 14:56


$# % G-MagZ_30 IT MAGAZINE

! % 6 / % 6 , 23 6%6 % & '& !" 1 - # -) 8% ' & ' & !" +9 63 %% /

, % 6 , % / 6 % 8% ' !" 6 #/& '& 6% '& 6%6 ! % ! % '& / 3 )& ( !6 '3 %3 ' + % '& + + / % + !" *'% & 23 4 % /& 23 4 1 -

6 % ' ( %% % 23 4 % -21 *'% + 6%

% 4 , +6 ' & / % 21 !" ( !6 2 % % , 6% ' % 23 % ' & + % 23 ' 23 4 %

% % ," - , 4% & ! " 1$ % !"

! " Six Thinking Hats

*'% ',! % ! 3 %6 4 / $ & (White Hat) !" 6

+ * : 3 / & % / '& '% ! + 6 2 3 !" % ;# , 1 ' 2 / , $ (Red Hat) 6

)% 23 +% %

)% % !" 6 ) -) 36+ !" 1 %

)% 4 1 % 1 1 1/ & 1 % $ $ % (Yellow Hat)

3 6 23 ) -) ! 1 '& & ' & !" % , 3 !" % ' & !" ! 1 95 ! ( 6 1 8 ?@% ( ( !" % ' '& 3 ' 3 ! '& ' % !" 6 $ (Black Hat) !" 6

% 3

# -) ' ? , 3 !" % 1 % %# 5 ! ( 6 3 #/& 23 %

6 6 23 % % ! 21 6

3 , $ & ! (Green Hat) ! ' / 6 2 30 6 '& 21 % !503

!" %

#/& / % # & 6

$ * (Blue Hat) 6 AB ' & + +% & !" 6 % 3 / & , 6 ! +%4 !" % '& + , 6 % , 3 6 , 6 & 6 % % +! 1 6-+! 2 % ! 1+ , ', / ... , 6 ! 23 +% 1 % 3

3 % ' ... 23 1 % +!% 3 / % , ', % Six Thinking Hats !" % % % % !" 6 ' 23 % % ' +9D # - -6 2 %+ 3 + 3 / 3 / ! !" % '&! * D # + , '%, # $

3 % ? -) + 6 4 3 % - / & / '%&

21 #/ & % % - 23 !

, 1' 6 6 1' 6% 9 ' % 3 % % ), 8 ?@% % % !" 8 ?@% 2 '& + % Six Hats , % 3 % ' 2 ()& % 3 3 % ' % 3 1 & %3 % ' , / & ' & !

% ! 3

*' % !503 , 4 ' % % , ) 6 % 3 % ' 3 / - , ' ! 1 6 % 3 % ' ' !503 +! 3 3 % ' ' % 3 % ' '% ' 6 % 3 % ' - %2 +% 3 / - %3 3 % ' ' % %' , 3 ) & -) , 6 +! / 3 % ' , !" 6 21 3 % +% '

“6 � ' ', 1. !

+%% + 2. % % 3 / 1 3 % 6 -' 3 / 6 % 3. ! 3 2 % ! 1+ % 4. % 3 6 3 / % 1 5. 23 ' '& -% -' !503 2 6 + !" '& '! 1 3 % 3 % + 23 '& 1 23 % % !5 0 3 ' + 9 D # ! * D # ! * + 3 %2 ' % %

% ', /&

-) & '4 % 6 '&

Six Thinking Hats (Lateral Thinking) ! " # " Edward de Bono

p29-30_ºÑš¡Ă–ÂĄĂ Ă˜Ă Ă Ă?§.pmd

30

24/3/2553, 14:56


print.pmd

14

24/3/2553, 15:25


print.pmd

15

24/3/2553, 15:25


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.