{"expireTime":9007200837974445000,"key":"gatsby-plugin-mdx-entire-payload-65b4eec993505616bb01ad45f3ea5749-/ilink-world","val":{"mdast":{"type":"root","children":[{"type":"import","value":"import DefaultLayout from \"D:/PROJET/iLinkApp/iLinkAppMobile/docs/node_modules/gatsby-theme-docz/src/base/Layout.js\"","position":{"start":{"line":3,"column":1,"offset":2},"end":{"line":3,"column":117,"offset":118},"indent":[]}},{"type":"export","default":true,"value":"export default DefaultLayout","position":{"start":{"line":5,"column":1,"offset":120},"end":{"line":5,"column":29,"offset":148},"indent":[]}},{"type":"heading","depth":1,"children":[{"type":"text","value":"IntersticielAds","position":{"start":{"line":8,"column":3,"offset":154},"end":{"line":8,"column":18,"offset":169},"indent":[]}}],"position":{"start":{"line":8,"column":1,"offset":152},"end":{"line":8,"column":18,"offset":169},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"La vue IntersticielAds est celle utilisé pour afficher la publicité provenant du serveur de ","position":{"start":{"line":10,"column":1,"offset":173},"end":{"line":10,"column":93,"offset":265},"indent":[]}},{"type":"link","title":null,"url":"https://ad-server.ilink-app.com/","children":[{"type":"text","value":"publicité","position":{"start":{"line":10,"column":94,"offset":266},"end":{"line":10,"column":103,"offset":275},"indent":[]}}],"position":{"start":{"line":10,"column":93,"offset":265},"end":{"line":10,"column":138,"offset":310},"indent":[]}},{"type":"text","value":" de iLink. De la même manière qu'une bannière publicitaire intersticiel de Google, elle s'affiche à interval régulier à l'utilisateur afin de ne pas gener son expérience au sein de l'application.\nelle est conçu pour s'afficher à l'utilisateur en mode plein écran avec un bouton permettant de fermé la publicité.","position":{"start":{"line":10,"column":138,"offset":310},"end":{"line":11,"column":116,"offset":622},"indent":[1]}}],"position":{"start":{"line":10,"column":1,"offset":173},"end":{"line":11,"column":116,"offset":622},"indent":[1]}},{"type":"jsx","value":"<br />","position":{"start":{"line":13,"column":1,"offset":626},"end":{"line":13,"column":7,"offset":632},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"Pour ce faire, elle fait appel au package ","position":{"start":{"line":15,"column":1,"offset":636},"end":{"line":15,"column":43,"offset":678},"indent":[]}},{"type":"link","title":null,"url":"https://reactnative.dev/docs/webview","children":[{"type":"text","value":"WebView","position":{"start":{"line":15,"column":44,"offset":679},"end":{"line":15,"column":51,"offset":686},"indent":[]}}],"position":{"start":{"line":15,"column":43,"offset":678},"end":{"line":15,"column":90,"offset":725},"indent":[]}},{"type":"text","value":" de react-native afin de pouvoir affiché le contenu HTML de la bannière publicitaire provenant du serveur de publicité.","position":{"start":{"line":15,"column":90,"offset":725},"end":{"line":15,"column":209,"offset":844},"indent":[]}}],"position":{"start":{"line":15,"column":1,"offset":636},"end":{"line":15,"column":209,"offset":844},"indent":[]}},{"type":"thematicBreak","position":{"start":{"line":17,"column":1,"offset":848},"end":{"line":17,"column":4,"offset":851},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"⚠️ NB: un délais devrait être définis avant que le bouton de ferméture ne soit affiché de manière a forcer l'utilisateur à regarder tout de même la publicité durant une certaine période de temps définis au préalable.","position":{"start":{"line":19,"column":1,"offset":855},"end":{"line":19,"column":217,"offset":1071},"indent":[]}}],"position":{"start":{"line":19,"column":1,"offset":855},"end":{"line":19,"column":217,"offset":1071},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"text","value":"Rendu de la vue","position":{"start":{"line":21,"column":4,"offset":1078},"end":{"line":21,"column":19,"offset":1093},"indent":[]}}],"position":{"start":{"line":21,"column":1,"offset":1075},"end":{"line":21,"column":19,"offset":1093},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"Comme expliqué plus haut, le rendu final cette interface est la publicité renvoyé par le serveur de publicité","position":{"start":{"line":23,"column":1,"offset":1097},"end":{"line":23,"column":110,"offset":1206},"indent":[]}}],"position":{"start":{"line":23,"column":1,"offset":1097},"end":{"line":23,"column":110,"offset":1206},"indent":[]}},{"type":"code","lang":"javascript","meta":null,"value":"     render() {\n          return (<View style={styles.parent} >\n               <View style={styles.container}>\n                    <Icon.Button\n                         name={\"close\"}\n                         color={\"white\"}\n                         onPress={() => {\n                              this.popOverLay()\n                         }}\n                         style={{ borderRadius: 0 }}\n                    >Fermer</Icon.Button>\n                    <WebView\n                         source={{ uri: 'https://ad-server.ilink-app.com/ad_display/zone1/zone4.html' }}\n                         style={{ flex: 1 }}\n                    />\n               </View>\n          </View>)\n     }","position":{"start":{"line":25,"column":1,"offset":1210},"end":{"line":44,"column":4,"offset":1935},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"export","value":"export const _frontmatter = {}","position":{"start":{"line":47,"column":1,"offset":1939},"end":{"line":47,"column":31,"offset":1969},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":47,"column":31,"offset":1969}}},"scopeImports":[],"scopeIdentifiers":[],"rawMDXOutput":"/* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsx mdx */\nimport DefaultLayout from \"D:/PROJET/iLinkApp/iLinkAppMobile/docs/node_modules/gatsby-theme-docz/src/base/Layout.js\"\nexport const _frontmatter = {};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\")\n  return <div {...props}/>\n};\n\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = DefaultLayout\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n\n    <h1 {...{\n      \"id\": \"intersticielads\"\n    }}>{`IntersticielAds`}</h1>\n    <p>{`La vue IntersticielAds est celle utilisé pour afficher la publicité provenant du serveur de `}<a parentName=\"p\" {...{\n        \"href\": \"https://ad-server.ilink-app.com/\"\n      }}>{`publicité`}</a>{` de iLink. De la même manière qu'une bannière publicitaire intersticiel de Google, elle s'affiche à interval régulier à l'utilisateur afin de ne pas gener son expérience au sein de l'application.\nelle est conçu pour s'afficher à l'utilisateur en mode plein écran avec un bouton permettant de fermé la publicité.`}</p>\n    <br />\n    <p>{`Pour ce faire, elle fait appel au package `}<a parentName=\"p\" {...{\n        \"href\": \"https://reactnative.dev/docs/webview\"\n      }}>{`WebView`}</a>{` de react-native afin de pouvoir affiché le contenu HTML de la bannière publicitaire provenant du serveur de publicité.`}</p>\n    <hr></hr>\n    <p>{`⚠️ NB: un délais devrait être définis avant que le bouton de ferméture ne soit affiché de manière a forcer l'utilisateur à regarder tout de même la publicité durant une certaine période de temps définis au préalable.`}</p>\n    <h2 {...{\n      \"id\": \"rendu-de-la-vue\"\n    }}>{`Rendu de la vue`}</h2>\n    <p>{`Comme expliqué plus haut, le rendu final cette interface est la publicité renvoyé par le serveur de publicité`}</p>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-javascript\"\n      }}>{`     render() {\n          return (<View style={styles.parent} >\n               <View style={styles.container}>\n                    <Icon.Button\n                         name={\"close\"}\n                         color={\"white\"}\n                         onPress={() => {\n                              this.popOverLay()\n                         }}\n                         style={{ borderRadius: 0 }}\n                    >Fermer</Icon.Button>\n                    <WebView\n                         source={{ uri: 'https://ad-server.ilink-app.com/ad_display/zone1/zone4.html' }}\n                         style={{ flex: 1 }}\n                    />\n               </View>\n          </View>)\n     }\n`}</code></pre>\n\n    </MDXLayout>;\n}\n\n;\nMDXContent.isMDXComponent = true;"}}