兩年一度的上海市星光計劃比賽被譽為職業技能大賽的奧林匹克,比賽分為中職組和高職組 隨著若幹年的發展,比賽的題目強度逐年提高,逐步向世界職業技能大賽的比賽強度靠攏 這次翻譯的題目是上海市第八屆星光計劃(2019年)技能大賽網站設計(中職教師組)的決賽題目。全文是英文的,學生組的題目和教師組差不多,個別 ...
兩年一度的上海市星光計劃比賽被譽為職業技能大賽的奧林匹克,比賽分為中職組和高職組
隨著若幹年的發展,比賽的題目強度逐年提高,逐步向世界職業技能大賽的比賽強度靠攏
這次翻譯的題目是上海市第八屆星光計劃(2019年)技能大賽網站設計(中職教師組)的決賽題目。全文是英文的,學生組的題目和教師組差不多,個別地方降低了要求。故這次翻譯了教師組的題目。
決賽要求
模塊 A:站點設計
一、競賽時間 150 min
二、競賽任務及要求
1. INTRODUCTION:
Frankfurt International Motor Show(IAA) was firstly established in 1897 in Berlin,known as Berlin Motor Show. As one of the biggest automobile exhibitions worldwide, IAA is famous as Olympics for Automobiles. The two-week IAA Motor Show has been held every two years in the middle of January.
1.簡介:
法蘭克福國際汽車展(IAA)於1897年在柏林首次成立,被稱為柏林車展。 作為全球最大的汽車展覽會之一,IAA以汽車屆的奧運會而聞名。每兩年的一月中旬舉辦一次為期兩周的IAA車展。
The upcoming IAA event will be held on Jan.11-13, 2020 in Frankfurt. The organizer would like to establish a website to display the IAA related news, information, online-ticket application and advertisement of sponsors.
即將舉行的IAA會展將於2020年1月11日至13日在法蘭克福舉行。 承辦方希望建立一個網站,用來顯示IAA相關的新聞、信息、線上票務和贊助商廣告。
2. DESCRIPTION OF PROJECT AND MODULE
This module involves knowledge about website design.You should finish your design work in the morning. The design needs to be classy and modern to fit with the target audience for IAA 2020: Mainly young people with some knowledge of automobiles and pursuit high-quality life
2.項目和模塊的描述
本單元涉及網站設計知識。您應該在早上完成設計工作。需要設計成優雅和現代的風格,以適應IAA 2020的目標受眾——主要是對汽車有一定瞭解並追求高品質生活的年輕人
Website Design Details
Create a design for a responsive front page for the motor showevent ‘IAA 2020’.
Make a design for how the website will looks like at the following resolutions:
Desktop:1330px,
Tablet:768px,
Mobile: 480px.
In addition to the website design you need to design a style guide for future development of the website. You have to redesign the provided logos, not only make changes to the color of the logo.
網站設計細節
為會展“IAA 2020”設計響應式網頁。
根據以下規格設計網站的外觀:
桌面:1330px
平板:768px
移動設備:480px
此外,你需要為即將完成的網站設計樣式指南。您必須重新設計提供的徽標(Logo),而不僅僅是更改徽標(Logo)的顏色。
The page template should include:
- Page title
- Banner
- Countdown timer (11th January,2020 18:00)
- News posts
- Event description (placeholder text)
- SponsorsOnline exhibition
- Tickets Service
- Location of the IAA(map)
- Button to open the hidden sidebar
- Footer with copyrights and social media links
頁面模板應包括:
- 頁面標題
- 橫幅
- 倒數計時器(2020年1月11日18:00)
- 新聞發佈
- 事件描述(占位符文本)
- 贊助商線上展示
- 門票服務
- IAA的位置(地圖)
- 能打開隱藏的側邊欄的按鈕
- 具有版權和社交媒體鏈接的頁腳
*For the detail requirement of each section, your design work should be in line with the CMS details in the afternoon.
The sidebar is added (as a small tab) to all pages.
The footer is added to all pages. The footer contains copyrights and at least three social media platforms.
*對於每個部分的詳細要求,您必須設計成和下午能在CMS中實現的細節保持一致。
側邊欄(作為小標簽)添加到所有頁面。
頁腳將添加到所有頁面。頁腳包含版權和至少三個社交媒體平臺。
Design your own vehicle model icon :
-Saloon Car
-Sporty Car
-Pickup Truck
-Multi-Purpose Vehicles
設計您自己的車輛模型圖標:
- 轎車
- 跑車
- 皮卡(敞蓬小型載貨卡車)
- 多用途車輛
Logo Design
IAA wants you to redesign a logo for this event based on the old one, which should match the idea and target audience of the event.
徽標(Logo)設計
IAA希望您在原有徽標(Logo)的基礎上重新設計一個與活動理念和目標受眾相匹配的徽標(Logo)。
Style guide Details
Necessary elements for the style guide including colors, sizes and fonts
-Buttons
-Backgrounds
-Main title
-Subpage title
-Section title
-Paragraphs
-Navigation.
-Vehicle model icon
*Add comments to the style guide to specify how to use the logo and the interactive elements.
樣式指南詳情
樣式指南的必要元素包括顏色,大小和字體
- 按鈕
- 背景
- 主標題
- 子頁標題
- 章節標題
- 段落
- 導航
- 車輛模型圖標
*在樣式指南中添加註釋,以指定如何使用徽標(Logo)和交互元素。
3. INSTRUCTIONS TO THE COMPETITOR
The designs should be saved as: Desktop_IAA.png, Tablet_IAA.png, Mobile_IAA.png, Logo_IAA.png and StyleGuide.png.
You can add extra files to explain your designs, and save them as:Desktop_IAA_1.png ......
In the morning, save your design, style guide in this location:
http://XX.star.com/CMS/design where XX is your workstation number.
3.參賽選手註意事項
設計稿保存為:Desktop_IAA.png, Tablet_IAA.png, Mobile_IAA.png, Logo_IAA.png 和 StyleGuide.png
您可以用額外的文件來詳解您的設計,保存他們為:Desktop_IAA_1.png ......
上午,保存您的設計、樣式指南在下麵這個位置:
http://XX.star.com/CMS/design,XX是你的工位號
模塊 B:站點重構,交互和功能
一、競賽時間 180 min
二、競賽任務及要求
1. INTRODUCTION:
This module involves knowledge about website layout techniques, client-side scripting, and server-side scripting, all combined in one CMS project. Implement all the design work into web pages and keep them identical with your design as much as you can. You will usethe most popular CMS-Wordpress to construct your site.
Develop your theme as a child-theme for the Blankslate Wordpress theme, called Blankslate_Child_IAA. For the fully functional website you will need to add and config some of the provided or self-developedplugins.
1.簡介:
該模塊涉及有關網站佈局技術,客戶端腳本和伺服器端腳本的知識,所有這些都組合在一個CMS項目中。 將所有設計工作實施到網頁中,並儘可能地將它們與您的設計保持一致。 您將使用最流行的CMS-Wordpress來構建您的站點。
將您的主題作為Blankslate Wordpress主題的子主題開發,名為Blankslate_Child_IAA。 對於功能齊全的網站,您需要添加和配置一些提供的或自行開發的插件。
2. DESCRIPTION OF PROJECT AND MODULE
The website layout should be developed with the ability to add menu items (up to 5 items each maximum 15 characters) through dashboardwithout damaging the design.
For future use, widgets will be placed in the sidebar. Make sure the content of the sidebar can easily be changed without damaging the design.
2.項目和模塊的描述
開髮網站佈局,能夠通過儀錶板添加菜單項(最多5個項目,每個最多15個字元),而不會損壞設計。
為了將來的應用,小部件將放在側邊欄中。 確保可以輕鬆更改側邊欄的內容而不會損壞設計。
The layout of the website needs to be identical to your designs, but also needs to scale without damaging the design when scaling the browser window between 480px and 1330px. Make use of HTML and CSS by the W3C standards for proper SEO support.
網站的佈局需要與您的設計相同,在將瀏覽器視窗縮放在480px和1330px之間時,不會有損壞設計的情況。 通過符合W3C標準的HTML和CSS來獲得適當的SEO支持。
The banner should contain at least 3 images, user can change banner’s image through interaction effect.
橫幅(Banner)應包含至少3個圖像,用戶可以通過交互效果更改橫幅圖像。
You are required to set a countdown timer in the certain area on the webpage to draw more attention from subscribers. The countdown timer should be real-time updated every second on the webpage, starting from 18:00, Jan 11, 2020.
您需要在網頁的某個區域設置倒數計時器,以吸引訂閱者的更多關註。 倒數計時器應該在網頁上每秒實時更新一次,倒數計時器的時間設定為2020年1月11日18:00。
CMS Details
The Wordpress login page should have the logo of IAA.
The sidebar is hidden (as a small tab) by default. When clicking the tab, the sidebar slides or fades in.The sidebar needs to support adding search widget, images of sponsors and a calendar widget.
CMS詳情
Wordpress登錄頁面應該有IAA的徽標(Logo)。
側邊欄預設隱藏(以小標簽形式)。 單擊小標簽時,側邊欄會滑入或淡入。側邊欄需要支持添加搜索小部件,贊助商圖像和日曆小部件。
For safety reasons two user profiles needs to be created:
The Admin user - access to the complete WordPress main dashboard.
Username: admin
Password: weareiaa
The Client user - access to the main WordPress dashboard showing only pages, posts, media and relevant plugins (security, seo).
Username: employee
Password: allforiaa
出於安全原因,需要創建兩個用戶配置文件:
Admin用戶 - 訪問完整的WordPress儀錶板。
用戶名:admin
密碼:weareiaa
客戶端用戶 - 訪問WordPress部分儀錶板,包括頁面,帖子,媒體和相關插件(安全性,seo)。
用戶名:employee
密碼:allforiaa
News
News section should at least include 4 graphic news and each news includes the elements of title, description and published date.
Clicking news title can go to news-details page, which includes:
-Title
-View times
-Published date
-Author
-Description
-Image
Admin can create or delete news through dashboard. If amountof news more than the mainpage‘s capacity, the latest news should at the top of the list.
新聞
新聞部分至少應包括4個圖片新聞,每個新聞包括標題,描述和發佈日期。
點擊新聞標題可以轉到新聞詳情頁面,其中包括:
- 標題
- 查看時間
- 出版日期
- 作者
- 描述
- 圖片
Admin帳號可以通過儀錶板創建或刪除新聞。 如果新聞的數量超過主頁的容量,則最新消息應該在列表的頂部。
Sponsors Online exhibition(Plugin)
Organizer would also like to display the latest products from sponsors on the webpage. The display area could be separated with 2 portions. One is special release and another is special display. There only can display one portion at the same time, user can hide or display a portion through interaction effect.
Each portion includes:
-Vehicle name
-Display type (special release / special display)
-Company name
-Vehicle model
-Image(less than 200px*200px)
In order to ensure all the sponsors’ products could be displayed fairly, any picture larger than 200*200 cannot be uploaded and published. Plugin could manage at least 10 products and be displayed on main page. If the plugin is disabled, the related contents will not be displayed and other functions should not be affected.
贊助商線上展示(插件)
主辦方亦希望在網頁上展示贊助商的最新產品。顯示區域可分為兩部分。一種是簡版,另一種是詳版。同時只能顯示一部分,用戶可以通過交互隱藏或顯示一部分。
每個部分包括:
- 車的名字
- 顯示類型(簡版/詳版)
- 公司名稱
- 汽車模型
- 圖像(少於200 px * 200 px)
為了保證所有贊助商的產品都能得到公平的展示,任何大於200*200的圖片都不能上傳和發佈。插件可以管理至少10個產品,並顯示在主頁上。如果插件被禁用,相關內容將不會顯示,其他功能也不會受到影響。
註:恕我愚笨,不知道該如何翻譯special release / special display,只是感覺是兩種不同的板式,於是用簡版和詳版來區分了。
Ticketsservice(Plugin)
In order to ensure the quality of exhibition, organizer would like to provide tickets with reservation. Applicants could first submit an order with applicant name, visiting date (Jan.12, Jan 13 or Jan.14), Contact information, numbers of attendees (at most 5 people), and then after submit the application, they could collect their paper tickets onsite with their contact information left on reservation
IAA expect admin account could search applicant information in the database and remark if the tickets have been collected.
Here is several information should be displayed on dashboard:
-Order Number (starting from 1, automatically)
-Applicant name
-Visiting date
-Contact information
-Attendees number
-Application time
*Admin could sort ascending / descending on order numbers / visiting dates in dashboard.
線上票務(插件)
為保證展覽的質量,主辦方願意提供有預約的門票。申請人可以先提交一份包含申請人姓名、參觀日期(1月12日、1月13日或1月14日)、聯繫方式、參會人數(最多5人)的訂單,然後提交申請後,在保留聯繫方式的情況下,現場領取紙質門票
IAA希望Admin帳號可以在資料庫中搜索申請人信息,並對收集到的門票後進行備註。
這裡有幾個信息應該顯示在儀錶板上:
- 訂單號(自動從1開始)
- 申請人的名字
- 訪問日期
- 聯絡信息
- 與會者數量
- 下單時間
*Admin帳號可以在儀錶板上按訂單號/訪問日期進行升序/降序排序。
3. INSTRUCTIONS TO THE COMPETITOR
You should make proper use of the provided plugins like SEO, social media support and security.
Publish the finished website at the end of the day on:
http://XX.star.com/CMSWhere XX is your workstation number.
3.參賽選手註意事項
您應該正確使用提供的插件,如SEO,社交媒體支持和安全性。
在一天結束時發佈完成的網站:
http://XX.star.com/CMS ,XX是您的工位號。
後記:
從已公開的題目來看,要在一天內(上午2個半小時(150分鐘),下午3小時(180分鐘))完成,題量不小。能夠在指定時間內完成題目的,想必是高手內的高手。即便是中職生,也是不能輕看的,所蘊含的能量就是在職人員恐怕也是自愧不如。