[DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)

•

0 gostou•1,923 visualizações

Drupal Taiwan

Tecnologia Negócios

Become an IA superstar:

http://www.ﬂickr.com/photos/9053157@N02/2327370159/
building essential navigation in Drupal
Drupal

John Albin Wilkins
JohnAlbin, @JohnAlbin, etc.

John Albin Wilkins
JohnAlbin, @JohnAlbin, etc.

Palantiri (Palantir.net)

Maintainer of:
Menu block
Menu position
Menu item container
404 Navigation
404 Blocks

http://www.ﬂickr.com/photos/44374327@N05/4803898574/

in IA
Patterns

Structure vs.
Presentation

http://www.ﬂickr.com/photos/95492938@N00/5473183284/

4 basic structures of IA

! Hierarchy (Strict ! Database
or Polyhierarchy) ! Hypertext
(
) ! Linear

A Practical
Guide to
Information
Architecture

by Donna Spencer

http://practical-ia.com

Hypertext

http://www.ﬂickr.com/photos/49503165485@N01/4714813480/

Hierarchy

Drupal core
only supports
Strict Hierarchy

Drupal

http://www.ﬂickr.com/photos/33563858@N00/4622863153/

Hierarchy
Drupal core
gets confused with
Drupal core
Polyhierarchy
only supports
because the web
Strict Hierarchy
is “stateless”
Drupal
Drupal ”
”

http://www.ﬂickr.com/photos/33563858@N00/4622863153/

Combinations

http://www.ﬂickr.com/photos/95492938@N00/257491210/

404 Navigation
“ ”
Don’t let your users get lost.
!

http://drupal.org/project/navigation404

(D6 version is called “404 Blocks”)
Drupal6 ”404 Blocks”
http://www.ﬂickr.com/photos/82995349@N00/2552866309/

Split Navigation
Presentation of the
Hierarchy pattern

Primary links in
horizontal navbar on top

Secondary, Tertiary, etc. links
in sidebar

http://www.ﬂickr.com/photos/80974239@N00/2930794542/

Menu block
The hidden gem of Drupal contrib.
Drupal

http://drupal.org/project/menu_block

http://www.ﬂickr.com/photos/22875086@N05/3464050379/

Containers

http://www.ﬂickr.com/photos/42327254@N00/3337773098/

Menu item container

Used on the Drupalcon Chicago website.
Drupalcon Chicago website

http://drupal.org/project/menu_item_container

Database
Guess what Drupal’s
Hierarchy-based
menu system
does here.
Drupal

http://www.ﬂickr.com/photos/83484306@N00/3300827223/

Menu Position

The new kid on the block.

http://drupal.org/project/menu_position

http://www.ﬂickr.com/photos/54019819@N00/3413149841/

Linear

Menu position can do this too!
“ ” !

Using Blue Podcast
Blue Podcast
usingblue.com

Mais conteúdo relacionado

Semelhante a [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)

Introduction To Linked DataLeigh Dodds

Drupal for Non-Wimpy Librarians (ILEAD U 2011)Mikael Jacobsen

Seti 09bzanchet

Wai Aria In Real WorldGoonoo Kim

Drupal + ApacheSolrDropsolid

Accessibility and web innovation. (no notes)Christian Heilmann

History of Drupal: From Drop 1.0 to Drupal 8Websolutions Agency

Drupal in LibrariesCary Gordon

Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016Anna Dahlström

Ubi Zen 2.1 - por que middlewares ?Fabricio Nogueira Buzeto

Managing Content in Drupal with WorkbenchAcquia

Drupal 7 and RDFscorlosquet

Building Rackspace Cloud Monitoringgdusbabek

Puppet and your Metadata - PuppetCamp London 2015Marc Cluet

YQL - HackU IIT Madras 2012Pradeep Varadaraja Banavara

When Drupal and RDF meetscorlosquet

LITA Preconference: Getting Started with Drupal (handout)Rachel Vacek

April 2012 uPortal Community CallJasig uPortal Project

Managing Content in Drupal with WorkbenchAcquia

Drupal and the semantic web - SemTechBiz 2012scorlosquet

Semelhante a [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語) (20)

Introduction To Linked Data

Drupal for Non-Wimpy Librarians (ILEAD U 2011)

Seti 09

Wai Aria In Real World

Drupal + ApacheSolr

Accessibility and web innovation. (no notes)

History of Drupal: From Drop 1.0 to Drupal 8

Drupal in Libraries

Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016

Ubi Zen 2.1 - por que middlewares ?

Managing Content in Drupal with Workbench

Drupal 7 and RDF

Building Rackspace Cloud Monitoring

Puppet and your Metadata - PuppetCamp London 2015

YQL - HackU IIT Madras 2012

When Drupal and RDF meet

LITA Preconference: Getting Started with Drupal (handout)

April 2012 uPortal Community Call

Managing Content in Drupal with Workbench

Drupal and the semantic web - SemTechBiz 2012

Mais de Drupal Taiwan

[DCTPE2011] 3) 主題演講：用Drupal 打造更美好的網際網路Drupal Taiwan

[DCTPE2011] 7) Mobile Drupal(英/中雙語)Drupal Taiwan

[DCTPE2011] 10) Drupal與Facebook交朋友Drupal Taiwan

[DCTPE2011] Drupal 6 的 CCK/Views運用--林振昇Drupal Taiwan

[DCTPE2011] 8) 多伺服器/高效能的Drupal 主機解決方案--James LiuDrupal Taiwan

[DCTPE2011] 8) 多伺服器/高效能的Drupal 主機解決方案--黃雋Drupal Taiwan

[DCTPE2011] Drupal 7 的Fields/Views 運用Drupal Taiwan

[DCTPE2011] 11) Drupal 是好的生財工具嗎？ 2. 中小型網站製作公司/工作室座談Drupal Taiwan

[DCTPE2011] Drupal 6 的 CCK/Views運用--黎偉志Drupal Taiwan

[DCTPE2011] 9) 案例分析 1. NNCF.org - Content, Commerce, CRMDrupal Taiwan

[DCTPE2011]Drupalthon introDrupal Taiwan

[DCTPE2010] Drupalcamp 商業案例：獎金獵人 shareDrupal Taiwan

[DCTPE2010] Drupal 與網路的未來趨勢Drupal Taiwan

[DCTPE2010] Drupal & 電子商務-Ubercart 實例介紹：線上書店Drupal Taiwan

[DCTPE2010] Drupal 學術應用-申請入學網路單一窗口Drupal Taiwan

[DCTPE2010] 多站架設商業應用與實務-以本土癮科技為例Drupal Taiwan

[DCTPE2010] 綠界科技-網路金流機制服務簡介Drupal Taiwan

[DCTPE2010] MicrosoftDrupal Taiwan

[DCTPE2010] Biodiversity & DrupalDrupal Taiwan

[DCTPE2010] Drupal 遇上行動網路服務Drupal Taiwan

Mais de Drupal Taiwan (20)

[DCTPE2011] 3) 主題演講：用Drupal 打造更美好的網際網路

[DCTPE2011] 7) Mobile Drupal(英/中雙語)

[DCTPE2011] 10) Drupal與Facebook交朋友

[DCTPE2011] Drupal 6 的 CCK/Views運用--林振昇

[DCTPE2011] 8) 多伺服器/高效能的Drupal 主機解決方案--James Liu

[DCTPE2011] 8) 多伺服器/高效能的Drupal 主機解決方案--黃雋

[DCTPE2011] Drupal 7 的Fields/Views 運用

[DCTPE2011] 11) Drupal 是好的生財工具嗎？ 2. 中小型網站製作公司/工作室座談

[DCTPE2011] Drupal 6 的 CCK/Views運用--黎偉志

[DCTPE2011] 9) 案例分析 1. NNCF.org - Content, Commerce, CRM

[DCTPE2011]Drupalthon intro

[DCTPE2010] Drupalcamp 商業案例：獎金獵人 share

[DCTPE2010] Drupal 與網路的未來趨勢

[DCTPE2010] Drupal & 電子商務-Ubercart 實例介紹：線上書店

[DCTPE2010] Drupal 學術應用-申請入學網路單一窗口

[DCTPE2010] 多站架設商業應用與實務-以本土癮科技為例

[DCTPE2010] 綠界科技-網路金流機制服務簡介

[DCTPE2010] Microsoft

[DCTPE2010] Biodiversity & Drupal

[DCTPE2010] Drupal 遇上行動網路服務

Último

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

🐬 The future of MySQL is Postgres 🐘RTylerCroy

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal

Slack Application Development 101 Slidespraypatel2

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Real Time Object Detection Using Open CVKhem

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Scaling API-first – The story of a global engineering organizationRadu Cotescu

A Domino Admins Adventures (Engage 2024)Gabriella Davis

A Year of the Servo Reboot: Where Are We Now?Igalia

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls

[DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)

1. Become an IA superstar: http://www.ﬂickr.com/photos/9053157@N02/2327370159/ building essential navigation in Drupal Drupal John Albin Wilkins JohnAlbin, @JohnAlbin, etc.

2. John Albin Wilkins JohnAlbin, @JohnAlbin, etc. Palantiri (Palantir.net) Maintainer of: Menu block Menu position Menu item container 404 Navigation 404 Blocks

3. http://www.ﬂickr.com/photos/44374327@N05/4803898574/ in IA Patterns

4. Structure vs. Presentation http://www.ﬂickr.com/photos/95492938@N00/5473183284/

5. 4 basic structures of IA ! Hierarchy (Strict ! Database or Polyhierarchy) ! Hypertext ( ) ! Linear

6. A Practical Guide to Information Architecture by Donna Spencer http://practical-ia.com

7. Hypertext http://www.ﬂickr.com/photos/49503165485@N01/4714813480/

8. Hierarchy Drupal core only supports Strict Hierarchy Drupal http://www.ﬂickr.com/photos/33563858@N00/4622863153/

9. Hierarchy Drupal core gets confused with Drupal core Polyhierarchy only supports because the web Strict Hierarchy is “stateless” Drupal Drupal ” ” http://www.ﬂickr.com/photos/33563858@N00/4622863153/

10. Database

11. Linear

12. Combinations http://www.ﬂickr.com/photos/95492938@N00/257491210/

13. 404 Navigation “ ” Don’t let your users get lost. ! http://drupal.org/project/navigation404 (D6 version is called “404 Blocks”) Drupal6 ”404 Blocks” http://www.ﬂickr.com/photos/82995349@N00/2552866309/

14. Split Navigation Presentation of the Hierarchy pattern Primary links in horizontal navbar on top Secondary, Tertiary, etc. links in sidebar http://www.ﬂickr.com/photos/80974239@N00/2930794542/

15. Menu block The hidden gem of Drupal contrib. Drupal http://drupal.org/project/menu_block http://www.ﬂickr.com/photos/22875086@N05/3464050379/

16. Containers http://www.ﬂickr.com/photos/42327254@N00/3337773098/

17. Menu item container Used on the Drupalcon Chicago website. Drupalcon Chicago website http://drupal.org/project/menu_item_container

18. Database Guess what Drupal’s Hierarchy-based menu system does here. Drupal http://www.ﬂickr.com/photos/83484306@N00/3300827223/

19. Database Guess what Drupal’s Hierarchy-based menu system does here. Drupal http://www.ﬂickr.com/photos/83484306@N00/3300827223/

20. Menu Position The new kid on the block. http://drupal.org/project/menu_position http://www.ﬂickr.com/photos/54019819@N00/3413149841/

21. Linear Menu position can do this too! “ ” !

22. Using Blue Podcast Blue Podcast usingblue.com

[DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)

Semelhante a [DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語) (20)

Mais de Drupal Taiwan

Mais de Drupal Taiwan (20)

Último

Último (20)

[DCTPE2011] 5) 用 Drupal 打造美好資訊架構(英/中雙語)