AWS 架构完善的框架 · aws 架构完善的框架 2020 年 7 ⽉ 本⽂档介绍了 aws 良好架构框架,借助它,您可以审查并改进您的基于云的架构,并更好地了解设计决策
[DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)
-
Upload
drupal-taiwan -
Category
Technology
-
view
1.887 -
download
3
description
Transcript of [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)
![Page 1: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/1.jpg)
Become an IA superstar:1>��^Z89d
building essential navigation in Drupal Drupal�-IfX(Y�
John Albin Wilkins
JohnAlbin, @JohnAlbin, etc.
http
://w
ww
.flic
kr.c
om/p
hoto
s/90
5315
7@N
02/2
3273
7015
9/
![Page 2: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/2.jpg)
John Albin Wilkins
JohnAlbin, @JohnAlbin, etc.
Palantiri (Palantir.net)
Maintainer of:Menu block
Menu positionMenu item container
404 Navigation404 Blocks
![Page 3: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/3.jpg)
Patternsin IA
^Z89D;?:.
http
://w
ww
.flic
kr.c
om/p
hoto
s/44
3743
27@
N05
/480
3898
574/
![Page 4: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/4.jpg)
http://www.flickr.com/photos/95492938@N00/5473183284/
Structure vs. Presentation O9U)G
![Page 5: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/5.jpg)
4 basic structures of IA^Z89�$!7O9
! Hierarchy (Strict or Polyhierarchy)gM (�[D2#�g*)
! Database ^5,! Hypertext _47! Linear Q/D
![Page 6: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/6.jpg)
A Practical Guide to
Information Architecture^Z89D&C3l
by Donna Spencer
http://practical-ia.com
![Page 7: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/7.jpg)
http://www.flickr.com/photos/49503165485@N01/4714813480/
Hypertext +��
![Page 8: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/8.jpg)
Drupal coreonly supports
Strict Hierarchy
Drupal����� *%/�'
Hierarchy /&
http://www.flickr.com/photos/33563858@N00/4622863153/
![Page 9: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/9.jpg)
Drupal coreonly supports
Strict Hierarchy
Drupal����� *%/�'
Drupal coregets confused with
Polyhierarchybecause the web
is “stateless”Drupal����)”��/�”�"�#(,�!�.$��%
Hierarchy /&
http://www.flickr.com/photos/33563858@N00/4622863153/
![Page 10: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/10.jpg)
Database ^5,
![Page 11: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/11.jpg)
Linear Q/D
![Page 12: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/12.jpg)
http://www.flickr.com/photos/95492938@N00/257491210/
Combinations O�
![Page 13: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/13.jpg)
http://www.flickr.com/photos/82995349@N00/2552866309/
404 Navigation“��(0”
Don’t let your users get lost.
�\�D�CSa`�!
http://drupal.org/project/navigation404
(D6 version is called “404 Blocks”)
Drupal6H>”404 Blocks”
![Page 14: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/14.jpg)
Split Navigation ��(VPresentation of theHierarchy pattern)Gg*.;?Primary links inhorizontal navbar on top�6=+(VD�XcOSecondary, Tertiary, etc. linksin sidebarJ�J�j cO �<
http://www.flickr.com/photos/80974239@N00/2930794542/
![Page 15: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/15.jpg)
http://www.flickr.com/photos/22875086@N05/3464050379/
Menu block �Te��"The hidden gem of Drupal contrib.Drupal]BSDhW'@
http://drupal.org/project/menu_block
![Page 16: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/16.jpg)
http://www.flickr.com/photos/42327254@N00/3337773098/
Containers%�
![Page 17: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/17.jpg)
Menu item container�Te�iED%L�
Used on the Drupalcon Chicago website.
Drupalcon Chicago websiteD0C
http://drupal.org/project/menu_item_container
![Page 18: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/18.jpg)
Guess what Drupal’sHierarchy-based
menu systemdoes here.
AAFDrupalDg*.89De�KP�
��k
http://www.flickr.com/photos/83484306@N00/3300827223/
Database ^5,
![Page 19: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/19.jpg)
Guess what Drupal’sHierarchy-based
menu systemdoes here.
AAFDrupalDg*.89De�KP�
��k
http://www.flickr.com/photos/83484306@N00/3300827223/
Database ^5,
![Page 20: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/20.jpg)
http://www.flickr.com/photos/54019819@N00/3413149841/
Menu Positione� R
The new kid on the block.
����-����
http://drupal.org/project/menu_position
![Page 21: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/21.jpg)
Linear Q/D
Menu position can do this too!“e� R”:N����b�!
![Page 22: [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)](https://reader036.fdocuments.net/reader036/viewer/2022081720/547d2476b379595e2b8b51b1/html5/thumbnails/22.jpg)
Using Blue Podcast�CBlue Podcast
usingblue.com