Multi Site Manager (25 Jan).pptx
-
Upload
shivani-garg -
Category
Documents
-
view
189 -
download
2
Transcript of Multi Site Manager (25 Jan).pptx
![Page 1: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/1.jpg)
www.tothenew.com
Multi Site Manager 2
(By Shivani Garg)
![Page 2: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/2.jpg)
www.tothenew.com
1. Previous session queries2. Why Mobile Optimized Websites3. Creating a Mobile Site4. Why and How to make a device Group5. Create your own emulator6. Server Side Device Detection7. Wurfl database8. Device Group filter9. Custom Rollout Configuration for Mobile Optimised Websites
![Page 3: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/3.jpg)
www.tothenew.com
❖ Why language Copy create Two options like:
Previous Session Queries
![Page 4: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/4.jpg)
www.tothenew.com
<language> + (e.g. Russian+) Create copy of the page and all its children from that language. <language> (e.g. Russian) Create copy of the page but not its children from that language.
For more Info Go through with this link : Language copy in MSM
Previous Session Queries
![Page 5: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/5.jpg)
www.tothenew.com
99% of smartphones users use their mobile browser at least once a day.
Of the world’s 4 billion mobile phones in use, 1.08 billion are smartphones.
Why Mobile Optimized Websites?
![Page 6: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/6.jpg)
www.tothenew.com
![Page 7: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/7.jpg)
www.tothenew.com
In terms of mobile web design, this meant that a full, standard website would scale back and gradually remove content and features as the viewport became smaller and the system simpler (no Flash support, etc.).
1.Web Content:Best Served Selectively2.Responsive Design
Mobile Optimised Website (Graceful degradation vs Progressive Enhancement)
![Page 8: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/8.jpg)
www.tothenew.com
To get the complete and perfect view of websites on emulators We need to add the mobile Tab in the page
properties.
Start Working with mobile website
![Page 9: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/9.jpg)
www.tothenew.com
➢ How to get the option of Mobile tab in the dialog: While creating a base page in the project sling:resourceType wcm/mobile/components/page
Follow These Steps …
➢ We need to fetch the value of this property DeviceGroup deviceGroup = slingRequest.adaptTo(DeviceGroup.class); deviceGroup.drawHead(pageContext);
![Page 10: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/10.jpg)
www.tothenew.com
Git repository for Mobile project
![Page 11: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/11.jpg)
www.tothenew.com
Device Group
AEM allows authors to configure device groups,which are categories into mobile devices on the basis of functionality.The basic features used to define device groups are:
1. CSS Support2. Device Rotation Support3. Image Loading Support4. Java Script Support5. Minimum Screen Size6. User Agent
![Page 12: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/12.jpg)
www.tothenew.com
How to make custom Device Group
![Page 13: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/13.jpg)
www.tothenew.com
CQ Mobile Device Group Settings
![Page 14: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/14.jpg)
www.tothenew.com
What is Emulator?
➢ Emulator is just like a replica of something can also be termed as blueprint.
➢ Here we use the emulators of our devices(mobile.tab,laptop,desktop etc ) ,they provide me complete look and feel of that device .
![Page 15: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/15.jpg)
www.tothenew.com
To Create your own Emulator
To create your own emulator Follow this link :
How to make your custom emulator
You can see your emulator here:
![Page 16: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/16.jpg)
www.tothenew.com
Server Side Device Detection
CQ Publish Instance
Http Request
![Page 17: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/17.jpg)
www.tothenew.com
Wurfl Database
WURFL = Wireless Universal Resource FiLe
WURFL is a global database of all devices and the API to tap that information programmatically.
In AEM , Wurfl database is used for device detection on the server site.
You can see your wurfl database in AEM here: /libs/wcm/mobile/devicespecs/wurfl.xml
![Page 18: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/18.jpg)
www.tothenew.com
Device Group Filter Working
Http Request (/content/geomatrix_mobile/en.html)
CQ Publish Instance
Wurfl Database Device Capabilities
Http Response(/content/geomatrix_mobile/en.touch.htm)
![Page 19: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/19.jpg)
www.tothenew.com
Device Group Filter
Create a device group filter to define a set of device capability requirements. Create as many filters as you require to target the needed groups of device capabilities.
![Page 20: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/20.jpg)
www.tothenew.com
Custom Rollout Configuration
In AEM if you want to create your own custom rollout configuration Follow these steps:
1.Go to /etc/msm/rolloutconfigsCreate a cq:page and below that create a node of type cq:LiveSyncAction.
2.After that create your sync actions to provide communication between live copy and language copy.
![Page 21: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/21.jpg)
www.tothenew.com
Custom Rollout Configuration Code
public class ExampleLiveActionFactory implements LiveActionFactory<LiveAction> { @Property(value = "exampleLiveAction") static final String actionname = LiveActionFactory.LIVE_ACTION_NAME; public LiveAction createAction(Resource config) { ValueMap configs; if (config == null || config.adaptTo(ValueMap.class) == null) { configs = new ValueMapDecorator(Collections.<String, Object>emptyMap()); } else { configs = config.adaptTo(ValueMap.class); } return new ExampleLiveAction(actionname, configs); } public String createsAction() { return actionname; }
![Page 22: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/22.jpg)
www.tothenew.com
private static class ExampleLiveAction implements LiveAction { private String name; private ValueMap configs; private static final Logger log = LoggerFactory.getLogger(ExampleLiveAction.class);
public ExampleLiveAction(String nm, ValueMap config) { name = nm; configs = config; }public void execute(Resource source, Resource target, LiveRelationship liverel, boolean autoSave, boolean isResetRollout) throws WCMException { // Write your code here}}
![Page 23: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/23.jpg)
www.tothenew.com
![Page 24: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/24.jpg)
www.tothenew.com
References
1. How to make Custom Group Filter
2. Creating Custom Emulator
3. Custom rollout configuration
4 MSM complete picture 5. Language Copy
![Page 25: Multi Site Manager (25 Jan).pptx](https://reader035.fdocuments.us/reader035/viewer/2022062523/58ed764b1a28abbd418b4787/html5/thumbnails/25.jpg)
www.tothenew.com