Pieniä kysymyksiä ohjelmoinnista

Taas pyytäisin neuvoa tällaisessa tehtävässä. Onko nämä tehtävät jotenkin vaikeita vai miten en käsitä... Olen kysellyt tekoälyltäkin apua mutta en vain onnistu tässä: Tehtäväpohjassa on ohjelma, joka sisältää toiminnallisuuden puhelinnumeroiden lukemiseen käyttäjältä. Tämän jälkeen aloitetaan puhelinnumeroiden hakutoiminnallisuus. Hakutoiminnallisuus (yksiparametrisessa funktiossa numerohaku(numerot)) on yhä toteuttamatta. Muokkaa funktiota numerohaku siten, että se kysyy käyttäjältä haettavaa numeroa (muodossa Syötä etsittävä numero, tyhjä lopettaa.). Mikäli käyttäjä syöttää tyhjän merkkijonon (syote == ''), numerohakutoiminnallisuus lopetetaan. Muulloin ohjelma etsii numeroa numerot-sanakirjasta ja tulostaa merkkijonon Numeron <em>numero</em> omistaja on <em>omistaja</em>, missä numero on käyttäjän syöttämä numero ja omistaja on sanakirjasta löytynyt arvo. Mikäli sanakirjasta ei löydy omistajaa avaimelle, ohjelman tulee tulostaa Numeron <em>numero</em> omistajaa ei löydy.Tämän jälkeen käyttäjältä kysytään seuraavaa haettavaa numeroa.Alla esimerkki funktion suorituksesta. Oletuksena on, että sanakirjassa on numeroa "12312345" vastaava henkilö "Essi Esimerkki".
Syötä etsittävä numero, tyhjä lopettaa.
12312345
Numeron 12312345 omistaja on Essi Esimerkki
Syötä etsittävä numero, tyhjä lopettaa.
12312345
Numeron 12312345 omistaja on Essi Esimerkki
Syötä etsittävä numero, tyhjä lopettaa.
912831923
Numeron 912831923 omistajaa ei löydy.
Koodi: 
import 'dart:io';

main() {
  var numerot = lueNumerot();
  numerohaku(numerot);
}

numerohaku(numerot) {}

lueNumerot() {
  var numerot = {};

  while (true) {
    print('Syötä numero, tyhjä lopettaa.');
    var numero = stdin.readLineSync();
    if (numero == '') {
      break;
    }
    print('Syötä numeron $numero omistaja.');
    var omistaja = stdin.readLineSync();

    numerot[numero] = omistaja;
  }

  return numerot;
}
 
maika sanoi:
Taas pyytäisin neuvoa tällaisessa tehtävässä. Onko nämä tehtävät jotenkin vaikeita vai miten en käsitä... Olen kysellyt tekoälyltäkin apua mutta en vain onnistu tässä: Tehtäväpohjassa on ohjelma, joka sisältää toiminnallisuuden puhelinnumeroiden lukemiseen käyttäjältä. Tämän jälkeen aloitetaan puhelinnumeroiden hakutoiminnallisuus. Hakutoiminnallisuus (yksiparametrisessa funktiossa numerohaku(numerot)) on yhä toteuttamatta. Muokkaa funktiota numerohaku siten, että se kysyy käyttäjältä haettavaa numeroa (muodossa Syötä etsittävä numero, tyhjä lopettaa.). Mikäli käyttäjä syöttää tyhjän merkkijonon (syote == ''), numerohakutoiminnallisuus lopetetaan. Muulloin ohjelma etsii numeroa numerot-sanakirjasta ja tulostaa merkkijonon Numeron <em>numero</em> omistaja on <em>omistaja</em>, missä numero on käyttäjän syöttämä numero ja omistaja on sanakirjasta löytynyt arvo. Mikäli sanakirjasta ei löydy omistajaa avaimelle, ohjelman tulee tulostaa Numeron <em>numero</em> omistajaa ei löydy.Tämän jälkeen käyttäjältä kysytään seuraavaa haettavaa numeroa.Alla esimerkki funktion suorituksesta. Oletuksena on, että sanakirjassa on numeroa "12312345" vastaava henkilö "Essi Esimerkki".
Syötä etsittävä numero, tyhjä lopettaa.
12312345
Numeron 12312345 omistaja on Essi Esimerkki
Syötä etsittävä numero, tyhjä lopettaa.
12312345
Numeron 12312345 omistaja on Essi Esimerkki
Syötä etsittävä numero, tyhjä lopettaa.
912831923
Numeron 912831923 omistajaa ei löydy.
Koodi: 
import 'dart:io';

main() {
  var numerot = lueNumerot();
  numerohaku(numerot);
}

numerohaku(numerot) {}

lueNumerot() {
  var numerot = {};

  while (true) {
    print('Syötä numero, tyhjä lopettaa.');
    var numero = stdin.readLineSync();
    if (numero == '') {
      break;
    }
    print('Syötä numeron $numero omistaja.');
    var omistaja = stdin.readLineSync();

    numerot[numero] = omistaja;
  }

  return numerot;
}
Napsauta laajentaaksesi...
Sori, multipaskaan tässä palaverin päälle, kun ei kosketa just itteä kauheasti, eli ei jouda kirjoittamaan kovin pitkästi, mutta tässä olis olennaista ymmärtää ekana tuo tietorakenne (sanakirja / dict). Joka on siis, menemättä kauheasti nyt detaljeihin, tietorakenne, jonne voit tallentaa avain-arvopareja ja josta arvojen kysyminen onnistuu sen jälkeen mukavasti tuon avaimen avulla.

Sulla on tuossa lukufunktiossa malli, miten tietorakenteeseen syötetään uusi arvo ja sun pitäs tuota soveltaen toteuttaa funktio, joka lukee sanakirjasta arvon, kun avain tiedetään.

Koodi: 
numerot[numero] = omistaja;

Ekana siis varmaan kannattaa miettiä, että miten edellistä soveltaen saat kysyttyä tuosta tietorakenteesta arvon, kun tiedät avaimen.

Pistän ny spoileriin, kun en oo varma sotkinko vaan edellisellä, mutta siis tuoltahan saa kysytyksi arvon ihan yhtä yksinkertaisesti kuin sijoitus eli:

Koodi: 
var omistaja = "Pentti";
var numero = "05012345";
numerot[numero] = omistaja;

# Nyt jos kysytään tietorakentesta numerot["05012345"], niin kysely palauttaa arvoksi "Pentti"
# Ei siis tämän monimutkaisempi asia, jos sotkin tuossa edellä.


Sen jälkeen vaan teet aika vastaavan funktion kuin tuossa mallissa, jossa kysyt käyttäjältä numeroa, tyhjän syöttäminen katkaisee loopin, ja jos numero on annettu, niin luet sen muuttujaan ja kysyt sillä numerolla tietorakenteesta numeroa vastaavaa arvoa ja muotoilet numeron ja saadun arvon perusteella halutun tulostuksen.

muoksista. lisäpähkinäksi tai testattavaksi: mitä tapahtuu, jos syötät luettaessa tietorakenteeseen kaksi arvoa samalla avaimella?
 
Viimeksi muokattu:
Tässä kohtaa kyllä jo tekisi mieli luovuttaa, tuntuu menevän niin monimutkaiseksi. Vai onko jotain hyviä suomenkielisiä opetuksia missä tätä aihetta opetettaisiin perusteellisemmin tai selkeämmin (tämä on Fitechin kurssi)? Edellisestä koodista: miksi koodissa on "print('Syötä numeron $numero omistaja.');" jos sitä ei kuitenkaan tarvitse kysyä?
 
maika sanoi:
Tässä kohtaa kyllä jo tekisi mieli luovuttaa, tuntuu menevän niin monimutkaiseksi. Vai onko jotain hyviä suomenkielisiä opetuksia missä tätä aihetta opetettaisiin perusteellisemmin tai selkeämmin (tämä on Fitechin kurssi)? Edellisestä koodista: miksi koodissa on "print('Syötä numeron $numero omistaja.');" jos sitä ei kuitenkaan tarvitse kysyä?
Napsauta laajentaaksesi...
Koodi: 
  while (true) {
    print('Syötä numero, tyhjä lopettaa.');
    # täällä luetaan käyttäjältä jokin numero muuttujaan nimeltä "numero" 
    # (ja muuttuja "numero" on käytössä / näkyvissä vain tässä lueNumerot -funktiossa)
    var numero = stdin.readLineSync();
    if (numero == '') {
      break;
    }
    # täällä, lähinnä tulostuksen selventämiseksi, viitataan edellä luettuun muuttujaan "numero" kertomaan mille numerolle halutaan kysyä omistajaa
    print('Syötä numeron $numero omistaja.');
    var omistaja = stdin.readLineSync();

    numerot[numero] = omistaja;
  }
Eli tuossa lukufunktiossa vaan kysytään käyttäjältä ensin numeroita ja niiden omistajia ja sen perusteella täytetään em. tietorakennetta. Tuo tietorakenne on tosiaan kokoelma avain-arvopareja, niin ensin halutaan kysyä avain (= numero) ja sen jälkeen avainta vastaava arvo (= omistaja), että tietorakenteeseen saadaan jotain lisätyksi. En osaa valitettavasti tän enempää rautalangasta selittää :)
 
Viimeksi muokattu:
Tuntuu että nyt on ohjelmoinnin perusteet käyttäjällä @maika vielä sellaisella tasolla että löytyisiköhän jostain materiaalia jota lukemalla voisi lähteä ihan alusta alkaen? Itselleni ei dart ole ihan tutuimpia, eikä netin opetusmateriaalitkaan hanskassa, mutta ehkä joku osaisi neuvoa jonkun alustan hänelle että nämä yksinkertaisemmat tehtävät lähtisivät helpommin aukeamaan?

EDIT:
Huomasin tämän vasta nyt.
maika sanoi:
Tässä kohtaa kyllä jo tekisi mieli luovuttaa, tuntuu menevän niin monimutkaiseksi. Vai onko jotain hyviä suomenkielisiä opetuksia missä tätä aihetta opetettaisiin perusteellisemmin tai selkeämmin (tämä on Fitechin kurssi)? Edellisestä koodista: miksi koodissa on "print('Syötä numeron $numero omistaja.');" jos sitä ei kuitenkaan tarvitse kysyä?
Napsauta laajentaaksesi...
Ongelma on sinänsä yksinkertainen ratkoa, mutta ohjelmoinnissa on hyvin monta käsitettä jotka olisi hyvä olla tiedossa ennen kuin ongelmanratkonta alkaa sujumaan. Niitä perusteita olisi hyvä nyt opetella, muuten tulee seinä vastaan aika usein.

Jokainen etenee omalla tavallaan. Yhdelle on kiva ettei tarvitse heti lukea paljon teoriaa ja sitten tökkiessä kaivetaan tietoa, kun taas toisen mielestä on kiva lukea ensin ja tehdä sitten sujuvammin kun teoriasta on parempi kuva.
 
Viimeksi muokattu:
maika sanoi:
tämä on Fitechin kurssi
Napsauta laajentaaksesi...

Mikä kurssi kyseessä? Ehkä tuo ei ole paras mahdollinen alkeiden opettamiseen? Hyvässä peruskurssissa on varmaan tehtävien lisäksi opetusmateriaali, jossa käydään asiat läpi. Eikö tuossa ole?

Olisiko tämä parempi:

Tietoa kurssista - Ohjelmoinnin perusteet ja jatkokurssi 2024

Helsingin yliopiston kaikille avoin ja ilmainen ohjelmoinnin perusteet opettava verkkokurssi. Kurssilla perehdytään nykyaikaisen ohjelmoinnin perusideoihin sekä ohjelmoinnissa käytettävien työvälineiden lisäksi algoritmien laatimiseen. Kurssille osallistuminen ei vaadi ennakkotietoja ohjelmoinnista.
ohjelmointi-24.mooc.fi

Kielenä Python, joka on ehkä vähän yleisempi kieli kuin käyttämäsi Dart.
 
Niin, onko kielen pakko olla @maika lle Dartia? MOOC:in matskut on minusta olleet oikeasti hyviä ja riittävän kattavasti selitettyjä. En jouda googlaan onko Dartille ohjelmoinnin peruskurssia, mutta muille kielille on ja nää alkuaskeleet voi ottaa melkein millä vaan kielellä, ainakin esim. Pythonilla, jossa ihan vastaava dict-tietorakenne.

muoksista. ja joo, pitäähän nää asiat olla matskuissa selitettyinä, ennen kuin voi koodailla ja mielellään jotain fiksuja esimerkkejä, joista voi lähteä sit soveltamaan.
 
Niin, en tiedä tarvitseeko olla Dartia, kunhan aloin kokeilemaan oppisiko jotain koodausta :) ja löytyi tämmöinen kurssi. Mutta näin pitkälle jo päässyt tällä kurssilla (Fitech101 digi & data), niin ärsyttäisi lopettaa kesken. Nämä viimeiset osiot, lista ja sanakirja, on olleet vaikeimmat ja tarvitsee selvästikin vielä opetella. Olen kyllä tehnyt muistiinpanoja kokoajan itselleni vihkoon ja vielä tekstinkäsittelyohjelmaan.
 
maika sanoi:
Niin, en tiedä tarvitseeko olla Dartia, kunhan aloin kokeilemaan oppisiko jotain koodausta :) ja löytyi tämmöinen kurssi. Mutta näin pitkälle jo päässyt tällä kurssilla (Fitech101 digi & data), niin ärsyttäisi lopettaa kesken. Nämä viimeiset osiot, lista ja sanakirja, on olleet vaikeimmat ja tarvitsee selvästikin vielä opetella. Olen kyllä tehnyt muistiinpanoja kokoajan itselleni vihkoon ja vielä tekstinkäsittelyohjelmaan.
Napsauta laajentaaksesi...
Ei ne opitut asiat hukkaan mene, vaikka vaihtaisitkin tuohon Moociin ja Pythoniin. Ihan pikkaisen eroa syntaksissa, mutta kaikki perusasiat on kuitenkin ihan samaa ja noissa Moocin matskuissa on yleensä selitetty asiat oikeasti sen verran hyvin, että niiden perusteella pystyy ratkomaan tehtävät.

Kökkö hakata päätä seinään, jos ei ole riittävästi tietoa eikä tavallaan mitään eväitä lähteä ratkaisemaan jotain asiaa. Se ei oo oppimisen kannalta oikein kiva ja jää hommat monesti kesken, jos matskut liian hankalia tai huonosti ohjeistettuja.
 
Olen harrastuksena joskus kotisivuja värkkäillyt ja koodeja testaillut, eli html ja css on vähän tuttua, mutta siitäkin on jo aikaa. Jos niistä aiheista löytyisi kurssia niin saa vinkata. Mutta varmaan tästäkin hyötyä on.
 
maika sanoi:
Niin, en tiedä tarvitseeko olla Dartia, kunhan aloin kokeilemaan oppisiko jotain koodausta :) ja löytyi tämmöinen kurssi. Mutta näin pitkälle jo päässyt tällä kurssilla (Fitech101 digi & data), niin ärsyttäisi lopettaa kesken. Nämä viimeiset osiot, lista ja sanakirja, on olleet vaikeimmat ja tarvitsee selvästikin vielä opetella. Olen kyllä tehnyt muistiinpanoja kokoajan itselleni vihkoon ja vielä tekstinkäsittelyohjelmaan.
Napsauta laajentaaksesi...
Ihan asiallisilta näytti nuo materiaalit, mitä kurkkasin. Luitko kaikki aikaisemmat osat ja teit tehtävät itse ajatellen, että se aikaisempi materiaali esim. muuttujista oli sisäistetty?

Lähinnä siis sillä, ettei nuo vastaavat perusasiat välttämättä tuon paremmin ole selitetty muissakaan oppimateriaaleissa ja tarvis varmaan sit vähän tarkempaa tietoa, että mikä noissa jutuissa ei aukea, että vois jeesata (mille ehkä vois avata sit oman langan, jos vielä tarvista tuon materiaalin tulkkaamiselle).
 
Miten saadaan Regexillä etsittyä kaksi riviä joista ensimmäinen rivi sisältää tietyn tekstin (vaikka "makkispekkis" tai "Pena on kone") ja seuraava rivi on tyhjä?
 
tmoh sanoi:
Miten saadaan Regexillä etsittyä kaksi riviä joista ensimmäinen rivi sisältää tietyn tekstin (vaikka "makkispekkis" tai "Pena on kone") ja seuraava rivi on tyhjä?
Napsauta laajentaaksesi...

Riippuen käytetystä regex-variantista ja syötöstä voi olla niinkin yksinkertaista kuin esim. Pena on kone.*\n$ mutta koska regexpistä kyse niin asioilla on taipumus olla monimutkaisempia miltä äkkiseltään näyttää.

Kannattanee kokeilla vaikkapa regex101: build, test, and debug regex
 
tmoh sanoi:
Miten saadaan Regexillä etsittyä kaksi riviä joista ensimmäinen rivi sisältää tietyn tekstin (vaikka "makkispekkis" tai "Pena on kone") ja seuraava rivi on tyhjä?
Napsauta laajentaaksesi...
Varmaan joku regex-jumala korjaa, mutta oisko tuo suunnilleen:

Koodi: 
Pena on kone(\r\n|\r|\n)^\s*$

Tuossa on tuota ylimääräistä veivuuta eri ympäristöjen rivinvaihtojen kanssa.

muoks. juurikin kyseisellä sivulla testailtuna :D
 
Tarkennetaan sen verran, että käytössä on Edgen lisäosa nimeltä "Find and replace" ja tarkoituksena sen avulla saada poistettua tietyt tekstirivit ja sitä seuraavat tyhjät rivit. Sain luotua ilman Regexiä säännön jolla saadaan tekstirivi pois, mutta sen alla olevan rivin poisto pitäisi saada mukaan. Tämä tukee jotain Regexiä.
Ja on työkone mihin ei ulkopuolisia softia voi asennella, joten pitää koettaa tällaisen selainlaajennuksen avulla.
 
^ no jos sulla on windows kone ja tuo käsiteltävä kama jossain tiedostossa, niin mitä joku windowsin notepad sanoo, jos laitat etsittäväksi merkkijonoksi tyyliin "etsittävä teksti\r\n" ja korvattavaksi tyhjää?

Liekö joku parempi ketjukin ehkä tälle, jos enemmän jotain windows-työkaluspesifiä kuin ohjelmointiongelmaa..
 
Miten vanilla javascriptillä importataan bootstrapin luokkia oikeaoppisesti ja ilman ettei joutuis käyttämään globaalia muuttujaa? Vai pitääkö käsin lisätä bootstrapin sorsiin exportit? script tageillahan toi toki toimii mutta silloin siitä tulee globaali...
 
jkaart sanoi:
Miten vanilla javascriptillä importataan bootstrapin luokkia oikeaoppisesti ja ilman ettei joutuis käyttämään globaalia muuttujaa? Vai pitääkö käsin lisätä bootstrapin sorsiin exportit? script tageillahan toi toki toimii mutta silloin siitä tulee globaali...
Napsauta laajentaaksesi...
CSS luokkien importtaaminen moduulitasolla ei taida kuulua speksiin. Tietyt kirjastot kuten esim. css modules tekevät tuota. Monessa frameworkissa sellainen toiminto onkin mukana oletuksena.

Onko tämä jokin vanha projekti ja siksi esim. Tailwind ei tule kyseeseen?
 
kolistelija sanoi:
CSS luokkien importtaaminen moduulitasolla ei taida kuulua speksiin. Tietyt kirjastot kuten esim. css modules tekevät tuota. Monessa frameworkissa sellainen toiminto onkin mukana oletuksena.

Onko tämä jokin vanha projekti ja siksi esim. Tailwind ei tule kyseeseen?
Napsauta laajentaaksesi...
Lähes valmis projekti. Koko sivusto on nyt vaan tehty bootstrapin css luokilla, niin viittis alkaa muokkaamaan sitä tailwindille.
Bootstrap on otettu käyttöön CDN versiona.
Tarvetta siis bootstrapin toast js luokalle ja modalille kun sitä pitää päästä js:llä esim. sulkemaan jne.
Ongelmana on ettei toi CDN exporttaa esim. tota Toast luokkaa sillein et minä osaisin sen importata.
Ohjeen mukaan se pitäs onnistua siis:
JavaScript: 
import { Toast } from "bootstrap"
Mutta vaikka tohon laittaa koko ladatun cdn filun polun .js tiedosto päätteineen niin ei se sitä importtaa. Valittaa vaan ettei toast exporttia löydy tjsp.
 
jkaart sanoi:
Lähes valmis projekti. Koko sivusto on nyt vaan tehty bootstrapin css luokilla, niin viittis alkaa muokkaamaan sitä tailwindille.
Bootstrap on otettu käyttöön CDN versiona.
Tarvetta siis bootstrapin toast js luokalle ja modalille kun sitä pitää päästä js:llä esim. sulkemaan jne.
Ongelmana on ettei toi CDN exporttaa esim. tota Toast luokkaa sillein et minä osaisin sen importata.
Ohjeen mukaan se pitäs onnistua siis:
JavaScript: 
import { Toast } from "bootstrap"
Mutta vaikka tohon laittaa koko ladatun cdn filun polun .js tiedosto päätteineen niin ei se sitä importtaa. Valittaa vaan ettei toast exporttia löydy tjsp.
Napsauta laajentaaksesi...
Menee hieman arvaukseksi, kun en itse ole bootstrapin aktiivinen käyttäjä, mutta eikö:
JavaScript: 
const Toast = require('bootstrap/js/dist/toast');

sitten toimi? jossa require ref toki sinne CDN:n perukoille?

EDIT: toki jos ei ole CommonJS vaan module-pohjainen, niin sama luonnollisesti importilla:
JavaScript: 
import Toast from 'bootstrap/js/dist/toast';

Ja sijainti siis: bootstrap/js/dist/toast.js at main · twbs/bootstrap
 
Viimeksi muokattu:
tein tiedostojen lataukseen, joka osa isompaa kokonaisuutta, sellaisen php-palikan että kyselyt ohjautuu php-tiedostolle joka katsoo sqlitestä onko kyseistä tiedostoa ladatu yli x määrä ja jos ei niin ++ ja antaa ladata tiedoston.

$db = new SQLite3('file_access_qty.db');

nyt huomasin että tuohan meni lukkoon jos tuli 2 kyselyä yhtäaikaa, eli susi systeemi. Mikä tuohon olisi kevyt vaihtoehto? mysql:ää en halua käyttää
 
Tervehdys kaikille, en viitsinyt tehdä omaa keskustelua tälle kysymykselle, toivottavasti on edes hieman oikeassa paikassa;

Minulla on wordpress -nettisivuprojekti jonka tarkoitus on varsin yksinkertainen; kilpailuttaa palvelu x. Toimintalogiikan tulisi olla siis samanlainen kuin esimerkiksi Autojerry.fi -sivustolla -> verkkosivuilla käyttäjä voi täyttää lomakkeen jossa kuvaa palvelutarpeen ja esim. oman postinumeroalueen. Tämän jälkeen kilpailutuspyyntö ohjautuisi potentiaalisille palveluntarjoajille esimerkiksi postinumeroalueiden perusteella. Kilpailutuspyyntösähköpostin voin lähettää manuaalisesti keräämilleni alueellisille palveluntarjoajille tai sitten palveluntarjoajille voisi olla oma asiakasportaali sivustolla, johon heitä koskevat kilpailutuspyynnöt tulee. Kun palveluntarjoaja vastaa pyyntöön, lähtisi nämä tarjoukset sitten takaisin lomakkeen täyttäneelle käyttäjälle.

Varsinainen ongelmani on siis se, ettei ole mitään hajua miten tämä kannattaisi rakentaa / toteuttaa. Yliopistossa opiskelin joskus javaa ja sql:llää, en tiedä onko tässä projektissa em. taidoista jotain hyötyä :) Miten lähtisitte liikenteeseen?
 
Maanantai sanoi:
Varsinainen ongelmani on siis se, ettei ole mitään hajua miten tämä kannattaisi rakentaa / toteuttaa. Yliopistossa opiskelin joskus javaa ja sql:llää, en tiedä onko tässä projektissa em. taidoista jotain hyötyä :) Miten lähtisitte liikenteeseen?
Napsauta laajentaaksesi...
Openai:n o1:lla saa ai:n luomaan vähintäänkin toimivan proton tuollaisesta. o1 tosin maksullinen, ilmainen chatgpt on huono koodausprojekteihin.

Tekisin ai:n avulla toimivan proton. Protoilun jälkeen miettii miten eteenpäin.
 
finWeazel sanoi:
Openai:n o1:lla saa ai:n luomaan vähintäänkin toimivan proton tuollaisesta. o1 tosin maksullinen, ilmainen chatgpt on huono koodausprojekteihin.

Tekisin ai:n avulla toimivan proton. Protoilun jälkeen miettii miten eteenpäin.
Napsauta laajentaaksesi...
Kiitos vinkistä! Osaatko yhtään avata sitä, millaisia teknologioita em. toteutus edellyttää ja miten ne saa wordpress -ympäristöön (yritän kai kysyä sitä, mihin kaikkialle tuo koodi liittyy ja missä se pyörii)?
 
Maanantai sanoi:
Kiitos vinkistä! Osaatko yhtään avata sitä, millaisia teknologioita em. toteutus edellyttää ja miten ne saa wordpress -ympäristöön (yritän kai kysyä sitä, mihin kaikkialle tuo koodi liittyy ja missä se pyörii)?
Napsauta laajentaaksesi...

Jos pohjalla on wordpress niin todennäköisesti pitää löytää sopiva lomake- plugin jolla saa tehdyksi sen lomakkeen.
Ja valitusta kalikasta riippuen lomakkeen lähetys menee sitten jonnekin (sähköposti/tietokanta/jne).

Disclaimer: en ole wordpress- asiantuntija, kokemusta on vain yhdestä sivustosta jolla on yksinkertainen "täytän tähän omat tiedot" lomake joka lähtee sähköpostilla eteenpäin.
Ei koodaamista eikä ole mitenkään dynaaminen.
 
ississ sanoi:
Jos pohjalla on wordpress niin todennäköisesti pitää löytää sopiva lomake- plugin jolla saa tehdyksi sen lomakkeen.
Ja valitusta kalikasta riippuen lomakkeen lähetys menee sitten jonnekin (sähköposti/tietokanta/jne).
Napsauta laajentaaksesi...
Lomake -palikka löytyy tosiaan jo. Nyt vain pitäisi keksiä a) mihin lomakkeen tiedot viedään b) miten tiedot välitetään palveluntarjoajille esim. postinumeron perusteella ja c) miten vastaukset välitetään takaisin lomakkeen täyttäjälle.

Ja toki jos käyttäjiä löytyy ja haluaa joskus rahallisen siivun itselle, niin pitäisi pystyä laskuttamaan palveluntarjoajaa x prosentilla kulutetun palvelun hinnasta.
 
Maanantai sanoi:
Kiitos vinkistä! Osaatko yhtään avata sitä, millaisia teknologioita em. toteutus edellyttää ja miten ne saa wordpress -ympäristöön (yritän kai kysyä sitä, mihin kaikkialle tuo koodi liittyy ja missä se pyörii)?
Napsauta laajentaaksesi...
Alkaa meneen aika paljon isommaksi projektiksi kuin ketjun aihe. O1 tulille ja pääset pitkälle ilman että tarvii osata. Ainakin proton kanssa, tuotantoon jos laittaa olisi parempi ymmärtää kokonaisuus ja kaikki yksityiskohdat myös ettei sinne jää jotain pahoja tietoturma tms. reikiä. Koneäly toimii sitä paremmin mitä pienemmissä palasissa ja tarkemmin osaa kysellä haluamiansa asioita. Palvelun sisällä oleva kanvaasi on mainio tapa tehdä yhteistyötä koneälyn kanssa.
1734812469211.png
 
Viimeksi muokattu:
Onko joku toteuttanut etäyhteyttä omaan Raspberryynsä joka on kotona? Haluatteko suositella jotain hyvää ohjetta tai jotain tiettyä softaa Raspin päähän? Haluaisin asentaa puhelimeen jonkin VPN-appin jolla voisin lueskella lämpötiloja ja ohjata kotona väylälaitteita esim. Vallox ja Nibe. Jotain rele-kontaktoriohjauksiakin on mielessä väsätä ehkä jossain vaiheessa.
 
Sikatiiker sanoi:
Onko joku toteuttanut etäyhteyttä omaan Raspberryynsä joka on kotona? Haluatteko suositella jotain hyvää ohjetta tai jotain tiettyä softaa Raspin päähän? Haluaisin asentaa puhelimeen jonkin VPN-appin jolla voisin lueskella lämpötiloja ja ohjata kotona väylälaitteita esim. Vallox ja Nibe. Jotain rele-kontaktoriohjauksiakin on mielessä väsätä ehkä jossain vaiheessa.
Napsauta laajentaaksesi...
Oma reititin (asus) osaa toimia vpn- serverinä, sisäverkon koneisiin ei tarvitse asentaa mitään.
Suosittelen vastaavaa ratkaisua
 
ississ sanoi:
Oma reititin (asus) osaa toimia vpn- serverinä, sisäverkon koneisiin ei tarvitse asentaa mitään.
Suosittelen vastaavaa ratkaisua
Napsauta laajentaaksesi...
Samaa suosittelisin itsekin, aika moni reititin osaa toimi VPN-serverinä joten sillä saa helpoimmalla tuon toteutettua. Toki toinen mahdollisuus on asentaa vaikkapa PiVPN joka tehee raspberry pi:stä VPN-serverin. Tuon kanssa pitää vaan sitten reitittimeltä tehdä porttiohjaus VPN:n käyttämälle portille tuonne raspin suuntaan.
 
ississ sanoi:
Oma reititin (asus) osaa toimia vpn- serverinä, sisäverkon koneisiin ei tarvitse asentaa mitään.
Suosittelen vastaavaa ratkaisua
Napsauta laajentaaksesi...
Hyrava sanoi:
Samaa suosittelisin itsekin, aika moni reititin osaa toimi VPN-serverinä joten sillä saa helpoimmalla tuon toteutettua. Toki toinen mahdollisuus on asentaa vaikkapa PiVPN joka tehee raspberry pi:stä VPN-serverin. Tuon kanssa pitää vaan sitten reitittimeltä tehdä porttiohjaus VPN:n käyttämälle portille tuonne raspin suuntaan.
Napsauta laajentaaksesi...
Ok, pitää tämä ottaa selvitykseen millainen homma tää olis:thumbsup:
kaakau<'\\/> sanoi:
Wireguard mulla ainakin toiminut paremmin kuin OpenVPN vaikka.
Napsauta laajentaaksesi...
Joo, mulla on kans Wireguardista ihan positiivinen käyttökokemus muutaman vuoden takaa.

Kiitokset vastauksista!
 
tmoh sanoi:
Miten saadaan Regexillä etsittyä kaksi riviä joista ensimmäinen rivi sisältää tietyn tekstin (vaikka "makkispekkis" tai "Pena on kone") ja seuraava rivi on tyhjä?
Napsauta laajentaaksesi...

Sain aikanaan asian toimimaan. Tarkoituksena on Edgen lisäosaa käyttämällä etsiä esimerkiksi:

tyhjä rivi
makkispekkis
tyhjä rivi

Ja koodin pätkä:
Koodi: 
^$\n^makkispekkis$\n^$
toimi monta kuukautta kuin junan vessa, kunnes yhtäkkiä ei vaan enää toiminut. Koodiin en ole tehnyt muutoksia mutta tulikohan Edgen jonkun päivityksen jälkeen jotain että tuota rimpsua pitäisi muokkailla
 
tmoh sanoi:
Sain aikanaan asian toimimaan. Tarkoituksena on Edgen lisäosaa käyttämällä etsiä esimerkiksi:

tyhjä rivi
makkispekkis
tyhjä rivi

Ja koodin pätkä:
Koodi: 
^$\n^makkispekkis$\n^$
toimi monta kuukautta kuin junan vessa, kunnes yhtäkkiä ei vaan enää toiminut. Koodiin en ole tehnyt muutoksia mutta tulikohan Edgen jonkun päivityksen jälkeen jotain että tuota rimpsua pitäisi muokkailla
Napsauta laajentaaksesi...
Saatko laitettua regexiin mitään lippuja? Esimerkki voisi toimia.

JavaScript: 
/^$\n^makkispekkis$\n^$/m
 
Olisiko vinkkivitosta mistä lähtisi ratkomaan...yhteydenottolomake on yhtäkkiä itsestään lopettanut antamasta success viestiä. Kertoo että sending, ja viesti tulee perille, muttei tule viestiä täyttäjälle että onnistuneesti lähetetty. html pohjainen sivusto, en nyt muista miten tuon aikanaan tein, joku reused_form näköjään käytetty apuna. Tässä jotain lisätietoa, eli sivun koodia ja form.js mikä palvelimella.

Koodi: 
<div class="sisalto">
            <script src='https://www.google.com/recaptcha/api.js'></script>
            <div class="row">
                <div>
                    <h2><strong><center>Ota Yhteyttä</center></strong></h2>
                    <h4> Tarjouspyyntö? Kysymys? Palaute?
                    Lähetä viestisi allaolevalla lomakkeella, ja olemme sinuun yhteydessä mahdollisimman pikaisesti! </h4>
                    <form role="form" method="post" id="reused_form" >
                        <div class="form-group">
                            <label for="name"> Nimi:</label>
                            <input type="text" class="form-control" id="name" name="name" required maxlength="50">
                        </div>
                        <div class="form-group">
                            <label for="email"> Sähköposti:</label>
                            <input type="email" class="form-control" id="email" name="email" required maxlength="50">
                        </div>
                        <div class="form-group">
                            <label for="number"> Puhelin:</label>
                            <input type="number" class="form-control" id="number" name="number" required maxlength="50">
                        </div>
                        <div class="form-group">
                            <label for="name"> Viesti:</label>
                            <textarea class="form-control" type="textarea" name="message" id="message" placeholder="Kirjoita viestisi tähän" maxlength="6000" rows="7"></textarea>
                        </div>
                        <div class="g-recaptcha" data-sitekey="6LeBteUdAAAAAPRq79ESyHCw-it_Riypcv5HSxvw"></div>
                        <br>
                        <button type="submit" class="btn btn-lg btn-success pull-right" id="btnContactUs">Lähetä! &rarr;</button>
                    </form>
                    <div id="success_message" style="width:100%; height:100%; display:none; "> <h3><img id="ok" src="IMG/peukku.png" style="width:100%; max-width:800px;" border="1"><br><br>
                    Kiitos, viestisi on vastaanotettu, otamme sinuun yhteyttä mahdollisimman pian!</h3> </div>
                    <div id="error_message" style="width:100%; height:100%; display:none; "> <h3>Virhe</h3>Hups, nyt meni jokin pieleen lomaketta lähettäessä. Yritäthän uudelleen tai ota meihin yhteyttä suoraan sähköpostilla asiakaspalvelu@oristone.fi</div>
                </div>
            </div>
        </div>

Koodi: 
$(function()
{
    function after_form_submitted(data)
    {
        if(data.result == 'success')
        {
            $('form#reused_form').hide();
            $('#success_message').show();
            $('#error_message').hide();
        }
        else
        {
            $('#error_message').append('<ul></ul>');

            jQuery.each(data.errors,function(key,val)
            {
                $('#error_message ul').append('<li>'+key+':'+val+'</li>');
            });
            $('#success_message').hide();
            $('#error_message').show();

            //reverse the response on the button
            $('button[type="button"]', $form).each(function()
            {
                $btn = $(this);
                label = $btn.prop('orig_label');
                if(label)
                {
                    $btn.prop('type','submit' );
                    $btn.text(label);
                    $btn.prop('orig_label','');
                }
            });
            
        }//else
    }

    $('#reused_form').submit(function(e)
      {
        e.preventDefault();

        $form = $(this);
        //show some response on the button
        $('button[type="submit"]', $form).each(function()
        {
            $btn = $(this);
            $btn.prop('type','button' );
            $btn.prop('orig_label',$btn.text());
            $btn.text('Sending ...');
        });
        

                    $.ajax({
                type: "POST",
                url: 'handler.php',
                data: $form.serialize(),
                success: after_form_submitted,
                dataType: 'json'
            });       
        
      });   
});
 
Gize sanoi:
Olisiko vinkkivitosta mistä lähtisi ratkomaan...yhteydenottolomake on yhtäkkiä itsestään lopettanut antamasta success viestiä. Kertoo että sending, ja viesti tulee perille, muttei tule viestiä täyttäjälle että onnistuneesti lähetetty. html pohjainen sivusto, en nyt muista miten tuon aikanaan tein, joku reused_form näköjään käytetty apuna. Tässä jotain lisätietoa, eli sivun koodia ja form.js mikä palvelimella.

Koodi: 
<div class="sisalto">
            <script src='https://www.google.com/recaptcha/api.js'></script>
            <div class="row">
                <div>
                    <h2><strong><center>Ota Yhteyttä</center></strong></h2>
                    <h4> Tarjouspyyntö? Kysymys? Palaute?
                    Lähetä viestisi allaolevalla lomakkeella, ja olemme sinuun yhteydessä mahdollisimman pikaisesti! </h4>
                    <form role="form" method="post" id="reused_form" >
                        <div class="form-group">
                            <label for="name"> Nimi:</label>
                            <input type="text" class="form-control" id="name" name="name" required maxlength="50">
                        </div>
                        <div class="form-group">
                            <label for="email"> Sähköposti:</label>
                            <input type="email" class="form-control" id="email" name="email" required maxlength="50">
                        </div>
                        <div class="form-group">
                            <label for="number"> Puhelin:</label>
                            <input type="number" class="form-control" id="number" name="number" required maxlength="50">
                        </div>
                        <div class="form-group">
                            <label for="name"> Viesti:</label>
                            <textarea class="form-control" type="textarea" name="message" id="message" placeholder="Kirjoita viestisi tähän" maxlength="6000" rows="7"></textarea>
                        </div>
                        <div class="g-recaptcha" data-sitekey="6LeBteUdAAAAAPRq79ESyHCw-it_Riypcv5HSxvw"></div>
                        <br>
                        <button type="submit" class="btn btn-lg btn-success pull-right" id="btnContactUs">Lähetä! &rarr;</button>
                    </form>
                    <div id="success_message" style="width:100%; height:100%; display:none; "> <h3><img id="ok" src="IMG/peukku.png" style="width:100%; max-width:800px;" border="1"><br><br>
                    Kiitos, viestisi on vastaanotettu, otamme sinuun yhteyttä mahdollisimman pian!</h3> </div>
                    <div id="error_message" style="width:100%; height:100%; display:none; "> <h3>Virhe</h3>Hups, nyt meni jokin pieleen lomaketta lähettäessä. Yritäthän uudelleen tai ota meihin yhteyttä suoraan sähköpostilla asiakaspalvelu@oristone.fi</div>
                </div>
            </div>
        </div>

Koodi: 
$(function()
{
    function after_form_submitted(data)
    {
        if(data.result == 'success')
        {
            $('form#reused_form').hide();
            $('#success_message').show();
            $('#error_message').hide();
        }
        else
        {
            $('#error_message').append('<ul></ul>');

            jQuery.each(data.errors,function(key,val)
            {
                $('#error_message ul').append('<li>'+key+':'+val+'</li>');
            });
            $('#success_message').hide();
            $('#error_message').show();

            //reverse the response on the button
            $('button[type="button"]', $form).each(function()
            {
                $btn = $(this);
                label = $btn.prop('orig_label');
                if(label)
                {
                    $btn.prop('type','submit' );
                    $btn.text(label);
                    $btn.prop('orig_label','');
                }
            });
           
        }//else
    }

    $('#reused_form').submit(function(e)
      {
        e.preventDefault();

        $form = $(this);
        //show some response on the button
        $('button[type="submit"]', $form).each(function()
        {
            $btn = $(this);
            $btn.prop('type','button' );
            $btn.prop('orig_label',$btn.text());
            $btn.text('Sending ...');
        });
       

                    $.ajax({
                type: "POST",
                url: 'handler.php',
                data: $form.serialize(),
                success: after_form_submitted,
                dataType: 'json'
            });      
       
      });  
});
Napsauta laajentaaksesi...
Voisko olla, että data.result sisältö jotain muuta kuin odotettu ja sen vuoksi epäonnistuu?
 
Gize sanoi:
Olisiko vinkkivitosta mistä lähtisi ratkomaan...yhteydenottolomake on yhtäkkiä itsestään lopettanut antamasta success viestiä. Kertoo että sending, ja viesti tulee perille, muttei tule viestiä täyttäjälle että onnistuneesti lähetetty. html pohjainen sivusto, en nyt muista miten tuon aikanaan tein, joku reused_form näköjään käytetty apuna. Tässä jotain lisätietoa, eli sivun koodia ja form.js mikä palvelimella.

Koodi: 
<div class="sisalto">
            <script src='https://www.google.com/recaptcha/api.js'></script>
            <div class="row">
                <div>
                    <h2><strong><center>Ota Yhteyttä</center></strong></h2>
                    <h4> Tarjouspyyntö? Kysymys? Palaute?
                    Lähetä viestisi allaolevalla lomakkeella, ja olemme sinuun yhteydessä mahdollisimman pikaisesti! </h4>
                    <form role="form" method="post" id="reused_form" >
                        <div class="form-group">
                            <label for="name"> Nimi:</label>
                            <input type="text" class="form-control" id="name" name="name" required maxlength="50">
                        </div>
                        <div class="form-group">
                            <label for="email"> Sähköposti:</label>
                            <input type="email" class="form-control" id="email" name="email" required maxlength="50">
                        </div>
                        <div class="form-group">
                            <label for="number"> Puhelin:</label>
                            <input type="number" class="form-control" id="number" name="number" required maxlength="50">
                        </div>
                        <div class="form-group">
                            <label for="name"> Viesti:</label>
                            <textarea class="form-control" type="textarea" name="message" id="message" placeholder="Kirjoita viestisi tähän" maxlength="6000" rows="7"></textarea>
                        </div>
                        <div class="g-recaptcha" data-sitekey="6LeBteUdAAAAAPRq79ESyHCw-it_Riypcv5HSxvw"></div>
                        <br>
                        <button type="submit" class="btn btn-lg btn-success pull-right" id="btnContactUs">Lähetä! &rarr;</button>
                    </form>
                    <div id="success_message" style="width:100%; height:100%; display:none; "> <h3><img id="ok" src="IMG/peukku.png" style="width:100%; max-width:800px;" border="1"><br><br>
                    Kiitos, viestisi on vastaanotettu, otamme sinuun yhteyttä mahdollisimman pian!</h3> </div>
                    <div id="error_message" style="width:100%; height:100%; display:none; "> <h3>Virhe</h3>Hups, nyt meni jokin pieleen lomaketta lähettäessä. Yritäthän uudelleen tai ota meihin yhteyttä suoraan sähköpostilla asiakaspalvelu@oristone.fi</div>
                </div>
            </div>
        </div>

Koodi: 
$(function()
{
    function after_form_submitted(data)
    {
        if(data.result == 'success')
        {
            $('form#reused_form').hide();
            $('#success_message').show();
            $('#error_message').hide();
        }
        else
        {
            $('#error_message').append('<ul></ul>');

            jQuery.each(data.errors,function(key,val)
            {
                $('#error_message ul').append('<li>'+key+':'+val+'</li>');
            });
            $('#success_message').hide();
            $('#error_message').show();

            //reverse the response on the button
            $('button[type="button"]', $form).each(function()
            {
                $btn = $(this);
                label = $btn.prop('orig_label');
                if(label)
                {
                    $btn.prop('type','submit' );
                    $btn.text(label);
                    $btn.prop('orig_label','');
                }
            });
            
        }//else
    }

    $('#reused_form').submit(function(e)
      {
        e.preventDefault();

        $form = $(this);
        //show some response on the button
        $('button[type="submit"]', $form).each(function()
        {
            $btn = $(this);
            $btn.prop('type','button' );
            $btn.prop('orig_label',$btn.text());
            $btn.text('Sending ...');
        });
        

                    $.ajax({
                type: "POST",
                url: 'handler.php',
                data: $form.serialize(),
                success: after_form_submitted,
                dataType: 'json'
            });       
        
      });   
});
Napsauta laajentaaksesi...
Aloittaisin katsomalla devtooleilla mitä rajapinta vastaa kun lähettää formin.
 
Sellasta tulisin kyselemään, onko kenelläkään ideaa millasen package.json scripti-viritelmän tarvis kahden electron appin paketoimiseen?

Eli projektissa on:
- pääohjelma(electron, /Main)
- käyttöliittymä(react+vite, /UI)
- apuohjelma(electron, /Helper)
apuohjelma pitäis saada buildattua pääohjelman kanssa samaan

alustavasti @electron/packager haluaa oman package.json tiedoston apuohjelmalle mutta se tuntuu jotenkin teippiratkaisulta, ideoita?
 
Ctzn_no7 sanoi:
Sellasta tulisin kyselemään, onko kenelläkään ideaa millasen package.json scripti-viritelmän tarvis kahden electron appin paketoimiseen?

Eli projektissa on:
- pääohjelma(electron, /Main)
- käyttöliittymä(react+vite, /UI)
- apuohjelma(electron, /Helper)
apuohjelma pitäis saada buildattua pääohjelman kanssa samaan

alustavasti @electron/packager haluaa oman package.json tiedoston apuohjelmalle mutta se tuntuu jotenkin teippiratkaisulta, ideoita?
Napsauta laajentaaksesi...
Siis kahden sovelluksen paketointi yhteen?
 
kolistelija sanoi:
Siis kahden sovelluksen paketointi yhteen?
Napsauta laajentaaksesi...
joo, eli ideaalisesti paketoinnin jälkeen ohjelman juurikansiossa olis pää- ja apuohjelmalle oma .exe, mutta voi sen apuohjelman sinne asar-pakettiinkin laittaa
(apuohjelmalle ei ole omaa UI:ta, se on vain taustaprosessi)

pääohjelma sitten tarvittaessa starttailee uusia instansseja apuohjelmasta
 
Viimeksi muokattu:
Kirjaudu tai rekisteröidy kirjoittaaksesi tänne.

Uutiset

Uutisia lyhyesti

Uusimmat viestit

Statistiikka

Viestiketjuista
295 674
Viestejä
5 047 871
Jäsenet
80 970
Uusin jäsen
Hippo_Plazamus

Hinta.fi

Back
Ylös Bottom