Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
4
A.
B.
C.
D.
E.
F.
G.
H.
Creating an Article
Adding Related Links to an article
Adding a photo to an article
Adding video to an article
Tagging an article with a player(s)
How to Create a Game Story
Publishing an article in the News Headlines list
Publishing a Press Release
Item ID: number used to search for an article in HomeBase; becomes the content_id=
value in the articles URL
Internal Name: text that can be used to search for an article in HomeBase
Item Date: defaults to time/date you start building the article; appears at top of article
Tags: clicking the Tag Tool button and adding a Game ID tag will create the article as a
Game Story, linking the article to Scoreboard pages and other areas related to that game.
Adding Player Tags will add links to players roster pages along the right side of article.
Headline: appears at top of article and on homepage if article is added to the News list
Subhead: appears under the headline of the article
Alt headline: appears in News navigation menu with 124x70 thumb and on mobile site
Byline: writers name; appears under the subhead
4
Source: appears next to byline; for example, John Smith / Buffalo Bisons
SEO headline: enter a keyword-rich headline for search engine optimization, writing out
full player names and team names, for example
Blurb: sentence or two introducing the article; appears on News home and archive when
adding article to News list. Appears on homepage when adding article to Features Stack
Body: main text of article; includes a user-friendly HTML Editor for making text bold or
italics, underlining, adding lists, and creating hyperlinks. (Note: avoid using HTML code
beyond whats available in the Editor -- for example, <font> and <div> tags -- to ensure
that content within these tags doesnt get stripped out of the mobile version of your site.)
Tagline: appears in italics below the body of a news article; typically used to further
identify the author of the article
Keep in mind that copying and pasting text from sources such as PDFs and web pages into the
HTML Editor can carry over font styles from those sources. You may want to click the HTML
button at the top left of the Body field in order to check the source code and clean up if needed,
or first paste text into Notepad and then paste into the HTML Editor to remove these styles.
4. To add a hyperlink to the article body, highlight the text that you want to turn into a clickable
link, and click the Link icon in the menu bar directly above the Body field. Add the URL you
would like to link to in the pop-up box that appears and click OK.
5. After entering your article content into the appropriate fields, click Save at the bottom right.
B. Adding Related Links to an article
Links can be added in an area labeled Related Content along the right side of an article. You
can link to web pages, videos, photo galleries and more using either the New Link option or, if
the content already exists in HomeBase, the Search for Items option.
Using the New Link option:
Below the Tagline field, in the Related Items area, select Link from the pulldown menu and click
New. In the fields that appear:
5
3. After you are done checking the date range and setting any search parameters, click
the Search button at the top right or bottom right of the Search box.
4. Your search results will appear along the right side of your screen. Click the + sign to
add the appropriate item as a related link to your article.
5. You can close the Search and Results boxes by clicking anywhere in the area between
them, or clicking the Hide Options and Hide Results buttons above the search area.
6. Click Save at the bottom right of your browser bar to save the article.
For more details on the HomeBase search function, see Appendix 1, Searching in HomeBase.
C. Adding a photo to the top of an article
*NEW for 2015: The dimension of images that appear within articles remains 640x360, but to
ensure images appear on all devices and apps, you should upload at least 960x540. Also, you
should always upload images into HomeBase using the Upload Multiple Cut Photo(s) button to
ensure that all the necessary photo sizes and thumbnails are automatically cut and created.
There are three ways to add a photo to an article: (1) upload an uncropped photo directly from
your computer that you can resize within HomeBase, (2) upload a photo that has already been
cropped to the necessary size, or (3) reuse a photo that has previously been uploaded into
HomeBase. (Note that any photo uploaded to HomeBase should be RGB, not CMYK.)
1. To add an uncropped photo that you can then resize within HomeBase, click the Upload
Multiple Cut Photo(s) button and locate the photo from your computer. After the photo
has been uploaded, click the Crop icon next to the image.
A new tab or window will open in your browser, allowing you to crop the photo to the
appropriate size. Select the 16:9 button in the bottom bar, then position the clear box
over the area of the photo you want to use. When youre done, click Set Master at the
bottom. After the master is set -- which you can confirm in the grey status box at the top
right of HomeBase -- close your browser tab and return to the previous tab with your
article. (If for any reason you have trouble locating the Article Form after cropping your
photo, you can always click the Show History button at the top left of your HomeBase
7
screen and locate the article from this list. Note: this assumes you once saved the article.)
Youve now created a master 16:9 photo for the article, which will be used as the
640x360 and 124x70 for the article, as well as the 265x149 for your News homepage and
960x540 for the largest mobile displays.
2. To add a pre-cropped photo from your computer, click the Upload Multiple Cut
Photo(s) button under the Photo area. Locate the photo from your computer, making
sure the photo is a 960x540 .jpg. HomeBase will automatically cut a 640x360 master for
the article and all the necessary thumbnail sizes.
3. To add a photo already in HomeBase, click the Search for Photo Asset button. In the
Search box that appears on the left side of your screen, you can narrow your search by the
entering keywords into the Word or Phrase field and updating the search Start date.
Then click the Search button at the bottom right of the Search box. Results will appear on
the right side of your screen. Click the + sign to add the appropriate photo to the article,
and the Crop icon to set any necessary master cuts.
To hide the Search box and the Search Results box and return to your article, simply click
somewhere in the area between the two boxes or click the Hide Options and Hide Results
buttons above the search areas.
Click Save in the bottom bar.
D. Adding video to an article
You can add links/thumbnails of video(s) to your article under a section called Related Video
which appears in the right rail of your article. Also, instead of displaying a main 640x360 photo,
you can also add video to appear at the top of an article. (Note: videos you want to add to an
article in this way must first be uploaded to the MiLB Video Upload Tool and appear on your
Video Playback Page. See chapter 8 for instructions.)
1. Click the Search for Video button under Related Video near the bottom of the Article
entry form.
2. In the Search box that appears, make sure the video you are looking for will fall within
the date range. You can narrow your search but entering a keyword into the Word or
Phrase or Content Id field. Note: If you search using the videos Content ID, available in
the videos direct URL, there is no need to adjust the date range.
3. After you are done checking the date range and setting any search parameters, click the
Search button at the bottom right of the Search box. Your results will appear along the
right side of your screen. Click the + sign to add the appropriate video item to the panel.
4. After entering a video, click the Save button on the right side of your bottom bar.
The first video in this list will replace the 640x360 photo and the rest of the video (up to three)
will appear along the right side in the Related Video area. If you want to display the 640x360
photo but still have related video appear, click the Use Photo over Video checkbox at the
8
Click the Tag Tool button near the top of the Article entry form.
In the pop-up, put your cursor in the Player Tag field and begin typing his name.
You should then be able to select the player from the list that appears.
After selecting the player(s) you want to include, click Apply Tags and Close
Generating the article with this tag (to Beta, then to Prod) will link the story to Scoreboard pages
related to that game. You can also add the story to your News Headlines if you wish (see below).
G. Publishing an article in the News Headlines list
Generating your article to Beta and/or Prod wont make the article appear in the News Headlines
area of your homepage. However, it will allow you to view the article by clicking the blue link
that appears in the grey status box at the top right of HomeBase. For the article to appear in your
News Headlines area, you must add it to your News list:
1. Click the Dashboard button at the top of your screen. Select the News tab along the left,
then click the large pencil icon that appears next to the News list.
2. Click the Search for Items button at the top of the list and search for your article in the
Search box that appears. (Make sure the date of the article is within your search range.)
3. You can narrow your search by selecting Article in the Item Type field, and a keyword
from the headline in the Word or Phrase or Content ID field.
4. After you are done setting search parameters, click the Search button at the bottom right
of the Search box. Your search results will appear on the right side of your screen. Click
the + sign to add an article to your News list. (You can also drag the item into the list.)
5. The article will appear at the top of the list. You can change the order of any of the items
in the list by using the arrows or the number boxes next to that article.
6. Click Save along the bottom bar, then click To Beta.
7. After you view the article on your beta site and want to send it live, click To Prod.
For more details on the HomeBase search function, see Appendix 1, Searching in HomeBase.
Helpful hint: instead of using the search box to find your newly created article, you can also
locate it directly from your work history and add it from there by clicking the Show History
button at the top left of your screen.
If you need to make edits to the article, click the pencil icon within that item in the News list to
return to the Item Editor area for that article. Save and generate the article to see your changes on
your site. After generating, HomeBase will provide the direct link to the article in the grey status
10
box at the top right. If youve updated the Headline or Alt Headline of the article, youll need to
generate the entire News list, not just the article, for the change to appear on the homepage.
H. Publishing a Press Release
Start by selecting Press Release in the bottom-left pulldown menu on the Dashboard screen in
HomeBase, create the release just as you would an article, then generate the release to Beta.
A link to the release will appear in the Status window at the top right of your HomeBase screen.
Click the link to view the release and click To Prod when ready to publish. (Generating to Prod
will add the press release to the PR area on your News homepage and PR archive. There is no
need to add the article to a list, though you may add it to your News list if you wish.)
11
Video View
Graphic-Only View
Game View
12
A Media Wall panel entry form appears with the following fields (see next page for screenshot)
Internal Name: text used to search for a Media Wall panel in HomeBase, if necessary
Date: defaults to time/date you start building panel; does not appear with the panel
Tags: entering a game ID into the Game Tag field will trigger game view
Headline: appears on the Media Wall below the photo
URL Text: appears as a clickable link at the end of the blurb
URL: where the panel will link to
Blurb: sentence or two to appear under the headline
Promo panel: check this box to trigger graphic-only view, requiring only a 480x380
image and link
13
Media Wall. Click the Save button on the right side of your bottom bar. (Note: if you set a
master for both a 480x270 image and a 480x380, your site will use the 480x380)
6. To add a photo already in HomeBase, click the Search for Photo Assets button. In the
Search box that appears on the left side of your screen, you can narrow your search by the
entering keywords into the Word or Phrase field and updating the search Start date.
Then click the Search button at the bottom right of the Search box. Results will appear on
the right side of your screen. Click the + sign to add the appropriate photo to the article.
To hide the Search box and the Search Results box and return to your article, simply click
somewhere on the area between the two boxes or click the Hide Options and Hide
Results buttons above the search area.
Click Save in the bottom bar.
C. Adding Related Links to a panel
Links can be added under the blurb of a panel. You can link to web pages, photo galleries and
more using the New Link option or, if the content item already exists in HomeBase, the
Search for Items option.
Using the New Link option:
1. Below the Tagline field, select Link from the pulldown menu in the Related Items area
and click New.
2. In the fields that appear, enter a name for the link in the Link Text field
3. Enter the URL you want to link to in the Link URL field. (Note: to link to a page with
www.milb.com in the address, be sure to use the relative link (which begins with the
first forward slash after .com). For example, to link to
http://www.milb.com/news/article.jsp?ymd=20081104&content_id=477193&vkey=news
&fext=.jsp, just use:
/news/article.jsp?ymd=20081104&content_id=47193&vkey=news&fext=.jsp
4. Click Save in the bottom bar.
5. Repeat steps 1-4 to add more links.
6. After entering all your related links, click the Save button on the right side of your
bottom bar.
Using the Search for Links option:
1. Click the Search for Links button under the Related Links area of the panel entry form.
2. In the Search box that appears, first make sure the link you are looking for is within the
date range.
3. After you are done checking the date range and setting any search parameters, click the
Search button at the bottom right of the Search box. Your search results will appear along
the right side of your screen. Click the + sign to add the appropriate item as a related link
to your article.
15
16
See chapter 4 for instructions on creating/updating a custom Ticket Options page for the Tickets
& Promotions section, and chapter 11 on creating/updating the Promotions Calendar link.
A. Creating an HTML page
1. Log into HomeBase. Along the bottom bar on the left side, select HTML Page from the
dropdown menu and click the New button. The following entry form appears:
17
Item ID: number used to search for page in HomeBase; becomes the content_id= value
in the URL of the HTML page
Internal Name: used to search for page in HomeBase; doesnt appear on published page
Date: defaults to time/date you start building page; does not appear on published page;
also becomes the ymd= value in the articles URL. (Beware: if you update this date
after publishing, the page URL will also update with a new ymd value.)
Tags: In cases where you are creating a page to get a link, as opposed to creating a page
to add directly to your Top Navigation bar, you should add a tag representing the type of
page you would like to create (e.g., Tickets, News, Team 1, Team 2 etc.). More details in
section F of this chapter.
Headline: appears as the link text in the Top Navigation bar as well as across the top of
the page itself. Can be used as a search parameter when locating the page in HomeBase.
Blurb: though it does not appear anywhere on your site, populating this field with a brief
sentence or two will improve a pages description in search engines.
Body: contains all the content of the page, including text, photos and links. Includes userfriendly HTML Editor to make text bold or italics, adding lists, create hyperlinks, etc.
Users who want to edit source code directly (e.g., to add images) or paste existing code
should click the HTML button at the top left of the Body box to work in Source mode.
Photo: add a 124x70 thumb to appear in search engine results; does not appear on page
18
4. Locate the image from your computer. (note: the maximum width of HTML pages is 640
pixels, so youll want to make sure your image is no wider than that).
5. After youve submitted the image from your computer and it has finished uploading into
HomeBase, click the small pencil icon to open the photo asset in a pop-up window.
6. In the pop-up box that appears, click the To Prod button at the bottom right.
7. Then in the grey status box at the top right of your browser, click the blue image link so
that the image appears in a new tab. Then copy the URL of the image from your
browsers address bar at the top.
8. You can now add the image URL to image source HTML code (for example, <img
src=/assets/images/2008/09/24/uphA22eg.jpg>), which you then paste into the body of
your page in HTML mode. Make sure the HTML button is selected above the Body field.
9. To get back to the HTML Page you were working on, click the Show History button at
the top left of the HomeBase screen and then click the large pencil icon next to the
HTML Page. (Note: assuming you saved the HTML Page, it should appear at or near the
top of this list.)
The image you add to your HTML Page may not be viewable in preview mode of the HTML
Editor within HomeBase, but should appear on your site after you generate. (See Section D for
adding the page to your Top Navigation, and section F for generating a page to get a link.)
C. Linking to a document
Similar to adding a photo to an HTML page, documents (e.g., PDFs, Excel files) must first be
uploaded and generated in HomeBase to get a link.
1. Make sure youve saved the HTML page you are working on.
2. Along the bottom bar on the left side of HomeBase, select Digital Asset from the
dropdown menu and click the New button.
3. On the next screen, enter a name for the document in both the Internal Name field and the
Headline field.
4. Click the Choose a File to Upload button and locate the document from your computer.
5. Click Save along the bottom bar and then click To Prod.
6. The link for the document -- e.g.,
/documents/6/9/2/40911692/2013_Bisons_Schedule_qzsot4vi.pdf -- will appear in the
Document field in the center of your screen.
7. Copy the link and return to your HTML page. To get back to the HTML Page you were
working on, click the Show History button at the top left of the HomeBase screen and
then click the large pencil icon next to the HTML Page. (Note: assuming you saved the
HTML Page, it should appear at or near the top of this list.)
8. Add the document URL into the proper href HTML code (for example,
<a href=/documents/6/9/2/40911692/2013_Bisons_Schedule_qzsot4vi.pdf>click
here</a>), and paste this into the body of your HTML page.
19
20
3. Click the Apply Tags and Close button at the bottom of the pop-up.
4. When you are done building your page, click Save and then To Beta button along the
bottom bar. A link to the page will appear in the Status box at the top right. Click that
link View HTML Page in Beta -- to view the page.
21
3. You can narrow your search by selecting Short Content in the Item Type field, and a
keyword from the headline in the Word or Phrase or Content ID field.
4. After you are done checking the date range and setting any search parameters, click the
Search button at the bottom right of the Search box. Your search results will appear along
the right side of your screen. Click the + sign to add the appropriate item to the Features
area of your Navigation section.
5. The item will appear at the top of the list. You can change the order of any of the items in
the list by using the arrows or the number boxes next to that article.
6. Click Save along the bottom bar, then click To Beta.
7. After you check the image/link on your beta site and want to send it live, click To Prod.
If you need to make additional edits to the item, click the pencil icon next to the item in the
Features area of the Navigation section to return to the Item Editor area, or click the small pencil
icon to make your edits in a pop-up window. Save the item when you are done, then save and
generate the Navigation section to see your changes on the homepage.
H. Hiding the header image of an HTML page
Add the following code to any HTML page to turn off the default header image across the top:
<style>h3#pagetitle {text-indent: -9999px; background:none; padding: 0; font-size:
1px;}</style>
23
24
A. Creating short content for the boxes within your Tickets landing page
Each box within your Ticket landing page is populated by a short content that must include a
headline and a blurb. A clickable green button will appear within each box by adding a link to
the short content, and you can also include a 124x70 thumbnail.
1. Click the New Short button Content under List within from the pulldown menu on the
bottom left bar in HomeBase, and the click the New button.
2. On the Short Content entry form that appears, add an Internal Name, which appears only
in HomeBase and can be used for search purposes.
3. Add a Headline to appear on the Ticket Landing Page at the top of the box.
4. Add a URL to indicate where you want to link to.
5. Add a Blurb to appear within the box.
There are three ways to add a 124x70 image to the item: (1) upload an image directly from your
25
computer that has already been cropped to size, (2) upload an uncropped photo that you can
resize within HomeBase, or (3) reuse a photo that has previously been uploaded into HomeBase.
(Note that any photo uploaded to HomeBase should be RGB, and not CMYK.)
1. To add a pre-cropped photo from your computer, click the Upload Single Cut
Photo(s) button under the Photo area. Locate the photo from your computer making
sure the photo is a 124x70 .jpg.
2. To add an uncropped photo that you can then resize to 124x70 within HomeBase,
click the Upload Multiple Cut Photo(s) button and locate the photo from your
computer.
Click the crop tool (which opens up the photo tool in a new tab), then click the 16:9
button along the bottom bar, place the clear area over the portion of the image you would
like to highlight, and click Set Master in the bottom bar. Return to the previous tab.
3. To add a photo already in HomeBase, click the Search for Photo Assets button. In
the Search box that appears on the left side of your screen, you can narrow your
search by the entering keywords into the Word or Phrase field and/or widen you
search by deleting the Start date for the search.
After you are done setting search parameters, click the Search button at the bottom right
of the Search box. Your search results will appear along the right side of your screen.
Click the + sign to add the appropriate photo to the short content.
After you have added the image, click the Save button along the bottom bar of your browser. To
preview the Ticket Landing page, click To Beta.
The URL for your Ticket Landing Page in beta is
http://beta.milb.com/tickets/tickets.jsp?sid=tXXX where XXX is the team ID located at the end
of your homepage URL.
When you want to send it live, click To Prod.
If you have not already, you should manually add the Ticket Landing page link to the Tickets
section of your Navigation bar.
B. Adding links to the Quick Links section
Links can be added to the Ticket Landing page in an area labeled Quick Links at the bottom.
Use the New Link option or, if the link you want to add already exists in HomeBase, the
Search for Links option.
Using the New Link option:
In the Quick Links area, click the New Link button. In the fields that appear:
1. Enter a name for the link in the Link Text field and Internal Name.
26
2. Enter the URL you want to link to in the Link URL field. (Note: to link to a page that
contains www.milb.com in the address, be sure to use the relative link (which
begins with the first forward slash after .com). For example, to link to
http://www.milb.com/news/article.jsp?ymd=20081104&content_id=477193&vkey=ne
ws&fext=.jsp, just use:
/news/article.jsp?ymd=20081104&content_id=477193&vkey=news&fext=.jsp
3. Repeat steps 1-2 to add additional links. (Note: up to five links can be added to the
Related Content box.)
4. After entering all your related links, click Save at the bottom right of your browser
bar.
5. You can close the Search and Results boxes by clicking anywhere in the area between
them, or clicking the Hide Options and Hide Results buttons above the search area.
6. Click Save at the bottom right of your browser bar to save the article.
28
29
To add a new item to the Promo Area, select Short Content from the pulldown menu under List
and click the New button.
In the fields that appear:
1. Add an Internal Name, which appears only in HomeBase and can be used for search
purposes later on.
2. Add a Headline to appear on the Homepage.
3. Add a URL to indicate where you want the thumbnail to link to.
There are three ways to add a 124x70 thumbnail to the item: (1) upload an image directly from
your computer that has already been cropped to the necessary size, (2) upload an uncropped
photo that you can resize in HomeBase, or (3) reuse a photo that has previously been uploaded
into HomeBase. (Note that any photo uploaded to HomeBase should be RGB, and not CMYK.)
30
1. To add a pre-cropped photo from your computer, click the Upload Single Cut Photo(s)
button under the Photo area and locate the photo from your computer.
2. To add an uncropped photo that you can then resize to 124x70 within HomeBase, click
the Upload Multiple Cut Photo(s) button and locate the photo from your computer.
HomeBase will create a 124x70 thumbnail by default after you upload the image, but you
may override that by clicking the crop tool (which opens up the photo tool in a new tab),
clicking the 16:9 button along the bottom bar, placing the clear area over the portion of
the image you would like to highlight, and clicking Set Master in the bottom bar.
Return to the previous tab.
3. To add a photo already in HomeBase, click the Search for Photo Assets button. In the
Search box that appears on the left side of your screen, you can narrow your search by the
entering keywords into the Word or Phrase field and/or widen you search by deleting
the Start date for the search.
After you are done setting search parameters, click the Search button at the bottom right
of the Search box. Your search results will appear along the right side of your screen.
Click the + sign to add the appropriate photo to the short content.
After you have added the thumbnail, click the Save button along the bottom bar of your browser
and then click To Beta. After you view your beta site to make sure your item is appearing
correctly, click To Prod.
To add an existing short content to the Homepage Promo area:
To add an item to your Homepage Promo list:
1. Click Dashboard at the top of your screen. Click Other Sections and then click the large
pencil icon next to Homepage Promo Area to edit that list.
2. Click the Search for Items button at the top of the list and search for the item in the
Search box that appears. (Make sure the date of the item is within the range you are
searching.)
3. You can narrow your search by selecting Short Content in the Item Type field, and a
keyword from the headline in the Word or Phrase or Content ID field.
4. After you are done checking the date range and setting any search parameters, click the
Search button at the bottom right of the Search box. Your search results will appear along
the right side of your screen. Click the + sign to add the appropriate item to your
Homepage Promo area. (You can also drag the item into the list if you prefer.)
5. The item will appear at the top of the list. You can change the order of any of the items in
the list by using the arrows or the number boxes next to that article.
6. Click Save along the bottom bar, then click To Beta.
7. After you view your promo thumbnail area in beta and want to send it live, click To Prod.
31
32
There are three ways to add a 215x160 image to the item: (1) upload an image directly from your
computer that has already been cropped to the necessary size, (2) upload an uncropped photo that
you can resize within HomeBase, or (3) reuse a photo that has previously been uploaded into
HomeBase. (Note that any photo uploaded to HomeBase should be RGB, and not CMYK.)
1. To add a pre-cropped photo from your computer, click the Upload Single Cut Photo(s)
button under the Photo area. Locate the photo from your computer making sure the photo
is a 215x160 .jpg.
2. To add an uncropped photo that you can then resize to 215x160 within HomeBase, click
the Upload Multiple Cut Photo(s) button and locate the photo from your computer.
Click the crop tool (which opens up the photo tool in a new tab), then click the 215:160
button along the bottom bar, place the clear area over the portion of the image you would
like to highlight, and click Set Master in the bottom bar. Return to the previous tab.
3. To add a photo already in HomeBase, click the Search for Photo Assets button. In the
Search box that appears on the left side of your screen, you can narrow your search by the
entering keywords into the Word or Phrase field and/or widen you search by deleting
the Start date for the search.
After you are done setting search parameters, click the Search button at the bottom right
of the Search box. Your search results will appear along the right side of your screen.
Click the + sign to add the appropriate photo to the short content.
After you have added the image, click the Save button along the bottom bar of your browser and
then click To Beta. After you view your beta site to make sure your item is appearing correctly,
click To Prod.
To add an existing article, video or photo gallery to the Features Stack area:
To add an item to your Homepage Features Stack list:
1. Click Dashboard at the top of your screen. Select the Features Stack tab along the left,
then click the large pencil icon that appears.
2. Click the Search for Items button at the top of the list and search for the item in the
Search box that appears. (Make sure the date of the item is within the range you are
searching.)
3. You can narrow your search by selecting Article, Photo Gallery, or Video in the Item
Type field, and a keyword from the headline in the Word or Phrase or Content ID field.
You can also use the All Types option to search for all item types.
4. After you are done checking the date range and setting any search parameters, click the
Search button at the bottom right of the Search box. Your search results will appear along
the right side of your screen. Click the + sign to add the appropriate item to your Features
Stack List. (You can also drag the item into the list if you prefer.)
33
5. The item will appear at the top of the list. You can change the order of any of the items in
the list by using the arrows or the number boxes next to that article.
6. Click Save along the bottom bar, then click To Beta.
7. After you view the article on your beta site and want to send it live, click To Prod.
Helpful hint: instead of using the search box to find any newly created article or item, you can
also locate it directly from your work history and add it from there by clicking the Show
History button at the top left of your screen.
If you need to make any additional edits to the item -- for example, to lengthen the blurb or add a
215x160 thumbnail -- click the pencil icon within that item in the Features Stack list to return to
the Item Editor area for that item to make your edits. Save the item, and then save and generate
the Features Stack list to see your changes on the homepage. (See previous page for instructions
on adding a 215x160 thumbnail.)
Creating an Alias
Instead of editing the item you are adding to the list, you also have the option to create an alias
of the item, which is essentially a copy of the item. This may be preferable in instances where
you do not want to edit the original item, but only change how it will appear on the homepage.
After you have added the item to the list, click the @ symbol next to the item. A series of fields
will appear below. Edit the fields you would like to update (e.g., the Headline), click Save and
generate To Beta and Prod.
34
35
To add a pre-cropped image from your computer, click the Upload Single Cut Photo(s) button
under the Photo Lists area. Locate the image from your computer, making sure it is a 180x150 or
600x150.
To add an uncropped image that you can then resize to 180x150 or 600x150 within HomeBase,
click the Upload Multiple Cut Photo(s) button and locate the image from your computer.
36
37
38
The first time you upload a video, you may be asked to download the Aspera Connect Browser
Plugin. (See end of this chapter for info and troubleshooting.) If you have difficulty with the
plug-in and your file is under 5MB, you can try the SWF Upload option.
3. Fill in the following areas on the Asset Upload screen:
Attach File(s): Under the Aspera tab, click Select File to search for the video or audio file on
your computer. You should upload QuickTime-based video files (max file size is 10 GB).
Complete video file specifications and tips are included in Appendix B of this chapter.
39
Accepted audio formats include .wav, .aif, .mp3, .m4a. We prefer 48kHz but can accept
44.1kHz. Mono and Stereo are both accepted.
Metadata: Enter a Standalone Blurb, Title/Headline and Big Blurb to appear on your sites
Video Playback Page. (The Title/Headline will also appear in the Video Highlights module on
your homepage.)
Tags: Make sure your team name appears in the Your Selected Tags box. Remaining tags (e.g.,
highlight, interview etc.) are added by MLBAMs MM-Production team
(mm-production@mlb.com).
Delivery Options: Be sure to select the Display in Upload Tool option. You can add any
special instructions (e.g., suggested tags) for the MLBAM Multimedia Team in the
Notes/Instructions box. You can also add a list of email addresses to the Add Users to
Notification area to make sure these individuals are sent confirmation emails about the video
upload. (Make sure you separate these emails in the box with only a comma.)
Go Live/Expire: You can select a date for the video to expire from the Upload Tool. Expired
content is NOT deleted from your web site.
1. The go live date indicates when the video will be made available. You have the
option to save a video and have it published on a future date.
2. The expiration date dictates when the system will automatically pull the item from
being visible to end users of the Upload Tool. Again, expired content is NOT
deleted for your site.
When youre done, click Save to upload the file to the Media Upload Tool. After the video is
uploaded, the users whose email addresses were added to the notification area will receive an
email the video has been successfully uploaded and that he or she can preview the video within
the Media Upload Tool if they wish.
Then, after the video is processed by the MM-Production team, a second confirmation email is
sent out when the video is live on your Video Playback Page and homepage Video Highlights
module.
Managing the Video Highlights module on your homepage
Along with appearing on your Video Playback Page, all team video and audio clips appear on the
homepage in the Video Highlights module with a Title/Headline and 160x90 thumbnail. The
most recently uploaded video appears first by default, but teams have the ability to pin videos
in the first two slots, so they are not pushed out of the module as newer videos are added.
40
To select videos to appear in the first two slots of your homepage Video Highlights module:
1. From your HomeBase Dashboard, select Other Sections, and then click the large pencil
icon next to Video Clip List.
2. Click the Search for Videos button (under Primary List). A Search box appears.
3. If you wish, you can narrow your search by modifying the date range in the Search box
and/or adding a keyword into the Word or Phrase or Content ID box. (A videos
Content ID can be obtained within the URL for a specific video.)
4. Click the Search button at the bottom right of the Search box. Your results will then
appear in a box on the far right of your screen.
41
5. Click the + icon next to video you want to add to your Video Clip List. Use the up and
down arrows to arrange the videos within the Video Clip List. Remember, only the first
two videos on this list will be pinned to that location.
6. Click Save in the bottom bar of your browser, then click To Beta.
7. Check your beta site to make sure the thumbnail and kicker area appearing as you wish.
If you want to override the kicker for the homepage, you can enter a new kicker in the
Video Alias text field.
8. When you are done, click To Prod.
Appendix A: Installing the Aspera Plug-in
1. Select the version of the plugin which is suitable for your Computer (MAC / PC)
2. Once you have selected the appropriate version for your computer, click Download
3. Once the file has downloaded, quit all open web browsers
4. To finish installation PC users should follow steps on 2.1, Mac users skip to 2 .2
Installing Aspera Plugin on a Windows/PC computer
When prompted choose Save File
After clicking download a security warning will pop up, click Run
After the file has downloaded the setup window will appear. Click Next
Choose I Accept the License Agreement and click Next
Press Next again to begin the install
When the install is done click Finish
Installing Aspera Plugin on a Mac
Go to your downloads folder
42
To troubleshoot all potential network issues, the respective IT department should contact the
Media Delivery group who can escalate as needed.
Please note, after successfully installing the plugin, all network troubleshooting must be done in
association with the local IT department. MLBAM will not be able to assist end users with
network issues, since these issues most likely involve network configurations and require
someone with knowledge of the local network configurations.
Appendix B: Video Specifications
In an effort to deliver the highest quality video, and to ensure a consistent look to all your video,
please review the following delivery specifications:
For HD Deliveries:
Preferred frame size and frame rate:
720p60, 1280x720 (960x720), 59.94fps
16-bit Audio (Mono or Stereo)
Accepted Codecs:
Apple Pro Res 422
Apple Pro Res 422 HQ
XDCAM HD422 720p60 (50 Mb/s)
DVCPROHD 720p60
H.264 (a data rate of 8 mbits/sec or higher)
Flip Cams produce an acceptable form of video as well. Their native format is typically an MP4
which is 1280x720 and has a frame rate of 29.97.
44
A document detailing how to export HD files out of QuickTime is available upon request from
mediadelivery@mlb.com or mm-production@mlb.com
For SD Deliveries:
Preferred frame size and frame rate:
720x480, (or 853x480) - anamorphic is preferred, 29.97fps
16-bit audio (Mono or Stereo)
Accepted Codecs:
NTSC DV/DV50
H.264 (a data rate 8 mbits/sec or higher)
45
result teams and sponsors cannot deliver compressed media such as Windows Media or Flash
files, as web-based files cannot be re-transcoded.
If there are specific questions on video formats or how to export media to meet MLBAMs
specifications, please email mediadelivery@mlb.com. A document detailing how to export HD
files out of QuickTime is available upon request from mediadelivery@mlb.com or mmproduction@mlb.com.
In your email to the Media Delivery group, please include as much information as possible,
including:
A document can be provided with a brief description of how to export a file through QuickTime,
since most major editing systems (including iMovie) have a QuickTime Export Component,
these settings should be easy to replicate for most producers.
46
Club Connect
Facebook plug-in
300x250 ad
Twitter feed
Second Twitter feed
Poll
Affiliate clubs News Headlines
List of Links
All eight of these items will appear in your Optional Modules list in HomeBase, but only four
can appear at one time on your homepage. If you want fewer than four to appear on your site,
update the No. of Items field at the top the Optional Modules list.
Note: Please do not delete any items in your Optional Modules list. If you dont want a module
to appear on your site, just move it out of one of the first four slots.
To manage these modules:
Click Dashboard at the top of your screen. Select the Other Sections tab along the left, then click
the large pencil icon next to Optional Modules.
You should see all eight options in the list. Make sure the four modules that youd like to appear
on your site are at the top of the list. (You can move items up and down using the arrow buttons
or by updating the number in the box, thus reordering their appearance on your homepage.)
1. Club Connect
Includes links to your Facebook, Twitter and, if applicable, Google+ pages. If there is an issue
with any of these links, email clubsites@mlb.com with the correction. The headline Connect
with the [Club Nickname] appears standard.
47
2. Facebook plug-in
If you want to edit the headline that appears at the top of the Facebook module, click the small
pencil icon next to item in the Optional Modules list and, in the pop-up box that appears, update
the Headline field. You can remove the Headline altogether if you prefer. If you want to edit the
Facebook page that this module pulls from, update the Blurb field with the new Facebook URL,
using only the end of the URL after the .com/
(For example, for https://www.facebook.com/GoBisons, just enter GoBisons into the Blurb
field.)
Click the Save and Close button. Save the Optional Modules list using the button along the
bottom bar, then click To Beta. View the new module on the homepage and click To Prod to
send it live.
3. 300x250 ad
Click the small pencil icon next to the 300x250 item in the Optional Modules list, and in the popup box that appears, update the URL field with the link that youd like to use with the ad.
Update the Headline field, for internal use only.
Click the Upload Single Cut Photo(s) button under Photo list and search for a 300x250 ad from
your computer. Then click the Save and Close button.
Save the Optional Modules list using the button along the bottom bar, then click To Beta. View
the new module on the homepage and click To Prod to send it live.
48
4. Twitter feed
In order to embed your Twitter feed as an option module, you must log into Twitter and create a
widget, then paste the widget code from Twitter into your Optional Module list in HomeBase.
See Appendix 4 at the back of this Manual for step-by-step instructions.
5. Second Twitter feed
See #4.
6. Poll
Email a poll question and answers to clubsites@mlb.com and we will update that area for you.
Make sure the Poll item is one of the first four options in your Optional Modules list, or inform
clubsites@mlb.com where on your site you want the Poll to appear when the question is ready.
7. Affiliate Clubs News Headlines
There is no need to add / edit the Affiliate Stack item within the Optional Modules list. Your
parent clubs headlines will appear whenever this item is in the first four slots of the list.
8. Optional Links list
Click the small pencil icon next to the Optional Links item in the Optional Modules list. To add a
link to the list, make sure Link is selected from the pulldown menu at the top of the list and click
the New button. Enter a link name in the Link Text field, and a URL in the Link URL field.
Repeat this step to add additional links.
To change the headline that appears at the top of the Optional Links module, update the Blurb
field below the list of links, at the bottom of the pop-up.
Then click the Save and Close button within the pop-up box. Save the Optional Modules list
using the button along the bottom bar, then click To Beta. View the new module on the
homepage and click To Prod to send it live.
49
50
5. To start adding your photos from your computer, click the Upload Multiple Cut
Photo(s) button under the Photos area. In the File Upload dialog box that pops-up, which
displays all the files/folder on your computer, select the photo(s) you want to use for your
gallery and click Open. (You should be able to select multiple photos at once by holding
down the Control key as you select photos from your computer.)
6. In the Apply to Multiple Photos box (which automatically appears after your photos have
successfully uploaded from your computer), you can either write a photo credit and/or
caption to appear with all photos (in the Apply to All Photos tab) or write separate
captions/credits for each photo (in the Apply to Each Photos tab). Note: you do have
the ability to arrange photos in a specific order and edit your captions/credits again later.
7. When youre done, click Save All and Publish to Prod under the Apply to Each
Photo tab. (Note, this will not publish the gallery to your site.) Then click Close.
8. In the Photos area, you can now reorder your photos using the number boxes along the
left side, or by clicking and dragging them into the order you want. You can also update
your credit/caption by clicking the Edit button (pencil icon).
9. To set a thumbnail to appear on your Photo Gallery Landing page, under Home
Thumbnail, click Upload Multiple Cut Photo(s) and search for the photo you want to use
for the thumbnail. (no need for a credit or caption)
10. HomeBase will automatically crop a thumbnail to the appropriate size (160x90).
51
11. If you wish to manually crop a 160x90 instead of using what HomeBase crops for you -or to crop a 215x160 to use in your homepage Features area -- click the Crop icon for the
Home Thumbnail.
A new tab or window will open in your browser, allowing you to crop your desired
thumbnails (see screenshot on next page).
12. Select the 16:9 button in the bottom bar to re-crop the 160x90 -- or the 43x23 button
to crop a 215x160 for the homepage -- then position the clear box over the area of the
photo you want to use. When youre done, click Set Master in the bottom bar. Then click
To Prod.
13. Back in the previous browser tab with the Photo Gallery Entry Form, click To Beta in
the lower-right corner. To preview the gallery, refresh the beta link to your photo gallery
landing page, located under the Multimedia tab of your Top Navigation bar, or replace
the content ID of any existing gallery with the Item ID for the new gallery. (The Item ID
will appear at the top of the Photo Gallery Entry Form in HomeBase).
14. Click To Prod in the lower right when you are ready to send live.
Locating/Editing a gallery in HomeBase
1. Log into HomeBase and click the Search Options button across the top.
52
2. Select Photo Gallery next to Item Type in the box that appears and click Search.
Your gallery should appear in a list on the far right. (You can narrow your search by
modifying/deleting the date range or entering the gallery name in the Search field.)
3. Click the gallery headline to begin editing.
4. Use the pencil icon next to each photo to make edits to individual captions/credits. A
pop-up box will appear allowing you to make your edits. Click To Prod in the pop-up
when you are done.
5. Remove photos from the gallery by selecting the checkbox next to a photo and clicking
the Remove button; reorder the photos by changing the number that appears next to them.
6. When you are done making edits and generating the individual image(s) to Prod, click
Publish at the bottom right and click Prod to republish the gallery.
53
Log-in using your HomeBase username and password. If you need to reset your password, please
use the Forgot Password link on the HomeBase log-in screen. Contact clubsites@mlb.com for
assistance or to obtain a log-in. Note: It is best to use Firefox when using the Promotion Editor.
A. Creating a New Promotion
1. To create a new promotion, click Offers/Create on the first screen after you log-in.
2. On the Create Offer page, ensure that your team name appears in the Team pulldown menu.
3. Enter a name for the promotion in the Offer/Promotion Name field (e.g., Fireworks Night),
and a description in the Offer Description fields
4. In the Display Status pulldown menu, select Beta or Prod (depending on whether you want to
the promotion to appear on your live site, or only in beta). Select Off if neither beta nor
production is desired.
5. Under Display in, leave the pre-checked boxes alone but select Promo Widget if you want
this promotion to be included within a Features Promos widget on your Ticket Landing page (see
Ch. 4 for details on this page.)
6. Click the Promotion Detail Information tab to reveal the following fields:
Presented By: add the name of the promotion/event sponsor (note: youll also need to
select the Presented By checkbox to the right.)
Distribution: # of items being given away and restrictions (e.g., first 500 fans);
Image URL: insert a URL of an image for that promotion/event (e.g., sponsor logo,
photo of giveaway). Images must first be uploaded into the HomeBase to generate a
URL. (See chapter 3, section B)
Thumb Nail Image URL: 50x50 image to appear on Single-Game Tickets page
54
Alt page URL: insert a URL for a website (e.g., a sponsor site) to appear in a new
window
Popup Size: determines the size of the window that the Alt URL appears in.
Sort Key: allows you to set the order for two or more promotions running the same day
To enter another new promotion, click Main Page at the bottom and repeat Steps 1-8.
B. Editing a Promotion
1. On the main page of the Promotion Editor, click Offers/Search.
2. Ensure that your team name appears in the Team pulldown menu.
3. Click the Get Offers button at the right. All the promotions entered for the season appear in a
grid below.
56
4. You can make changes to most of the information for a promotion on this screen. Click the
Save Changes button at the bottom right. Changes will appear in either Beta or Prod, depending
on the Display Status for that promotion.
5. You can also click the Edit radio button next to the left of the promotion to view all fields for a
particular promotion. This will direct you back to that promotions Create Offer page. Make any
necessary changes and click Update Offer.
57
58
2. In the Articles area, click the Search for Items button and search for article(s) and/or short
content in the Search box that appears on the right side of your screen. (Make sure the date of the
item(s) is within your search range.)
3. You can narrow your search by selecting Article or Short Content in the Item Type field of the
search box, and a keyword from the headline in the Word or Phrase or Content ID field.
4. After you are done checking the date range and setting any search parameters, click the Search
button at the bottom or top right of the Search box. Your search results will appear along the
right side of your screen. Click the + sign to add the desired article(s) or short content(s) to your
Newsletter list.
B. Populating the Featured Promotions area
Locate the Featured Promotions area at the bottom of the Newsletter list in HomeBase and repeat
the four steps listed above in Section A to add two short content items to your Featured
Promotions area.
C. Adding a 300x100 ad to your newsletter
1. Click the Upload Single Photo button in the Ad area of your Newsletter list and locate a
300x100 image from your computer.
2. Paste the URL of the webpage you want the ad to link to in the Ad Link field.
3. Fill in the Ad Alt Text field with a name for the ad.
D. Updating the Quick Links area
1. Click the New Link button in the Quick Links area.
2. Enter a name for the link in the Link Text field (see next page for screenshot)
3. Enter the URL you want to link to in the Link URL field. Note: to link to a page that contains
www.milb.com in the address, be sure to use the relative link, which begins with the first
forward slash after .com -- for example,
/news/article.jsp?ymd=20081104&content_id=477193&vkey=news&fext=.jsp
4. Repeat steps 1-3 to add additional links.
5. After entering all your links, click Save at the bottom right of your browser bar.
59
60
61
Headline
Blurb
480x270
photo
Quick Links
Team ad
(300x100
Headline
124x70
Thumbnail
Blurb
124x70
Thumbnail
Headline
62
**When updating a player headshot, please do not remove any headshots from any other club.
You should only be adding a headshot for your club.
Option 2: Upload a raw headshot: If you upload a raw headshot, you will need to use the
HomeBase cropping tool to create the necessary sizes for the site.
With either option, make sure your images are .JPGs, RGB (not CMYK) and Saved for Web.
See Section B for more details on photo specs and cropping.
A. Searching for a Player item in HomeBase
1. Click Search Options at the top left of HomeBase to open up the Search box.
2. In the Search box, select Player in the Item Type box.
3. In the Player Tag field, start typing the players name or paste their player ID, which you can
find at the end of the URL of their page on the website.
For example: http://www.milb.com/milb/stats/stats.jsp?pos=P&t=p_pbp&pid=453222
63
Note: If a player tag does not appear in your search, which should only happen rarely, click the
Advanced Fields checkbox at the top of the Search box and type the players name in the First
Name and Last Name fields at the bottom of the Player Tag area.
5. After you select the player tag from the Player Tag area within the Search box, click the
Search button at the top right of the Search box. Then, in the search results on the right, click
the large pencil icon next to the player to begin.
There are two options when uploading a player headshot into HomeBase.:
1. Upload a pre-cropped 180x270 JPG (RGB, Saved for Web)
2. Upload a raw headshot JPG (1 MB max recommended, RGB, Saved for Web)
Option 1: Upload a Pre-Cropped 180x270
If you choose to upload a 180x270, HomeBase will automatically create all the necessary sizes
for the site (Player Pages, Gameday, Game Module etc.).
After you upload the photo and it finishes loading into HomeBase, click Save.
Now skip to Section C -- Generating the Player Item -- at the end of these instructions.
Option 2: Upload a Raw Headshot (.JPG)
If you choose to upload a raw headshot, you will need to use the HomeBase cropping tool to
set a 2:3 and 4:5 master in order to create the necessary sizes.
65
After you upload the raw headshot, click the crop icon next to the photo thumbnail that
appears.
After clicking the crop icon, a new tab will open in your browser to show the HomeBase photo
cropping tool.
Set a 2:3 master
1. Make sure the 2:3 ratio is set in the cropping tool (lower right)
2. Resize and position the clear overlay on your photo to set your headshot
66
Click To Prod at the lower right to send the headshot live. Please note, there is cache delay
expected before the headshot will appear live on the website.
67
68
3. If the pitcher you are attempting to enter does not appear in the list:
a. First try clicking the green arrows at the top of that Probables area (next to
Roster Controls), to re-synch your local machine to the database.
b. If that doesn't work, you can also manually add a player to your list using the
green plus sign at the top (see screenshot on next page). The player will then
be available as an option in your pulldown menu.
69
4. Use the large black arrows to quickly move a previously entered pitcher forward or back
a day, as opposed to re-searching for a particular date.
5. Click the red X to remove a pitcher from a date entirely.
To enter a pitcher for a future date beyond what is appearing on the first screen, click the
Change Date button at the top left and use the calendar function to scroll to future dates.
6. Click Save Probables at the top right when done.
70
Simply cut and paste the Content ID into the search box at the top of HomeBase to quickly locate
an existing item. There is no need to update the date range when searching by Content ID.
Also note the YMD value in the above URL. This indicates the exact date the page was created,
and can be useful when using the HomeBase search box.
Using the Search box
1. Specify a content type in the Item Type field (e.g., article, video, photo gallery), or
search through all your teams content items by selecting All Types
2. Check the Start and End Dates to make sure the item(s) you are looking for will fall
within those dates. To set a new Start Date, you can click the Browse button to use the
calendar function or simply start typing a date in the Start Date field. (You can use
keywords such as "yesterday", "last Friday", "last month" or actual date figures).
3. Narrow your search further by entering a keyword into the Word or Phrase or Content
Id field
4. Click the Search button at the top right or bottom right of the Search box to view results.
You can hide the Search box at any time using the Hide Options button at the top.
71
After clicking the Search button, your search results will appear along the right side of your
screen. Easy-to-identify icons indicate the item type (e.g., a newspaper indicates an article, SC
represents short content, a camera indicates a photo).
To add the result to the list or item you are working on, click the + sign or drag the item to the
middle portion of your screen.
72
You can close the Search and Results boxes by clicking anywhere in the area between them, or
clicking the Hide Options and Hide Results buttons across the top.
73
After selecting the ratio you would like to work with, position the clear box over the area of the
photo you want to use. When youre done, click Set Master at the bottom.
Youve now created a master photo for a particular ratio. For example, if you selected 16:9,
youve now indicated which area of the photo to use for your 640x360, 480x270, 160x90 and
124x70 whenever this particular photo is to appear on an area of your site that requires this size
image.
74
76