IPB

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> Safari - Votre propre Page de démarrage en HTML-CSS
Options
sansnom
posté 23 May 2022, 14:50
Message #1


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 2 146
Inscrit : 30 Jun 2005
Lieu : Loiret
Membre no 41 715



Bonjour,

...voici une contribution et un p'tit tuto pratique pour enrichir et personnaliser votre propre “Page de démarrage” sous Safari (les sources de base sont disponibles plus bas). De quoi avoir un accès rapide à vos propres sites Web sous forme d'une grille d'icônes (qui reprend le look des apps de mac OS) sans avoir à passer par les signets ou les menus ni par la fonction “Page de démarrage” proposée par Apple dans les deux dernières versions de son système, fonction qui n'est peut-être pas suffisamment paramétrable (à mon sens...).



Pré-requis : mac OS toutes versions - Application AppleScript - Application Automator - Éditeur de Code - Application de design

L'idée est de lancer une simple page .HTML localisée sur votre mac en interne (ou placer sur un serveur). Ce fichier .HTML est en fait un grand tableau associée à un .CSS très basique et une suite d'icônes en .SVG pour la qualité. Enfin, pour l'ouverture de cette véritable “Page de garde” de vos navigations web, un script AS détermine la dimension et le placement de cette fenêtre de Safari dans votre écran (ici et pour moi, un 5120 x 2880 px). Cerise sur le gâteau, le fond d'écran de cette page web est calée sur le visuel de votre fond d'écran !... Il suffit pour cela de spécifier dans le Panneau de Préférence Système –> Bureau et économiseur d'écran, le même visuel pour qu'il y ait parfait calage entre les deux...

Pour la personnalisation, vous pouvez tout modifier. La mécanique HTML pour les tableaux est un peu particulière (voir ici et ), mais j'ai ajouté dans le code des indicateurs pour faciliter la gestion du nombre de lignes et de colonnes. À vous d'ajouter vos propres liens et icônes (dimensions 140 x 136px)... Les icônes (leurs liens web associés) que j'ai laissé dans cette base me semblent assez génériques et pourront, je l'espère, contenter une majorité d'utilisateurs...

AppleScript

Code
(* Ouverture de Safari et dimensionnement de sa fenêtre de premier-plan (ici, bien centrée dans un écran de 5120 x 2880 px)... *)
tell application "Safari"
    set w to front window
    set the bounds of w to {504, 224, 2056, 1214}
end tell

(* ... et suite du processus avec l'ouverture de l'URL contenant votre propre Page de démarrage customisée *)
tell application "Finder"
    (* Localisation du fichier index.html - Exemple : “Macintosh HD:nom_de_votre_compte:Documents:Démarrage de Safari:index.html *)
    open file "votre_choix:index.html"
end tell

Design

Les icônes font 140 x 136px. Je les avaient vectorisés et enregistrés en .SVG afin d'avoir la meilleure qualité possible. Le format .PNG fonctionnera aussi, mais il faudra peut-être modifier les dimensions pour la qualité et ajouter du code pour les caler (<img src="img/2-tv-1-telerama.png" width="80" height="78">) : le format .SVG est plus souple et pour ce cas présent, les icônes se calent automatiquement DANS le tableau .HTML. J'ai joint un fichier Illustrator avec toutes les icônes dans les Sources (ci-dessous).

Automator

Pour lancer ce script, vous pouvez passer par Automator en créant un nouveau document, puis en sélectionnant dans la Bibliothèque l'option “Exécuter un script AplleScript”, y coller votre code et enfin l'exporter sous forme d'application à placer par exemple dans le Dock pour un accès rapide. wink.gif

Sources


--------------------
MacMini M1 (13.4.1c) 16Go • iPhone 11 Pro Max 64Go • iPadMini Wi-Fi 6ème Gén. 64Go • aTV 4K 32Go
Go to the top of the page
 
+Quote Post
Tomeno
posté 23 May 2022, 15:46
Message #2


Macbidouilleur d'Or !
*****

Groupe : Modérateurs
Messages : 3 052
Inscrit : 18 May 2002
Lieu : Base de la tranquilité/Planéte Lune/Cratére n°3.
Membre no 2 501



Belle initiative, jolie et sympathique mais… mauvais forum !
Ce n'est pas à mettre dans Mac OS X, mais dans « Logiciel Apple »
Je déplace. Merci à l'avenir de veiller à ces petits détails


--------------------
Hackeur vaillant ... rien d'impossible !
Mac Pro "corbeille" 2013 3,7 Ghz, SSD 500 Go, + Ecran Nec 30"/ iMac Retina 2014, 4 GHz, écran 27 " / Mac Pro "camion" 2008 / Imac G4 Tournesol 1,25 GHz 20" , modifié Mac Mini M1/ Cube G4 boosté à 1,8Ghz avec carte Gigadesign +Geforce 6200+AppleDisplay 23" / Spartacus upgradé G3 / MacBook polycarbonate 2011 / MacBook pro 17 pouces / Freebox Révolution V6 / Wifi Mesh avec 4 boitiers Tenda Nova MW6
Go to the top of the page
 
+Quote Post
sansnom
posté 23 May 2022, 15:51
Message #3


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 2 146
Inscrit : 30 Jun 2005
Lieu : Loiret
Membre no 41 715



Citation (Tomeno @ 23 May 2022, 16:46) *
Belle initiative, jolie et sympathique mais… mauvais forum !
Ce n'est pas à mettre dans Mac OS X, mais dans « Logiciel Apple »
Je déplace. Merci à l'avenir de veiller à ces petits détails
Ch'uis une truffe, je trouve jamais la bonne porte !...


--------------------
MacMini M1 (13.4.1c) 16Go • iPhone 11 Pro Max 64Go • iPadMini Wi-Fi 6ème Gén. 64Go • aTV 4K 32Go
Go to the top of the page
 
+Quote Post
mac_marco
posté 26 Jun 2022, 08:19
Message #4


Nouveau Membre


Groupe : Membres
Messages : 5
Inscrit : 3 Feb 2018
Lieu : Genève - Suisse
Membre no 204 123



Bonjour,

J'ai trouvé l'idée sympa et je me suis fais une page d'accueil perso sur Safari que j'ai codé en HTML.
Mais je me pose une question, serait t'il possible de lancer une application depuis cette page ?
Un peu comme on lance la messagerie depuis un lien "mailto:"
En sachant que cette page n'est pas en ligne mais juste sur mon Mac.


--------------------
iMac (Retina 5K, 27-inch, Late 2015) - 3.2 GHz Intel Core i5 - 8 Go 1867 MHz DDR3 - AMD Radeon R9 M380 2048 Mo
iMac (27-inch, Late 2009) - 3.06 GHz Intel Core 2 Duo - 8 Go 1867 MHz DDR3 - ATI Radeon HD 4670 256 Mo
Go to the top of the page
 
+Quote Post
frankie00
posté 26 Jun 2022, 10:05
Message #5


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 1 944
Inscrit : 22 Dec 2011
Lieu : Paris
Membre no 173 181



En lançant le script j'obtiens 'votre_choix' is an invalid referencee
Peut-être quelque chose que j'ai mal compris ?

Ce message a été modifié par frankie00 - 26 Jun 2022, 10:05.


--------------------
¶ Mon blog informatique est la Vague en Creux
¶ MacBook Pro de 2021 avec OS 14.4 Sonoma, 13 pouces, 16 Go de mémoire RAM, processeur M1, SSD de 500Go
¶ Autre MacBook Pro de 2015 avec OS 10.14.5 Mojave 15 pouces Retina, 16 Go de mémoire RAM, processeur quadri-core 2.5 GHz Intel Core , double carte graphique et SSD 512 Go
Nous sommes 2 sur ce site: Jean Pass & Dem Eilleur qui vous saluons bien !“
Go to the top of the page
 
+Quote Post
sansnom
posté 26 Jun 2022, 10:53
Message #6


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 2 146
Inscrit : 30 Jun 2005
Lieu : Loiret
Membre no 41 715



Citation (frankie00 @ 26 Jun 2022, 11:05) *
En lançant le script j'obtiens 'votre_choix' is an invalid referencee
Peut-être quelque chose que j'ai mal compris ?
Ça doit coincer dans la seconde partie du script. Voici un peu plus de précision quant au code à renseigner de cette partie en faisant peut-être bien gaffe à la ponctuation. J'ai mis en rouge les "valeurs” qui seront propres à ta configuration :
tell application "Finder"
       open file "nom_disque_HDD_ou_SSD:Users:nom_compte_utilisateur:Documents:suite_du_chemin_avec_:_entre_chaque_saut_de_hiérarchie:nom_complet_du_fichier_html"
end tell
Ça devrait passer ainsi... wink.gif

Sur ma config, ça donne ceci :
tell application "Finder"
       open file "mySSD:Users:myAccount:Documents:Interface:Safari:index.html"
end tell


Citation (mac_marco @ 26 Jun 2022, 09:19) *
Bonjour, j'ai trouvé l'idée sympa et je me suis fais une page d'accueil perso sur Safari que j'ai codé en HTML.
Mais je me pose une question, serait t'il possible de lancer une application depuis cette page ?
Un peu comme on lance la messagerie depuis un lien "mailto:"
En sachant que cette page n'est pas en ligne mais juste sur mon Mac.
J'avoue ne pas du tout savoir si c'est possible, mais l'idée est très intéressante. Peut-être faire une recherche sur la toile autour d'Applescript, de Javascript, mais pas sûr qu'Apple n'ait pas déjà par soucis de sécurité, et même pour un usage hors connexion externe, bien compartimenté (sandbox) le bouzin !...


--------------------
MacMini M1 (13.4.1c) 16Go • iPhone 11 Pro Max 64Go • iPadMini Wi-Fi 6ème Gén. 64Go • aTV 4K 32Go
Go to the top of the page
 
+Quote Post
mac_marco
posté 26 Jun 2022, 14:26
Message #7


Nouveau Membre


Groupe : Membres
Messages : 5
Inscrit : 3 Feb 2018
Lieu : Genève - Suisse
Membre no 204 123



J'ai fais une recherche mais je n'ai rien trouvé. Et comme je n'y connais rien en Applescript et Javascript je galère !
Je pensais que ce serait simple, genre un alias, mais ça marche pas non plus.


--------------------
iMac (Retina 5K, 27-inch, Late 2015) - 3.2 GHz Intel Core i5 - 8 Go 1867 MHz DDR3 - AMD Radeon R9 M380 2048 Mo
iMac (27-inch, Late 2009) - 3.06 GHz Intel Core 2 Duo - 8 Go 1867 MHz DDR3 - ATI Radeon HD 4670 256 Mo
Go to the top of the page
 
+Quote Post
frankie00
posté 26 Jun 2022, 17:56
Message #8


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 1 944
Inscrit : 22 Dec 2011
Lieu : Paris
Membre no 173 181



Super ça marche merci

Ce message a été modifié par frankie00 - 26 Jun 2022, 18:02.


--------------------
¶ Mon blog informatique est la Vague en Creux
¶ MacBook Pro de 2021 avec OS 14.4 Sonoma, 13 pouces, 16 Go de mémoire RAM, processeur M1, SSD de 500Go
¶ Autre MacBook Pro de 2015 avec OS 10.14.5 Mojave 15 pouces Retina, 16 Go de mémoire RAM, processeur quadri-core 2.5 GHz Intel Core , double carte graphique et SSD 512 Go
Nous sommes 2 sur ce site: Jean Pass & Dem Eilleur qui vous saluons bien !“
Go to the top of the page
 
+Quote Post
sansnom
posté 13 Sep 2022, 17:35
Message #9


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 2 146
Inscrit : 30 Jun 2005
Lieu : Loiret
Membre no 41 715



Citation (mac_marco @ 26 Jun 2022, 09:19) *
“Serait t'il possible de lancer une application depuis cette page ?”
Sur cette page web de MAC4EVER, si on clique sur le lien en bleu “Ted Lasso” au début de l'article, l'application mac OS TV se lance sur mon mac. Voici le code du lien :

Code
https://www.mac4ever.com/gateway?pid=deeplink&mid=a7&ml=https%3A%2F%2Ftv.apple.com%2Ffr%2Fshow%2Fted-lasso%2Fumc.cmc.vtoh0mn0xn7t3c643xqonfzy&st=article&sid=173038&said=2220&sp=www

À décrypter pour, peut-être, avoir un début de solution à votre question... wink.gif


--------------------
MacMini M1 (13.4.1c) 16Go • iPhone 11 Pro Max 64Go • iPadMini Wi-Fi 6ème Gén. 64Go • aTV 4K 32Go
Go to the top of the page
 
+Quote Post
mac_marco
posté 14 Sep 2022, 06:59
Message #10


Nouveau Membre


Groupe : Membres
Messages : 5
Inscrit : 3 Feb 2018
Lieu : Genève - Suisse
Membre no 204 123



Merci sansnom.

Ce n'est pas ä ma portée pour le décryptage !
Je pensais que ce serait un truc relativement simple ä faire, mais non !

Ce message a été modifié par mac_marco - 14 Sep 2022, 07:00.


--------------------
iMac (Retina 5K, 27-inch, Late 2015) - 3.2 GHz Intel Core i5 - 8 Go 1867 MHz DDR3 - AMD Radeon R9 M380 2048 Mo
iMac (27-inch, Late 2009) - 3.06 GHz Intel Core 2 Duo - 8 Go 1867 MHz DDR3 - ATI Radeon HD 4670 256 Mo
Go to the top of the page
 
+Quote Post
sansnom
posté 14 Sep 2022, 13:56
Message #11


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 2 146
Inscrit : 30 Jun 2005
Lieu : Loiret
Membre no 41 715



Citation (mac_marco @ 14 Sep 2022, 07:59) *
“Ce n'est pas à ma portée pour le décryptage !”
Rassurez-vous, vous n'êtes pas le seul, je suis dans le même mood !...


--------------------
MacMini M1 (13.4.1c) 16Go • iPhone 11 Pro Max 64Go • iPadMini Wi-Fi 6ème Gén. 64Go • aTV 4K 32Go
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



Nous sommes le : 29th March 2024 - 14:09