SlideShare a Scribd company logo
1 of 64
Download to read offline
ADAPTIVE SYSTEMS
with
Simon Collison
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010
FOR MULTIPLE DEVICES
HULL
PATTERNS
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010
THAT ARE UNIQUELY OURS
The screen brings with it different kinds of
challenges for visual design, some of which
occur exclusively in interactive media.
It’s unrealistic to think our old methods can
fill in all the gaps, but new interaction
patterns and visual languages emerge
everyday.
These are the building blocks for our new
design principles.
JASON SANTA MARIA, 2008
BALANCE
COMPOSITION
SYMMETRY
MOVEMENT
RHYTHM
REPETITION
PATTERNS
SYSTEMS
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010
FOR EVOLVING WEBSITES
We don’t design web pages.
We design systems.
ANDY CLARKE
DESKTOP
SCREEN RESOLUTION
VIEWPORT
MOBILE DEVICES
ORIENTATION
RENDERING ENGINES
LAYOUT
http://jasonsantamaria.com/http://gregorywood.co.uk/
ADAPTIVE
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010
LAYOUTS
• Use one set of files for the website
• Manipulate the resolution, viewport, and orientation
• Deliver 100% of the content
• Or, deliver the device-relevant content
• Surprise. Delight. Be creative!
The ability to alter the presentation of a
website without altering its structure
should have opened up the floodgates of
design creativity.
JEREMY KEITH, 2006
RESPONSIVE
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010
WEB DESIGN
http://www.alistapart.com/articles/responsive-web-design/
Ethan states that a responsive design is composed of
three distinct parts:
1. Flexible grid.
2. Flexible images.
3. Media queries.
FLEXIBLE GRID
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010
RESPONSIVE INGREDIENT # 1
• Relative measurements
• Percentages and ems
• min-width and max-width
• Maths!
http://lessframework.com
FLEXIBLE IMAGES
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010
RESPONSIVE INGREDIENT # 2
img {
width:380px;
height:auto;
}
img {
height:auto;
max-width:100%;
}
For a Windows fix, see http://unstoppablerobotninja.com/entry/fluid-images
MEDIA QUERIES
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010
RESPONSIVE INGREDIENT # 3
A media query consists of a media type and
zero or more expressions that check for the
conditions of particular media features.
Among the media features that can be used in
media queries are ‘width’, ‘height’, and ‘color’.
By using media queries, presentations can be
tailored to a specific range of output devices
without changing the content itself.
http://www.w3.org/TR/css3-mediaqueries/
@media  (max-­‐device-­‐width:480px)  and  
(orientation:portrait)  {  }
• nth-child for flow of images
• Proportional leading
• Change anything you want!
CASE STUDY
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010
COLLY.COM
<meta  name="viewport"  
content="width=device-­‐width"  />
@media  (min-­‐device-­‐width:1024px)  and  (max-­‐
width:989px),  screen  and  (max-­‐device-­‐
width:480px),  (max-­‐device-­‐width:480px)  and  
(orientation:landscape),  (min-­‐device-­‐
width:481px)  and  (orientation:portrait)  {
div#page  {  width:468px;  }  }
1. Devices with a minimum width of 1,024 pixels and windows with a maximum width of 989 pixels.
2. Screens that have a maximum device width of 480 pixels.
3. Devices with a maximum width of 480 pixels and are also in landscape orientation.
4.Devices with a minimum width of 481 pixels and are also in portrait orientation.
5. When one of the above criteria are met, resize the page division to 468 pixels.
@media  (min-­‐device-­‐width:1024px)  and  (max-­‐
width:509px),  (max-­‐device-­‐width:480px)  and  
(orientation:portrait)  {
div#page  {  width:306px;}
With these two queries, the page division shrinks to 306 pixels wide when viewed with:
1. devices with a minimum width of 1,024 pixels and windows with a maximum width of 509 pixels.
2. devices with a maximum width of 480 pixels which are also in landscape orientation.
NO SILVER BULLET
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010
FOR THE MOBILE WEB
http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
• Start with mobile!
• Use well structured meaningful markup
• Consider media queries
• Progressive enhancement (JavaScript & media queries)
• Adapt content appropriately for each device
display:none;
WHAT NEXT?
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010
• Rethink our processes
• Be responsive
• Progressively enhance
• Consider the needs of the mobile user
• Be brave, be creative!
THANKS
Simon Collison
http://colly.com
@colly
Adaptive Systems for Multiple Devices HD Live 4th Nov 2010

More Related Content

Viewers also liked

Em8 correcting perceptual & decoding deficits
Em8  correcting perceptual & decoding deficitsEm8  correcting perceptual & decoding deficits
Em8 correcting perceptual & decoding deficitsJon Henry Ordoñez
 
Phantom pain & sensation 1
Phantom pain & sensation 1Phantom pain & sensation 1
Phantom pain & sensation 1naem emma
 
Presentation of akbar ali
Presentation of akbar aliPresentation of akbar ali
Presentation of akbar aliAkbar Ali Hilbi
 
Guidance counselling in a vocational training school
Guidance counselling in a vocational training schoolGuidance counselling in a vocational training school
Guidance counselling in a vocational training schoolAna Palacio
 
Phantom-limb Pain
Phantom-limb Pain Phantom-limb Pain
Phantom-limb Pain Nur Paşa
 
Strategic Environmental Assessment at the Policy Level: Recent Progress, Curr...
Strategic Environmental Assessment at the Policy Level: Recent Progress, Curr...Strategic Environmental Assessment at the Policy Level: Recent Progress, Curr...
Strategic Environmental Assessment at the Policy Level: Recent Progress, Curr...zubeditufail
 
Toe and Partial Foot Amputations
Toe and Partial Foot AmputationsToe and Partial Foot Amputations
Toe and Partial Foot AmputationsMD TIEN
 
Phantom limb treatment
Phantom limb treatmentPhantom limb treatment
Phantom limb treatmentAshwina Grover
 
Six principles of idea
Six principles of ideaSix principles of idea
Six principles of ideaSusan E. Myers
 
Cardiac rehab, telehealth, the evidence for alternatives for ACOs
Cardiac rehab, telehealth, the evidence for alternatives for ACOsCardiac rehab, telehealth, the evidence for alternatives for ACOs
Cardiac rehab, telehealth, the evidence for alternatives for ACOsMaxpowerjr
 
Post polio syndrome
Post polio syndromePost polio syndrome
Post polio syndromemrinal joshi
 
The foot in cp part 1 of 3
The foot in cp  part 1 of 3The foot in cp  part 1 of 3
The foot in cp part 1 of 3Libin Thomas
 
Assistive technology devices and services
Assistive technology devices and servicesAssistive technology devices and services
Assistive technology devices and serviceshaiglerc
 
common congenital deformities of hand
common congenital deformities of handcommon congenital deformities of hand
common congenital deformities of handSumer Yadav
 
Claw hand dr akbar
Claw hand dr akbarClaw hand dr akbar
Claw hand dr akbargousia_aks
 
The Clinical Pharmacist in Cardiac Rehabilitation Phase I at Sarawak General ...
The Clinical Pharmacist in Cardiac Rehabilitation Phase I at Sarawak General ...The Clinical Pharmacist in Cardiac Rehabilitation Phase I at Sarawak General ...
The Clinical Pharmacist in Cardiac Rehabilitation Phase I at Sarawak General ...guestaf1e4
 

Viewers also liked (20)

Social Worker Education to 3N
Social Worker Education to 3NSocial Worker Education to 3N
Social Worker Education to 3N
 
Em8 correcting perceptual & decoding deficits
Em8  correcting perceptual & decoding deficitsEm8  correcting perceptual & decoding deficits
Em8 correcting perceptual & decoding deficits
 
Phantom limp pain
Phantom limp pain Phantom limp pain
Phantom limp pain
 
Phantom pain & sensation 1
Phantom pain & sensation 1Phantom pain & sensation 1
Phantom pain & sensation 1
 
Presentation of akbar ali
Presentation of akbar aliPresentation of akbar ali
Presentation of akbar ali
 
Guidance counselling in a vocational training school
Guidance counselling in a vocational training schoolGuidance counselling in a vocational training school
Guidance counselling in a vocational training school
 
Phantom-limb Pain
Phantom-limb Pain Phantom-limb Pain
Phantom-limb Pain
 
Strategic Environmental Assessment at the Policy Level: Recent Progress, Curr...
Strategic Environmental Assessment at the Policy Level: Recent Progress, Curr...Strategic Environmental Assessment at the Policy Level: Recent Progress, Curr...
Strategic Environmental Assessment at the Policy Level: Recent Progress, Curr...
 
Toe and Partial Foot Amputations
Toe and Partial Foot AmputationsToe and Partial Foot Amputations
Toe and Partial Foot Amputations
 
Phantom limb treatment
Phantom limb treatmentPhantom limb treatment
Phantom limb treatment
 
Six principles of idea
Six principles of ideaSix principles of idea
Six principles of idea
 
Cardiac rehab, telehealth, the evidence for alternatives for ACOs
Cardiac rehab, telehealth, the evidence for alternatives for ACOsCardiac rehab, telehealth, the evidence for alternatives for ACOs
Cardiac rehab, telehealth, the evidence for alternatives for ACOs
 
Phantom limb pain
Phantom limb painPhantom limb pain
Phantom limb pain
 
Post polio syndrome
Post polio syndromePost polio syndrome
Post polio syndrome
 
The foot in cp part 1 of 3
The foot in cp  part 1 of 3The foot in cp  part 1 of 3
The foot in cp part 1 of 3
 
Assistive technology devices and services
Assistive technology devices and servicesAssistive technology devices and services
Assistive technology devices and services
 
cardiac Rehabilitation
cardiac Rehabilitation cardiac Rehabilitation
cardiac Rehabilitation
 
common congenital deformities of hand
common congenital deformities of handcommon congenital deformities of hand
common congenital deformities of hand
 
Claw hand dr akbar
Claw hand dr akbarClaw hand dr akbar
Claw hand dr akbar
 
The Clinical Pharmacist in Cardiac Rehabilitation Phase I at Sarawak General ...
The Clinical Pharmacist in Cardiac Rehabilitation Phase I at Sarawak General ...The Clinical Pharmacist in Cardiac Rehabilitation Phase I at Sarawak General ...
The Clinical Pharmacist in Cardiac Rehabilitation Phase I at Sarawak General ...
 

Similar to Adaptive Systems

CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake OilCSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake Oiljameswillweb
 
Advancio, Inc. Academy: Responsive Web Design
Advancio, Inc. Academy: Responsive Web DesignAdvancio, Inc. Academy: Responsive Web Design
Advancio, Inc. Academy: Responsive Web DesignAdvancio
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignJason Harwig
 
Mo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent Web
Mo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent WebMo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent Web
Mo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent WebRita Troyer
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignJulia Vi
 
Designing for mobile
Designing for mobileDesigning for mobile
Designing for mobileDee Sadler
 
Responsive Web Design - Why and How
Responsive Web Design - Why and HowResponsive Web Design - Why and How
Responsive Web Design - Why and HowJudi Wunderlich
 
CSS3, Media Queries, and Responsive Design
CSS3, Media Queries, and Responsive DesignCSS3, Media Queries, and Responsive Design
CSS3, Media Queries, and Responsive DesignZoe Gillenwater
 
An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive DesignValtech UK
 
CSS3: Using media queries to improve the web site experience
CSS3: Using media queries to improve the web site experienceCSS3: Using media queries to improve the web site experience
CSS3: Using media queries to improve the web site experienceZoe Gillenwater
 
37 million reasons to give a damn about the disabled
37 million reasons to give a damn about the disabled37 million reasons to give a damn about the disabled
37 million reasons to give a damn about the disabledChris Merkel
 
The specs behind the sex, mobile-friendly layout beyond the desktop
The specs behind the sex, mobile-friendly layout beyond the desktopThe specs behind the sex, mobile-friendly layout beyond the desktop
The specs behind the sex, mobile-friendly layout beyond the desktopbetabeers
 
Creating Compelling Mobile User Experiences
Creating Compelling Mobile User ExperiencesCreating Compelling Mobile User Experiences
Creating Compelling Mobile User ExperiencesChris Griffith
 
Adaptive layouts - standards>next Manchester 23.03.2011
Adaptive layouts - standards>next Manchester 23.03.2011Adaptive layouts - standards>next Manchester 23.03.2011
Adaptive layouts - standards>next Manchester 23.03.2011Patrick Lauke
 
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition Perspective
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition PerspectiveDesign Like a Pro: Building Mobile-Responsive HMIs in Ignition Perspective
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition PerspectiveInductive Automation
 
Under the Hood with Cognos Analytics R5: Say Hello to Portal Tabs Replacement
Under the Hood with Cognos Analytics R5: Say Hello to Portal Tabs ReplacementUnder the Hood with Cognos Analytics R5: Say Hello to Portal Tabs Replacement
Under the Hood with Cognos Analytics R5: Say Hello to Portal Tabs ReplacementSenturus
 

Similar to Adaptive Systems (20)

CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake OilCSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
 
Advancio, Inc. Academy: Responsive Web Design
Advancio, Inc. Academy: Responsive Web DesignAdvancio, Inc. Academy: Responsive Web Design
Advancio, Inc. Academy: Responsive Web Design
 
Responsive web - CC FE & UX
Responsive web -  CC FE & UXResponsive web -  CC FE & UX
Responsive web - CC FE & UX
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Responding Responsively
Responding ResponsivelyResponding Responsively
Responding Responsively
 
Mo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent Web
Mo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent WebMo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent Web
Mo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent Web
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Designing for mobile
Designing for mobileDesigning for mobile
Designing for mobile
 
Responsive Web Design - Why and How
Responsive Web Design - Why and HowResponsive Web Design - Why and How
Responsive Web Design - Why and How
 
CSS3, Media Queries, and Responsive Design
CSS3, Media Queries, and Responsive DesignCSS3, Media Queries, and Responsive Design
CSS3, Media Queries, and Responsive Design
 
An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive Design
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
CSS3: Using media queries to improve the web site experience
CSS3: Using media queries to improve the web site experienceCSS3: Using media queries to improve the web site experience
CSS3: Using media queries to improve the web site experience
 
37 million reasons to give a damn about the disabled
37 million reasons to give a damn about the disabled37 million reasons to give a damn about the disabled
37 million reasons to give a damn about the disabled
 
The specs behind the sex, mobile-friendly layout beyond the desktop
The specs behind the sex, mobile-friendly layout beyond the desktopThe specs behind the sex, mobile-friendly layout beyond the desktop
The specs behind the sex, mobile-friendly layout beyond the desktop
 
Creating Compelling Mobile User Experiences
Creating Compelling Mobile User ExperiencesCreating Compelling Mobile User Experiences
Creating Compelling Mobile User Experiences
 
Adaptive layouts - standards>next Manchester 23.03.2011
Adaptive layouts - standards>next Manchester 23.03.2011Adaptive layouts - standards>next Manchester 23.03.2011
Adaptive layouts - standards>next Manchester 23.03.2011
 
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition Perspective
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition PerspectiveDesign Like a Pro: Building Mobile-Responsive HMIs in Ignition Perspective
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition Perspective
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Under the Hood with Cognos Analytics R5: Say Hello to Portal Tabs Replacement
Under the Hood with Cognos Analytics R5: Say Hello to Portal Tabs ReplacementUnder the Hood with Cognos Analytics R5: Say Hello to Portal Tabs Replacement
Under the Hood with Cognos Analytics R5: Say Hello to Portal Tabs Replacement
 

More from Simon Collison

A Dialect of Our Own Design
A Dialect of Our Own DesignA Dialect of Our Own Design
A Dialect of Our Own DesignSimon Collison
 
Elegance Without Compromise
Elegance Without CompromiseElegance Without Compromise
Elegance Without CompromiseSimon Collison
 
EE: Five Years Of Quiet Revolution
EE: Five Years Of Quiet RevolutionEE: Five Years Of Quiet Revolution
EE: Five Years Of Quiet RevolutionSimon Collison
 
Developing Your Ultimate Package
Developing Your Ultimate PackageDeveloping Your Ultimate Package
Developing Your Ultimate PackageSimon Collison
 
Nailing Your Own Projects
Nailing Your Own ProjectsNailing Your Own Projects
Nailing Your Own ProjectsSimon Collison
 
High Noon Shoot Out - Design
High Noon Shoot Out - DesignHigh Noon Shoot Out - Design
High Noon Shoot Out - DesignSimon Collison
 
The Business Of Web Design
The Business Of Web DesignThe Business Of Web Design
The Business Of Web DesignSimon Collison
 

More from Simon Collison (15)

Old Dog, New Tricks
Old Dog, New TricksOld Dog, New Tricks
Old Dog, New Tricks
 
Notes from the Edge
Notes from the EdgeNotes from the Edge
Notes from the Edge
 
A Dialect of Our Own Design
A Dialect of Our Own DesignA Dialect of Our Own Design
A Dialect of Our Own Design
 
Elegance Without Compromise
Elegance Without CompromiseElegance Without Compromise
Elegance Without Compromise
 
Project management
Project managementProject management
Project management
 
Subconscious Design
Subconscious DesignSubconscious Design
Subconscious Design
 
Design To Communicate
Design To CommunicateDesign To Communicate
Design To Communicate
 
The Pursuit of Magic
The Pursuit of MagicThe Pursuit of Magic
The Pursuit of Magic
 
EE: Five Years Of Quiet Revolution
EE: Five Years Of Quiet RevolutionEE: Five Years Of Quiet Revolution
EE: Five Years Of Quiet Revolution
 
Developing Your Ultimate Package
Developing Your Ultimate PackageDeveloping Your Ultimate Package
Developing Your Ultimate Package
 
Nailing Your Own Projects
Nailing Your Own ProjectsNailing Your Own Projects
Nailing Your Own Projects
 
The Process Toolbox
The Process ToolboxThe Process Toolbox
The Process Toolbox
 
High Noon Shoot Out - Design
High Noon Shoot Out - DesignHigh Noon Shoot Out - Design
High Noon Shoot Out - Design
 
The Business Of Web Design
The Business Of Web DesignThe Business Of Web Design
The Business Of Web Design
 
Knowing Your Audience
Knowing Your AudienceKnowing Your Audience
Knowing Your Audience
 

Recently uploaded

Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一Fi ss
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 

Recently uploaded (20)

Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 

Adaptive Systems