Working Paper No 23 e-business Integrator From Strategy to Technology To remove the gap between e-biz strategy and implementation (eeyus@e-bizgroupcom) Creative Design 2001 04 24
e-business Integrator From Strategy to Technology To remove the gap between e-biz strategy and implementation [ ] I? 1 2 3 II? 1 2 3
[ ] (User Experience), (User Experience) (Identity) (Brand) ( ), : (Color), (Font), (Layout), (Graphic Elements) :,, : (Interaction), (Form), : (flow), :,,,, copyright 2000-2001 by e-bizgroup
I (Web Style Guide)? 1,,, GE, IBM, Compaq, Citi Bank,, (,, ) Proxicom, copyright 2000-2001 by e-bizgroup 1
HTML? (User Experience), (User Experience) (Identity) (Brand) 2 HTML, ( ), Agencycom Compaq (,,, ) GE HTML IBM Sun HTML, Java, CGI copyright 2000-2001 by e-bizgroup 2
3? (User Experience) (Structure), (Navigation & Information Architecture),, (Interaction), (Function), (Content) [ 1] : (Color), (Font), (Layout), (Graphic Elements) :,, : (Interation), (Form), : (flow), :,,, copyright 2000-2001 by e-bizgroup 3
(1) (Visual Concept), (Color), (Font), (Layout), (Graphic Elements) (Visual Concept) :,, (Color) [ 2] copyright 2000-2001 by e-bizgroup 4
(Color) 1 (Primary Color) 2 (Secondary Color), (Logo), RGB 256 (Font), [ 3] (Body Font), (Headline), (Title), (Label Font),,, copyright 2000-2001 by e-bizgroup 5
, (Layout) (Main Page),,,,, copyright 2000-2001 by e-bizgroup 6
[ 4] SBSi copyright 2000-2001 by e-bizgroup 7
(Graphic Elements),,,,,, copyright 2000-2001 by e-bizgroup 8
(Graphic Element Style Table) copyright 2000-2001 by e-bizgroup 9
(2),,,,, (Site Map) copyright 2000-2001 by e-bizgroup 10
(Depth) (Width), 3 (Tear Off Page) (Cross Link) (Menu Table) copyright 2000-2001 by e-bizgroup 11
(Navigation) (Global Navigation) (Local Navigation) (Featured Navigation) (Top Navigation), (Footer : Top Navigation ), (Side Navigation) (Side Slide), (Navigation Box),,, copyright 2000-2001 by e-bizgroup 12
,,,,, II? 1, (Application),,, (Form) (Action) (Button) (Graphic User Interface),, 2 copyright 2000-2001 by e-bizgroup 13
3 94~ 95 EIP(Enterprise Information Portal),,,,, copyright 2000-2001 by e-bizgroup 14
[ 1] [ ] 1 (Overview) 2 (Color Palette) 3 (The Grid) 4 (Fonts) 5 (Photography) 6 (Graphic Links & Buttons) 7 (Gateway) 8 (Second Level Screens) 9 (Tertiary Level Screens) 10 (Contact Info) copyright 2000-2001 by e-bizgroup 15
1 (Overview), 10 1999 3 29 copyright 2000-2001 by e-bizgroup 16
2 (Color Palette), 1 (Primary Color) Q (Compaq Red) (Compaq Grey), (Compaq Blue) 2,, (Compaq Purple, Green, Orange ),, (Yellow) RGB Hexadecimal copyright 2000-2001 by e-bizgroup 17
3 (The Grid) (Compaq Web Grid System) 60x60 30x30 15x15 copyright 2000-2001 by e-bizgroup 18
60x60 copyright 2000-2001 by e-bizgroup 19
(Secondary Level) copyright 2000-2001 by e-bizgroup 20
(Tertiary Level) copyright 2000-2001 by e-bizgroup 21
4 (Fonts) (Typography) Thesis Verdana HTML Sabon copyright 2000-2001 by e-bizgroup 22
Navigation Bar : (Menu Bar) Navigation Text : Linking Device : ( ) Link Treatment Text : Header Text : HTML copyright 2000-2001 by e-bizgroup 23
5 (Photography) : :,,,,,,,, (Bar) 60x60,,, (Color Bar) copyright 2000-2001 by e-bizgroup 24
copyright 2000-2001 by e-bizgroup 25
6 (Graphic Links & Buttons) (Compaq Graphic Linking & Button Devices) HTML (Purple) (Blue) Configure and Buy, Go Thesis sans bold caps 1 (Drop Shadow) copyright 2000-2001 by e-bizgroup 26
7 (Gateway) 1,,,,, 1 Gateway : copyright 2000-2001 by e-bizgroup 27
: (Global Brand Section) (Navigation Section) (Local Feature Section) copyright 2000-2001 by e-bizgroup 28
(1) copyright 2000-2001 by e-bizgroup 29
(2) 2 (bar),,, Compaqcom 2 Solution for 2 : copyright 2000-2001 by e-bizgroup 30
(3) (Local Marketing Space),,, 640x480 copyright 2000-2001 by e-bizgroup 31
8 (Second Level Screens),, 3 copyright 2000-2001 by e-bizgroup 32
copyright 2000-2001 by e-bizgroup 33
(1) - ( ) copyright 2000-2001 by e-bizgroup 34
- 3,, ( ) - / Footer Bar, (2) - /, - 4 : (Compaq Black) Compaq Black(Dark Black),,,, (Store), 4 - (Title Bar) 2 3 : ( ) 4 : Sitewide navigation copyright 2000-2001 by e-bizgroup 35
- copyright 2000-2001 by e-bizgroup 36
(3),,,,, (Dark Grey) Sans Serif Verdana Html, 60x60, copyright 2000-2001 by e-bizgroup 37
9 (Tertiary Level Screens), 5, 5 (Template) :,, copyright 2000-2001 by e-bizgroup 38
copyright 2000-2001 by e-bizgroup 39
(1) (2) (Side Bar Content Treatment) copyright 2000-2001 by e-bizgroup 40
(3),,,, (Dark Grey) Sans Serif Verdana Html, 60x60, copyright 2000-2001 by e-bizgroup 41
[ 2] Charles Sturt University (http://wwwdbcsueduau/division/dit/csustule/printhtm) 6 CSU CSU CSU Header Footer,, Header Header CSU CSU,, Header Headers Section Footer Footer, < > 1 HTML HTML, 6 CSU : Charles Sturt University copyright 2000-2001 by e-bizgroup 42
ISDN 40K Byte 288K 14 26~40 30 30 CSU HTML 7 W3C HTML 32 http://wwww3org HTML IMG SRC ALT Height Width 600 480 VGA : <IMG SRC= /images/myimagegif height= 20 width= 50 ALT= Name of my Image > 3 640X480 CSU GIF 7 W3C : copyright 2000-2001 by e-bizgroup 43
(Dithering), 256 16 CS U (ie BGCOLOR= #FFFFFF ) <Body> BACKGROUND= images/sidel3gif ( ie LINK= #0000FF, ALINK= #FF0000, VLINK= 660099 ) NO FRAMES NO FRAME HTML CSU 2 (Meta Data) HTML <HEAD> CSU Keyword Description copyright 2000-2001 by e-bizgroup 44
<HEAD> <META NAME="Author" CONTENT="Your name"> <META NAME="Description" CONTENT="Charles Sturt University (CSU) located in the cities of Albury-Wodonga, Bathurst and Wagga Wagga, three of the fastest growing cities in NSW As well as these campuses, the University is represented in places as diverse as Dubbo, Manly, Goulburn, Rozelle, Broken Hill, Canberra and the central business district of Sydney From these campuses, and by distance education, over 23 000 students studied at CSU last year in more than 300 courses in the arts, commerce, education, health, science and agriculture"> <META NAME="KeyWords" CONTENT="distance education, online learning, Australia, Australian, NSW, Wagga, Bathurst, Albury, Canberra, Dubbo, Sydney, Thurgoona, Research, University, HSC, School, Faculty"> </HEAD> 3 Headers CSU (Header) 1 : 1~2 1 Footer 2 : 3~4 copyright 2000-2001 by e-bizgroup 45
2 CSU 74x574 VGA 480 CSU 4 Background Image 2~3 3 : 4 3 45x445 5 (Faculty Heading), copyright 2000-2001 by e-bizgroup 46
6 (Division Heading) 3 74x574, 7 Footer CSU 8 Footer Footer, CSU Footer 5 Footer Footer <!--#include virtual= /include/tail -- > 8 9 (Publishing System) (Display Type) (Body) 8 Footer :, 9 Publishing System : copyright 2000-2001 by e-bizgroup 47
, (Display Type) CSU Helpdesk 9 (Body), 10 Body 10 Body Page : copyright 2000-2001 by e-bizgroup 48
10 (Faculty Style) CSU - - 3 - CSU - CSU Footer CSU Footer (, (, ), ) - - copyright 2000-2001 by e-bizgroup 49
11 (Division Page) 74x574 3 CSU CSU, copyright 2000-2001 by e-bizgroup 50
- 1 2 copyright 2000-2001 by e-bizgroup 51
- 2 : 2 copyright 2000-2001 by e-bizgroup 52
12 (Templates) copyright 2000-2001 by e-bizgroup 53
[ ] NCSA TRG April 11, 1996 Agecycom Compaq Branding Guide 10 CSU Web Style Guide Cutter IT Journal Vol 13, N0 4 (April 2000) Creative Good Customer Experience copyright 2000-2001 by e-bizgroup 54
e-business Integrator From Strategy to Technology To remove the gap between e-biz strategy and implementation e-business Integrator e-transformation Renovation - - IT e-business Integrator e-learning, Enterprise Portal, Mobile Commerce, Web Identity, B2B Marketplace, Multimedia & Entertainment, Cyber Community e-,, IT,, Skill & Solution Provider estrategy edesign edevelopment emarketing evaluation What Atom-i edentity ed5plus LnR How Core Competence Research Experts Partners Solution Where etransformation Public Service Mobile ecommunity M&E KM Finance