Difference between revisions of "Ingrid/Blogs"

From ZCubes Wiki
Jump to navigation Jump to search
 
(96 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
==Features==
 
==Features==
'''Ingrid Blogs''' is a very strong feature of Zcubes that facilitates the user to express/share different views and ideas with the outer world.
 
  
Blogs can be private or public and can be related to any topic. A blog by default is 'Public' and all live public blogs can be viewed in Tiled or Listed format.
+
'''Ingrid Blogs''' facilitates the user to express/share different views and ideas with the outer world.  
  
Blogs can be created under different categories depending on the topic. HTML editor helps the user to set or modify the display format of the blog contents. While editing, the incomplete blog can be saved as a draft through '''Save as Draft''' button.
+
B3 can be private or public(default). All public blogs can be viewed in the B3 home page.
It allows the user to upload images, videos, URL's, experiences, any document attachments etc. along with the text content in a blog. New blogs with the related topics can be added under a same blog heading through '''Create new blog posting''' option.
+
*'''HTML Editor'''
 +
*'''Draft''' - Automatically draft the content. Thus user wont loose any of the content while creating.
 +
*'''File Uploads''' - Allows the user to upload images, videos, URL's, experiences, any document attachments etc. along with the text content in a blog
 +
*'''Share''' - Options like 'Like', 'Dislike', 'Comment' facilitate the user to express his views about the blog. The blog can be shared by posting it to Ingrid slate, Facebook, Twitter and Google+. User can also share the blog by sending it as an email to different people.
 +
*'''Hashtags''' - Hashtags enable the user to access all the blogs with same hashtags.
 +
*'''Channels''' - Users are allowed to post blogs to appropriate channels. Channels can be accessed from channels.zcubes.com .
  
The first image or the video uploaded in the blog post is the default thumbnail image cover of the blog post.
+
[[File:B3.png|700px|thumb|center|Ingrid blogs]]
  
While viewing a blog, the options like 'Like', 'Dislike', 'Comment' facilitate the user to express his views about the blog. The blog can be shared by posting it to Ingrid slate, Facebook, Twitter and Google+. User can also share the blog by sending it as an email to different people.
+
==Create Blogs==
 +
1. Access B3 by '''b3.zcubes.com'''
 +
2. '''Log in''' to B3 to start creating blogs.
 +
[[File:Log_in.png|700px|thumb|center|Sign In]]
 +
 
 +
3. Once logged in, click on '''Menu icon''' on the right top corner to see the option '''Create Blog'''
 +
[[File:After_login_1.png|700px|thumb|center|Blog Home]]
  
<font color=blue>We can insert image of Public Ingrid Blogs page</font>
+
4. '''Create New Blog''' page have the Heading, Choose Blog Cover, Customize Display Settings as fields.
 +
[[File:Create_Blog.png|700px|thumb|center|Create Blog]]
  
==Create Blogs==
+
5. To alter display setting, check on '''Customize Display Settings''' option and click '''Next'''.
UNIQc377a427e7961919-item-1--QINU
+
*'''Log In'''
+
6. '''Show/Hide''' settings allows users to'''select/deselect''' various Blog display options on this page.
User can create blog by 'logging in' by selecting 'Ingrid' icon.
+
[[File:Blog_Display_Settings_.png|700px|thumb|center|Display Settings]]
  
<font color=blue>Need to insert image Sign_In_Page.jpg</font>
+
7. '''Share Permission''' settings allows users to choose buddies to edit the blog content
  
*'''Create New Blog'''
+
8. '''Order By''' settings allows the users to sort the blog posts in  Ascending/Descending order according to the created dates.
On logging in through Sign-Up page, '''My Grid''' page opens up. Through the 'Explore Ingrid' option on the upper right hand corner, select the '''Blogs''' feature. It will show up the User's Blog list page. Initially for the new user, there won't be any blogs listed. So in order to create a new blog, select '''B+''' icon on the top right hand corner.
+
<font color=blue>Need to insert an image of User's Blog List page</font>
+
9. '''Show Comments''' allows the users to disable the comments visibility. Select '''None''' option under 'Show Comments' to show no comments.
  
'''Create New Blog''' page opens up with options such as Heading, Category, Choose Blog Cover, Customize Display Settings. Enter the appropriate Blog Heading, Category and select the Blog Cover Image. Blog Heading is a mandatory field.
+
10. '''Save''' the settings through 'Save' button to start creating blog posts. It will redirect to '''Create New Blog Posting''' page.
[[File:Create_blog.JPG|400px|thumb|center|Create Blog]]
 
  
User can alter the display settings by selecting the 'Customize Display Settings' option. By selecting 'Next' button, it leads to '''Display Settings''' page that allows the user to select/deselect various Blog display options.
+
If the user does not select '''Customize Display Settings''' option, then it will automatically redirect to create blog post page.  
[[File:Blog_Display_Settings.JPG|400px|thumb|center|Display Settings]]
+
[[File:Create_new_post.png|700px|thumb|center|Create Blog Post]]
  
The list of User's blogs can be stored by sorting in Ascending/Descending order of dates created. In order to disable the comments visibility, select None option under 'Show Comments'.
+
==Menu==
  
*'''Saving the Blog'''
+
[[File:Menu_B3.png|700px|thumb|center|Menu]]
By saving the settings through 'Save' button, user will be redirected to '''Create New Blog Posting''' page.
 
[[File:Create_blog_post.JPG|400px|thumb|center|Create Blog Post]]
 
  
 
==Blog Display Settings==
 
==Blog Display Settings==
*Display Settings page contains numerous settings which can be checked or unchecked to Hide or Show
+
User can alter the display settings by selecting the '''Customize Display Settings''' option. By selecting 'Next' button, it leads to 'Display Settings' page that allows the user to select/deselect various Blog display options.
*According to this setting, the blog will appear to a user
+
 
*Users could even check use the blog as a website by unchecking all the settings.  
+
[[File:Blog_Display_Settings_.png|700px|thumb|center|Display Settings]]
[[File:Blog_Display_Settings.JPG|400px|thumb|center|Display Settings]]
+
 
 +
*'''Show/Hide'''
 +
<font color=blue>Need to insert an image indicating all items/sections such as Blog heading, Right pane, Top pane, Archives etc under Show/Hide</font>
 +
#'''Blog Heading''' : Enables/Disables the display of heading of the blog for all the posts added under that particular blog.
 +
#'''Author Name''' : Enables/Disables the display of name of the author/user who created the blog.
 +
#'''Archives''' : Archives gives the list of all other postings under the currently open blog. By selecting the Show/Hide option, user can enable/disable the display of Archives pane.
 +
#'''Profile photo''' : Enables/Disables the display of the blog author's profile photo to the blog viewers.
 +
#'''Date''' : Enables/Disables the display of date on which the posts under particular blog were added.
 +
#'''Right Pane''' : Enables/Disables the display of pane on the right hand side which displays the blog author's details such as name, profile photo and number of blogs created by the author.
 +
#'''Post Heading''' : Enables/Disables the display of headings of all posts under a particular blog.
 +
#'''Cubee Control''' : Enables/Disables the display of the controls such as 'Like', 'Dislike', 'Share', 'Track/Delete' and 'Comments'. User and viewers both can use these controls to express their views about the blog post.
 +
#'''Top Pane''' : Enables/Disables the display of top pane that includes - 'Blog Heading', 'Search window', 'Share' icon, 'Live blogs' and 'Drafts' button, 'Display settings' icon, 'New post', 'Home' and 'Ingrid blogs' icon and a 'Back' button.
 +
If the user is on Blog listing page, instead of 'Live blogs' and 'Drafts' buttons, 'Views' option is enabled/disabled showing how many times the blog has been viewed.
 +
 
 +
*'''Sort by Date'''
 +
- User can sort the display of blog posts in ascending/descending order of dates created.
 +
 
 +
*'''Show Comments'''
 +
- User can enable/disable the option of display of blog comments to all the viewers.
 +
- In order to disable the comments visibility,'''None''' option have to be selected.
 +
 
 +
==Blog Types / Blog Modes==
 +
*Blog Mode
 +
[[File:Blog_Mode.jpg|700px|thumb|center|Blog Mode]]
 +
*Book Mode
 +
[[File:Book_Mode.jpg|700px|thumb|center|Book Mode]]
 +
*Website Mode
 +
[[File:Website_Mode.jpg|700px|thumb|center|Website Mode]]
 +
*Content Only
 +
[[File:Content Only Mode.jpg|700px|thumb|center|Content Only Mode]]
 +
*Slideshow
 +
[[File:Slideshow_Mode.jpg|700px|thumb|center|Slide Show Mode]]
 +
*Newspaper Mode
 +
[[File:Newspaper.jpg|700px|thumb|center|Newspaper Mode]]
  
 
==Create Blog Post==
 
==Create Blog Post==
*Once the Blog is created, user will be redirected to create Blog post
+
Once the blog is created, user will be redirected to '''Create New Blog Posting''' page.  
*Blog Posting page contains heading part, Content part, Category, Tags and Post to Blog.
+
[[File:Create_new_post.png|700px|thumb|center|Create Blog Post]]
*Any type of contents like images, text, videos, embed codes, HTML etc can be added
+
 
*Category is used in which the blog should be listed.
+
*'''Heading'''
*Tags that are related to the blog post can be added
+
*'''HTML Editor'''
*The blog post created can be posted to any other Blogs created
+
*'''Tags'''
[[File:Create_blog_post.JPG|400px|thumb|center|Create Blog Post]]
+
*'''Post to Channels'''
 +
*'''Draft'''
 +
*'''Publish'''
 +
 
 +
---<font color=blue>Need to include 'New post' icon image</font>---
  
 
==View Blogs==
 
==View Blogs==
*The '''Home''' button at the top redirects to the users Blogs home page.  
+
Click on the '''Home Button'''
*The user will be prompted to login, if the user is not logged in.
+
Select '''My Blogs''' to access the B3 posts.
*The Ingrid button '''i''' at the top right corner will redirect the user to Ingrid Blogs public page.
+
 
[[File:Ingrid.JPG|400px|thumb|center|Create Blog Post]]
+
[[File:Viewblog.png|700px|thumb|center|Menu in Blog Home]]
 +
 
 +
All the b3 post created are listed in '''My Blogs''' page.  
 +
 
 +
<font color= blue>Need to insert User's blog home page image (with some blogs added on the page)</font>
 +
 
 +
==Edit Blogs==
 +
 
 +
Access '''My Blogs''' from the main menu.
 +
Click on the edit button.
 +
 +
 
 +
[[File:Edit_Blog.png|700px|thumb|center|Edit Blog]]
 +
 
 +
User can also delete any of the blog posting or the complete blog, by clicking on the '''Delete''' icon besides the 'Edit' icon.
 +
 
 +
<font color=blue>Need to insert an image indicating edit and delete blog icons</font>
 +
 
 +
==Edit Post==
 +
B3 post can be edited either from
 +
Blog post listing page
 +
Blog View page
 +
[[File:Edit_Post.png|700px|thumb|center|Edit Post]]
 +
 
 +
==Share Blogs==
 +
---<font color=blue>Need to include an image indicating 'Share blog' icon</font>---
 +
 
 +
'''Share blog''' icon is used to share the blogs.
 +
 
 +
[[File:Share.png|700px|thumb|center|Share Blogs]]
 +
It can be accessed from the
 +
1) Top right corner
 +
2) '''Cubee Control''' option at the bottom of the blog contents
 +
 
 +
Blog Sharing :
 +
 
 +
1)'''Ingrid Slate''': By selecting Ingrid option, user can share the blog by posting on Slate, or posting to a particular group, or sending as a Zmail.
 +
2)'''As a Permalink''' : A URL is created for the blog post which can be copied and shared.
 +
3)'''By sending as an email''' : Can be shared by entering the receivers email address.
 +
4)'''Facebook'''
 +
5)'''Twitter'''
 +
6)'''Google+'''
 +
 
 +
<<[[Ingrid | Ingrid home ]]

Latest revision as of 02:13, 7 February 2017

Features

Ingrid Blogs facilitates the user to express/share different views and ideas with the outer world.

B3 can be private or public(default). All public blogs can be viewed in the B3 home page.

  • HTML Editor
  • Draft - Automatically draft the content. Thus user wont loose any of the content while creating.
  • File Uploads - Allows the user to upload images, videos, URL's, experiences, any document attachments etc. along with the text content in a blog
  • Share - Options like 'Like', 'Dislike', 'Comment' facilitate the user to express his views about the blog. The blog can be shared by posting it to Ingrid slate, Facebook, Twitter and Google+. User can also share the blog by sending it as an email to different people.
  • Hashtags - Hashtags enable the user to access all the blogs with same hashtags.
  • Channels - Users are allowed to post blogs to appropriate channels. Channels can be accessed from channels.zcubes.com .
Ingrid blogs

Create Blogs

1. Access B3 by b3.zcubes.com
2. Log in to B3 to start creating blogs.
Sign In
3. Once logged in, click on Menu icon on the right top corner to see the option Create Blog
Blog Home
4. Create New Blog page have the Heading, Choose Blog Cover, Customize Display Settings as fields.
Create Blog
5. To alter display setting, check on Customize Display Settings option and click Next.

6. Show/Hide settings allows users toselect/deselect various Blog display options on this page.
Display Settings
7. Share Permission settings allows users to choose buddies to edit the blog content
8. Order By settings allows the users to sort the blog posts in  Ascending/Descending order according to the created dates.

9. Show Comments allows the users to disable the comments visibility. Select None option under 'Show Comments' to show no comments.
10. Save the settings through 'Save' button to start creating blog posts. It will redirect to Create New Blog Posting page.

If the user does not select Customize Display Settings option, then it will automatically redirect to create blog post page.

Create Blog Post

Menu

Menu

Blog Display Settings

User can alter the display settings by selecting the Customize Display Settings option. By selecting 'Next' button, it leads to 'Display Settings' page that allows the user to select/deselect various Blog display options.

Display Settings
  • Show/Hide

Need to insert an image indicating all items/sections such as Blog heading, Right pane, Top pane, Archives etc under Show/Hide

  1. Blog Heading : Enables/Disables the display of heading of the blog for all the posts added under that particular blog.
  2. Author Name : Enables/Disables the display of name of the author/user who created the blog.
  3. Archives : Archives gives the list of all other postings under the currently open blog. By selecting the Show/Hide option, user can enable/disable the display of Archives pane.
  4. Profile photo : Enables/Disables the display of the blog author's profile photo to the blog viewers.
  5. Date : Enables/Disables the display of date on which the posts under particular blog were added.
  6. Right Pane : Enables/Disables the display of pane on the right hand side which displays the blog author's details such as name, profile photo and number of blogs created by the author.
  7. Post Heading : Enables/Disables the display of headings of all posts under a particular blog.
  8. Cubee Control : Enables/Disables the display of the controls such as 'Like', 'Dislike', 'Share', 'Track/Delete' and 'Comments'. User and viewers both can use these controls to express their views about the blog post.
  9. Top Pane : Enables/Disables the display of top pane that includes - 'Blog Heading', 'Search window', 'Share' icon, 'Live blogs' and 'Drafts' button, 'Display settings' icon, 'New post', 'Home' and 'Ingrid blogs' icon and a 'Back' button.

If the user is on Blog listing page, instead of 'Live blogs' and 'Drafts' buttons, 'Views' option is enabled/disabled showing how many times the blog has been viewed.

  • Sort by Date
- User can sort the display of blog posts in ascending/descending order of dates created.
  • Show Comments
- User can enable/disable the option of display of blog comments to all the viewers.
- In order to disable the comments visibility,None option have to be selected.

Blog Types / Blog Modes

  • Blog Mode
Blog Mode
  • Book Mode
Book Mode
  • Website Mode
Website Mode
  • Content Only
Content Only Mode
  • Slideshow
Slide Show Mode
  • Newspaper Mode
Newspaper Mode

Create Blog Post

Once the blog is created, user will be redirected to Create New Blog Posting page.

Create Blog Post
  • Heading
  • HTML Editor
  • Tags
  • Post to Channels
  • Draft
  • Publish

---Need to include 'New post' icon image---

View Blogs

Click on the Home Button
Select My Blogs to access the B3 posts.
Menu in Blog Home

All the b3 post created are listed in My Blogs page.

Need to insert User's blog home page image (with some blogs added on the page)

Edit Blogs

Access My Blogs from the main menu.
Click on the edit button.

Edit Blog
User can also delete any of the blog posting or the complete blog, by clicking on the Delete icon besides the 'Edit' icon.

Need to insert an image indicating edit and delete blog icons

Edit Post

B3 post can be edited either from

Blog post listing page
Blog View page
Edit Post

Share Blogs

---Need to include an image indicating 'Share blog' icon---

Share blog icon is used to share the blogs.
Share Blogs

It can be accessed from the

1) Top right corner
2) Cubee Control option at the bottom of the blog contents

Blog Sharing :

1)Ingrid Slate: By selecting Ingrid option, user can share the blog by posting on Slate, or posting to a particular group, or sending as a Zmail.
2)As a Permalink : A URL is created for the blog post which can be copied and shared.
3)By sending as an email : Can be shared by entering the receivers email address.
4)Facebook
5)Twitter
6)Google+

<< Ingrid home