Build your portfolio online in 2h

Download Build your portfolio online in 2h

Post on 03-Jul-2015

1.481 views

Category:

Technology

0 download

Embed Size (px)

DESCRIPTION

Quickly and easily create your portfolio online in 2h on your iPad or your computer to share each of your achievments on social network or by QR code. The iPad could display it offline too. Try the free version on http://www.tabfolio.me to evaluate

TRANSCRIPT

<ul><li> 1. Goal: post my portfolioonline in 2 hoursI use my desktop computer (Win or Mac)</li></ul> <p> 2. The steps 1. Brainstorming: what do I need for further display ? 2. I collect my pictures 3. I get my text in shape 4. I build up my portfolio 5. I input interface texts 6. I fill out my gallery 7. I fill out my page 8. I fill my home (page) 9. I fill out my contact form10. I post Jump to advanced features 3. 1 - BrainstormingAdvice1. A portfolio is not a picture catalog2. A portfolio contains my best pictures3. A portfolio is build to sell me4. A portfolio should introduce myselfMy requirements I am limited to 8 boards for my galleryMy record1. I am a wildlife photographer2. I want to highlight one race inconspicuous: the chins3. I want to introduce myselfMy plan1. Home2. My page "About"3. My galerie of Snoop &amp; Toufoo, 2 illustrious chins 4. 2 - I group my picturesAdvice I use my source images, I reformaterais in tabFolio I use mostly pictures of more than 200 kbMy requirements1. A gallery must have 8 boards maximum2. The board format used must be compatible with iPhone 5. 3 - My textsAdvice1. A portfolio is not a website, but a business card, a preview2. A portfolio should not be limited to photosMy requirements I use layouts with predefined stylesHome My lastAbout1. My past2. My trainingContact1. My details 6. 4 - Build the tabFolio 7. 5.1 - Edit textMode change1/ I use the editor palette2/ I switch to text editing 8. 5.2 - Edit textChoice of texts6 texts to modify in 2 areasMy header 1. I click on "My name" toreplace "AnomaPics" 2. I click on "My activity" toreplace "PhotoAnimalire"My browsing 1. I click on "Bio" to The headerreplace "A propos" 2. I click on "Gallery" toreplace "Exemples" 3. I click on "Le lorum..." to Browsingreplace "Me contacter" 4. I click on " My name,2012" to replace "AnimaPics, 2012" 9. 5.3 - Edit textInput, replacement1/ I input3/ I save 2/ I visualize 10. 5.4 - Edit textVerification1/ I return to preview 2/ I check out 11. 6.1 - Editing images Mode change1/ I go to my gallery2/ I switch to image editiing3/ I click on the picture to replace 12. 6.2 - Editing imagesImage upload1/ My picture is on my computer, I click on Add a mdia2/ I drag my picture on the drop zone 3/ My picture is uploaded 13. 6.3 - Editing imagesImage formatingI can edit the image zoom in, zoom out crop rotate 14. 6.4 - Editing imagesVerification1/ I return to preview 2/ I check out 15. 7.1 - Editing the pageTexts replacement1/ I go to my page2/ I replace the texts 3/ I check out 16. 7.2 - Editing the page Image import from the web1/ I replace the images2/ I copy my website url where my picture is 3/ I confirm the url and display the pictures4/ I import my image 17. 7.3 - Editing the page Add a link to a picture1/ I select the picture2/ I input or paste the website url 18. 8 - Editing the home1/ I return to home2/ I replace the texts 3/ I replace the picture4/ I check out 19. 9 - Editing the form1/ I display the form2/ I replace the picture3/ I replace the texts 4/ I check out 20. 10 - Publication1/ I display the settings window 2/ I click on Interface 3/ I change the font4/ I configure my publishing5/ I publish 21. Communicate &amp; shareI share my page on all social network I get on my computer the QR code achievementsto show it when we speak of me 22. I switch to advanced mode I will be able to Display on button click (and build it if necessary): a page and go straight to a line, a gallery and go straight to a slide, a menu, the contact form For each page: add / delete line order llines move a line to another page display parameters and SEO For each gallery: add / delete slide order slides move a slide to another gallery display parameters and SEO 23. The new steps11. Brainstorming: what do I need for further display more ?12. I display the advanced features13. I add a menu "Galleries"14. I fill out this menu and build a second gallery15. I fill out the second gallery16. I build the "About" tab17. I add a movie to my page "Actuality"18. I add a link to my home19. I publish 24. 11 - New brainstormingMy requirements I am limited to 3 boards of 8 slidesMy goal1. I would like to highlight a second race less visible : the African grey parrot2. I would like to display a movie3. I would talk about my news and the chins originMy new plan1. Home2. My "About" tab3. My "News" page4. My "Galleries" menu5. My existing gallery about Snoop &amp; Toufoo, 2 illustrious chins6. My new galerie about Leon, the parrot 25. 12 - Advanced features1/ I display settings window2/ I click on Interface 3/ I check in the box4/ 2 buttons appaired 26. 13.1 - Add a menuSelect, template choice 4/ I go straight to the wanted template 3/ I click on Menu2/ I select the button1/ I switch editing buttons 27. 13.2 - Add a menuSettings I can preview some exemples3/ I save1/ I input the menu name2/ I valid the template choice 4/ I check out 28. 14.1 - Menu content Add image, input 3/ I input my texts2/ I import my images1/ I switch editing image 29. 14.2 - Menu contentBuild a gallery3/ I click on Gallery5/ I input the gallery name 6/ I valid the template choice 4/ I go straight to the wantedtemplate for the first slide 2/ I select the button1/ I switch to editing buttons 30. 15.1 - Gallery content Add a picture, input3/ I input texts2/ I import picture1/ I go to the gallery 31. 15.1 - Gallery contentAdd a slide 1/ I switch to editing gallery2/ I go straight to the wanted template3/ I choose the place4/ I valid the template choice 32. 16.1 - Add a tabSettings, input 3/ I click on Menu 5/ I input texts4/ I choose the tab template2/ I select the button1/ I switch to editing buttons 33. 16.2 - Add a tabAdd a picture, template settings3/ I select the area (the tab)2/ I switch to editing area1/ I import my pictures 34. 16.3 - Add a tab Background color1/ I click on color2/ I select my color 35. 16.4 - Add a tabAdd a link 1/ I select the button 2/ I click on Page 3/ I click on Display page4/ I go straight to the gallery to display 5/ I go straight to the slide to display 36. 17.1 - Add a movie Image replacement, association1/ Je select the picture 2/ I associate an action3/ I click on Movie4/ I paste Youtube url 5/ I check out 37. 17.2 - Add a movie Validation, control1/ I save2/ I check out 3/ I test 38. 18.1 - Add a link Selection1/ I return to Home2/ I slect the text3/ I associate an action 39. 18.2 - Add a linkSettings 1/ I click on Gallery 2/ I click on Display a gallery3/ I go straight to the gallery to display 4/ I go straight to the slide to display 40. 19 - New publishing1/ I display the settings window 2/ I input the Google Analytics code3/ I publish</p>