Patent Application
20120066577
Social networking services provide websites that help people to communicate with other people in their social networks. People tend to communicate in social networking services primarily using text. However, there are times when it would be more convenient or enjoyable to communicate using drawings. Unfortunately, it is not convenient to communicate using drawings in social networking services. For example, some social networking services allow people to upload and send drawings to other people. However, these drawings are not editable by the recipients of the drawings. Rather, these drawings are typically static images, such as JPG or GIF files. In another example, some social networking services allow users to collaborate on a drawing during a chat or instant messaging session, but such drawings do not persist beyond the communication session.
A webpage contains a canvas. The canvas contains a drawing that is editable within the webpage by a user of a client device and by other users who use other client devices to open webpages that include the canvas. While the webpage is open on the client device, the drawing is dynamically updated to reflect edits made to the drawing by the user and by the other users at approximately times that the user and the other users make the edits to the drawing. The drawing is stored on a server system such that when the user closes the webpage, the other users can continue to edit the drawing. When the user reopens the webpage, the canvas contains the drawing as edited by the other users.
This summary is provided to introduce a selection of concepts. These concepts are further described below in the Detailed Description. This summary is not intended to identify key features or essential features of the claimed subject matter, nor is this summary intended as an aid in determining the scope of the claimed subject matter.
The system 100 also includes a server system 106. The server system 106 is a system comprising one or more computing devices. The client devices 102 are able to communicate with the server system 106 via a network 108. The network 108 is a communications network, such as the Internet or a local area network. The network 108 can include wired and/or wireless telecommunications links.
The server system 106 hosts a social networking service. The social networking service includes a social networking website that focuses on building and reflecting social networks among people. The client devices 102 communicate with the server system 106 via the network 108 to enable the users 104 to access the social networking service.
As described in this document, the users 104 use the client devices 102 to open a webpage in the social networking website. The webpage contains a canvas. The canvas comprises an area within the webpage in which the users 104 can collaborate to create a drawing. The drawing can include various elements, such as straight lines, curved lines, rectangles, circles, text, arrows, images, and so on. Furthermore, in some embodiments, the drawing can include picture elements. Picture elements are bitmap images inside the drawing. The canvas can also include onscreen tools that enable the users 104 to add elements to the drawing. For example, the canvas can include onscreen tools that enable the user 104 to add circles, rectangles, lines, text, and other types of elements to the drawing.
While the webpage is open on the client devices 102, the client devices 102 dynamically update the drawing to reflect changes made to the drawing by the users 104 at approximately the same time that the users 104 make the changes to the drawing. In this way, if the webpage is open in two or more of the client devices 102, the users of these client devices can see the changes to the drawing as they are being made. For example, if the webpage is open in the client device 102A and the client device 102B and the user 104B makes a change to the drawing, the user 104A can see the change at approximately the same time that the user 104B is making the change.
Subsequently, some or all of the users 104 can close the webpage. When the users 104 close the webpage, the contents of the drawing are not lost. Rather, the state of the drawing is preserved such that when the users 104 reopen the webpage, the users 104 can continue to edit the drawing without starting over.
Individual ones of the users 104 can edit the drawing without the webpage being open on the client devices 102 of other ones of the users 104. For example, a first one of the users 104 can be the only user who has the webpage open. In this example, the first user can edit the drawing and then close the webpage. When the first user closes the webpage, the contents (i.e., the elements in the drawing and the attributes of those elements) of the drawing are in a first state. In this example, a second one of the users 104 opens the webpage after the first user has closed the webpage. When the second user opens the webpage, the drawing reflects the changes made by the first user. In this example, the second user can then make additional changes to the drawing. The first user then reopens the webpage. When the first user reopens the webpage, the contents of the drawing are in a second state. The second state results from changes to the drawing by the second user while the webpage was closed on the client device of the first user.
The client device 102A is a computing device. In various embodiments, the client device 102A can be various types of computing devices. For example, the client device 102A can be a personal computer, a laptop computer, a handheld computer, a netbook computer, a smartphone, a tablet computer, an in-car computer, a television set-top box, a video game console, a handheld video game device, or another type of computing device.
As illustrated in the example of
The browser 202 receives input from the user 104A to open a website hosted by the server system 106. In response, the browser 202 causes the network interface 200 to send a webpage request 204 to the server system 106. The webpage request 204 is a request by the browser 202 for data that represents the requested webpage. In various embodiments, the webpage request 204 is formatted in various ways. For example, in some embodiments, the webpage request 204 is formatted as a Hypertext Transfer Protocol (HTTP) request. Subsequently, the browser 202 receives a webpage response 206 through the network interface 200. The webpage response 206 contains data that represents the requested webpage.
When the browser 202 receives the webpage response 206, the browser 202 processes the data representing the webpage to prepare the webpage for display. When the browser 202 processes the data representing the webpage, the browser 202 determines whether the webpage includes a canvas. If the browser 202 determines that the webpage includes a canvas, the browser 202 starts a client canvas module 208. The client canvas module 208 manages the canvas.
In order to manage the canvas, the client canvas module 208 maintains a client model 210. The client model 210 comprises data that represents a drawing within the canvas. In various embodiments, the client model 210 represents the drawing in various ways. For example, the client model 210 can comprise a hierarchy of XML elements that represents the drawing. In this example, the hierarchy of XML elements can conform to the DrawingML format specified in the Open Office XML (ECMA-376) standard or another format. In this example, the hierarchy of XML elements can include an XML element that represents the drawing as a whole. Within this XML element are other XML elements that represent individual elements within the drawing. The individual elements within the drawing can include lines, rectangles, text, circles, and so on. Each of the XML elements include attributes that specify attributes of the elements.
After the browser 202 opens the webpage, the client canvas module 208 receives input from the user 104A to edit the drawing. For example, the client canvas module 208 can receive input to add elements to the drawing, modify attributes of existing elements in the drawing, delete existing elements from the drawing, and so on. In response to such input, the client canvas module 208 updates the client model 210 to reflect changes indicated by the input. Furthermore, the client canvas module 208 updates the canvas within the webpage such that the drawing reflects the changes indicated by the input.
In addition, when the client canvas module 208 receives input from the user 104A to make changes to the drawing, the client canvas module 208 causes the network interface 200 to send client messages 212 to the server system 106. The client messages 212 specify the changes to the drawing. For example, if the input was to delete an element from the drawing, a client message indicates that the element has been deleted from the drawing. In this way, the server system 106 is kept abreast of the status of the drawing at the client device 102A.
In various embodiments, the client messages 212 are formatted in various ways. For example, in embodiments where the client model 210 comprises an XML element hierarchy that represents the drawing, the client messages 212 specify the changes to the drawing by specifying changes to one or more XML elements in the client model 210.
The client canvas module 208 also receives server messages 214 from the server system 106. The server messages 214 specify changes made to the drawing by other users. The client canvas module 208 updates the client model 210 to reflect the changes specified in the server messages 214. In this way, the client canvas module 208 is kept abreast of the status of the drawing at the server system 106. In addition, the client canvas module 208 dynamically updates the drawing displayed to the user 104A to reflect the changes specified in the server messages 214.
In various embodiments, the server messages 214 are formatted in various ways. For example, in embodiments where the client model 210 comprises an XML element hierarchy that represents the drawing, the server messages 214 specify the changes to the drawing by specifying changes to one or more XML elements in the client model 210.
Because multiple users can be editing the drawing concurrently, conflicting changes can occur. For example, one of the users 104 (e.g., user 104A) may try to delete a particular element while another one of the users 104 (e.g., the user 104B) is trying to modify one or more attributes of the particular element. Hence, there is a conflict between the change made by the user 104A and the change made by the user 104B. To avoid such conflicts, elements in the drawing cannot typically be modified or deleted unless the users 104 first select the elements. Whenever the users 104 select elements in the drawing, the client devices 102 send lock requests to the server system 106. The lock requests specify the selected elements. When the server system 106 receives a lock request specifying a particular element in the drawing, the server system 106 locks the particular element such that no other user can modify or delete the element while the particular element is selected. In this way, the server system 106 prevents a first user from modifying or deleting a given element in the drawing when a second user has selected the given element, and vice versa.
As illustrated in the example of
The user 104A can provide copy input to the browser 202 while the webpage is open in the browser 202. In various embodiments, the user 104A can provide the copy input to the browser 202 in various ways. For example, the user 104A can select the drawing and then press a key combination (e.g., control-c) on a keyboard. In another example, the browser 202 displays a pop-up menu when the user 104A right-clicks on the canvas. In this example, the user 104A provides the copy input to the browser 202 by selecting a copy command from the pop-up menu.
In response to receiving the copy input, the browser 202 copies the client model 210 to the clipboard 216. The user 104A can then paste the drawing into a document that is open in the application 218. When the user 104A pastes the drawing into the document, the application 218 incorporates the client model 210 into a document model. The document model comprises data that represents the document. For example, the client model 210 and the document model can comprise hierarchies of XML elements. In this example, the application 218 incorporates the hierarchy of XML elements in the client model 210 into the hierarchy of XML elements in the document model. After the user 104A pastes the drawing into the document, the user 104A can continue to edit the drawing while the drawing is in the document.
In some embodiments, the user 104A can provide a copy input to the application 218. The copy input instructs the application 218 to copy a drawing in a document that is open in the application 218. In response, the application 218 copies a model of the drawing to the clipboard 216. For example, where the document model comprises a hierarchy of XML elements, the application 218 copies the XML elements that represent the drawing into the clipboard 216. The user 104A can then instruct the browser 202 to paste the drawing from the clipboard 216 into a canvas in a webpage open in the browser 202. For example, where a hierarchy of XML elements represents the drawing, the browser 202 can provide this hierarchy of XML elements to the client canvas module 208 as the client model for the drawing.
In some embodiments, the user 104A is able to copy and paste some elements in the drawing. To do this, the user 104A selects one or more individual elements within the drawing displayed in the webpage. The user 104A then provides a copy input to the browser 202. In response, the browser 202 generates a new model in the clipboard 216. The new model represents the selected elements of the drawing, but not unselected elements of the drawing. The user 104A can later provide paste input to the application 218. In response, the application 218 incorporates the new model into a document model of a document open in the application 218. In this way, the document contains the drawing represented by the new model (i.e., the selected elements). A similar process can occur to copy and paste individual elements in a drawing in a document open in the application 218 into a drawing in a webpage open in the browser 202.
The browser window 300 also comprises a webpage 304. In the example of
The canvas 308 also includes drawing controls 314A through 314F (collectively, “drawing controls 314”). To add an element to the drawing 310, the user 104A selects one of the drawing controls 314. The user 104A then uses an input device to make a gesture that suggests a position and/or shape for the element. For example, to draw a line, the user 104A selects the drawing control 314A. In this example, the user 104A then depresses a button when a cursor 322 is at a point within the drawing 310 where the line should start and releases the button when the cursor 322 is at a point within the drawing 310 where the line should end. In another example, to add text to the drawing 310, the user 104A selects the drawing control 314D. In this example, the user 104A depresses a button when the cursor 322 is at a point within the drawing 310 where a corner of a textbox is to appear and releases the button when the cursor 322 is at a point within the drawing 310 where a diagonally opposite corner of the textbox is to appear. In this example, the user 104A can the use a keyboard or other input device to enter text into the textbox.
In various embodiments, the user 104A selects elements in the drawing 310 in various ways. For example, the user 104A can select an element in the drawing 310 by positioning the cursor 322 over the element and depressing a button. In another example, the user 104A can select an element in the drawing 310 by repeatedly pressing a particular keyboard button (e.g., “tab”). In this example, a different element in the drawing 310 is selected each time the user 104A presses the particular keyboard button. In another example, the browser window 300 is displayed on a touch-sensitive display. In this example, the user 104A can select an element in the drawing 310 by touching the element on the touch-sensitive display.
While an element is in a selected state, the user 104A can delete the element. In various embodiments, the user 104A performs various actions to delete the element. For example, the user 104A can delete the element by pressing a keyboard button (e.g., “delete” or “backspace”). In another example, the user 104A can delete the element by selecting an on-screen control (not shown).
While an element is in a selected state, the user 104A can modify one or more attributes of the element. The user 104A can modify different attributes of the element by performing different actions. For example, the user 104A can modify a position of the element by using the cursor 322 to drag the element to the desired position. In another example, the user 104A can modify a line color of the element by opening a color selection pane within the canvas 308 and selecting a desired color.
In some embodiments, the webpage 304 is part of a social networking website. For example, the webpage 304 can be a social networking profile page for the user 104A. A social networking profile page is a webpage that contains personal information about a user. The user's social networking profile page can act as a digital representation of the user's identity. In another example, the webpage 304 can be a webpage in the social networking website for a group of users. In yet another example, the webpage 304 can be a webpage in the social networking website linked to a group webpage or a user's profile page.
The canvas 308 also includes a share control 316. When the user 104A selects the share control 316, the browser 202 displays a contact list. The contact list is a list of people who have been designated by the user 104A as having direct social connections with the user 104A. The user 104A selects people from the contact list. The server system 106 invites the selected people to view and/or edit the drawing 310. For example, the server system 106 can send email messages or text messages to the selected people to invite the selected people to view and/or edit the drawing 310.
In the example of
In addition, the canvas 308 includes a copy control 320. When the user 104A selects the copy control 320, the browser 202 copies the client model 210 for the drawing 310 (or a model representing selected elements in the drawing 310) to the clipboard 216.
As illustrated in the example of
The web server 400 receives webpage requests 406 from the client devices 102. The webpage requests 406 are requests to open webpages hosted by the server system 106. In various embodiments, the webpage requests 406 are formatted in various ways. For example, in some embodiments, the webpage requests 406 are formatted as Hypertext Transfer Protocol (HTTP) requests. The web server 400 sends webpage responses 408 as responses to the webpage requests 406. The webpage responses 408 contain data that represents the webpage.
Furthermore, when the web server 400 receives a webpage request from the client device 102A and the requested webpage includes a canvas, the server canvas module 402 adds the client device 102A to a subscription list 410. The subscription list 410 lists ones of the client devices 102 that have opened a webpage that includes the canvas.
Subsequently, the web server 400 receives client messages 412 from the client devices 102. The client messages 412 specify changes made by users of the client devices 102 to a drawing in the canvas. For example, the client messages 412 can specify the addition of an element to the drawing, a selection of an element in the drawing, and so on. When the web server 400 receives the client messages 412, the server canvas module 402 updates a server model 414 in the database 404. The server model 414 contains data that represents the drawing. The server canvas module 402 updates the server model 414 to reflect the changes to the drawing indicated by the client messages 412. For example, the server model 414 can comprise an XML element hierarchy that represents the drawing. In this example, one of the client messages 412 can indicate that the user 104A has deleted a given element from the drawing. In this example, the server canvas module 402 updates the XML element hierarchy in the server model 414 to remove XML elements that represent the given element.
When the server canvas module 402 updates the server model 414 to reflect a change to the drawing, the server canvas module 402 sends server messages 416 to each of the client devices listed in the subscription list 410. The server messages 416 specify changes to the drawing. In various embodiments, the server messages 416 can specify changes to the state of the drawing in various ways. For example, if the server canvas module 402 deletes an XML element that represents a given element in the drawing, the server messages 416 specify that the XML element has been deleted from the server model 414. By processing the server messages 416, the client devices 102 can keep abreast of changes to the drawing made by other ones of the client devices 102.
As illustrated in the example of
On the other hand, if the input is not a navigation input (“NO” of 504), the client canvas module 208 determines whether the input is a canvas creation input (512). The canvas creation input indicates that the user 104A wants to include a canvas in the webpage. In various embodiments, the user 104A can provide the canvas creation input to the browser 202 in various ways. For example, in some embodiments, the webpage can include a control that, when selected, provides the canvas creation input to the browser 202. If the input is a canvas creation input (“YES” of 512), the client canvas module 208 sends a client message comprising a canvas creation request to the server system 106 (514). The canvas creation request instructs the server system 106 to create a new canvas within the webpage. In some embodiments, the client canvas module 208 can send the canvas creation request to the server system 106 automatically without input from the user. For instance, the client canvas module 208 can send the canvas creation request to the server system 106 when the webpage loads. After sending the create canvas request to the server system 106, the operation 500 restarts.
If the input is not a canvas creation input (“NO” of 512), the client canvas module 208 determines whether the input is a permission input (516). A permission input is an input from the user 104A to set permissions for the canvas. The permissions for the canvas govern which other users are authorized to view and/or edit the canvas. In various embodiments, the user 104A provides the permission input in various ways. For example, the client device 102A can display a list of users of the social networking service to the user 104A. The user 104A can then provide the permission input by selecting users from among the users of the social networking service. In this example, the users that are not selected are not authorized to edit the drawing.
If the input is a permission input (“YES” of 516), the client canvas module 208 sends to the server system 106 a client message that comprises a permissions message (518). The permissions message instructs the server system 106 to set or update permissions for the canvas. After sending the client message, the operation 500 restarts. If the input is not a permission input (“NO” of 516), the client canvas module 208 performs the portion of the operation 500 illustrated in
If the input is not an element selection input (“NO” of 600), the client canvas module 208 determines whether the input is an element unselection input (610). An element unselection input is an input to unselect a given element in the drawing. In various embodiments, the user 104A can provide an element unselection input in various ways. For example, the user 104A can provide an element unselection input by selecting a portion of the canvas that does not contain an element or by selecting another element in the drawing. If the input is an element unselection input (“YES” of 610), the client canvas module 208 updates the client model 210 to indicate that the given element specified by the element unselection input is no longer selected (612). In addition, the client canvas module 208 sends a client message comprising an unlock request to the server system 106 (614). The unlock request indicates to the server system 106 that the client canvas module 208 no longer needs a lock on the given element. After the client canvas module 208 sends the client message in step 614, the operation 500 continues at the circle marked “C” in
If the input is not an element unselection input (“NO” of 610), the client canvas module 208 determines whether the input is an element addition input (616). The element addition input is input to add a new element to the drawing. If the input is an element addition input (“YES” of 616), the client canvas module 208 updates the client model 210 to include the new element specified by the element addition input (618). The client canvas module 208 then sends a client message comprising an add element request to the server system 106 (620). The add element request specifies the new element. After the client canvas module 208 sends the client message in step 620, the operation 500 continues at the circle marked “C” in
If the input is not an element addition input (“NO” of 616), the client canvas module 208 determines whether the input is an element modification input (622). An element modification input is an input to modify one or more attributes of a given element that already exists in the drawing. If the input is an element modification input (“YES” of 622), the client canvas module 208 updates the client model 210 to modify the one or more attributes of the given element (624). The client canvas module 208 then sends a client message that comprises a modify element request to the server system 106 (626). The modify element request indicates the changes to the attributes of the given element. After the client canvas module 208 sends the client message in step 626, the operation 500 continues at the circle marked “C” in
If the input is not an element modification input (“NO” of 622), the client canvas module 208 determines whether the input is an element deletion input (628). An element deletion input is an input to delete one or more elements in the drawing. If the input is an element deletion input (“YES” of 628), the client canvas module 208 updates the client model 210 to delete the one or more element (630). The client canvas module 208 then sends a client message comprising a delete element request to the server system 106 (632). The delete element request indicates that the one or more elements have been deleted from the drawing. After the client canvas module 208 sends the client message in step 632, the operation 500 continues at the circle marked “C” in
If the server message does not comprise a lock message (“NO” of 702), the client canvas module 208 determines whether the server message comprises an unlock message (706). A unlock message indicates that the server system 106 has unlocked a given element. If the server message comprises an unlock message (“YES” of 706), the client canvas module 208 updates the client model 210 to indicate that the given element is unlocked (708).
If the server message does not comprise an unlock message (“NO” of 706), the client canvas module 208 determines whether the server message comprises an element addition message (710). An element addition message indicates that the server system 106 has added a new element to the drawing. If the server message comprises an element addition message (“YES” of 710), the client canvas module 208 updates the client model 210 to include the new element (712).
If the server message does not comprise an element addition message (“NO” of 710), the client canvas module 208 determines whether the server message comprises an element modification message (714). An element modification message indicates that one or more attributes of an element in the drawing have been modified. For example, the element modification message can indicate that the line color, position, size, line width, fill color, font, or other attributes of an element that already exists in the drawing have been modified. If the server message comprises an element modification message (“YES” of 714), the client canvas module 208 updates the client model 210 to modify the attributes of the existing element as specified by the element modification message (716).
If the server message does not comprise an element modification message (“NO” of 714), the client canvas module 208 determines whether the server message comprises an element deletion message (718). An element deletion message indicates that an element has been deleted from the drawing. If the server message comprises an element deletion message (“YES” of 718), the client canvas module 208 updates the client model 210 to delete the element specified by the element deletion message (720).
If the client canvas module 208 determines that no server message was received (“NO” of 700) or after performing one of steps 704, 708, 712, 716, or 720, the client canvas module 208 renders the drawing from the client model 210 (722). In this way, the drawing displayed to the user 104A reflects the client model 210.
After rendering the drawing from the client model 210, the client canvas module 208 determines whether a webpage close event has occurred (724). A webpage close event occurs when the user 104A navigates away from the webpage in the browser 202, when the user 104A closes a browser window containing the webpage, or when the user 104A otherwise causes the webpage to no longer be open in a browser window. In response to determining that a webpage close event has occurred (“YES” of 724), the client canvas module 208 sends to the server system 106 a client message containing a webpage close indicator (726). The webpage close indicator indicates to the server system 106 that the webpage is no longer open on the client device 102A. After sending the client message to the server system 106 in step 726 or after determining that no webpage close event has occurred (“NO” of 724), the operation 500 restarts.
On the other hand, if the server system 106 has received a message from the client device 102A (“YES” of 802), the server system 106 determines whether the message comprises a webpage request (806). The webpage request comprises a request to open a webpage. If the message comprises a webpage request (“YES” of 806), the web server 400 determines whether the webpage includes a canvas (808). If the webpage includes a canvas (“YES” of 808), the server canvas module 402 adds the client device 102A to the subscription list 410 (810). After the server canvas module 402 adds to client device 102A to the subscription list 410 or after determining that the webpage does not include a canvas (“NO” of 808), the web server 400 sends a webpage response to the client device 102A (812). The webpage response contains data that represents the webpage. After sending the webpage response to the client device 102A, the operation 800 restarts.
If the message does not comprise a webpage request (“NO” of 806), the server canvas module 402 determines whether the message is a client message that comprises a canvas creation request (814). A canvas creation request instructs the server canvas module 402 to create a new canvas within a webpage. If the client message comprises a canvas creation message (“YES” of 814), the server canvas module 402 creates a new model in the database 404 (816). The new model comprises data that represents a drawing in a new canvas. The server canvas module 402 then adds the client device 102A to the subscription list 410 (818). Next, the server canvas module 402 sends data representing the new canvas to the client device 102A (819). In various embodiments, the data representing the new canvas is formatted in various ways. For example, in some embodiments, the data representing the new canvas is formatted as a set of XML elements and sent to the client device 102A using AJAX technology. After sending the data representing the new canvas to the client device 102A, the operation 800 restarts.
If the client message does not comprise a canvas creation request (“NO” of 814), the server canvas module 402 determines whether the client message comprises a permissions request (820). A permissions request instructs the server canvas module 402 to set or update permissions for a canvas. The permissions for a canvas govern which users are authorized to view and/or edit the canvas. If the client message comprises a permissions message (“YES” of 820), the server canvas module 402 determines whether the user 104A is authorized to set the permissions for the canvas (822). If the user 104A is authorized to set the permissions for the canvas (“YES” of 822), the server canvas module 402 updates the permissions for the canvas as indicated by the permissions message (824). After updating the permissions for the canvas or after determining that the user is not authorized to set the permissions for the canvas (“NO” of 822), the operation 800 restarts.
If the client message does not comprise a permissions message (“NO” of 820), the server canvas module 402 determines whether the client message comprises an invitation message (826). An invitation message instructs the server canvas module 402 to send invitations to specified users. The invitations invite the specified users to view and/or edit a drawing. If the client message does not comprise an invitation message (“YES” of 826), the server canvas module 402 sends invitations to the specified users (828). After sending the invitations, the operation 800 restarts.
If the client message does not comprise an invitation message (“NO” of 826), the server canvas module 402 determines whether the client message comprises a webpage close indicator (830). If the client message comprises a webpage close indicator (“YES” of 830), the server canvas module 402 removes the client device 102A from the subscription list 410 (832). In this way, the client device 102A does not receive server messages regarding the canvas while the webpage containing the canvas is not open. After removing the client device 102A from the subscription list 410, the operation 800 restarts. On the other hand, if the client message does not comprise a webpage close indicator (“NO” of 830), the server canvas module 402 performs the portion of the operation 800 in
If the client message does not comprise a lock request (“NO” of 900), the server canvas module 402 determines whether the client message comprises an unlock request (910). The unlock request indicates that the client device 102A no longer needs a lock on a specified element. If the client message comprises an unlock request (“YES” of 910), the server canvas module 402 determines whether the client device 102A has a lock on the specified element (912). If the client device 102A has a lock on the specified element (“YES” of 912), the server canvas module 402 updates the server model 414 to remove the lock on the specified element (914). The server canvas module 402 then sends server messages to the other client devices listed in the subscription list 410 (915). Each of the server messages includes an unlock message. The unlock messages indicate that the server system 106 has unlocked the specified element. After updating the server model 414 or after determining that the client device 102A does not have a lock on the specified element (“NO” of 912), the operation 800 restarts.
If the client message does not comprise an unlock message (“NO” of 910), the server canvas module 402 determines whether the client message comprises an add element request (916). An add element request specifies an element to add to the server canvas module 402. If the client message comprises an add element request (“YES” of 916), the server canvas module 402 updates the server model 414 to add the specified element to the server model 414 (918). The server canvas module 402 then sends server messages to the other client devices listed in the subscription list 410 (920). Each of the server messages comprises an element addition message. The element addition messages indicate that the specified element has been added to the drawing. The operation 800 then restarts.
If the client message does not comprise an add element request (“NO” of 916), the server canvas module 402 determines whether the client message comprises a modify element request (922). A modify element request indicates changes to one or more attributes of an element in the drawing. If the client message comprises a modify element request (“YES” of 922), the server canvas module 402 determines whether the client device 102A has a lock on the specified element (924). If the client device 102A has a lock on the specified element (“YES” of 924), the server canvas module 402 updates the server model 414 to modify the attributes of the specified element as indicated by the modify element request (926). The server canvas module 402 then sends server messages to the other client devices listed in the subscription list 410 (928). Each of the server messages includes an element modification message. The element modification messages indicate that one or more attributes of the element have been modified. After sending the server messages in step 928 or after determining that the client device 102A does not have a lock on the specified element (“NO” of 924), the operation 800 restarts.
If the client message does not comprise a modify element request (“NO” of 922), the server canvas module 402 determines whether the client message comprises a delete element request (930). A delete element request indicates that one or more elements have been deleted from the drawing. If the client message comprises a delete element request (“YES” of 930), the server canvas module 402 determines whether the client device 102A has a lock on the specified element (932). If the client device 102A has a lock on the specified element (“YES” of 932), the server canvas module 402 updates the server model 414 to delete the specified element (934). The server canvas module 402 then sends server messages to the other client devices listed in the subscription list 410 (936). Each of the server messages includes an element deletion message. The element deletion messages indicate that the specified element has been deleted. After sending the server messages or after determining that the client device 102A does not have a lock on the specified element (“NO” of 932), the operation 800 restarts.
In addition, the webpage 1004 includes a status update area 1006. The status update area 1006 includes a text area 1008. The user can enter text into the text area 1008. Text entered into the text area 1008 is posted on the webpage 1004. In addition, text entered into the text area 1008 can be copied to pages of people who are socially connected to the user.
Furthermore, the status update area 1006 includes a picture control 1010. When the user selects the picture control 1010, the user can select an image file to attach to the text entered in the text area 1008. In addition, the status update area 1006 includes a video control 1012. When the user selects the video control 1012, the user selects a video file to attach to the text entered in the text area 1008.
The status update area 1006 also includes a drawing control 1014. When the user selects the drawing control 1014, a canvas appears in the status update area 1006.
In different embodiments, computing devices are implemented in different ways. For instance, in the example of
The term computer readable media as used herein may include computer storage media. Computer storage media may include volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information, such as computer readable instructions, data structures, program modules, or other data. The memory 1302 includes one or more computer storage media capable of storing data and/or instructions. As used in this document, a computer storage medium is a device or article of manufacture that stores data and/or software instructions readable by a computing device. In different embodiments, the memory 1302 is implemented in different ways. For instance, in various embodiments, the memory 1302 is implemented using various types of computer storage media. Example types of computer storage media include, but are not limited to, dynamic random access memory (DRAM), double data rate synchronous dynamic random access memory (DDR SDRAM), reduced latency DRAM, DDR2 SDRAM, DDR3 SDRAM, Rambus RAM, solid state memory, flash memory, read-only memory (ROM), electrically-erasable programmable ROM, and other types of devices and/or articles of manufacture that store data.
The term computer readable media as used herein may also include communication media. Communication media may be embodied by computer readable instructions, data structures, program modules, or other data in a modulated data signal, such as a carrier wave or other transport mechanism, and includes any information delivery media. The term “modulated data signal” may describe a signal that has one or more characteristics set or changed in such a manner as to encode information in the signal. By way of example, and not limitation, communication media may include wired media such as a wired network or direct-wired connection, and wireless media such as acoustic, radio frequency (RF), infrared, and other wireless media.
The processing system 1304 includes one or more physical integrated circuits that selectively execute software instructions. In various embodiments, the processing system 1304 is implemented in various ways. For example, the processing system 1304 can be implemented as one or more processing cores. In this example, the processing system 1304 can comprise one or more Intel Core 2 microprocessors. In another example, the processing system 1304 can comprise one or more separate microprocessors. In yet another example embodiment, the processing system 1304 can comprise an ASIC that provides specific functionality. In yet another example, the processing system 1304 provides specific functionality by using an ASIC and by executing software instructions. In another example, the processing system 1304 is an ARM7 processor. In different embodiments, the processing system 1304 executes software instructions in different instruction sets. For example, the processing system 1304 executes software instructions in instruction sets such as the x86 instruction set, the POWER instruction set, a RISC instruction set, the SPARC instruction set, the IA-64 instruction set, the MIPS instruction set, and/or other instruction sets.
The secondary storage device 1306 includes one or more computer storage media. The secondary storage device 1306 stores data and software instructions not directly accessible by the processing system 1304. In other words, the processing system 1304 performs an I/O operation to retrieve data and/or software instructions from the secondary storage device 1306. In various embodiments, the secondary storage device 1306 is implemented by various types of computer-readable data storage media. For instance, the secondary storage device 1306 may be implemented by one or more magnetic disks, magnetic tape drives, CD-ROM discs, DVD-ROM discs, Blu-Ray discs, solid state memory devices, Bernoulli cartridges, and/or other types of computer-readable data storage media.
The network interface card 1308 enables the computing device 1300 to send data to and receive data from a communication network. In different embodiments, the network interface card 1308 is implemented in different ways. For example, in various embodiments, the network interface card 1308 is implemented as an Ethernet interface, a token-ring network interface, a fiber optic network interface, a wireless network interface (e.g., WiFi, WiMax, etc.), or another type of network interface.
The video interface 1310 enables the computing device 1300 to output video information to the display unit 1312. In different embodiments, the video interface 1310 is implemented in different ways. For instance, in one example embodiment, the video interface 1310 is integrated into a motherboard of the computing device 1300. In another example embodiment, the video interface 1310 is a video expansion card. In various embodiments, the display unit 1312 can be a cathode-ray tube display, an LCD display panel, a plasma screen display panel, a touch-sensitive display panel, an LED screen, a projector, or another type of display unit. In various embodiments, the video interface 1310 communicates with the display unit 1312 in various ways. For example, the video interface 1310 can communicate with the display unit 1312 via a Universal Serial Bus (USB) connector, a VGA connector, a digital visual interface (DVI) connector, an S-Video connector, a High-Definition Multimedia Interface (HDMI) interface, a DisplayPort connector, or another type of connection.
The external component interface 1314 enables the computing device 1300 to communicate with external devices. In various embodiments, the external component interface 1314 is implemented in different ways. For example, the external component interface 1314 can be a USB interface, a FireWire interface, a serial port interface, a parallel port interface, a PS/2 interface, and/or another type of interface that enables the computing device 1300 to communicate with external devices. In different embodiments, the external component interface 1314 enables the computing device 1300 to communicate with different external components. For example, the external component interface 1314 can enable the computing device 1300 to communicate with external storage devices, input devices, speakers, phone charging jacks, modems, media player docks, other computing devices, scanners, digital cameras, a fingerprint reader, and other devices that can be connected to the computing device 1300. Example types of external storage devices include, but are not limited to, magnetic tape drives, flash memory modules, magnetic disk drives, optical disc drives, flash memory units, zip disk drives, optical jukeboxes, and other types of devices comprising one or more computer storage media. Example types of input devices include, but are not limited to, keyboards, mice, trackballs, stylus input devices, key pads, microphones, joysticks, touch-sensitive display screens, and other types of devices that provide user input to the computing device 1300.
The communications medium 1316 facilitates communication among the hardware components of the computing device 1300. In different embodiments, the communications medium 1316 facilitates communication among different components of the computing device 1300. For instance, in the example of
The memory 1302 stores various types of data and/or software instructions. For instance, in the example of
The various embodiments described above are provided by way of illustration only and should not be construed as limiting. Those skilled in the art will readily recognize various modifications and changes that may be made without following the example embodiments and applications illustrated and described herein. For example, the operations shown in the figures are merely examples. In various embodiments, similar operations can include more or fewer steps than those shown in the figures. Furthermore, in other embodiments, similar operations can include the steps of the operations shown in the figures in different orders.
